@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:#383838 url(/bg.jpg) left top repeat-x; font:11px Verdana, Geneva, sans-serif; color:#eee} a{color:#e2412b} a:hover{text-decoration:none} h1{font-size:10pt; margin:0 0 15px 0} h2{padding:5px; border-bottom:solid 1px #666; margin-bottom:15px; color:#e2412b} p{margin:0 0 10px 20px; line-height:18px} .italic{font-style:italic} ol{list-style-type:none; color:#e2412b; padding-left:45px} ol li{color:#fff; line-height:22px; clear:both; margin-bottom:10px} ol li span{display:block; float:left; padding:2px 5px; background-color:#fff; color:#e2412b; font-weight:bold ; font-size:10pt; margin-right:10px} ol li.even{padding-left:30px} #site_wrapper{width:955px; margin:0 auto; min-height:400px} #header{margin-left:155px; margin-top:36px; position:relative} #menu{position:absolute; left:288px; top:26px; overflow:hidden} #menu li{float:left} #menu a{background:transparent url(/menu_sprite.gif) left top no-repeat; display:block; text-indent:-9999px; margin-right:30px; width:75px; line-height:18px; font-size:13pt; text-decoration:none; font-weight:bold; color:#fff} #menu a:hover{color:#b3b3b3} #menu .sel a{color:#e2412b} a#m_index{width:50px} a#m_index:hover{background-position:0 -36px} .sel a#m_index{background-position:0 -18px} a#m_concept{background-position:-80px 0; width:75px} a#m_concept:hover{background-position:-80px -36px} .sel a#m_concept{background-position:-80px -18px} a#m_product{background-position:-184px 0; width:68px} a#m_product:hover{background-position:-184px -36px} .sel a#m_product{background-position:-184px -18px} a#m_contact{background-position:-281px 0; width:74px} a#m_contact:hover{background-position:-281px -36px} .sel a#m_contact{background-position:-281px -18px} #content_wrapper{margin-top:45px; position:relative} #box, #content{margin:0 109px; background:transparent url(/box_bg.jpg) left top repeat-y; position:relative; padding:9px; min-height:238px; margin-bottom:15px} #box div{position:absolute; left:9px; top:9px} #box #i1{width:248px; height:119px} #box #i2{top:129px; width:248px; height:118px} #box #i3{left:258px; width:309px; height:238px} #box #i4{left:407px; width:160px; height:119px} #box #i5{left:568px; width:160px; height:119px} #box #i6{left:568px; top:129px; width:160px; height:118px} #box img{position:absolute; left:0; top:0} #content_box{background:#222; padding:9px; min-height:220px} /* gamma */ #gallery ul{overflow:hidden; margin:35px 10px 25px 10px; list-style-type:none} #gallery li{float:left; margin:0 14px 14px 0} #gallery .right_col{margin-right:0} /* contact */ #cinfo{position:relative; height:200px} #store{position:absolute; left:10px; top:5px; padding:5px; background-color:#888} #cinfo ul{position:absolute; left:250px; list-style-type:square; padding:0 0 0 20px; top:5px} #cinfo .newline{margin-top:20px} #map_canvas{padding:5px; background:#888; margin:10px; margin-bottom:25px} #map{width:671px; height:250px; color:#333} #cform{margin:10px; overflow:hidden} #loc{margin-bottom:15px} #happy_dude{position:absolute; left:0; top:0; z-index:3} #content_footer{height:75px; margin:0 89px; margin-top:18px; padding-top:50px; position:relative; background:transparent url(/box_shadow.jpg) center top no-repeat} #glasses{margin-left:50px} #eye_board{position:absolute; top:-90px; left:605px; z-index:10} #footer{margin:0 109px; background:transparent url(/footer_bg.jpg) left top repeat-x; position:relative; height:38px} #footer div{padding:10px} #footer div a{color:#eee} #footer div a:hover{color:#e2412b; text-decoration:none} #d2d{position:absolute; right:0; top:0} /* ####### 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} .success, .error{background-color:#444; border:solid 5px #888; border-left-color:#e2412b; border-width:1px 1px 1px 5px; padding:5px} .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} /* 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 */