/* Default CSS */
*{
margin:0;
padding:0;
}
@font-face{
font-family:'Lucida Grande';
src:url('../font/Lucidas/Lucida Grande.ttf') format("truetype");
}
@font-face{ 
font-family:'maian';
src:url('../font/MAIAN.TTF') format("truetype");
}
body {  
font-family:'maian','Lucida Grande',Verdana;
font-size:13px;
background:#e3f1e7;
}
ul,li{
list-style-type:none;
margin:0;
padding:0;
}
a,a:link,a:active,a:visited{
text-decoration:none;
cursor:pointer;
}
.clear{ 
clear:both;
}
#wrapper{ 
width:960px;
margin:auto;
}
#banner{ 
width:960px;
margin:20px auto 5px auto;
background:#FFF url('../images/logo.jpg') 50px 30px no-repeat;
border-top-left-radius:20px;
border-top-right-radius:20px;
}
#banner .slider-wrapper{
width:550px;
float:right;
border-radius:10px;
margin:15px;
}
#container{ 
background-color:#00B069;
background-image:url('../images/lotus-l.png'),url('../images/lotus-r.png');
background-position:left bottom,right bottom;
background-repeat:no-repeat;
margin-bottom:20px;
}
#container aside{ 
width:200px;
float:left;
}
aside#left{
}
aside#right{ 
}
#container aside h3{
text-transform:uppercase; 
color:#FBE010;
background:url('../images/menu.png') 0 0 no-repeat;
text-align:center;
width:200px;
height:49px;
line-height:49px;
font-size:16px;
display:block;
margin-bottom:15px;
}
aside ul.menu{
margin-bottom:20px;
}
aside ul.menu>li{ 
background:url('../images/cotyledon.png') 10px 3px no-repeat;
padding-left:25px;
width:165px;
margin:13px 0;
display:block;
position:relative;
}
aside ul.menu>li:hover>a{ 
background-color:#108010;
color:#FFFFFF;
}
aside ul.menu>li a{
color:#FBE022;
font-weight:bold;
font-size:13px;
width:100%;
display:block;
padding:3px 0 3px 10px;
}
aside ul.menu-child{ 
display:none;
width:200px;
border-left: 5px solid #e3f1e7;
border-right: 5px solid #e3f1e7;
position:absolute;
background:#009E40;
opacity:0.7;
}
aside ul.menu-child li{ 
background:url("../images/dot-bottom.png") bottom repeat-x;
padding:2px 15px 5px 15px;
}
aside ul.menu-child li a{ 
color:#FFFF00;
}
ul.menu-child li:hover a{ 
color:#FFFFFF;
}
#container #main{ 
float:left;
width:560px;
}
#container #main header#menu-top{ 
padding:15px 20px;
border-left:5px solid #e3f1e7;
border-right:5px solid #e3f1e7;
} 
header#menu-top ul.menu-ver li{ 
float:left;
} 
.menu-ver li a{ 
font-size:15px;
color:#FFFFFF;
text-transform:capitalize;
font-weight:bold;
margin:0 25px;
}
.menu-ver li a:hover{ 
color:#FFFC47;
text-shadow:-1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
}
#main section#content{ 
border:5px solid #e3f1e7;
background:#fff;
}
#main footer{ 
text-align:center;
height:35px;
line-height:35px;
color:#FFFFFF;
}
/****product****/
#content .product{ 
padding:40px 30px 10px 30px;
width:490px;
background-image:url('../images/bg-product.png'),url('../images/line.png');
background-position:30px 10px,bottom;
background-repeat:no-repeat,repeat-x;
float:left;
}
#content .product h2{ 
color:#00A859;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
margin:20px 0 30px 40px;
}
.product img{ 
float:left;
margin:5px 40px 20px 40px;
width:180px;
}
.product .infor-product{
color:#5995FF;
width:230px;
float:left;
}
.product .infor-product p{ 
margin:5px 0;
}
.infor-product a.readmore{
    color:green;
    font-family:'Lucida Grande';
    text-decoration:underline;
}
.product a:hover{
    color:#00A859;
    text-decoration:underline;
}
.paginate{ 
float:right;
padding:20px 0;
margin:0 20px 0 0;
}
.paginate a{ 
border:1px solid #000;
padding:5px;
color:#218040;
}
.paginate strong{ 
border:1px solid #000;
padding:5px;
color:#FFF;
background:#43825A;
}
/*****contact****/
#wrapper-contact
{ 
width:470px;
background:url('../images/bg-contact.png') bottom left no-repeat;
padding:50px 40px;
}
#wrapper-contact h1.title{ 
color:#0000A9;
background:url('../images/lotus-title.png') top left no-repeat;
height:60px;
line-height:60px;
margin:0 0 50px 100px;
padding-left:30px;
font-size:30px;
}
.contact-detail{ 
color:#33A900;
margin-bottom:40px;
}
.contact-detail h3{ 
text-transform:uppercase;
background:url('../images/cotyledon.png') top left no-repeat;
padding-left:25px;
margin-bottom:15px;
}
.contact-detail p{ 
margin:10px 0;
font-size: 14px;
}
/***about us****/
.breadcrumbs{ 
padding: 0px 5px 0px 15px;
font: italic 12px Georgia, serif;
color: #4e4d4d;
text-shadow: 1px 1px 1px #ffffff;
width:962px;
margin:20px auto;
}
.breadcrumbs a{ 
color: #807f7f;
}
.breadcrumbs a:hover{
color: #4e4d4d;
}
.breadcrumbs span.sep{ 
background:url('../images/breadcrumbs_separator.png') no-repeat;
display:inline-block;
height: 7px;
margin: 1px 1px 0 3px;
width: 4px;
}
#wrapper-about{ 
color:#00A859;
background-color:#FFF;
padding:40px;
-moz-box-shadow: 0px 0px 7px #000000;
-webkit-box-shadow: 0px 0px 7px #000000;
box-shadow: 0px 0px 7px #000000;
}
#wrapper-about h1.title{ 
font-size:25px;
text-align:center;
margin-bottom:40px;
}
#wrapper-about p{ 
text-align:justify;
text-indent:40px;
line-height:21px;
margin:12px 0;
}
#wrapper-about ul li{ 
background:url('../images/cotyledon.png') 0 0 no-repeat;
padding-left:25px;
margin:5px 0px 5px 40px;;
}
.about-image{ 
float:left;
width:293px;
height:360px;
text-align:center;
position: relative;
}
.about-image img.ver-align1{ 

}
.about-image img.ver-align2{ 

}
.about-image h3{ 
text-align:center;
margin-top:240px;
}
.about-image img.arrow-top1{ 
position:absolute;
top:-10px;
left:100px;
}
.about-image img.arrow-bot1{ 
position:absolute;
top:230px;
left:90px;
}
.about-image img.arrow-top2{ 
position:absolute;
top:-10px;
left:-20px;
}
.about-image img.arrow-bot2{ 
position:absolute;
top:230px;
left:10px;
}
#slider2{ 
width:auto;
height:160px;
position:absolute;
top:70px;
left:80px;;
}
#slider3{ 
width:auto;
height:134px;
position:absolute;
top:90px;
left:120px;
}
/*information*/
#wrapper-information
{ 
font-family:'Lucida Grande';
width:470px;
background:url('../images/bg-contact.png') bottom left no-repeat;
padding:50px 40px;
}
#wrapper-information h1.title{ 
color:#0000A9;
background:url('../images/lotus-title.png') top left no-repeat;
height:60px;
text-align: center;
margin:0 0 40px 0px;
padding-left:30px;
font-size:25px;
}
#wrapper-information p{
    line-height: 20px;
    font-size:13px;
    text-align:justify;
}
/** Update **/
.menu-left{
	float:left;
	width:200px;
	margin-bottom:100px;
}