html, body {height: 101%;}
body{margin:0; background:#666666;font: 12px verdana, sans-serif; color:white;}

/*General*/
div.clear{clear:both;}
img{border:none;}

div#page{width:726px; margin:auto; padding-top:50px;}

a{color:#36c5f5;}
p, h1{line-height:140%;}
h1{font-size:100%;}
span.highlight{color:#36c5f5; font-weight:bold;}
.blue{color:#36c5f5;}

/* fix for stupid stupid stupid IE and background positioning of nav active states */
div#content{position:absolute; top:90px; width:726px;}


/*NAV*/
div#headerNav{padding-bottom:5px; }

a#logoLink{display:block; float:left; width:161px; height:33px; background: url("images/nav/logoBut.png") 0 0 no-repeat; }
a#logoLink:hover{background-position: 0 -33px;}

div#navButs{float:right;}
div#navButs a{height:33px; display:block; float:left; padding-left:10px;}

a{outline:none;}

a#homeBut{background: url("images/nav/homeBut.png") 0 0 no-repeat; width:38px;}
a#homeBut:hover, body.home a#homeBut{background-position: 0 -33px;}


a#aboutBut{background: url("images/nav/aboutBut.png") 0 0 no-repeat; width:40px;}
a#aboutBut:hover, body.about a#aboutBut{background-position: 0 -33px;}

a#portfolioBut{background: url("images/nav/portfolioBut.png") 0 0 no-repeat; width:59px;}
a#portfolioBut:hover, body.portfolio a#portfolioBut{background-position: 0 -33px;}

a#clientBut{background: url("images/nav/clientBut.png") 0 0 no-repeat; width:71px;}
a#clientBut:hover, body.client a#clientBut{background-position: 0 -33px;}

a#pricesBut{background: url("images/nav/pricesBut.png") 0 0 no-repeat; width:46px;}
a#pricesBut:hover, body.pricing a#pricesBut{background-position: 0 -33px;}

a#testimonialsBut{background: url("images/nav/testimonialsBut.png") 0 0 no-repeat; width:84px;}
a#testimonialsBut:hover, body.testimonials a#testimonialsBut{background-position: 0 -33px;}

a#linksBut{background: url("images/nav/linksBut.png") 0 0 no-repeat; width:30px;}
a#linksBut:hover, body.links a#linksBut{background-position: 0 -33px;}

a#contactBut{background: url("images/nav/contactBut.png") 0 0 no-repeat; width:51px;}
a#contactBut:hover, body.contact a#contactBut{background-position: 0 -33px;}

/*SLIDESHOW*/
div#fadeshow1{border:4px solid #333333;}

/*SLIDESHOW NAV*/
div#slideshowtoggler{padding-top:10px; float:left;}
div#slideshowtoggler a{height:15px; width:15px; display:block; float:left;margin:0 5px 0 0;}
div#slideshowtoggler a.play{background:url(images/slideshowNav/play.png) no-repeat;}
div#slideshowtoggler a.pause{background:url(images/slideshowNav/pause.png);}
div#slideshowtoggler a.prev{background:url(images/slideshowNav/prev.png);}
div#slideshowtoggler a.next{background:url(images/slideshowNav/next.png);}
div#slideshowtoggler a:hover{background-position: 0 -15px;}
span.status{font-size:85%; font-weight:normal; padding-left:5px;}

div#titleTag{float:right;color:#36c5f5; font-size:110%;padding:7px 5px 0 0;}

/*CLIENT AREA*/
a.clientBox{float:left; margin:20px 35px 0 0; padding:10px; background:#e4e4e4; color:#666666; width:124px; display:block; text-decoration:none;}
a.clientBox:hover{background:#0fa7d9; color:white;}
a.clientBox img{display:block; width:123px; height:92px;}
a.clientBox span.name{text-align:center; display:block; padding-top:8px; font-size:90%;}

/*LOG IN*/
div#loginBox{text-align:center; background:#5d5d5d; padding:10px; width:450px; margin:100px auto;}
div#loginBox input{margin-top:15px; border:1px solid #cccccc; background:#333333; color:white;}
a#submit{display:block; text-align:center; color:white;padding-top:10px; font-size:90%;}
div#error{background:#990000; padding:5px;margin-top:10px;}

/*INDIVIDUAL CLIENTS AREAS*/
div#thumbs{text-align:center; width:900px; margin-left:-100px;}
img.thumb{border:5px solid #333333; margin:5px;}

/*Testimonials*/
div.testimonial{ background:url(images/quotes.png) no-repeat; padding: 5px 60px 5px 40px; margin:10px 0;}

/*LINKS*/
body.links h1{padding-top:20px;}