@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; height:100%} body{background:#000 url(/bg.jpg) center top repeat-y; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; height:100%} h1{margin-bottom:25px; font-size:12pt} h2{font-size:11pt; margin-bottom:10px} h3{color:#FF6E1F; font-size:10pt; margin-bottom:10px} p{margin:5px 0 20px 0; line-height:18px} a{color:#fff} a:hover{text-decoration:none} .italic{font-style:italic} #site_wrapper{width:866px; margin:0 auto} #header{position:relative; height:220px} #logo{position:absolute; top:20px; left:-26px} #header h1{position:absolute; left:74px; top:61px; width:184px; height:27px; text-indent:-9999px; background:transparent url(/header_title.gif) left top no-repeat} #header ul{position:absolute; right:15px; top:60px; list-style-type:none; margin:0; line-height:normal} #header li{float:left} #header ul a{border:solid 1px #000; display:block; font-weight:bold; color:#fff; text-decoration:none; background:url(/menu_sprite.png) no-repeat; text-indent:-9999px; height:24px; margin:0 2px} #header ul a:hover, #header ul a.sel{border:solid 1px #623335} #m_index{width:51px} #header #m_info{width:41px; background-position:-51px 0} #header #m_face{width:76px; background-position:-92px 0} #header #m_mec{width:43px; background-position:-476px 0} #header #m_showcase{width:53px; background-position:-168px 0} #header #m_price{width:59px; background-position:-222px 0} #header #m_contact{width:63px; background-position:-282px 0} #header #m_fba{width:131px; background-position:-345px 0} #slogan{position:absolute; left:287px; top:125px; text-indent:-9999px; font-size:18pt; background:transparent url(/slogan.png) no-repeat left top; width:224px; height:52px} #loc{padding:5px 10px 15px 10px; color:#aaa; font-size:11px} #col_wrapper{overflow:hidden} #col_wrapper .left_col{float:left; background:transparent url(/content_bg.png) left top repeat; width:530px; padding:10px; min-height:197px} #col_wrapper .left_col strong{color:#FF6E1F} #col_wrapper .right_col{width:290px; float:left; margin-left:21px; margin-top:22px} #col_wrapper .full_col{background:transparent url(/content_bg.png) left top repeat; padding:10px; min-height:197px} #contact_block, #movie_block, #map_block, #imgs_block, #img_cats, #face_imgs, #faces, #submenu, #block_contract{background:transparent url(/content_bg.png) left top repeat; padding:5px; margin-bottom:25px} #movie_block img{display:block} #movie1_lnk, #movie2_lnk{width:280px; height:155px; display:block; position:relative} #movie2_lnk{margin-top:15px} #movie1_lnk img, #movie2_lnk img{position:absolute; left:0; top:0} #contact_block{position:relative} #contact_block img{position:absolute; right:-5px; top:-20px} #contact_block ul{list-style-type:none} #map_canvas{width:280px; height:280px; color:#333} #map_canvas a{color:#222} #imgs_block ul, #face_imgs ul{overflow:hidden; list-style-type:none; margin:0} #imgs_block li, #face_imgs li{width:67px; height:67px; margin-right:1px; float:left; background-color:#333; text-align:center; border:solid 1px #555; margin-bottom:1px} #imgs_block img, #face_imgs img{display:inline} #imgs_block .right, #face_imgs .right{margin-right:0} #img_cats ul, #faces ul, #submenu ul{list-style-type:none; line-height:18px; margin:10px 10px} #img_cats li, #faces li{position:relative} #img_cats a, #faces a, #submenu a{display:block; padding:4px 8px; margin-bottom:1px; width:244px} #img_cats a:hover, #faces a:hover, #submenu a:hover{background-color:#333} #img_cats a.sel, #faces a.sel, #submenu a.sel{background-color:#623335; font-weight:bold; text-decoration:none} #img_cats span{position:absolute; right:2px; top:2px; display:block; background-color:#000; padding:2px; width:16px; height:18px; text-align:center; line-height:18px} #folders{margin:10px} #services{overflow:hidden; margin-top:25px; padding:10px 0} #services ul{list-style-type:none; margin:0; line-height:normal; overflow: hidden} #services li{width:120px; height:140px; float:left; margin-right:1px; position:relative; width: 106px} #services span.img{width:120px; height:120px; display:block; width: 105px} #services .last{margin-right:0} #services .odd{padding-top:20px} #services span.label{display:block; width:106px; height:20px; background:transparent url(/content_bg.png) left top repeat; line-height:20px; padding-left:4px; overflow: hidden; font-size: 10px} #services img{display:block} #services a{font-weight:bold; text-decoration:none; display:block; height:140px} #footer{background:transparent url(/content_bg.png) left top repeat; padding:5px; margin:25px 0; font-size:11px; color:#ccc; clear:both} #footer p{margin:0; padding:0} #footer a{color:#ccc} #footer a:hover{color:#eee} #d2d{margin-top:15px; text-align:right} dl{margin:20px} dt{color:#FF6E1F; font-weight:bold} dd{margin:10px 10px 20px 10px} ul{list-style-type:square; margin:10px 35px; line-height:22px} .error, .success{background-color:#333; border:solid 1px #fbb; padding:0 1em; border-left:solid .4em #fbb; margin-bottom:1em; color:#ddd} .error p, .success p{margin:9px 0} .succes ul, .error ul{margin:10px 10px 10px 25px; list-style-type:square} .success{background-color:#333; border-color:#81b6d1} #scats, #folders, #imgs{list-style-type:none; overflow:hidden} #scats li, #folders li, #imgs li{position:relative; width:120px; height:120px; float:left; margin:0 5px 10px 0; text-align:center; background:#111} #scats li span, #folders li span{display:block; position:absolute; bottom:0; left:0; width:116px; background:#333; text-align:center; padding:2px} #scats li a:hover span, #folders li a:hover span{background:transparent url(/content_bg.png) left top repeat} #face_imgs p{text-align:right; margin:10px 0 0 0} #face_list{overflow:hidden; list-style-type:none; margin:0} #face_list li{width:160px; height:180px; float:left; text-align:center; position:relative; margin:0 15px 15px 0; background-color:#111} #face_list span{display:block; width:160px; position:absolute; bottom:0; left:0} #face_list a:hover span{text-decoration:underline} #fcg_desc p{margin:20px} #video_overlay{position:absolute; left:0; top:0; width:100%; height:100%; background:transparent url(/video_wrapper_bg.png) left top repeat; z-index:999; visibility:hidden} #video_wrapper{width:560px; height:340px; position:absolute; left:50%; top:50%; margin-left:-280px; margin-top:-170px; background:#111; padding:5px; border:solid 1px #888} #video_close{width:30px; height:30px; position:absolute; right:-15px; top:-15px; background:transparent url(/closebox.png) left top no-repeat; cursor:pointer} .orange { color: #FF6E1F } .align_right { text-align: right }