@charset "utf-8"; /* ####### RESET CSS ####### */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent} body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* ####### RESET CSS ####### */ /* ####### DEFAULT CSS ####### */ html{overflow-y:scroll} body{background:#959595 url(/bg.jpg); font:11px Verdana, Geneva, sans-serif} a{color:#fff} a:hover{text-decoration:none} a.top{background:transparent url(/lnk_top.gif) left center no-repeat; padding-left:10px} a.external{padding-right:15px; background:transparent url(/icon_external_link.gif) center right no-repeat} .align_right{text-align:right} .italic{font-style:italic} .error, .success{background:#888 url(/bg_submit.gif) left top repeat-y; border:solid 1px #aaa; margin-bottom:10px; color:#eee; position:relative; padding:5px 10px 15px 0} .error img, .success img{position:absolute; left:6px; top:8px} .error p, .success p{margin:4px 0 4px 30px} .error ul{margin-left:55px; list-style-type:square; margin-top:10px} .error li{line-height:16px} p{margin:10px 0; line-height:18px; color:#fff} p strong{color:#FFD967} p a{color:#FFD967} #header_wrapper{background:#939393 url(/bg_header.jpg) left top repeat; height:300px} #glow{background:#868686 url(/bg_glow.jpg) top center no-repeat; height:61px; border-bottom:solid 1px #bbb} #header{border-top:solid 1px #888; background:transparent url(/bg_level.png) left bottom repeat-x; height:220px} #header_content{margin:0 auto; width:900px; position:relative; padding-top:50px; height:170px} #header_content .lbl{display:block; width:390px; height:47px} #header_content .reg{background:transparent url(/bg_reg_shadow.png) left bottom no-repeat; height:24px; margin-top:15px; float:left} #header_content .reg span{background-color:#fff; padding:2px 4px; font-weight:bold; height:14px; display:block; float:left} #safety{position:absolute; right:0; top:35px; width:383px; height:63px} #contractor{position:absolute; top:-63px; left:400px} #menu{float:left; position:absolute; right:0; bottom:11px} #menu li{float:left; padding:3px 10px} #menu a{text-transform:uppercase; font-weight:bold; display:block; font-weight:bold; color:#fff; text-decoration:none; background:url(/menu_sprite.png) no-repeat; text-indent:-9999px; height:17px} #menu .index a{width:50px; background-position:0 0} #menu .index a:hover, #menu .index .sel{background-position:0 -18px} #menu .info a{width:46px; background-position:-69px 0} #menu .info a:hover, #menu .info .sel{background-position:-69px -18px} #menu .gallery a{width:110px; background-position:-134px 0} #menu .gallery a:hover, #menu .gallery .sel{background-position:-134px -18px} #menu .link a{width:54px; background-position:-264px 0} #menu .link a:hover, #menu .link .sel{background-position:-264px -18px} #menu .contact a{width:80px; background-position:-335px 0} #menu .contact a:hover, #menu .contact .sel{background-position:-335px -18px} #content_wrapper{width:900px; margin:0 auto; padding-bottom:45px} #keywords{margin-top:35px} #keywords a{font-size:20pt; font-weight:bold; text-decoration:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:50px; color:#fff} #keywords span{color:#333} #keywords a:hover{color:#eee} #keywords a:hover span{color:#111} #footer_wrapper{height:125px; width:900px; margin:0 auto; padding-top:40px; position:relative} #footer{height:50px; line-height:16px; border-left:solid 3px #fbc223; background:#fff url(/bg_footer.png) left bottom repeat-x; padding:10px 460px 10px 10px} #footer strong{display:block; margin-bottom:5px} #footer_shadow{padding-bottom:8px; background:transparent url(/footer_shadow.png) left bottom repeat-x} #footer_visual{position:absolute; right:10px; top:-50px} #d2d{position:absolute; right:0; bottom:10px} #loc{margin:10px 0; border-bottom:dotted 1px #ccc; padding-bottom:10px; color:#fff} #loc a{color:#ffd967} h2{font-size:14pt; color:#fff; text-indent:-9999px; margin:15px 0} /* ####### DEFAULT CSS ####### */ body.index #content_wrapper{padding-bottom:0} .zoom_overlay{width:16px; height:16px; background:transparent url(/find.png) left top no-repeat; position:absolute; bottom:-7px; right:-7px} #sitemap ul{list-style-type:square; margin-left:25px} #sitemap li{line-height:18px} /* ####### GALLERY ########## */ #img_galleries, #imgs{list-style-type:none; margin:0 0 10px 15px; float:left} #img_galleries li, #imgs li{float:left; width:115px; height:115px; margin:5px 35px 10px 0; text-align:center} #img_galleries li.lc, #imgs li.lc{margin-right:0} #img_galleries a, #imgs a{display:block; width:113px; height:113px; border:solid 1px #CFF2FF; position:relative; text-decoration:none} #img_galleries a:hover, #imgs a:hover{border:solid 1px #F9C427} #img_galleries span{position:absolute; left:4px; bottom:3px; display:block; background-color:#333; color:#fff; padding:3px; width:99px} #img_galleries .even, #imgs .even{background-color:#ccc} h2.gallery{background:url(/menu_sprite.png) no-repeat; background-position:-134px -18px; width:110px} /* ####### GALLERY ########## */ /* ####### LINKS ####### */ .links{float:left; margin-top:5px} .links li{float:left; padding:10px 20px 40px 25px; width:159px; height:107px; background:transparent url(/link_bg.png) left top no-repeat; overflow:hidden; margin-right:25px} .links .lc{margin-right:0} .links .label{display:block; margin-bottom:5px; font-weight:bold} .links .url a{color:#c00; font-weight:bold} .links .url{text-align:right; display:block} .links div{margin:5px 0; color:#444} h2.link{background:url(/menu_sprite.png) no-repeat; background-position:-264px -18px; width:54px} /* ####### LINKS ####### */ /* ####### CONTACT ####### */ h2.contact{background:url(/menu_sprite.png) no-repeat; background-position:-335px -18px; width:80px} #contact_wrapper{float:left; width:100%; color:#fff} #map_canvas{height:300px; color:#000} #map_wrapper{background:#eee url(/map_bg.png) right bottom no-repeat; padding:10px; position:relative} #cform{width:560px; float:left; margin-right:10px} #info{width:320px; float:left} #map_wrapper .shadow{background:transparent url(/map_shadow.png) left bottom no-repeat; width:320px; height:14px; display:block; position:absolute; bottom:-14px; left:0} /* ####### CONTACT ####### */ h2.info{background:url(/menu_sprite.png) no-repeat; background-position:-69px -18px; width:46px} /* clearfix */ * html .clearfix {height: 1%} .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden} .clearfix {display:inline-block} /* Hide from IE Mac \*/ .clearfix {display:block} /* End hide from IE Mac */