@charset "UTF-8";
/* CSS Document */

body { text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666666; line-height:15px; }

#global_wrap { width:806px; margin: 0 auto; text-align:left; }

#header { position:relative; float:left; padding-bottom:15px; top:0px; left:0px; }

#logo { position:relative; float:left; width:364px; padding-top:2px; top:0px; left:0px; }

#nav { position:relative; float:left; left:22px; text-align:center; width:420px; }


/* navigation off */

#nav_about {position:relative; float:left; left:0px; width:80px; height:20px; padding-top:5px; }

#nav_projects {position:relative; float:left; left:5px; width:80px; height:20px; padding-top:5px; }

#nav_news { position:relative; float:left; left:16px; width:80px; height:20px; padding-top:5px; }

#nav_links { position:relative; float:left; left:15px; width:80px; height:20px; padding-top:5px;  }

#nav_contact { position:relative; float:left; left:20px; width:80px; height:20px; padding-top:5px; }


/* navigation on: active page */

#nav_about_on {position:relative; float:left; left:0px; width:80px; height:20px; padding-top:5px; background-color:#d18316; font-weight:200; color:#ffffff; }

#nav_projects_on {position:relative; float:left; left:5px; width:80px; height:20px; padding-top:5px; background-color:#d18316; font-weight:200; color:#ffffff; }

#nav_news_on { position:relative; float:left; left:16px; width:80px; height:20px; padding-top:5px; background-color:#d18316; font-weight:200; color:#ffffff; }

#nav_links_on { position:relative; float:left; left:15px; width:80px; height:20px; padding-top:5px; background-color:#d18316; font-weight:200; color:#ffffff;  }

#nav_contact_on { position:relative; float:left; left:20px; width:80px; height:20px; padding-top:5px; background-color:#d18316; font-weight:200; color:#ffffff; }

h2 { margin-top:0px; font-size:14px; font-weight:bold; color:#787878; }

h3 { margin-top:0px; font-size:14px; color:#787878; margin-bottom:5px; }

.orangetext { color:#d18316; }


a.orange { font-family:Arial, Helvetica, sans-serif; color:#d18316; text-decoration:none; }

a.orange:hover { font-family:Arial, Helvetica, sans-serif; color:#d18316; text-decoration:underline; }



a { font-family:Arial, Helvetica, sans-serif; color:#ffffff;}

a:hover { color:#d18316; }

a.main_nav { font-family:Arial, Helvetica, sans-serif; color:#545454; text-decoration:none; }

a.main_nav:hover { font-family:Arial, Helvetica, sans-serif; color:#d18316; text-decoration:none; }

#body_content { position:relative; float:left; padding-top:5px; padding-bottom:5px; width:806px;}


#heroshot { position:relative; float:left; width:296px; padding-right:5px; padding-bottom:10px; }

#about_text { position:relative; float:left; width:495px; padding-left:5px; }

#about_text p { padding-bottom:10px;}

.tablepad { padding-top:5px; }


.gallery { position:relative; float:left; width:806px; padding-bottom:10px; padding-left:2px; }



#photo_main_01, #photo_main_02, #photo_main_03, #photo_main_04 {position:relative; float:left; width:144px; height:144px; padding-right:20px; }

#photo_main_05 {position:relative; float:left; width:144px; height:144px; }


#photo_main_01 { background:url(images/projects_thouse.jpg) no-repeat; }
a:hover #photo_main_01 { width:144px; height:144px; background:url(images/projects_thouse_over.jpg) no-repeat; }

#photo_main_02 { background:url(images/projects_broderick.jpg) no-repeat; }
a:hover #photo_main_02 { width:144px; height:144px; background:url(images/projects_broderick_over.jpg) no-repeat; }

#photo_main_03 { background:url(images/projects_claystreet.jpg) no-repeat; }
a:hover #photo_main_03 { width:144px; height:144px; background:url(images/projects_claystreet_over.jpg) no-repeat; }

#photo_main_04 { background:url(images/projects_skyspace.jpg) no-repeat; }
a:hover #photo_main_04 { width:144px; height:144px; background:url(images/projects_skyspace_over.jpg) no-repeat; }

#photo_main_05 { background:url(images/projects_russianhill.jpg) no-repeat; }
a:hover #photo_main_05 { width:144px; height:144px; background:url(images/projects_russianhill_over.jpg) no-repeat; }

#photo_main_06 { background:url(images/projects_duncan.jpg) no-repeat; }
a:hover #photo_main_06 { width:144px; height:144px; background:url(images/projects_duncan_over.jpg) no-repeat; }


#photo_main_06, #photo_main_07, #photo_main_08, #photo_main_09 {position:relative; float:left; width:144px; height:144px;  padding-right:20px; } 
#photo_main_10 {position:relative; float:left; width:144px; height:144px; }


#photo_main_07 { background:url(images/projects_edgehill.jpg) no-repeat; }
a:hover #photo_main_07 { width:144px; height:144px; background:url(images/projects_edgehill_over.jpg) no-repeat; }


#photo_main_08 { background:url(images/projects_pacificheights.jpg) no-repeat; }
a:hover #photo_main_08 { width:144px; height:144px; background:url(images/projects_pacificheights_over.jpg) no-repeat; }


#photo_main_09 { background:url(images/projects_vallejo.jpg) no-repeat; }
a:hover #photo_main_09 { width:144px; height:144px; background:url(images/projects_vallejo_over.jpg) no-repeat; }


#photo_main_10 { background:url(images/projects_nobhill.jpg) no-repeat; }
a:hover #photo_main_10 { width:144px; height:144px; background:url(images/projects_nobhill_over.jpg) no-repeat; }


/*#photo_main_10 { background:url(images/projects_jackson.jpg) no-repeat; }
a:hover #photo_main_10 { width:144px; height:144px; background:url(images/projects_jackson_over.jpg) no-repeat; }
*/
#project_text { position:relative; float:left; width:220px; padding-left:5px; }

#project_view {position:relative; float:left; width:565px; padding-right:5px; }




#footer { position:relative; float:left; width:806px; height:25px; background-color:#484d4d; text-align:center; font-size:11px; color:#FFFFFF; padding-top:10px; }