/*---------------------------- default ----------------------------*/
* {
margin:0px;
padding:0px;
}
html, body {
width:100%;
height:100%;
}
body {
position:relative;
font:65.01% 'Arial', sans-serif;
color:inherit;
background:#fff url('img/body.jpg') repeat-x 0 0;
}
ul {list-style:none;}
img {border:none;}
a {text-decoration:none; color:#73ae1a;}
a:hover {text-decoration:underline; color:#73ae1a;}
a:visited {text-decoration:none; color:#73ae1a;}

.icon a {text-decoration:none; color:#FFFFFF;}
.icon a:hover {text-decoration:underline; color:#FFFFFF;}
.icon a:visited {text-decoration:none; color:#FFFFFF;}

h1, .h1 {
padding:20px 0 5px 40px;
font:1.8em 'Arial',sans-serif;
color:#73ae1a;
background:url('img/icon/h2.gif') no-repeat 15px 25px;
background-color:inherit;
}
h2 {
padding:20px 0 10px 40px;
font:bold 1.1em 'Arial',sans-serif;
color:#757575;
background:url('img/icon/h2.gif') no-repeat 15px 20px;
background-color:inherit;
}
h3 {
padding:20px 0 10px 40px;
font:1.8em 'Arial',sans-serif;
color:#757575;
background:url('img/icon/h2.gif') no-repeat 15px 25px;
background-color:inherit;
}
h4 {
padding:5px 0 5px 20px;
font:bold 1.1em 'Arial',sans-serif;
color:#73ae1a;
text-align:left;
text-decoration:underline;
background-color:inherit;
}

td {
font: 12px 'Arial',sans-serif;
color:#5c5c5c;
background-color:inherit;
}

p {
font-size:1.1em;
color:#5c5c5c;
text-align:justify;
background-color:inherit;
}
p a {
color:#5c5c5c;
background-color:inherit;
}
select {
display:block;
float:left;
font:11px 'Arial', sans-serif;
color:#020202;
background-color:#fff;
}

/*----------------------------- main ----------------------------*/
#container {
min-width:830px;
margin:0 75px 0 85px;
min-height:100%;
overflow:hidden;
position:relative;
z-index:2;
background:url('img/container.gif') repeat-x 0 189px;
}
* html #container {
height:100%;
overflow:visible;
}
#spacer {
width:100%;
height:80px;
clear:both;

}
.both {
width:100%;
clear:both;
overflow:hidden;
}
#pix {
width:100%;
min-width:990px;
height:277px;
margin-bottom:-277px;
position:relative;
top:0px;
right:0px;
z-index:1;
background:url('img/pix.jpg') no-repeat 100% 0;
}

/*----------------------------- footer ----------------------------*/
#footer {
width:100%;
min-width:990px;
height:67px;
margin-top:-80px;
position:relative;
z-index:3;
}
#footer .space {
height:67px;
margin:0 75px 0 85px;
position:relative;
color:inherit;
background:#619ba8 url('img/footer.jpg') no-repeat 30% 0;
}
address {
position:absolute;
top:25px;
left:55px;
font:9px 'Arial',sans-serif;
color:#fff;
background-color:inherit;
}
#counter {
width:88px;
height:31px;
margin-left:25px;
position:absolute;
top:18px;
left:30%;
color:inherit;
background-color:#81afb9;
}
#counter img {
width:88px;
height:31px;
display:block;
}
#footer .icon {
position:absolute;
top:10px;
right:35px;
overflow:hidden;
}
.icon li {
margin:0 15px;
float:left;
font-size:9px;
line-height:10px;
text-align:center;
}
.icon li a {
width:40px;
padding-top:25px;
display:block;
color:#fff;
background-color:inherit;
}
.icon li.i1 a {background:url('img/icon/home.gif') no-repeat 50% 9px;}
.icon li.i2 a {background:url('img/icon/contacts.gif') no-repeat 50% 9px;}
.icon li.i3 a {background:url('img/icon/search.gif') no-repeat 50% 9px;}

/*----------------------------- header ----------------------------*/
#header {
width:100%;
height:189px;
position:relative;
}
#logo {
width:280px;
height:50px;
position:absolute;
top:33px;
left:0px;
background:url('img/logo.png') no-repeat 0 0;
cursor:hand;
}
#logo a {
width:280px;
height:50px;
display:block;
}
#header .icon {
width:31%;
position:absolute;
top:140px;
left:0px;
overflow:hidden;
}
#header .icon li {
width:33%;
margin:0px;
}
#header .icon li a {
margin:0 auto;
}
#nav {
padding-left:10px;
margin-left:50px;
position:absolute;
top:152px;
left:30%;
overflow:hidden;
background:url('img/icon/nav.gif') no-repeat 0 5px;
}
#nav li {
padding:0 15px;
float:left;
font:10px 'Tahoma',sans-serif;
color:#fff;
background:url('img/icon/nav_li.gif') no-repeat 0 4px;
background-color:inherit;
}
#nav li a {
color:#fff;
background-color:inherit;
}
#nav li.link {
background:none;
}
#nav li.current {
font-weight:bold;
}

/*----------------------------- left ----------------------------*/
#left {
width:30%;
padding-bottom:180px;
float:left;
position:relative;
z-index:3;
color:inherit;
background:#fff url('img/left.gif') no-repeat 100% 30px;
}
* html #left {
width:29.99%;
}
#corner {
width:100%;
height:15px;
background:url('img/corner.jpg') no-repeat 100% 0;
}
#menu {
width:100%;
overflow:hidden;
}
#menu li {
width:100%;
float:left;
clear:left;
font-size:1.1em;
}
#menu li a {
margin:7px 0 7px 10px;
padding:0 20px 0 30px;
display:block;
color:#73ae1a;
background-color:inherit;
background:url('img/icon/menu_li_a.gif') no-repeat 15px 5px;
}
#order {
width:30%;
height:86px;
margin-top:-86px;
float:left;
clear:both;
position:relative;
color:inherit;
z-index:10;
background:#75af1c url('img/order.jpg') repeat-x 0 0;
}
* html #order {
bottom:-1px;
}
#order select {
width:120px;
position:absolute;
top:35px;
left:100px;
}
#order .title {
position:absolute;
left:15px;
top:30px;
}

/*----------------------------- content ----------------------------*/
#content {
width:65%;
padding:20px 20px;
float:left;
color:inherit;
overflow:hidden;
background:#fff url('img/content.jpg') no-repeat 0 0;
}
* html #content {
width:69.99%;
}
#content .space {
padding:0 10px;
}
.numered {
width:100%;
padding-top:10px;
overflow:hidden;
}
.numered li {
padding-bottom:8px;
float:left;
overflow:hidden;
width:100%;
}
.numered li span {
width:7%;
padding-top:0.2em;
margin-right:2%;
display:block;
float:left;
font-size:0.9em;
color:#b3b3b3;
text-align:right;
background-color:inherit;
}
.numered li p {
width:90%;
display:block;
float:left;
}
.grey {
width:100%;

background:url('img/grey.jpg') repeat-x 0 0;
}
.grey div {
width:100%;
background:url('img/grey2.jpg') repeat-x 0 100%;
}
.grey div div {
width:100%;
padding-bottom:15px;
overflow:hidden;
background:url('img/grey3.gif') no-repeat 0 0;
}
.grey div div div {
width:auto;
overflow:visible;
background:none;
}
p.green {
padding-top:10px !important;
font-weight:bold;
color:#73ae1a;
background-color:inherit;
}
.grey .left {
width:30%;
float:left;
overflow:hidden;
}
.grey .left p {
padding:0 20px 2px 40px;
}
.grey .right {
width:65%;
border-left:1px solid #ebebeb;
float:left;
overflow:hidden;
}
.grey .right p {
padding:0 20px 2px 20px;
}
.w30 {
width:30%;
float:left;
}
.w30 p {
padding:0 10px 2px 20px;
text-align:left;
}