@charset "utf-8"; /* CSS Document */ /* ####### 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 ####### */ html{overflow-y:scroll} body{background:#000 url(/bg_pixels.png) left top repeat-x; color:#fff; font:11px Arial, Helvetica, sans-serif} a{color:#fff} a:hover{text-decoration:none} .green{color:#89e413} p{margin:10px} h1.name{font-size:21px; position:relative} h1.name span{display:block; position:absolute; font-size:10px; font-weight:normal; left:78px; bottom:-17px} h1.name a{text-decoration:none} h2{font-size:14px; margin:0 0 15px 0} h3{font-size:12px; margin:0 0 10px 0; padding-bottom:5px; border-bottom:dotted 1px #444} .error, .success{background:#222 url(/bg_submit.gif) left top repeat-y; border:solid 1px #444; margin-bottom:10px; color:#ccc; position:relative; padding:5px 10px 5px 30px} .error img, .success img{position:absolute; left:6px; top:10px} .error p, .success p{margin:4px 0} .error ul{margin-left:15px; list-style-type:square} .align_right{text-align:right} #site_wrapper{width:869px; margin:115px auto 0 auto} #header{height:75px; position:relative} #content{width:869px; float:left; margin-top:38px} #footer{height:120px; background:transparent url(/bg_footer.gif) 0 -5px repeat-x; float:left; width:100%; margin-top:45px; position:relative; margin-bottom:20px} #current_time{position:absolute; right:0; top:0; background-color:#000; padding:2px} #menu{height:21px; background:transparent url(/bg_menu_wrapper.png) left top repeat-x; margin-top:37px; overflow:hidden} #menu ul{float:right; margin-right:25px; background:transparent url(/bg_menu_black.gif) left top repeat-x} #menu li{float:left} #menu a{text-transform:uppercase; text-decoration:none; font-size:10px; display:block; margin:0 9px; padding-bottom:4px; margin-top:-1px; height:13px} #menu a.sel, #menu a:hover{border-bottom:solid 1px #fff} #menu a.green:hover{border-bottom-color:#89e413} #menu a.external{background-position:right 2px} #pcats{float:left} #pcats li{width:173px; margin-right:1px; background:#000 url(/bg_pcat.jpg) left top repeat-x; float:left; height:294px} #pcats li.last{margin-right:0} #pcats a{display:block; width:157px; padding:8px; text-decoration:none; height:294px} #pcats a span.lbl{border-top:solid 1px #333; font-size:10px; text-transform:uppercase; display:block; margin-top:8px; padding:8px 0; color:#bbb} #pcats a:hover span.lbl{border-top-color:#fff; background:transparent url(/menu_over_arrow.gif) right center no-repeat; color:#fff} #pcats span.img{width:157px; height:240px; display:block} #pcats a img{display:block; margin:0 auto} #footer img{float:left} #footer blockquote{font-weight:bold; font-size:14px; position:relative; float:left} #footer blockquote span{font-size:10px; font-weight:normal; margin-left:10px} #footer .info{margin-bottom:10px; display:block; color:#747474; position:absolute; left:80px; top:50px} #footer .info span{color:#a1a1a1} #footer .info a{color:#a1a1a1} #footer .d2d{position:absolute; right:0; bottom:0; color:#555} #footer .d2d a{color:#555; text-decoration:none} #footer .d2d a.external{padding-right:0; background:none} #footer .d2d a:hover{color:#ccc; text-decoration:underline} /* ####### GALLERY JSCRIPT ########## */ #gallery_overlay{position:absolute; width:100%; height:100%; background:transparent url(/bg_photo_container.png) left top repeat; left:0; top:0; z-index:999; visibility:hidden} #gallery_container{position:absolute; top:50%; left:0; margin-top:-275px; width:100%; height:450px; background:#000 url(/bg_line_container.gif) left top repeat-x; border:dotted 1px #444; border-width:1px 0} #gallery_close{background:url(/closebox.png) left top no-repeat; width:869px; height:30px; left:50%; margin-left:-475px; cursor:pointer; position:absolute; top:-12px} #gallery_loader {background:transparent url(/ajax_loader.gif) no-repeat scroll 0 0; height:31px; left:50%; margin-left:-15px; margin-top:-15px; position:absolute; top:50%; width:31px} #gallery_header{width:869px; margin:0 auto; padding:15px 0 5px 0; clear:both; height:50px} #gallery_header h1{font-size:14px} #gallery_header .folders{float:left; width:100%; margin:10px 0} #gallery_header .folders li{float:left; padding-right:10px} #gallery_header .folders a{display:block; padding:4px 0; border-bottom:solid 1px #444; text-decoration:none; height:14px} #gallery_header .folders a.sel, #gallery_header .folders a:hover{border-bottom-color:#fff} #gallery_images{width:100%; overflow:auto; clear:left} #gallery_images ul{width:869px; float:left; list-style-type:none; height:353px} #gallery_images li{float:left} #gallery_images img{display:block} #gallery_images li span {border-left:3px solid #555; display:block; padding:5px} #gallery_header .notification{display:block; margin-top:5px; font-style:italic} #gallery_images .notification{display:block; width:869px; margin:0 auto; font-style:italic} /* ####### GALLERY JSCRIPT ########## */ /* ####### GALLERY NO JSCRIPT ########## */ h3 span{font-size:11px; font-weight:normal; font-style:italic} #img_galleries{list-style-type:none; margin:10px 0; float:left} #img_galleries li{float:left; width:180px; height:180px; margin:10px 18px; text-align:center} #img_galleries a{display:block; width:178px; height:178px; border:solid 1px #000; position:relative} #img_galleries a:hover{border:solid 1px #444} #img_galleries span{position:absolute; left:9px; bottom:8px; display:block; background-color:#333; color:#fff; padding:3px; width:154px} #imgs{list-style-type:none; margin:10px 0; float:left} #imgs li{float:left; width:180px; height:180px; margin:10px 18px; text-align:center} #imgs a{display:block; width:178px; height:178px; border:solid 1px #000} #imgs a:hover{border:solid 1px #444} /* ####### GALLERY NO JSCRIPT ########## */ /* ####### FAQ ####### */ #content.faq{background:transparent url(/bg_content_faq.jpg) bottom center no-repeat; border-bottom:solid 1px #555; padding-bottom:160px} #questions{background-color:#111; padding:10px; margin-bottom:15px} #questions ul{list-style-type:square; margin:0 10px 15px 25px} #questions li{margin:5px 0; color:#89e413} #questions a{font-style:italic} #fcats{float:left; width:100%} #fcats li{float:left; width:50%} #fcats a{display:block; font-size:12pt; margin:10px; background-color:#333; padding:10px; text-decoration:none; color:#999; font-weight:bold} #fcats a:hover{color:#fff; background:#222 url(/fcat_over_arrow.gif) center right no-repeat} #fcats span{font-size:11px; color:#89e413; vertical-align:middle} #faq dt{font-style:italic; color:#ccc; font-weight:bold; margin-bottom:10px} #faq dd{margin-left:25px; margin-bottom:30px; padding-left:10px; border-left:solid 2px #999} #faq dd.last{margin-bottom:15px} #faq a.top{display:block; width:50px; padding:2px 2px 2px 15px} #faq p{line-height:18px; color:#aaa} #faq_footer{clear:both; width:100%; border-bottom:solid 1px #444; text-align:center; padding-top:15px} /* ####### FAQ ####### */ /* ####### LINKS ####### */ .links{float:left; width:100%} .links ul{float:left; margin-bottom:15px} .links li{float:left; width:420px; padding:7px} .links li.alt{background-color:#222} .links .img{width:100px; height:75px; float:left; display:block; margin-right:10px} .links .label{display:block; width:300px; border-bottom:solid 1px #222; padding-bottom:10px; float:left; padding-top:4px} .links li.alt .label{border-bottom-color:#333} .links .url{text-align:right; display:block; width:275px; float:left; padding:5px} /* ####### LINKS ####### */ /* ####### CONTACT ####### */ #contact_wrapper{width:100%; float:left} #contact_wrapper .left_col{width:480px; float:left} #info{margin:10px 0 30px 0; background-color:#111; padding:5px; position:relative; border:solid 1px #222; min-height:140px} #info .name{font-size:11pt; padding:6px 0 18px 0} #info .carl{position:absolute; left:0; top:0; margin:5px} #info .logo{right:30px; top:30px; position:absolute} #info ul{margin-left:160px; line-height:20px} #contact_wrapper .left_col li{line-height:18px; color:#ddd} #contact_wrapper .left_col p{line-height:18px} #contact_wrapper h3{margin-top:25px} #contact_wrapper .right_col{width:309px; float:left; margin-left:55px} #contact_wrapper .right_col p{text-align:right} #ohours{position:absolute; left:250px; top:10px} #route{text-align:right; margin-top:5px} #route a{font-weight:bold; background:#111; padding:5px} #route a.icon, #route a.icon:hover{background:none} #route a:hover{background:#222} #route img{vertical-align:middle; margin-right:10px} /* ####### CONTACT ####### */ /* ####### INFO ####### */ #info_wrapper{width:100%; float:left} #info_wrapper .left_col{width:540px; float:left; margin-right:14px} #info_wrapper .left_col p{line-height:20px; margin-left:0} #info_wrapper .right_col{width:309px; float:left} #info_wrapper .right_col p{text-align:right} #award span{display:block; width:309px; height:200px; position:relative} /* ####### INFO ####### */ /* ####### PROMO ####### */ #content.no_promo{padding-bottom:25px} #promo{float:right; width:100%} #promo .info{float:right; width:510px} #promo .info div{margin-top:15px} #promo .info div p{line-height:18px} #promo .img{width:350px; text-align:center} #promo ul{margin:10px 10px 10px 35px; list-style-type:square} #promo li{line-height:18px} /* ####### PROMO ####### */ a.top{padding-left:15px; background:transparent url(/top_arrow.gif) left center no-repeat} a.external{padding-right:15px; background:transparent url(/icon_external_link.gif) center right no-repeat} .italic{font-style:italic} .mb25{margin-bottom:25px} #sitemap{float:left; width:100%} #sitemap li{float:left; width:50%} #sitemap a{display:block; font-size:12pt; margin:10px; background-color:#333; padding:10px; text-decoration:none; color:#999; font-weight:bold} #sitemap a:hover{color:#fff; background:#222 url(/fcat_over_arrow.gif) center right no-repeat} /* 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 */