/******************************************************************************/
/*       <link href="css/styles.css" type="text/css" rel="stylesheet" />      */
/******************************************************************************/

@import url("reset.css");

/*** standard classes ***********************************************************************************************/
.separator1{height: 1px;font-size: 1px;display: block;}
.separator2{height: 2px;font-size: 1px;display: block;}
.separator3{height: 3px;font-size: 1px;display: block;}
.separator5{height: 5px;font-size: 1px;display: block;}
.separator10{height: 10px;font-size: 1px;display: block;}
.separator20{height: 20px;font-size: 1px;display: block;}
.separator30{height: 30px;font-size: 1px;display: block;}
.separator50{height: 50px;font-size: 1px;display: block;}

.clear{clear:both;display: block;}

.left{ float:left;}
.right{ float:right;}
strong{ font-weight:bold;}

/*** follow sections can edit *****************************************************************************/
HTML, BODY, .basis{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
BODY{
	background-color: #be3cbe;
	behavior: url("../js/csshover.htc");
}
.basis{
	margin: auto;
	width: 850px;	
	background-color: #ffffff;
}
.main{
}

/*** header **************************************************************/
.header{
	height: 160px;	/* height of header */
	background: url(../images/header_bg.png) no-repeat #D685D6;
	position:relative;
}
.header a.logo{ position:absolute; top:5px; left:20px;}
.header a.buy_now{ position:absolute; top:10px; right:10px;}
.header img.label{ position:absolute; top:52px; left:239px;}
.header p.title_str1{ position:absolute; top:17px; left:285px; color:#93117e; font-size:26px;}
.header p.title_str2{ position:absolute; top:43px; left:310px; color:#93117e; font-size:26px;}
.header p.tel{
	position:absolute;
	top:110px;
	right:19px;
	text-transform:uppercase;
	color:#8f278d;
	font:bold 15px Arial;
	width: 179px;
}

/*** content **************************************************************/
.content{ background: url(../images/content_bg.png) repeat-y transparent;}

/* left column*/

.left_column{
	width: 172px;	/* width of left column */
	background-color: #eecff0;
	float: left;
	padding:13px 9px 0 9px;
	border-top:1px solid #e8bdea;
	border-bottom:1px solid #eecff0;
}
.request_magazine{
	height:68px;
	width:150px;
	padding:11px;
	background: url(../images/request_magazine.png) no-repeat #6d137a;
	color:#ffffff;
	text-align:center;
	font-size:16px;
	margin-bottom:13px;
}
.request_magazine .cuf_bold{ font-size:14px; padding-top:3px;}
.request_magazine a{
	display:block;
	height:20px;
	width:95px;
	margin: 7px auto 0;
	line-height:20px;
	color:#565b40;
	text-decoration:none;
	text-align:center;
	background: url(../images/request_magazine_btn.png) no-repeat #bbd580;
	font-size:13px;
}
.request_magazine a:hover{ color:#ffffff;}

.left_menu{
	width:172px;
	padding-bottom:10px;
	background: url(../images/menu_bg_btm.png) bottom no-repeat #c654c6;
	margin-bottom:13px;
}
.left_menu ul{
	width:154px;
	padding:5px 9px 55px 9px;
	background: url(../images/menu_bg_top.png) no-repeat #c654c6;
}
.left_menu ul li{ border-top:1px solid #d38ad7;}
.left_menu ul li a{
	display:block;
	padding:0 7px;
	line-height:29px;
	height:29px;
	border-top:1px solid #daa5e0;
	text-decoration:none;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}
.left_menu ul li.first{ border-top:none;}
.left_menu ul li.first a{ border-top:none;}
.left_menu ul li a.active{ color:#411754;}
.left_menu ul li a:hover{ color:#411754;}

/* right column*/

.right_column{
	width: 659px;	/* width of right column */
	float: right;
	overflow:hidden;
	margin-bottom:25px;
}
.strip1{ background: url(../images/strip1.png) left 243px no-repeat #ffffff;}
.strip2{ background: url(../images/strip2.png) left 265px no-repeat #ffffff;}

h1{
	font: normal 25px Arial;
	color:#943092;
	padding-left:106px;
	text-indent:-78px;
	margin-bottom:21px;
}
h2{
	font: normal 18px Arial;
	color:#943092;
	margin-bottom:15px;
}
.intro{
	background-color:#c8db7b;
	width:395px;
	height:80px;
	padding:7px 60px 13px 25px;
	position:relative;
	margin-bottom:20px;
}
.intro img{
	position:absolute;
	top:-75px;
	right:-156px;
}
.testimonial{
	padding-left:50px;
	line-height:20px;
	width:395px;
}
.testimonial a{
	font-size:14px;
	color:#853795;
	text-decoration:underline;
}
.testimonial a:hover{
	color:#000000;
	text-decoration:none;
}
.testimonial1{
	text-align:right;
	float:left;
	line-height:17px;
	width:395px;
	margin-bottom:20px;
}
.videobox{
	background: url(../images/videobox_top.png) no-repeat #fafafa;
	width:385px;
	margin-left:20px;
	margin-bottom:10px;
}
.video{
	background: url(../images/videobox_btm.png) no-repeat bottom transparent;
	padding:13px 10px 12px 10px;
}

.benefits{
	width:215px;
	margin:0px 15px 15px 0;
	background: url(../images/benefits_btm.png) no-repeat bottom #fafafa;
	padding-bottom:15px;
}
.benefits h2.title{
	background: url(../images/benefits_title.png) no-repeat top #f7e7f7;
	height:37px;
	text-align:center;
	font:bold 20px Arial;
	color:#771674;
	line-height:37px;
	margin-bottom:13px;
}
.benefits p{ padding:0 15px 14px;}
.benefits ul{ padding:0 10px 0px 15px; line-height:25px;}
.benefits ul li{ padding-left:20px; background: url(../images/bullet.png) no-repeat 4px 9px;}

.ben_green{
	width:205px;
	margin:0px 15px 15px 20px;
	background: url(../images/benefits_btm_green.png) no-repeat bottom #C8DB7B;
	padding-bottom:15px;
}
.ben_green h2.title{ background: url(../images/benefits_title_green.png) no-repeat top #C8DB7B;}
.text .ben_green ul{ margin:0;}
.text .ben_green ul li{ padding-left:20px; padding-bottom:0; background: url(../images/bullet_green.png) no-repeat 4px 9px; margin:0;}
.text .ben_green p{ margin:0;}

.step_small{
	margin-left:20px;
	margin-bottom:30px;
	width:620px;
	background: url(../images/steps_small_top.png) no-repeat top #fafafa;
}
.step_small .images{
	padding:10px 27px;
	background: url(../images/steps_small_btm.png) no-repeat bottom transparent;
	position:relative;
}
.step_small .images img{
	width:82px;
	height:85px;
	margin-right:13px;
	vertical-align:top;
}
.step_small .images a{
	position:absolute;
	top:23px;
	right:50px;
	width:130px;
	height:65px;
	font:normal 25px Arial;
	color:#769b46;
	text-decoration:none;
	margin-left:22px;
}
.step_small .images a:hover{ color:#411754;}

.text{padding:0 20px 0 30px;}
.text .highlight{ color:#b768a2; font-weight:bold;}
.text p{ margin-bottom:15px;}
.text ul{ margin-bottom:15px;}
.text ul li{ padding-left:30px; background: url(../images/bullet.png) no-repeat 12px 5px; padding-bottom:15px;}

.positions{ margin:33px 0 0 0; height:200px; padding-left:25px;}
.positions .pos_num{ position:relative; float:left; margin-right:11px;}
.positions .shift_dwn{ margin-top:20px;}
.positions .number{
	position:absolute;
	bottom:-16px;
	left:-4px;
	width:47px;
	height:47px;
	background: url(../images/purple_circle.png) no-repeat;
	line-height:47px;
	font-size:28px;
	color:#ffffff;
	text-align:center;
}

.acupressure{ position:relative; margin-top:53px;}
.acupressure .str1{ position:absolute; top:12px; left:484px; color:#943092;}
.acupressure .str2{
	position:absolute;
	top:193px;
	left:458px;
	color:#943092;
	width: 94px;
}

.profile{ color:#93117e; font-size:12px; width:600px;}
.profile p.req{ text-align:right; margin:0;}
.table_bg_top{ background: url(../images/table_top_bg.png) top no-repeat #F2DBF4; padding:30px 0 15px; margin-top:7px;}
.table_bg_top p{ padding:0 20px; margin:0;}

.table_bg_btm{ background: url(../images/table_btm_bg.png) bottom no-repeat #F2DBF4; height:10px; margin-bottom:10px;}
.profile table{
	font-size:13px;
	width:100%;
}
.profile tr{ height:29px;}
.profile tr td{ vertical-align:top;}

.profile td.table_cell_01{
	text-align:right;
	width:215px;
	padding-right:10px;
}
.profile td.table_cell_02{
	width:375px;
}
.profile td.table_cell_02 select{
	width:177px;
	border:1px solid #e3bfdf;
	height:19px;
	font-size:11px;
}
.profile td.table_cell_02 input.fields{
	width:170px;
	border:1px solid #e3bfdf;
	height:15px;
	padding:1px 0 0 5px;
	font-size:11px;
}
.profile td.table_cell_02 textarea{ border:1px solid #e3bfdf;}
.profile .submit{ float:right; width:110px; height:32px; color:#565b40; font:bold 15px Arial;}

.contact{
	width:200px;
	height:168px;
	margin-right:17px;
	line-height:18px;
	padding:8px 17px;
	margin-top:15px;
	margin-bottom:25px;
}
.contact big{ font-weight:bold; color:#565b40;}
.green_bg{
	background: url(../images/contact_green_bg.png) no-repeat #c8db7b;
	line-height:22px;
}
.green_bg big{ line-height:29px;}

img.about_mat {float:right; margin:0 0 110px 10px;}

/*** footer **************************************************************/

.footer{
	height: 100px;	/* height of footer */
	background: url(../images/footer_bg.png) no-repeat #E8F0E0;
	color:#808080;
	font-size:12px;
	position:relative;
}
.footer a.life2good{ position:absolute; left:26px; top:33px;}
.footer p.address{
	position:absolute;
	left:188px;
	top:31px;
	width: 331px;
}
.footer a{
	color:#808080;
}
.footer p.design{ position:absolute; right:35px; bottom:10px;}
.footer p.design a{ color:#808080; text-decoration:none;}
.footer p.design a:hover{ text-decoration:underline;}