body {color: #EEE; margin:0px auto 0px auto; text-align:center;	background: #000 url(../images/bg.gif) bottom right no-repeat;	font: 11px/18px verdana, geneva, arial, helvetica, sans-serif;}
p {text-align:left; font-size:11px;}
body a {color: #D5BF79;}
body a:visited, body a:hover {color: #998957;}
h1, h2, h3 {font-size:16px; text-align:left; font-wieght:bold; line-height:18px; padding-top:10px;}

/* Header styles */
#header{ height:85px; width:770px; margin:6px auto 0px auto;}
#logo h1{background:transparent url(../images/logo.gif) no-repeat; float:left; width:275px; height:85px; margin:0; padding:0; text-indent:-9999px;}
#wrapper {margin:0px auto 0px auto; width:770px;}
#homeBanner{margin:0px auto 0px auto; width:100%; height:350px; background: url(../images/bg_homebanner.gif) repeat-x;}   
#banner, #gallery_banner{margin:0px auto 0px auto; width: 100%; height: 200px;}
#banner{background:url(../images/banner_bg.gif) repeat-x;}
#gallery_banner{background:url(../images/banner_gallerybg.gif) repeat-x;}
   
/* Navigation styles */
#nav {float: right; margin: 0; padding: 60px 0 5px 0px;}
#navlist{margin: 0; padding: 0; border-bottom: 0px solid #FFF;}
#navlist ul, #navlist li {margin: 0; padding: 0; display: inline; list-style-type: none;}
#navlist a:link, #navlist a:visited {margin: 0 10px 4px 10px; text-decoration: none; color: #C0C0C0;}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {border-bottom: 2px solid #FFF; padding-bottom: 2px; color: #FFF;}

#bottom_nav {margin: 0; padding:5px 0px;}
#bottom_navlist{margin: 0; padding: 0;}
#bottom_navlist ul, #bottom_navlist li {margin: 0; padding: 0; display: inline; list-style-type: none;}
#bottom_navlist a {margin: 0 10px 4px 10px; text-decoration: none; color: #333;}
#bottom_navlist a:hover {color: #C0C0C0;}

/*Styles for titles*/
#gallery h2, #services h2, #philosophy h2, #contact h2{text-indent: -9999px; padding:0; margin:8px 0; height:40px;} 
#gallery h2 {background: url(../images/titles/gallery.gif) no-repeat left;}  
#services h2 {background: url(../images/titles/services.gif) no-repeat left;} 
#philosophy h2 {background: url(../images/titles/philosophy.gif) no-repeat left;}  
#contact h2 {background: url(../images/titles/contact.gif) no-repeat left;} 
    
    
#leftCol{float:left;text-align:left; width:400px; padding: 0 20px 0 0;}
#rightCol{float:right; width:275px;  padding: 0;}
#leftPhoto{width:130px; float:left;}
#rightPhoto{width:130px; float:right;}
/* Footer styles*/
#footer{clear: both; color: #333; font-size:10px; padding: 20px 0 10px 0; width:770px; margin:0px auto 0px auto;}
#footer a {color:#333; text-decoration:none;}
#copy{ float:left;}
#credit{ float:right;}

/*Styles for image padding */
.pad {padding:3px;}
.thumb1 {border-right:15px solid black; border-bottom:12px solid black; padding-top:0;}
.thumb2 {border-bottom:12px solid black; padding-top:0;}
/* Gallery Styles */
#projectBanner{height: 200px;}
#galleryContent {margin:0px auto 0px auto; text-align:left; font-size:11px;}
.gallery th {font-size:12px; font-weight:bold; text-align:center; padding-bottom:5px;}
.gallery td{text-align:center;}
.gallery p {text-align:left; padding-left:4px;} 


#projectDescription{float:left; width: 240px;  padding: 0px;}
#projectThumbs{float:left; width: 320px; padding-left:20px;}

/*Styles for navigation on gallery pages */
#navcontainer { float:left; width: 180px; margin:0; padding:0;}
#navcontainer ul{margin-left: 0; padding-left: 0; list-style-type: none;}
#navcontainer a{display: block;padding: 5px; width: 150px; border-bottom: 1px solid #FFF; text-decoration:none;}
#navcontainer a.here{background:#A39148; color: #000; text-decoration: none;}
#navcontainer a:hover{ color: #fff;}