/*
================================================================================
|                                     TAGS                                     |
================================================================================
*/
body{ margin:0px; padding:0px; font-family:Tahoma,Arial,Times New Roman;background-color:#ffffff; min-height:100%; position:relative; font-size:11px;}
/*MAIN*/
.fL{ float:left}
.fR{ float:right}
.clear{clear:both}
.im{margin:0px}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer,
header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-width: 0px; padding: 0px; margin: 0px;}
html{height:100%}
input, textarea {font: 12px "OpenSans-CondensedLight", Arial, sans-serif; color: #333;  outline:none;}
input[type="button"], input[type="submit"], button {cursor: pointer}
td{margin: 0px; padding: 0px;}
form{padding: 0px; margin: 0px;}
a{color: #000100; -moz-transition: color 0.1s linear; -o-transition: color 0.0s linear; -ms-transition: color 0.0s linear; -webkit-transition: color 0.0s linear; transition: color 0.0s linear; text-decoration:none;}
	

/*

================================================================================
|                                     BG_STYLES                                |
================================================================================
*/

@font-face {
    font-family: 'metapro-bold';
    src: url('../fonts/metapro-bold.eot');
    src: url('../fonts/metapro-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/metapro-bold.woff') format('woff'),
         url('../fonts/metapro-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'metapro-bolditalic';
    src: url('../fonts/metapro-bolditalic.eot');
    src: url('../fonts/metapro-bolditalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/metapro-bolditalic.woff') format('woff'),
         url('../fonts/metapro-bolditalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'metapro-medium';
    src: url('../fonts/metapro-medium.eot');
    src: url('../fonts/metapro-medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/metapro-medium.woff') format('woff'),
         url('../fonts/metapro-medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'metapro-normal';
    src: url('../fonts/metapro-normal.eot');
    src: url('../fonts/metapro-normal.eot?#iefix') format('embedded-opentype'),
         url('../fonts/metapro-normal.woff') format('woff'),
         url('../fonts/metapro-normal.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'metabookci';
    src: url('../fonts/metabookci.eot');
    src: url('../fonts/metabookci.eot?#iefix') format('embedded-opentype'),
         url('../fonts/metabookci.woff') format('woff'),
         url('../fonts/metabookci.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;}


.wrapper{
	width:920px;
	padding:0px 10px 0px 10px;
	margin:0 auto;
	position:relative;}
/*
================================================================================
|                                     HEADER                                   |
================================================================================
*/
header{  	
	height:470px;	
	text-align:left;
	background:url(../img/img_header.jpg) no-repeat center top;}
.logo1{
	position:absolute;
	left:9px;
	top:33px;}
.logo2{
	position:absolute;
	left:148px;
	top:33px;}
.mainInfoProduct{
	position:absolute;
	left:10px;
	top:96px;
	width:650px;}
.mainInfoProduct h1{
	font:52px 'metapro-medium';
	color:#bb77b4;
	padding:0 0 1px 0;
	letter-spacing:-0.5px;}
.mainInfoProduct p{
	font:24px/30px 'metapro-normal';
	color:#25245e;
	padding:0 0 0 0;
	letter-spacing:-0.1px;}
.mainInfoProduct ul li{
	font:18px/22px 'metapro-normal';
	color:#1a194b;
	padding:13px 0px 1px 42px;
	background:url(../img/marker_list_1.png) no-repeat left 13px;
	list-style:none;
	letter-spacing:-0.1px;}


/*
================================================================================
|                                     CONTENT                                 |
================================================================================
*/
.content{ 	
	text-align:left;
	padding:0px 0px 100px 0px;}
.boxBenefits{
	width:auto;
	height:95px;
	padding:0 0 0 0px;
	background:#bf82b9;}
.boxBenefits ul{
	padding-top:19px;}
.boxBenefits ul li{
	float:left;
	padding:0 20px 0 0;
	list-style:none;
	width:210px;}
.boxBenefits .img{
	margin:9px 0px 0px 0px;
	width:42px;
	float:left;}
.boxBenefits p{
	font:16px/19px 'metabookci';
	width:149px;
	color:#ffffff;
	float:right;}
.boxBenefits ul li.twoLIne p{
	padding-top:10px;}
.boxBenefits ul li.last{
	padding:0 0px 0 0;
	width:230px;}
.boxBenefits ul li.last p{
	width:169px;}
.boxAboutUs{
	border-bottom:solid 3px #bf82b9;
	padding:58px 0px 53px 0px;}
h2{
	font:36px/40px 'metapro-medium';
	color:#bf82b9;
	padding:0px 0px 2px 0px;
	letter-spacing:-0.1px;}
h3{
	font:24px/28px 'metapro-medium';
	color:#bf82b9;
	padding:24px 0px 5px 0px;
	letter-spacing:-0.1px;}
p{
	font:18px/21px 'metapro-normal';
	color:#1a194b;}
.boxAboutUs p{
	padding:10px 0px 0px 0px;
	letter-spacing:-0.1px;}
.boxAboutUs .left{
	float:left;
	width:400px;
	padding:0px 0px 0px 10px;}
.boxAboutUs .right{
	float:right;
	width:382px;
	padding:0px 66px 0px 0px;}
.boxAboutUs .img{
	float:left;
	margin:16px 0px 0px 0px;}
.boxAboutUs .text{
	float:right;
	width:265px;}
.boxAboutUs p.title{
	font:18px/22px 'metapro-medium';
	color:#1a194b;}
.boxAboutUs2{
	border-bottom:solid 3px #bf82b9;
	padding:61px 0px 67px 0px;}
.boxAboutUs2 p.title{
	font:24px/28px 'metapro-normal';
	color:#1a194b;
	letter-spacing:-0.1px;}
.boxAboutUs2 p.title span{
	font:24px/28px 'metapro-medium';}
.boxAboutUs2 ul{
	float:left;
	width:635px;
	padding:28px 0px 0px 0px;}
.boxAboutUs2 ul li{
	font:18px/22px 'metapro-normal';
	color:#1a194b;
	padding:13px 0px 1px 42px;
	background:url(../img/marker_list_1.png) no-repeat left 13px;
	list-style:none;
	letter-spacing:-0.1px;}
.boxBuy{
	float:right;
	width:230px;
	padding:37px 0px 0px 0px;}
.boxBuy .img{
	padding:0px 0px 6px 0px;}
.button{
	font:18px/22px 'metapro-normal';
	color:#1a194b;
	width:210px;
	height:32px;
	font:22px/24px 'metapro-medium';
	color:#ffffff;
	background:#bf82b9;
	display:block;
	margin:16px 0px 0px 0px;
	text-align:center;
	padding:8px 0px 0px 0px;
	border-radius: 10px ; moz-border-radius:  10px; webkit-border-radius: 10px;
	behavior: url(css/PIE.htc);
	position:relative;}
.button:hover{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); 
	-moz-opacity: 0.8; 
	-khtml-opacity: 0.8; 
 	opacity: 0.8;}
.boxHowToUse{
	border-bottom:solid 3px #bf82b9;
	padding:57px 0px 60px 0px;}
.color{
	background:url(../img/box_bottm_block.jpg) repeat-x bottom;}
.boxHowToUse ul{
	padding:26px 0px 0px 0px;}
.boxHowToUse ul li{
	list-style:none;
	float:left;
	width:290px;
	padding:0px 25px 0px 0px;}
.boxHowToUse ul li .img{
	padding:0px 0px 0px 63px;}
.boxHowToUse ul li+li{
	padding:0px 20px 0px 0px;
	width:280px;}
.boxHowToUse ul li+li .img{
	padding:0px 0px 0px 43px;}
.boxHowToUse ul li+li+li .img{
	padding:0px 0px 0px 39px;}
.boxHowToUse .title{
	font:24px/26px 'metapro-medium';
	color:#1a194b;
	padding:23px 0px 8px 0px;}
	
.boxSubInfo{
	padding:61px 0px 31px 0px;}
.imgLeft{
	float:left;
	padding:37px 41px 10px 25px;}
.boxSubInfo p{
	padding:9px 0px 7px 0px;}
.boxSubInfo h3{
	color:#1a194b;
	padding:10px 0px 4px 0px;}
.boxSubInfo ul{
	padding:8px 0px 0px 20px;
	float:left;
	width:440px;}
.boxSubInfo ul li{
	list-style:none;
	background:url(../img/marker_list_2.png) no-repeat left 6px;
	font:18px/22px 'metapro-normal';
	color:#1a194b;
	padding:0px 0px 0px 21px;
	margin:0px 0px 14px 0px;
	letter-spacing:-0.1px;}
.imgRight{
	float:right;
	padding:30px 0px 10px 10px;}
	
	

.buy{
	float:left;
	overflow:hidden;
	padding-top: 20px;
}

.buy h3{
	float:left;
	overflow:hidden;
        font-size: 18px;
	color: #1a194b;
	font-weight: 400;
	margin-left: 3px;
	margin-top: 16px;
	position: relative;
}

.buy a img{
	display:block;
}

.buy p img{
	float:left;
	margin-right:20px;
	list-style: none !important;
}
.buy ul li a{
	display:block;
	margin:0;
}
.buy p a img{
	display:block;
}
.buy a img:hover{
	opacity:0.8;
}

/*
================================================================================
|                                     FOOTER                                   |
================================================================================
*/
.boxFooter{
	width:100%;
	position:absolute;
	left:0px;
	bottom:0px;
	background-color:#bf82b9;
	border-top:solid 6px #9a75b4;}
footer{
	width:920px;
	padding:0 10px 0 10px; 	
	height:87px; 
	text-align:left;
	margin:0 auto;}
.footerLeft{
	width:200px;
	padding:28px 0px 0px 0px;
	float:left;}
.footerLeft p{
	font:14px/17px 'metapro-normal';
	color:#ffffff;}
footer .logo{
	float:right;
	margin:28px 1px 0px 0px;}