body { margin: 0; padding: 0; color: #ccc; background: #212121 url(images/bg.jpg) top left repeat-x; text-align: center; }
a img { border: none; }
form { margin: 0; }
#rap { display: block; width: 966px; text-align: left; margin: 0 auto; }
#hdr { display: block; width: 966px; height: 108px; position: relative; float: left; }
#hdr #logo { display: block; width: 178px; height: 56px; float: left; margin: 24px 0 0; background: url(images/logo.jpg) top left no-repeat; text-indent: -1000em; }
#hdr ul { list-style: none; margin: 66px 0 0 59px; padding: 0; float: left; display: block; width: 729px; height: 30px; }
#hdr ul li { float: left; margin: 0 1px; }
#hdr ul li a { display: block; height: 30px; width: 82px; text-indent: -1000em; background: url(images/nav.jpg) top left no-repeat; }
#hdr ul li a:hover, #hdr ul li.on a { background-position: 0 -30px; }
#hdr ul li#nav2 a { width: 116px; background-position: -84px 0; }
#hdr ul li#nav2 a:hover, #hdr ul li#nav2.on a { background-position: -84px -30px; }
#hdr ul li#nav3 a { width: 144px; background-position: -202px 0; }
#hdr ul li#nav3 a:hover, #hdr ul li#nav3.on a { background-position: -202px -30px; }
#hdr ul li#nav4 a { width: 114px; background-position: -348px 0;}
#hdr ul li#nav4 a:hover, #hdr ul li#nav4.on a { background-position: -348px -30px; }
#hdr ul li#nav5 a { width: 108px; background-position: -464px 0;}
#hdr ul li#nav5 a:hover, #hdr ul li#nav5.on a { background-position: -464px -30px; }
#hdr ul li#nav6 { margin: 0; }
#hdr ul li#nav6 a { width: 155px; background-position: -573px 0; }
#hdr ul li#nav6 a:hover, #hdr ul li#nav6.on a { background-position: -573px -30px; }
#main { float: left; width: 960px; border: 2px solid #333; background: #fff; }
#main.home { border: none; display: block; width: 964px; height: 401px; background: #333; }
#left { display: block; float: left; width: 578px; padding: 44px 42px 0 20px; font: 12px/18px Arial, Helvetica, serif; color: #565656 }
#left h1 { margin: 0 0 18px; font: 18px/24px Arial, Helvetica, sans-serif; color: #8eafd1; }
#left h1 strong { color: #221e1f; font-weight: normal; }
#left ul { list-style: none; margin: 0; padding: 0;  }
#left ul li { margin-bottom: 6px; }
.ftxt { font: 12px/14px Arial, Helvetica, sans-serif; width: 260px; border:1px solid #dfdfdf; }
.ftxt, .nine { margin-bottom: 4px; }
#left .txt { width: 360px; }
#left .hr { display: block; width: 578px; height: 1px; font-size: 0; line-height: 0; border-top: 1px solid #dedede; margin: 30px 0 16px; }
#right { display: block; float: left; width: 320px; background: #778ea8; height: 566px; }
#right form { display: block; width: 301px; height: 130px; padding: 62px 0 0 19px; background: url(images/contact-us2.gif) no-repeat; background-position: 19px 40px; }
#right form .nine { margin-top: 8px; }
#right form p { margin: 0; }

#ftr { display: block; width: 964px; float: left; margin: 0 1px 30px; }
#ch, #cgc, #om { display: block; width: 573px; height: 27px; background: url(images/san-diego-custom-homes.gif) top left no-repeat; margin: 31px 0 0; padding: 0; text-indent: -1000em; float: left; }
#cgc { width: 283px; height: 25px; background-image: url(images/california-general-contractor.gif); margin-left: 68px; }
#om { width: 551px; height: 38px; background-image: url(images/our-mission.gif); margin-top: 59px }
#ftr form { float: right; width: 260px; margin: 61px 63px 0 0; padding: 18px 0 0; background: url(images/contact-us.gif) top left no-repeat; }
#ftr input.ftxt { font: 12px/14px Arial, Helvetica, sans-serif; width: 250px; border: none; padding: 2px 5px; margin: 5px 0 0; }
#ftr span { float: left; font: 11px/13px Arial, Helvetica, sans-serif; margin: 35px 0 0; display: block; width: 351px; }
#ftr ul, #ftr ul li, #right ul { list-style: none; margin: 0; padding: 0; float: right }
#ftr form p, #ftr form p span { display: inline; margin: 0; width:auto; }
#ftr span img { margin: 0 6px -14px 0; }
#ftr input.nine, #right input.nine, #left input.nine { display: block; width: 41px; height: 11px; padding: 0; margin: 9px 0 0; border: none; text-indent: -1000em; background: url(images/submit.gif) top left no-repeat; float: left; }
#right input.nine { background-image: url(images/submit2.gif); }
#left .wpcf7-response-output { padding: 0; }
#left input.nine { background-image: url(images/submit.jpg); width: 100px; height: 26px; }

#main.proj { padding: 50px 0 30px; }
#projects, .pagenav, #projects a, #project, #info, #caption { display: block; width: 720px; float: left; }
#projects a { width: 173px; height: 129px; margin-right: 2px; text-decoration: none; font: 11px/16px Arial, Helvetica, sans-serif; color: #565656  }
#projects p a { height: auto; }
#projects a img { display: block; }
.ngg-galleryoverview { margin-top: 0 !important; }
li.pagenav { width: 235px; list-style: none; padding: 0; }

ul#nav { list-style: none; margin: 0; padding: 0; float: left; width: 235px }
.pagenav ul { margin: 0 0 0 10px; padding: 0; list-style: none; }
.pagenav ul ul { margin-bottom: 15px; }
.pagenav ul li a { font: 11px/16px Arial, Helvetica, sans-serif; font-weight: bold; color: #565656; text-transform: uppercase; text-decoration: none; padding-left: 10px; background: url(images/lioff.gif) no-repeat; background-position: 0 3px; }
.pagenav ul li a:hover { text-decoration: underline; }
.pagenav ul li.current_page_item a, .pagenav ul li.current_page_ancestor a { background-image:url(images/lion.gif) }
.pagenav ul li li a, .pagenav ul li.current_page_ancestor li a, .pagenav ul li.current_page_item li a, .pagenav ul li.current_page_ancestor li.current_page_item a { font-weight: normal; text-transform: none; background-image:url(images/plus.gif) }
.pagenav ul li.page_item ul { display: none; }
.pagenav ul li.page_item.current_page_ancestor ul, .pagenav ul li.page_item.current_page_item ul { display: block; }

#project { font: 12px/18px Arial, Helvetica, sans-serif; color: #565656; }

#info { width: 375px; margin: 15px 30px 0 0; }
#info h1, #projects h1 { font-size: 28px; line-height: 30px; color: #8eafd1; font-weight: normal; margin: 0; }
#projects h1 { font-family: Arial; margin-bottom: 120px }
#caption { width: 284px; margin: 15px 0 0}
#caption strong { display: block;  color: #8eafd1; font-size: 13px; margin: 10px 0 14px; }

#img, #img a, #img img { float: left; }
#img { display: block; width: 700px; }
#img a.prev, #img a.next { display: block; width: 28px; height: 480px; background: #d7d7d7 url(images/prev.gif) center center no-repeat; margin-right: 2px; }
#img a.next { background-image: url(images/next.gif); margin: 0 0 0 2px; }
.piclenselink {  display: none; }