@charset "utf-8";
/* CSS Document */


.row:before,
.row:after,
.container:before,
.container:after,
.subContWrap:before,
.subContWrap:after{
content: " ";
display: table;
clear:both;
}

.container{
width:1010px;
padding:0 30px;
margin:auto;
}

.section{
position:relative;
}

.sectionTop{
 height:221px;
 width:100%;
 background:url(../images/topBarBg.png) center center no-repeat;
 background-size:100% 221px;
}

.contLogo{
 float:left;
 margin-top:20px;
}

.sectionBtm{
 height:156px;
 width:100%;
 background:url(../images/btmBarBg.png) center center no-repeat;
 background-size:100% 156px;
}


.headerSection{
text-align:center;
margin-bottom:40px;
}

#sectionSlider{
background:url(../images/bg1.png) left -8px repeat;
 padding-top:221px;
}

#sectionProduct{
background:url(../images/bg2.png) left top repeat;
}

#sectionWhyDoI{
background:url(../images/bg3.png) left top repeat;
}

#sectionStress{
background:url(../images/bg4.png) left -1px repeat;
}

#sectionAbout{
background:url(../images/bg1.png) left top repeat;
padding-bottom:90px;
}



#sectionProduct .sectionTop{
 background:url(../images/topBarBg2.png) center center no-repeat;
 background-size:100% 221px;
}

#sectionProduct .sectionBtm{
 background:url(../images/btmBarBg2.png) center center no-repeat;
 background-size:100% 156px;
}




#pageProduct{
padding-top:221px;
padding-bottom:80px;
position:relative;
z-index:2;
 overflow:hidden;
}

#pageProduct .container{
 position:relative;

}





.subContWrap .left{
 width:270px;
 float:left;
 text-align:center;
 padding-top:40px;
}

.subContWrap .right{
 width:700px;
 float:right;
 position:relative;
 z-index:9;
}


ul{
 margin:0 0 20px 0;
 padding:0 0 0 20px;
}
ul li{
 margin:0 0 4px 0;
}