/* CSS Reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{ margin:0;padding:0;} table{ border-collapse:collapse;border-spacing:0;} fieldset,img{ border:0;} ol,ul,li{ list-style:none; list-style-position:outside;} a img{ border:0;} .clear{ clear:both;} /* Generic Styling */ a{ color:#c12f40; text-decoration:underline;} a:hover{ color:#9e1021;} html{ background:#322725 url(/images/body_bg.gif) left bottom repeat-x;} body{ font-size:12px; color:#362f2d; font-family:"Trebuchet MS", Arial, Helvetica; background:url(/images/fire_bg.gif) center bottom no-repeat;} /* wrapper */ .wrapper{ width:810px; margin:0 auto; overflow:hidden; padding-bottom:85px; position:relative; z-index:2;} /* header */ #header{ width:100%; height:153px; overflow:hidden; position:relative;} #header h1{ float:left; width:131px; display:inline; margin:47px 0 17px 63px;} #navigation{ float:left; width:562px; display:inline; margin:14px 0 0 54px;} /*level one*/ #navigation ul{ width:100%; height:39px;} #navigation li{ float:left; position:relative;} #navigation li a{ float:left; height:31px; background:url(/images/navigation.gif) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; text-decoration:none;} #navigation li.on a, #navigation li a:hover{ height:39px;} #navigation li#nav1 a{ width:75px; background-position:0 0;} #navigation li#nav2 a{ width:98px; background-position:-75px 0;} #navigation li#nav4 a{ width:152px; background-position:-173px 0;} #navigation li#nav3 a{ width:71px; background-position:-325px 0;} #navigation li#nav5 a{ width:87px; background-position:-396px 0;} #navigation li#nav6 a{ width:79px; background-position:-483px 0;} #navigation li#nav1.on a, #navigation li#nav1 a:hover{ width:75px; background-position:0 -31px;} #navigation li#nav2.on a, #navigation li#nav2 a:hover{ width:98px; background-position:-75px -31px;} #navigation li#nav4.on a, #navigation li#nav4 a:hover{ width:152px; background-position:-173px -31px;} #navigation li#nav3.on a, #navigation li#nav3 a:hover{ width:71px; background-position:-325px -31px;} #navigation li#nav5.on a, #navigation li#nav5 a:hover{ width:87px; background-position:-396px -31px;} #navigation li#nav6.on a, #navigation li#nav6 a:hover{ width:79px; background-position:-483px -31px;} /*level two*/ #navigation li#nav1 li a, #navigation li#nav1.on li a, #navigation li#nav1 li a:hover, #navigation li#nav2 li a, #navigation li#nav2.on li a, #navigation li#nav2 li a:hover, #navigation li#nav3 li a, #navigation li#nav3.on li a, #navigation li#nav3 li a:hover, #navigation li#nav4 li a, #navigation li#nav4.on li a, #navigation li#nav4 li a:hover, #navigation li#nav5 li a, #navigation li#nav5.on li a, #navigation li#nav5 li a:hover, #navigation li#nav6 li a, #navigation li#nav6.on li a, #navigation li#nav6 li a:hover{ width:auto; background:none;} #navigation li ul{ position:absolute; left:0px; top:42px; display:none; width:400px; font-size:14px; font-weight:bold; color:#fff;} #navigation li ul li{ display:inline; float:none;} #navigation li ul li a{ float:none; color:#db9388; padding:0 8px; height:auto; text-decoration:underline; text-indent:0;} #navigation li.on ul{ display:block;} #navigation li ul li.on a, #navigation li ul li a:hover{ color:#c12f40; text-decoration:none;} .language{ float:right; margin-top:22px; width:100px; text-align:right; font-weight:bold;} .language a{ display:block; padding-right:27px; color:#db9388; margin-bottom:5px;} .language a#lan1{ background:url(/images/ico_slo.gif) right 3px no-repeat;} .language a#lan2{ background:url(/images/ico_eng.gif) right 3px no-repeat;} .language a.on, .language a:hover{ color:#c12f40; text-decoration:none;} /* content */ #content{ width:100%; position:relative; overflow:hidden;} #content.index_content{ background:#fff; overflow:visible;} .index_img{ float:left; width:550px;} .index_txt{ float:left; width:240px; padding:14px 10px;} .index_txt p{ line-height:138%; margin-bottom:14px;} .index_txt ul{ padding:0 6px;} .index_txt ul li{ margin-bottom:5px; line-height:136%; padding-left:10px; background:url(/images/dot.gif) 0 6px no-repeat;} .index_pics_holder{ position:absolute; right:0; bottom:0; width:100%;} .index_pics_holder ul{ width:448px; overflow:hidden; position:absolute; right:0; top:-150px; z-index:2;} .index_pics_holder ul li{ float:left; width:142px; overflow:hidden; margin-right:11px;} .index_pics_holder ul li.last{ margin:0;} .index_pics_holder ul li p{ text-indent:4px; font-weight:bold; line-height:180%;} .index_pics_holder ul li p img{ display:block;} .index_pics_bg{ position:absolute; right:11px; bottom:-14px; width:448px; height:154px; background:#c7b29a; z-index:1;} .index_pics_bg span{ display:block; position:absolute; width:11px; height:10px; background:#543f3b; right:-11px; bottom:13px; text-indent:-9999px; overflow:hidden;} .index_strip{ position:absolute; width:320px; height:14px; background:#c12f40; left:0; bottom:-14px; text-indent:-9999px; overflow:hidden;} /* footer */ #footer{ color:#c7b29a; text-align:center; font-size:9px; font-family:Tahoma,Arial; margin-top:56px;} /* for inner page */ .strip_top{ position:absolute; width:320px; height:14px; background:#c12f40; right:0; top:0; text-indent:-9999px; overflow:hidden;} .strip_bottom{ position:absolute; width:330px; height:14px; background:#c12f40; left:0; bottom:14px; text-indent:-9999px; overflow:hidden;} .sidebar{ float:left; width:316px; position:relative;} .sidebar .img1{ position:absolute; left:0; top:0;} .sidebar .img2{ margin-top:270px; margin-bottom:23px; padding-left:110px;} .sidebar .img3{ padding-left:110px;} .main_content{ float:left; width:416px; background:#fff; font-size:14px; padding:0 36px 20px 42px;} .main_content h2{ font-size:24px; font-weight:normal; text-align:right; color:#c12f40; line-height:260%; margin-top:18px;} .main_content p{ margin-bottom:18px;} .message_form{ width:100%; margin:52px 0 15px 0;} .message_form .row{ width:100%; overflow:hidden; margin-bottom:8px;} .message_form .row label{ float:left; width:138px; font-weight:bold; line-height:180%;} .message_form .row input{ float:left; width:264px; border:0; padding:5px 5px; background:#edc9c3; font-family:"Trebuchet MS"; font-size:14px;} .message_form .row textarea{ float:left; width:263px; height:146px; border:0; padding:5px; background:#edc9c3; font-family:"Trebuchet MS"; font-size:14px;} .message_form .row2{ padding-left:138px;} .message_form .row2 input{ width:82px; height:22px; border:0; font-size:14px; font-family:"Trebuchet MS"; color:#fff; cursor:pointer; background:#c12f40 url(/images/btn_submit_bg.gif) no-repeat;} .contact_info{ width:100%; border-top:1px #c12f40 solid; padding-top:10px;}