html, body { margin: 0; padding: 0; }
body { background: #564637 url(bg.jpg) 0 0 repeat-x ; font: .76em/1.4em Arial, Helvetica, sans-serif; color: #312820; text-align:center; /* keep this for incomp. browsers */ }
/* ___ Misc ______________________________________________________*/
img { border:0; }
.hr { background: url(divider.gif) repeat-x; height: 1px; margin:0; padding:0;}
hr.full { background: url(rule_full.gif) -32px 0 no-repeat; height: 10px; border:0; margin:0; padding:0; }
hr.none { display:none;} /* Needed for customer underlines */
a, a:link,
a:visited,
a:active { color:#3F73C0; text-decoration:none; font-weight:bold; font-size:1em; line-height:2em; border-bottom:1px solid #D5D5D5; }
a:hover { color: #9A381E; /*border-bottom:1px solid #5F76A0;*/ border-bottom:1px solid #9A381E; }
a.nostyle, a.nostyle:active, a.nostyle:visited, a.nostyle:link, a.nostyle:hover { font-size: 11px; border: 0; }
a.project, a.project:visited, a.project:active, a.project:link
{ border-bottom:1px solid #D5D5D5; color:#3F73C0; font-weight: normal; font-size:1em; line-height: 1em; }
a.project:hover { color:#9A381E; border-bottom:1px solid #9A381E; }
a.img, a.img:visited, a.img:link, a.img:active, a.img:hover { border:0; }
p { margin: 0; padding: 0;}
h1, h2, h3, h4 { margin: 0; padding: 0; }
.clear40 { clear:both; height:40px; overflow:hidden; }
.clear20 { clear:both; height:20px; overflow:hidden; }
.clear { clear:both; height:1px; overflow:hidden; }
span.bold { font-weight:bold; line-height:2em; }
span.upper {text-transform:uppercase; }
/* ___ Header Image Replacement ______________________________________________________*/
#header h1 { margin: 0; padding: 0; font-size:7px; }
#header h2, #header h4 { display: none; font-size:7px; }
#header { width: 760px; padding: 0; height: 100px; position:relative; }
#index #header { background: transparent url(header_home.jpg) no-repeat; }
#services2 #header { background: transparent url(header_services.jpg) no-repeat; }
#gallery2 #header { background: transparent url(header_img_sunflower.jpg) no-repeat; }
#project2 #header { background: transparent url(header_project.jpg) no-repeat; }
#testimonials2 #header { background: transparent url(header_testimonials.jpg) no-repeat; }
#links2 #header { background: transparent url(header_img_sunflower.jpg) no-repeat; }
#contact2 #header { background: transparent url(header_contact.jpg) no-repeat; }
#logo { border: 0px; background:transparent url(logo.gif) no-repeat 18px 15px; text-indent:-1000em; float:left; display:block; height:83px; width: 245px;}
h2.welcome { background: url(welcome.gif) 0 0 no-repeat; width: 80px; height: 18px; text-indent:-1000em; margin: 0 0 0 55px; }
h2.recentProjects { background: url(recentprojects.gif) 5px 0 no-repeat; width: 160px; height: 18px; text-indent:-1000em; }
h2.services { background: url(services.gif) 55px 0 no-repeat; width: 130px; height: 19px; text-indent:-1000em; margin: 0 0 8px 0; }
h2.gallery { background: url(gallery.gif) 55px 0 no-repeat; width: 119px; height: 23px; text-indent:-1000em; margin: 0 0 8px 0; }
h2.project { background: url(project.gif) 55px 0 no-repeat; width: 200px; height: 23px; text-indent:-1000em; margin: 0 0 8px 0; }
h2.testimonials { background: url(testimonials.gif) 55px 0 no-repeat; width: 168px; height: 23px; text-indent:-1000em; margin: 0 0 8px 0; }
h2.links { background: url(links.gif) 55px 0 no-repeat; width: 160px; height: 18px; text-indent:-1000em; margin: 0 0 8px 0; }
h2.contact { background: url(contact.gif) 55px 0 no-repeat; width: 160px; height: 18px; text-indent:-1000em; margin: 0 0 8px 0 }
/* ___ Layout ______________________________________________________*/
#intro { position: relative;}
#container { width:760px; margin: 25px auto 0 auto; text-align: center; }
#container h3 { background: url(bg_main_top.jpg) no-repeat 0 0; height: 149px; }
#content { background: transparent url(bg_main.jpg) repeat-y; text-align:left; padding-top:2.5em; padding-bottom:3em; margin:0; }
h4.rule { background: url(dot.gif) 0 2px repeat-x; margin:0 0 0 55px; padding:0; }
h4.rule2 { background: url(dot.gif) 0 2px repeat-x; margin: 0 45px 0 5px; padding:0; }
#content p.underline{ margin:0 45px 7px 55px; padding:0; font-weight:bold; background: url(dot.gif) 0 16px repeat-x; }
#content p.moveup { margin:0 45px 0 55px; float:right; position:relative; top:-5px; padding:0; }
* html #content p.moveup { margin:0 25px 0 55px; }
#content p.bold { margin:0 45px 7px 55px; padding:0; font-weight:bold; }
#content p.bold2 { margin:0 0 7px 0; padding:0; font-weight:bold; background: url(dot.gif) 0 21px repeat-x; width: 300px; line-height: 2em; }
#content p.plain { margin:0 45px 10px 55px; padding:0; }
#content p.quote { margin:0 45px 5px 55px; padding-left:22px; padding-right:15px; background:url(img_open_quote.gif) 0 4px no-repeat;}
#content p.italic { font-style:italic; text-align:right; padding:0; margin:0 75px 0 0; }
#content p.beforeAfter { text-align:right; padding:0 13px 4px 0; margin:0; font-size: 11px; font-weight:bold; color:#666666; }
#content p.click_mgs { text-align:right; padding:0 13px 0 0; margin:0; font-size:10px; clear:both; }
.left { float:left; width: 355px; margin:0; }
.right { margin: 0 0 0 395px; padding:0; }
.img_float_wrap { margin:0; padding:0; width: 725px; }
.img_float_wrap p { margin:0 15px 10px 55px; padding:0; text-align:justify; }
.img_float { float:right; margin: 0 0 0 0; padding:0 0 5px 0; }
.thumb_wrap { height: 60px; width: 436px; padding: 0; }
.thumbnail {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; cursor:pointer; padding-bottom:1px; float:left; width: 57px; margin: 0 3px 0 0; }
img.thumbnail:hover,
img.thumbnail_active { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
.thumb_wrap_rt { height: 60px; width: 436px; padding: 0 20px 0 0; }
.thumbnail_rt { float:right; width: 57px; margin: 0 3px 0 0; }
.thumbnail_space { float:left; width: 57px; margin: 0 8px 0 0; }
#content .left p { margin: 0 0 0 55px; }
p.intro { line-height: 1.8em; }
.recent { padding: 0 45px 0 5px; }
.img_holder { background: url(img_shadow.jpg) 0 0 no-repeat; width: 317px; height: 96px; padding-left: 10px; padding-top: 10px; }
.img_holder_port { background: url(frame_port.gif) 80px 0 no-repeat; width: 330px; height: 426px; padding:10px 0 0 90px; margin:0;}
.img_holder_port2 { background: url(frame_port2.gif) 80px 0 no-repeat; width: 325px; height: 433px; padding:10px 0 0 90px; margin:0;}
.img_holder_land { background: url(frame_land.gif) 25px 43px no-repeat; width: 426px; height: 330px; padding: 53px 0 53px 35px; margin:0; }
.img_holder_land2 { background: url(frame_land2.gif) 30px 43px no-repeat; width: 433px; height: 325px; padding: 53px 0 65px 40px; margin:0; }
.img_holder_land3 { background: url(frame_land3.gif) 25px 0 no-repeat; width: 433px; height: 433px; padding: 10px 0 0 35px; margin:0; }
/* ___ Navigation ______________________________________________________*/
#nav { background: transparent url(bg_nav.jpg) 0 0 no-repeat; padding:2px 0 0 0; width:760px; height: 25px; list-style-type: none; overflow: hidden; }
ul#buttons { position:relative; left:75px; margin: 0 0 0 94px; padding:0; list-style-type: none; width:auto; height:0; }
* html ul#buttons { top: 100px;}
ul#buttons li a { position: absolute; top:0; width: 760px; text-indent: -1000em; text-decoration: none; padding: 22px 0 0 0;
overflow: hidden; height: 0px !important; height /**/:22px; /* IE5/Win */ background: transparent url(nav.jpg) 0 1px no-repeat; border:0; }
body#index li#home a { background-position: 0 -45px; left: 0; width:83px; }
body#index li#home a:hover { background-position: 0 -45px; }
body#index li#services a { background-position: -84px 1px; left: 84px; width:102px; }
body#index li#services a:hover { background-position: -84px -22px;}
body#index li#gallery a { background-position: -187px 1px; left: 187px; width:92px; }
body#index li#gallery a:hover { background-position: -187px -22px; }
body#index li#testimonials a { background-position: -280px 1px; left: 280px; width:131px; }
body#index li#testimonials a:hover { background-position: -280px -22px; }
body#index li#links a { background-position: -412px 1px; left: 412px; width:81px; }
body#index li#links a:hover { background-position: -412px -22px; }
body#index li#contact a { background-position: -494px 1px; left: 494px; width:117px; }
body#index li#contact a:hover { background-position: -494px -22px; }
body#services2 li#home a { background-position: 0 1px; left: 0; width:83px; }
body#services2 li#home a:hover { background-position: 0 -22px; }
body#services2 li#services a { background-position: -84px -45px; left: 84px; width:102px; }
body#services2 li#services a:hover { background-position: -84px -45px; }
body#services2 li#gallery a { background-position: -187px 1px; left: 187px; width:92px; }
body#services2 li#gallery a:hover { background-position: -187px -22px; }
body#services2 li#testimonials a { background-position: -280px 1px; left: 280px; width:131px; }
body#services2 li#testimonials a:hover { background-position: -280px -22px; }
body#services2 li#links a { background-position: -412px 1px; left: 412px; width:81px; }
body#services2 li#links a:hover { background-position: -412px -22px; }
body#services2 li#contact a { background-position: -494px 1px; left: 494px; width:117px; }
body#services2 li#contact a:hover { background-position: -494px -22px; }
body#gallery2 li#home a { background-position: 0 1px; left: 0; width:83px; }
body#gallery2 li#home a:hover { background-position: 0 -22px; }
body#gallery2 li#services a { background-position: -84px 1px; left: 84px; width:102px; }
body#gallery2 li#services a:hover { background-position: -84px -22px; }
body#gallery2 li#gallery a { background-position: -187px -46px; left: 187px; width:92px; }
body#gallery2 li#gallery a:hover { background-position: -187px -46px; }
body#gallery2 li#testimonials a { background-position: -280px 1px; left: 280px; width:131px; }
body#gallery2 li#testimonials a:hover { background-position: -280px -22px; }
body#gallery2 li#links a { background-position: -412px 1px; left: 412px; width:81px; }
body#gallery2 li#links a:hover { background-position: -412px -22px; }
body#gallery2 li#contact a { background-position: -494px 1px; left: 494px; width:117px; }
body#gallery2 li#contact a:hover { background-position: -494px -22px; }
body#testimonials2 li#home a { background-position: 0 1px; left: 0; width:83px; }
body#testimonials2 li#home a:hover { background-position: 0 -22px; }
body#testimonials2 li#services a { background-position: -84px 1px; left: 84px; width:102px; }
body#testimonials2 li#services a:hover { background-position: -84px -22px; }
body#testimonials2 li#gallery a { background-position: -187px 1px; left: 187px; width:92px; }
body#testimonials2 li#gallery a:hover { background-position: -187px -22px; }
body#testimonials2 li#testimonials a { background-position: -280px -46px; left: 280px; width:131px; }
body#testimonials2 li#testimonials a:hover { background-position: -280px -46px; }
body#testimonials2 li#links a { background-position: -412px 1px; left: 412px; width:81px; }
body#testimonials2 #links a:hover { background-position: -412px -22px; }
body#testimonials2 li#contact a { background-position: -494px 1px; left: 494px; width:117px; }
body#testimonials2 li#contact a:hover { background-position: -494px -22px; }
body#links2 li#home a { background-position: 0 1px; left: 0; width:83px; }
body#links2 li#home a:hover { background-position: 0 -22px; }
body#links2 li#services a { background-position: -84px 1px; left: 84px; width:102px; }
body#links2 li#services a:hover { background-position: -84px -22px; }
body#links2 li#gallery a { background-position: -187px 1px; left: 187px; width:92px; }
body#links2 li#gallery a:hover { background-position: -187px -22px; }
body#links2 li#testimonials a { background-position: -280px 1px; left: 280px; width:131px; }
body#links2 li#testimonials a:hover { background-position: -280px -22px; }
body#links2 li#links a { background-position: -412px -46px; left: 412px; width:81px; }
body#links2 li#links a:hover{ background-position: -412px -46px; }
body#links2 li#contact a { background-position: -494px 1px; left: 494px; width:117px; }
body#links2 li#contact a:hover { background-position: -494px -22px; }
body#contact2 li#home a { background-position: 0 1px; left: 0; width:83px; }
body#contact2 li#home a:hover { background-position: 0 -22px; }
body#contact2 li#services a { background-position: -84px 1px; left: 84px; width:102px; }
body#contact2 li#services a:hover { background-position: -84px -22px; }
body#contact2 li#gallery a { background-position: -187px 1px; left: 187px; width:92px; }
body#contact2 li#gallery a:hover { background-position: -187px -22px; }
body#contact2 li#testimonials a { background-position: -280px 1px; left: 280px; width:131px; }
body#contact2 li#testimonials a:hover { background-position: -280px -22px; }
body#contact2 li#links a { background-position: -412px 1px; left: 412px; width:81px; }
body#contact2 li#links a:hover { background-position: -412px -22px; }
body#contact2 li#contact a { background-position: -494px -46px; left: 494px; width:117px; }
body#contact2 li#contact a:hover { background-position: -494px -46px; }
/*__LISTS _____________________________________________________*/
ul { list-style:none; }
ul li { list-style:none; list-style-image: none; display:inline; }
#container ul { margin:0; padding:0; width:auto; list-style:none; }
#content ul { margin: 10px 45px 0 55px; }
#content ul li.bullet { background: no-repeat 0 8px url(list_square.gif); padding-left:1em; display:block; }
ul li.right { list-style:none; float:right;}
/* ___ Footer ______________________________________________________*/
#copy { margin: 0 auto; padding: 0 0 30px 0; }
#copy ul.copyright { color: #312720; padding:0; margin:0; list-style:none; }
#copy ul.copyright li { font-size:9px; }
#copy ul.copyright a { font-size:9px; color: #312720; border: 0; text-decoration:none; }
#copy ul.copyright a:hover { color: #9A381E;}
#footer { clear: both; background: url(bg_foot.jpg) no-repeat 0 0; height:27px; margin: 0 auto; text-align:center; }
#footer li { display:inline; }
#footer ul { padding:0; margin: 0 auto; list-style:none; font-size: .90em; }
#footer ul li.square { background: no-repeat 0 5px url(list_square.gif); margin: 0 0 0 7px; padding-left:17px;}
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active { color:#9A381E; font-weight:normal; text-decoration:none; border: 0; }
#footer a:hover { text-decoration:underline; color:black; background: none; }
ul#thumbs { position:relative; padding:0; margin:0; width:463px; height:57px; }
ul#thumbs li { margin:0; padding: 0 4px 0 0; list-style:none; position:relative; background:none; height:57px; width:57px; float:right; }
ul#thumbs li a { text-indent:-9999px; text-decoration:none; height:57px; background: none; display:block; border:0; }
ul#thumbs li a:hover { background-position: bottom right; }
ul#thumbs li a.active { background-position: 0 0; }