*{ margin:0;  padding:0; }

html{background:#f5efea url(../media/top_bg.jpg) repeat-x left top; height:100%; }
body{font:12px Arial, Helvetica, sans-serif; background: url(../media/body_bg.jpg) repeat-y left top; color:#814664; height:100%;}
	
.clear{clear:both}
img{border:0;}

a{ color:#814664;}

#main{ position:relative; background: url(../media/body_tatu.gif) no-repeat 999px 96px; padding-bottom:40px; }

#header{ height:31px; padding:130px 0 0 32px; background: url(../media/body_hdr.jpg) no-repeat 0 0; position:relative; width:967px; overflow:hidden; }
#header h1{ position:absolute; top:26px; left:814px; }
#header h1 span{ position:absolute; top:-1000px;}
#header ul{ list-style:none; overflow:hidden; }
#header ul li{ float:left; border-left:2px solid #eee4db; margin-left:-2px; padding:0 8px; }
#header ul li a{ font-weight:bold; color:#eee4db; text-decoration:none; font-size:14px;}
#header ul li a:link:hover{ text-decoration:underline;}

#navigation{ width:319px; position:absolute; left:0px; top:172px; }
#navigation ul{ list-style:none; }
#navigation ul li{ padding:26px 0 4px 0px;}
#navigation ul li a{ display:block; padding:3px 0 6px 38px; font-size:15px; color:#5b4e51; text-decoration:none;}
#navigation ul li.act a, #navigation ul li.act a:link:hover{ font-weight:bold; text-decoration:none;}
#navigation ul li a:link:hover{ text-decoration:underline;}
#navigation ul li ul li{ padding-top:0px; }
#navigation ul li ul li a{ font-size:13px; background: url(../media/mi_bg.jpg) no-repeat 0 0; padding-bottom:2px; font-weight:normal !important;}
#navigation ul li ul li.act a{ background-image: url(../media/mi_bg_a.jpg); color:#fff;}

#contents{position:relative; width:680px; margin:0 0 0 319px; background: url(../media/content_f.gif) repeat-y left top; }
#contents p a:hover{ background:#814664; color:#fff; text-decoration:none;}
#contents .cn1{ background: url(../media/content_tatu.gif) no-repeat 12px 335px; }
#contents .cn2{ background: url(../media/body_tatu_shad.jpg) no-repeat right 27px; }
#contents .cn3{ background: url(../media/content_b.jpg) no-repeat left bottom;}
#contents .cn4{ background: url(../media/content_t.jpg) no-repeat left top; padding:295px 30px 50px 30px; height:400px;}
#contents[id] .cn4{ height:auto; min-height:400px; }
#contents .cn1, #contents .cn2, #contents .cn3{ height:1px; }
#contents[id] .cn1, #contents[id] .cn2, #contents[id] .cn3{ height:auto; min-height:1px; }

#contents .ti{position:absolute; top:40px; left:27px; width:640px; }
#contents .ti img{ float:left; margin-right:17px;}

#map{ height:230px; overflow:hidden; width:626px !important;}

#contents h1{ font-size:26px; font-weight:normal; padding:0 0 16px 0; }
#contents h2{ font-size:16px; padding:16px 50px 16px 40px;}
#contents h3{ font-size:16px; font-weight:normal;}
#contents h4{ font-size:16px; padding:0px 50px 0px 40px;}
#contents p{ padding:0px 50px 16px 60px; line-height:16px;}
#contents ul{ list-style:square; padding:0px 50px 16px 78px; line-height:16px;}
#contents ol{ padding:0px 50px 16px 78px; line-height:16px;}
#contents p img{ margin-right:17px;}
#contents p img.fl{ float:left; margin-bottom:7px;}
#contents p img.fr{ float:right; margin:0 0 7px 17px;}
#contents p.link{background: url(../media/arr_link.gif) no-repeat 30px 1px;}
#contents p span.textimg{ display:block; width:230px; float:left; padding-bottom:8px;}


#contents .detail{background:#ece4e9 url(../media/detail.gif) no-repeat 390px bottom; margin:7px 0 0 40px; padding:11px; position:relative;}
#contents .detail h2{padding:58px 0px 2px 0px; }
#contents .detail h3{padding:0px 0px 0px 7px; margin:-5px 0 0 0;}
#contents .detail h4{padding:0px;}
#contents .detail p{padding:0px 0 10px 0;}
#contents .detail a{ position:absolute; right:35px; bottom:0px; display:block; background: url(../media/arr_r.gif) no-repeat 0px 2px; padding:2px 4px 4px 45px; text-decoration:none; font-size:16px;}
#contents .detail a:hover{  text-decoration:underline;}
#contents .detail .foto{ float:left; margin:0 11px -3px 0;}

#contents .tip{ position:absolute; left:290px; top:380px; width:250px; padding-right:60px; padding-bottom:7px; background-position:250px bottom; }

#contents .detail2 { background-position:420px bottom; padding:20px 11px 11px 24px; }
#contents .detail2  p{ background: url(../media/arr_r.gif) no-repeat 0px 1px; padding:0px 0 12px 70px !important;}
#contents .detail2  a{ position:relative !important; display:inline !important; background:none !important; padding:0 !important; text-decoration:underline !important; font-size:12px !important; color:#814664 !important;}

#contents form{ padding:10px 0px 10px 40px;}
#contents form div{ background:#ece4e9; position:relative; padding:1px 0px 7px 114px; margin-bottom:14px; height:18px;}
#contents[id] form div{ min-height:18px; height:auto;}
#contents form div label{ position:absolute; margin:9px 0 0 -103px; font-weight:bold;}
#contents form div label.chb{ margin-top:1px; font-weight:normal;}
#contents form div label.chb input{ margin:1px 2px -1px -4px;}
#contents form div label.chb input[moz="1"]{ margin:5px 5px 1px 0;}
#contents form input, #contents form select, #contents form textarea { font:12px Arial, Helvetica, sans-serif; color:#814664; margin:5px 7px 0px 0;}
#contents form .inp{ border:1px solid #eee4dc; padding:2px 5px;}
#contents form textarea.inp{ width:95%}
#contents form .fr{ float:right; width:auto !important;}
#contents form .send{ float:right; display:block; background: url(../media/arr_r.gif) no-repeat 52px 1px; padding:0px 52px 2px 0px; text-decoration:none; font-size:16px;}

.torus{ padding:5px 60px 0 95px;}
.torus a{ display:block; width:128px; height:150px; margin:0 60px 20px 0; text-decoration:none; float:left; text-align:center;}
.torus a img{ margin-bottom:5px;}


#footer{ color:#fff; background: url(../media/footer_bg.jpg) repeat-x left top; padding:11px 0 0 0; width:100%; height:22px; position:absolute; bottom:0px; left:0px; font-weight:bold; z-index:2; }
#footer[id]{ position:fixed;}
#footer a{ color:#fff; text-decoration:none; padding:0 2px;}
#footer a:hover{ text-decoration:underline;}
#footer span{ display:block; float:left; padding:0 0 0 345px; width:220px; font-size:15px; font-weight:normal; margin-top:-7px;}
#footer span img{ margin:0px 0 -2px 3px;}
#footer span a:hover{ text-decoration:none;}
#footer ul{ position:absolute; top:11px; left:835px; list-style:none; overflow:hidden; }
#footer ul li{ float:left; border-left:1px solid #fff; margin-left:-1px; padding:0 6px}
#footer ul li.act a{ text-decoration:underline !important;}