
.wrapper{
width:1024px;
margin:0 auto;
text-align: left;
}
body{
padding:0;
margin:0;
color:#807f7f;
font-family:tahoma;
font-size:12px;
background:#333333;
text-align: center;
}
#nav li a{
display:block;
height:25px;
}
#nav li{
float:left;
height:25px;
list-style:none outside none;
}
#nav li#home a{
background:url("../images/mainMbuttons.png") no-repeat scroll 0 -30px transparent;
width:80px;
}
#nav li#home a.selected,#nav li#home a.hover{
background:url("../images/mainMbuttons.png") no-repeat scroll 0 -10px transparent;
}
#nav li#history a{
background:url("../images/mainMbuttons.png") no-repeat scroll -105px -30px transparent;
width:90px;
}
#nav li#history a.selected,#nav li#history a.hover{
background:url("../images/mainMbuttons.png") no-repeat scroll -105px -10px transparent;
}
#nav li#locations a{
background:url("../images/mainMbuttons.png") no-repeat scroll -215px -30px transparent;
width:120px;
}
#nav li#locations a.selected,#nav li#locations a.hover{
background:url("../images/mainMbuttons.png") no-repeat scroll -215px -10px transparent;
}
#nav li#aboutus a{
background:url("../images/mainMbuttons.png") no-repeat scroll -345px -30px transparent;
width:190px;
}
#nav li#aboutus a.selected,#nav li#aboutus a.hover{
background:url("../images/mainMbuttons.png") no-repeat scroll -345px -10px transparent;
}
#nav li#agronomy a{
background:url("../images/mainMbuttons.png") no-repeat scroll -550px -30px transparent;
width:120px;
}
#nav li#agronomy a.selected,#nav li#agronomy a.hover{
background:url("../images/mainMbuttons.png") no-repeat scroll -550px  -10px transparent;
}
#nav li#contactus a{
background:url("../images/mainMbuttons.png") no-repeat scroll -680px -30px transparent;
width:110px;
}
#nav li#contactus a.selected,#nav li#contactus a.hover{
background:url("../images/mainMbuttons.png") no-repeat scroll -680px -10px transparent;
}
#nav li a span{
display:none;
}
#nav{
margin:0 auto;
padding:10px 0;
height:25px;
width:870px;
}
.header,.content,.footer{
background:#141213;
text-align:left;
}
.left,.main,.right{
float:left;
color:#807f7f;
}
.left{
width:300px;
padding:10px;
}
.left .l{
float:left;
width:110px;
padding:10px;
}
.left .r{
width:150px;
float:right;
padding:10px;
}
.main .l{
float:left;
width:125px;
padding:10px;
}
.main .r{
width:205px;
float:right;
padding:5px;
}
.right{
width:270px;
padding:10px;
}
.main{
width:374px;
padding:10px;
}
img{
vertical-align:top;
border:0;
}
.footer a{
text-decoration:none;
}
.footer{
background:#2a2a2a;
font-size:11px;
}
.footer ul{
margin:0;
padding:0;
list-style:none outside none;
}
.footer ul li{
display:inline;
}
.footer  ul li a{
color:#807f7f;
}
.footer .l{
padding:10px;
float:left;
}
.footer .r{
padding:10px;
float:right;
}

.left-2{
/* background:#f7f7f7 url("../images/leftBGgradient.jpg") repeat-y 145px 0; */
background:#f7f7f7 url("../images/orientaltobgradient.jpg") repeat-y 0 0;
float:left;
padding:40px;
width:313px;
height:100%;
}
.main-2{
background:none repeat scroll 0 0 #FFFFFF;
float:left;
padding:50px;
width:530px;
height:100%;
}
.left-2 .box .title,.left-3 .box .title{
color:#000;
}
.left-2 .box .view,.left-3 .box .view{
color:#76592b;
}
.left-2 .box .image{
float:left;
border:1px solid #141213;
}
.left-2 .box{
width:273px;
height:69px;
padding:13px;
border-bottom:1px solid #B8B8B8;
}
.left-3 .box{
width:173px;
height:69px;
padding:13px;
border-bottom:1px solid #B8B8B8;
}
.left-2 .box .content,.left-3 .box .content{
display:none;
}
.left-2 .hover,.left-2 .on,.left-3 .hover,.left-3 .on{
background:url("../images/manLeftBox.jpg") no-repeat scroll 0 0 transparent;
}
.left-2 .hover .title,.left-2 .on .title,.left-3 .hover .title,.left-3 .on .title{
color:#fff;
}
.left-2 .hover .image,.left-2 .on .image,.left-3 .hover .image,.left-3 .on .image{
border:1px solid #fff;
}
.left-2 .box .inner{
}
.left-2 .box .inner .r,.left-3 .box .inner .r{
padding-left:0px;
float:left;
margin-left:1px;
}

#history .main{
padding:18px;
background:url("../images/divider.png") repeat-y 100% 50% ;
width:690px;
}





.right-3{
background:none repeat scroll 0 0 #FFFFFF;
width:256px;
float:left;
padding:10px;
height:100%;
}
.gallery{
background:#fff url("../images/galPicBg.jpg") repeat-y 0 0;
width:112px;
height:75px;
padding:5px;
float:left;
margin:3px;
}
.left-3{
background:#fff url("../images/leftBGgradient.jpg") repeat-y 0 0;
width:255px;
float:left;
padding:10px;
height:100%;
}
.main-3{
background:#fff url("../images/agrodivider.jpg") repeat-y 100% 50% ;
float:left;
height:100%;
padding:10px;
width:453px;
}
.left-3 .box{
width:170px;
height:69px;
padding:13px;
margin-left:10px;
}
.left-3 .box .inner{
}
.left-3 .box .inner .r{
padding-left:10px;
float:left;
}

#management .content{
background:url("../images/orientaltobgradient.jpg") repeat-y scroll 0 0 #fff;

}
#management .main-2{
height:auto;
}
#oriental .content{
background:url("../images/orientaltobgradient.jpg") repeat-y scroll 0 0 #fff;

}
#oriental .main-2{
height:auto;
}
#process .content{
background:url("../images/orientaltobgradient.jpg") repeat-y scroll 0 0 #fff;

}
#process .main-2{
height:500px;
}
#agronomy .content{
background:#fff;
height:340px;
}