/* CSS Document */

body{ padding:0; margin:0; padding:0; background-color:#0066cc; }

#banner{ background:url(../images/banner.png) no-repeat; height:150px; width:980px; margin:0 auto; }

.inner{ width:980px; margin:0 auto; background-color:#FFFFFF; }
.main-content{ width:820px; float:right; margin-left:10px; margin-top:20px; background-color:#FFFFFF; }
#home .main-content {margin-top:0; }

/*---------
Generic Classes
*/

.right{ float:right; margin:10px 5px 10px 15px; }
#promo div.right{ margin-top:-10px; }
#promo div.right img{ margin-bottom:10px; }
#home .left{ float:left; margin:10px 8px 10px 8px; display:inline; }
#home .left a img{ border:0; }
.clear{ clear:both; height:1px; }

/*---------
Top Navigation
*/

#topNav{ width:420px; height:25px; float:right; margin:0; padding:5px 15px; top:0; background:url(../images/background-topNav.png) no-repeat;}

#topNav ul{ list-style:none; list-style-image:none; margin:0; padding:0; }
#topNav ul li{ float:left; display:block; margin-right:40px; color:#FFF; }

#topNav ul li a{ color:#fff; text-decoration:none;}
#topNav ul li a:hover{ color:#000; text-decoration:none;}
#topNav ul li a:visited{ color:#fff; text-decoration:none; }

/*---------
Side Navigation
*/

#nav{ width:150px; float:left; background:url(../images/background-sidenav.png) repeat-y; height:100%; }
#nav h4{ padding:20px 20px 10px 35px; }

#nav ul{ list-style:none; list-style-image:none; margin:0; padding:0; }
#nav ul li{ float:left; width:120px; display:block; height:35px; padding:10px; border-bottom:#cccccc 1px solid; }

#nav ul li span{ text-transform:uppercase; font-size:10px; color:#0066CC; display:block; margin-top:5px; }

#nav ul li a:link{ text-decoration:none; color:#333; }
#nav ul li a span{color:#0066cc; text-decoration:none; }
#nav ul li a:hover span{color:#0099FF; }
#nav ul li a:visited{ color:#333; text-decoration:none; }
#nav ul li a:visited span{color:#0066cc; text-decoration:none; }

/*---------
Showcase
*/

.recent-work{margin-bottom:10px; }
.showcase{ width:350px; float:right; margin-right:25px; display:inline; }
.showcase a img{border:#0066cc 2px solid; }
.showcase a:hover img{ border:#000 2px solid;}


/*---------
Footer
*/

#footer{ width:940px; margin:0 auto; padding:15px 20px; clear:both; }