@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 ####### */ html{overflow-y:scroll} body{background:#611b1b url(/bg_lines.gif) center top no-repeat; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#d7c6c6} a{color:#fff} a:hover{color:#aa6060; text-decoration:none} p{margin:0 0 15px 0; line-height:19px} strong{color:#fff} h1{font-size:11pt; margin:0 0 15px 0; color:#91be51} #loc{margin-bottom:15px} #wave_wrapper{margin:0 auto; width:988px; background:transparent url(/bg_waves.png) center top no-repeat; min-height:600px; position:relative} #site_wrapper{width:810px; margin:0 auto} #header{padding-top:30px; position:relative; margin-bottom:30px} #header span{position:absolute; left:100px; top:95px} #visual_wrapper{position:absolute; top:10px; right:80px; z-index:12} #m_ticker{position:absolute; width:90px; height:60px; background-color:#abc; bottom:80px; left:150px} #m_ticker img{position:absolute; left:0; top:0} #visual img{display:block} #content_wrapper{width:350px; min-height:290px; position:relative} #pt_ticker{height:35px; position:absolute; left:-92px; line-height:35px; width:520px; overflow:hidden; white-space:nowrap; top:177px} #pt_ticker #lh{position:absolute; left:0; z-index:10; background:transparent url(/ticker_lh.gif); width:35px; height:35px} #ptypes{z-index:9; left:50px; position:absolute} #ptypes .odd{color:#b78080} #mooquee-text{position:absolute} #email_form{position:absolute; left:45px; bottom:20px; width:400px; z-index:8} #email_form input{border:none; background-color:#91be51; color:#fff; font-style:italic; width:282px; padding:5px 10px} #email_form p{position: absolute; bottom:18px; left:45px; font-style:italic} #email_error, #email_success{position:absolute; left:30px; bottom:0; width:400px; z-index:8} #email_success{bottom:30px} #email_error p.l1, #email_error p.l2{background-color:#e00000; color:#fff; font-style:italic; width:350px; padding:5px 10px} #email_error p.l1{margin-bottom:5px; margin-top:5px} #email_error p.l2{margin-left:60px} #email_success p{background-color:#99d148; color:#fff; font-style:italic; width:350px; padding:5px 10px} #gallery{overflow:hidden; list-style-type:none; padding:0; margin:0} #gallery li{float:left; width:95px; height:80px; margin-right:20px; padding:3px; background-color:#9F5E5E; margin-bottom:20px} #gallery li.rc{margin-right:0} #frm_size input{width:25px} #frm_size ol{overflow:hidden} #frm_size li{width:175px; float:left; text-align:right} #frm_size img{vertical-align:top; margin-bottom:15px; padding:5px; background:#9F5E5E} #frm_size span{font-weight:bold; font-size:14pt; margin-right:10px} #frm_size li.button{width:350px; text-align:center; margin-top:25px} #frm_size li.button input{width:auto; background-color:#873c3c; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; border:solid 1px #873c3c; color:#fff; font-weight:bold} .ssize{font-size:18pt; font-weight:bold; color:#fff; text-align:center; line-height:20pt} #contact{position:relative} #map_wrapper{position:absolute; top:375px; z-index:15; left:400px} #map{background-color:#853b3b; position:relative; padding:5px} #map_canvas{width:350px; height:310px; color:#444} #map_wrapper h2{margin-bottom:5px; padding:5px; color:#91be51} #map_wrapper strong{color:#611b1b} #map_wrapper a{color:#611b1b} .success, .error{background-color:#853B3B; border:solid 5px #9e3d3d; border-left-color:#e2412b; border-width:1px 1px 1px 5px; padding:5px; margin:15px 0} .success{border-left-color:#7de22b} .success ul, .error ul{line-height:18px; list-style-type:square; margin:15px 35px} .success p, .error p{margin:5px 10px 25px 10px} #blocks{overflow:hidden; position:relative; z-index:13} #bcontact, #ohours, #size{float:left; margin-right:20px} #blocks h2{margin-left:8px; color:#91be51} #blocks h2 a{color:#91be51; text-decoration:none} #blocks h2 a:hover{text-decoration:underline} #blocks .content{margin-top:10px; width:192px; height:126px} #ohours{margin-top:40px} #ohours .content{background:transparent url(/block_ohours.gif) left top no-repeat; color:#fff} #ohours ul{line-height:22px; padding:8px 10px} #bcontact{margin-top:80px} #bcontact .content{height:141px; width:255px } #rblocks{position:absolute; right:300px; top:550px; z-index:15} #rblocks h2{margin-left:8px; color:#91be51} #rblocks h2 a{color:#91be51; text-decoration:none} #rblocks h2 a:hover{text-decoration:underline} #rblocks .content{margin-top:10px; width:192px; height:126px} #footer{margin-top:30px; position:relative; height:73px; padding-top:10px} #footer .d2d{position:absolute; right:140px; color:#9f5e5e} #footer .d2d a{color:#9f5e5e} /* ####### DEFAULT CSS ####### */ #sitemap{text-align:left; margin:15px} #sitemap ul{list-style-type:square; margin:15px 25px} #sitemap ul ul{margin:5px 25px} #sitemap li{line-height:19px} /*intro */ #intro_overlay{position:absolute; width:100%; height:100%; background:transparent url(/bg_intro_container.png) left top repeat; left:0; top:0; z-index:999; visibility:hidden} #intro_container{position:absolute; top:50%; left:50%; margin-top:-200px;margin-left:-200px; width:420px; height:420px; border:solid 1px #91BE51; background-color:#000} #intro_top{width:420px; height:30px; cursor:pointer; position:absolute; top:-25px; left:-10px; text-align:right} #intro_top a{color:#fff} #intro_title{text-align:center; color:#eee; font-style:italic} #intro_img{text-align:center} /* 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 */