@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; } body{background:#f7f7f4 url(/bg.jpg) left top repeat-x; font:11px Verdana, Geneva, sans-serif; color:#767676} a{color:#b11016} a:hover{text-decoration:none} img.right{float:right; margin:0 0 10px 10px} img.left{float:left; margin:0 10px 10px 0} ul{margin:25px 10px 25px 40px; list-style-type:square; line-height:18px} ul ul{margin:15px 10px 15px 20px; list-style-type:none; border-left:solid 3px #666; padding-left:15px} #sitemap ul ul li{line-height:22px; border-bottom:solid 1px #eee} p{margin-bottom:10px; line-height:18px} h1{font-size:10pt; font-weight:bold; margin:0 0 20px 0; color:#333} h2{font-size:8pt; color:#b11016; border-bottom:solid 1px #eee; padding:4px; margin-bottom:15px} .warning, .error{background-color:#f6f6f6; border:solid 1px #999; margin-bottom:15px; color:#000} .warning p, .error p, .success p{margin:10px; padding:0; font-style:italic} .error span.fld{color:#b11016; font-style:italic} .error ul{margin:5px 5px 15px 40px} .success{background-color:#e2f1f7; border:solid 1px #a2dbf2; margin-bottom:15px; color:#000} a.external{padding-right:12px; background:transparent url(/icon_external_link_8x8.gif) right center no-repeat} li.nl{margin-top:15px} img.oh2{margin:20px 20px 15px 10px} img.oh1{margin:20px 20px 15px 10px} img.who2{margin:60px 20px 15px 10px} img.crane1{margin:10px 0 10px 5px} #site_wrapper{margin:0 auto; width:900px} #header{background:transparent url(/header_bg.gif) left top repeat-x; position:relative; height:155px; margin:0 22px; z-index:2} #logo{width:370px; height:65px; display:block; position:absolute; top:40px; left:13px; text-indent:-9999px; background:transparent url(/logo.png) left top no-repeat} #cinfo{width:450px; height:80px; position:absolute; right:0; top:30px; background-color:#333; color:#fff} #cinfo ul{margin:0; list-style-type:none} #cinfo li{float:left; width:147px; padding:8px 2px 2px 10px; height:70px; line-height:20px} #cinfo li.first{width:118px} #cinfo li.middle{border:solid #fff; border-width:0 1px 0 1px} #cinfo a{color:#bbb} #cinfo a:hover{color:#fff} #cinfo .label{padding:2px 4px; font-weight:bold; background-color:#615d5d} #main_menu{position:absolute; left:18px; bottom:0; height:14px; margin:7px 0; z-index:3} #nav{margin:0; list-style-type:none} #nav li{float:left; padding:0} #nav ul{visibility:hidden; opacity:0; border:none; top:20px} #nav ul a{color:#fff; text-decoration:none; padding-left:5px} #nav ul li{border-bottom:solid 1px #333; background-color:#444} #nav ul a:hover{color:#ccc} .sprite{background:transparent url(/menu_sprite.png) left top no-repeat; display:block; text-indent:-9999px; margin-right:24px; height:14px; font-weight:bold; font-size:10pt; text-decoration:none; line-height:14px} #nav a:hover{color:#111} #nav a.sel{color:#b11016} #m_index a{width:42px} #m_index a:hover{background-position:0 -14px} #m_index a.sel{background-position:0 -28px} #m_who a{background-position:-61px 0; width:31px} #m_who a:hover{background-position:-61px -14px} #m_who a.sel{background-position:-61px -28px} #m_info a{background-position:-113px 0; width:30px} #m_info a:hover{background-position:-113px -14px} #m_info a.sel{background-position:-113px -28px} #m_crane a{background-position:-165px 0; width:47px} #m_crane a:hover{background-position:-165px -14px} #m_crane a.sel{background-position:-165px -28px} #m_construction a{background-position:-232px 0; width:100px} #m_construction a:hover{background-position:-232px -14px} #m_construction a.sel{background-position:-232px -28px} #m_gallery a{background-position:-353px 0; width:71px} #m_gallery a:hover{background-position:-353px -14px} #m_gallery a.sel{background-position:-353px -28px} #m_link a{background-position:-444px 0; width:39px} #m_link a:hover{background-position:-444px -14px} #m_link a.sel{background-position:-444px -28px} #m_showcase a{background-position:-503px 0; width:72px} #m_showcase a:hover{background-position:-503px -14px} #m_showcase a.sel{background-position:-503px -28px} #m_tile a{background-position:-595px 0; width:45px} #m_tile a:hover{background-position:-595px -14px} #m_tile a.sel{background-position:-595px -28px} #m_bargain a{background-position:-660px 0; width:81px} #m_bargain a:hover{background-position:-660px -14px} #m_bargain a.sel{background-position:-660px -28px} #m_promo a{background-position:-760px 0; width:81px} #m_promo a:hover{background-position:-760px -14px} #m_promo a.sel{background-position:-760px -28px} #content_wrapper{margin:30px 22px 0 32px; padding:0 0 0 11px; background:transparent url(/content_wrapper_bg2.png) left top no-repeat; overflow:hidden} #content_wrapper .left_col{float:left; width:527px; background:#fff; padding:20px; margin-top:36px; margin-right:20px; min-height:450px; border:solid 1px #eee} #loc{margin:-55px 0 45px -24px; height:1%; position:relative} #content_wrapper .left_col p{margin-left:5px} #content_wrapper .right_col{width:213px; background:#fff; min-height:400px; float:left; border:solid 1px #eee; border-bottom:solid 3px #b11016; padding:10px} .right_col h2{color:#333; margin-bottom:10px} .right_col .visual{margin-bottom:10px} .submenu{margin:0; padding:0; list-style-type:none} .submenu a{display:block; padding:2px 4px 2px 10px; background:#f6f6f6; margin-bottom:1px} .submenu a:hover, .submenu a.sel{background-color:#444; color:#fff; text-decoration:none} #footer{background:transparent url(/footer_dashed_line.gif) left top repeat-x; margin:20px 22px; padding-top:10px; line-height:35px; color:#000; position:relative; padding-left:5px} #footer img{vertical-align:middle; margin:0 10px} #d2d{position:absolute; right:5px; top:10px; color:#a5a5a5} #footer a.external{background:none; padding:inherit} #sitemap .sprite{background:none; text-indent:0; font-weight:normal; font-size:11px; text-decoration:underline; line-height:inherit; height:auto} #sitemap a.sprite:hover{text-decoration:none} #gototop {bottom:15px; display:none; font-weight:bold; position:fixed; right:15px} #gototop a{display:block; padding:7px 10px 7px 22px; color:#fff; text-decoration:none; background:#333 url(/icon_top_link_5x8.gif) 10px center no-repeat} #gototop a:hover{text-decoration:none; background-color:#b11016}