body {font-size:11px;font-family: verdana, arial, helvetica, sans-serif;
color: #fff;background-color: #666;
margin:0;padding:0;
background-image: url(i/bg.gif);
background-repeat: repeat-x;
background-position: 0 0;
}

#main {
position: relative;
width: 801px;
margin: 0 auto;
padding: 0;
height:535px;
background-image: url(i/front.jpg);
background-repeat: no-repeat;
background-position: 175px 0px;
}

#main1 {
position: relative;
width: 801px;
margin: 0 auto;
padding: 0;
height:535px;
background-image: url(i/front1.jpg);
background-repeat: no-repeat;
background-position: 175px 0px;
}

a {color: #fff; text-decoration: underline;}
a:hover {text-decoration: underline;}
h1 span, h2 span, div hr {display:none;}

#header {
position: relative;
width: 790px;
height:101px;
margin: 0;
padding: 0;
}

#menu{
width: 177px;
margin: 0 0 18px 0;padding: 0;
float:left;
list-style: none;
font-size:12px;
}

#menu li{
width: 177px;
margin: 0;padding: 0;
list-style: none;
float: left;
}

#menu li a, #menu li strong{
display: block; 
width: 162px;
font-weight: bold;
margin: 0 0 0 2px;
padding: 3px 6px 4px 6px;
color: #FFDDBB;
text-decoration: none;
background-color: transparent;
background-image: url(i/menu.gif);
background-repeat: no-repeat;
background-position: bottom right;
}

#menu li strong{
background-color: #E17100;
color: #fff; text-decoration: none;
background-position: 0 -200px;;
}

#menu li a:hover{
background-color: #C66300;
color: #fff; text-decoration: none;
background-position: 0 -200px;;
}

#lang{
position: absolute;
width: 60px;
height: 24px;
right: 15px;top: 0px;
margin: 0;padding: 0;
list-style: none;
background-color: transparent;
background-image: url(i/lang.gif);
background-repeat: no-repeat;
background-position: 0 0;
font-size: 10px;
font-weight: bold;
}

#lang a{display: block; width: 29px;
float:left; margin: 5px 0 0 0; padding: 0 0 0 0;text-align:center;
color: #b7b7b7;text-decoration: none;
border-right: solid 1px #b7b7b7;}
#lang a:hover, #lang a.sel{color: #fff;}

#sound{
position: absolute;
width: 89px;
height: 24px;
right: 60px;top: 5px;
margin: 0;padding: 0;
list-style: none;
font-size: 10px;
font-weight: bold;
color:#B7B7B7;
}
#sound span {float:left;}

#content {
position: absolute;
left: 200px;
top: 150px;
width: 550px;
margin: 0 0 0 0;
padding: 0 10px 0 0;
height:373px;
overflow: auto;
}

#front {
position: absolute;
width: 780px;height:437px;
margin: 0;padding: 0;
left: 0;top: 101px;
background-color: transparent;
/* background-image: url(i/line.gif); */
background-repeat: no-repeat;
background-position: right center;
}

#frontBox{
position: absolute;
left: 0;top: 100px;
margin: 0;padding: 0;
width: 177px;
height: 437px;
background-color: #ff7e00;
background-image: url(i/lboxb.gif);
background-repeat: repeat-x;
background-position: left bottom;
}

.box{
float: left;
display: block;
margin: 0;
padding: 18px 12px 12px 21px;
background-color: transparent;
background-image: url(i/jj.jpg);
background-repeat: no-repeat;
background-position: 12px 10px;
}

p.news1, p.news2{
margin: 0 0 16px 16px;
}

p.news1 a, p.news2 a{text-decoration: none;}
p.news1 a:hover, p.news2 a:hover{text-decoration: underline;}
p.news2 a{color:#eaa0a7;}


span.boxTop{
display:block;
width:100%;
height: 29px;
background-color: #ff7e00;
background-image: url(i/lboxt.gif);
background-repeat: repeat-x;
background-position: 0 0;
}

#footer{
width:780px;
height: 75px;
color: #a3a3a3;
font-size: 10px;
}

#footer a{color: #a3a3a3;font-size: 10px;}
#footer p{margin: 13px 0 3px 0;padding: 0 0 0 0;}
#footer p.l{float:left;}
#footer p.r{float:right;}

#content h1{
margin: 0 0 0 0;
padding: 0 0 0 0;
font-weight: bold;
font-size: 18px;
}

.lpic{
margin-right: 10px;
float: left;
}

.rpic{
margin-left: 10px;
float: right;
}

#gallery a{border: solid 3px #545454;margin: 0 5px 5px 0;
padding:0;display:block;width:60px;float:left;}
#gallery a:hover, a.bbb:hover{border: solid 3px #ff7e00;}
a.bbb{border: solid 3px #545454; float:left; display:block;}

#yform label {float:left; display:block; width:80px;}
#yform input, #yform textarea {margin-bottom:5px; border:none; background:#000; color:#fff; width:210px;}

#contact-body {background: url(i/contact-body.jpg) no-repeat; position:absolute; width:234px; height:333px; left:299px; top:-2px;}

.play, .stop {display:block; float:left; width:7px; height:11px; background-repeat:no-repeat;}
.play {background-image: url(i/play.gif); background-position:0 3px; margin:0 0 0 5px;}
.stop {background-image: url(i/stop.gif); background-position:0 4px; margin:0 0 0 3px;}