/* NutriSpot CSS
	JHP */

* {
	margin: 0;
	padding: 0; }
	
img { border: none; }

body {
	padding: 0px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #B0A088 url(/images/img_bg.gif) repeat; 
	font-size:12px;}
	
	
/* wrapper */
#wrapper {
	width: 778px;
	margin: 0 auto;
	border: 1px solid #FFF;
	background: #FFF; }

#wrapper #header {
	position: relative;
	height: 312px;
	background: #a0d456 url(/images/img-hero.jpg) top left no-repeat; }

#wrapper #header h1 {
	position: absolute;
	top: 235px;
	left: 22px;
	width: 210px;
	height: 60px;
	text-indent: -9999px;
	background: url(../img/logo.gif) no-repeat; }

#wrapper #header img#join-now {
	position:absolute;
	right:34px;
	top:239px
	/*margin: 56px 0 0 37px;*/ 
}

#wrapper #header p {
	margin: 5px 0 0 58px;
	color: #FFF;
	font-size: 11px; }

#wrapper #header p a {
	color: #FFF;
	text-decoration: underline; }

#wrapper #header #login-box{
background: url(/images/img_home-login-box.gif) no-repeat;
width:186px;
height:197px;
position:absolute;
top:32px;
right:35px;
}

#login-box #login-graphic{
padding: 13px 0 3px 9px;
}

#login-box #login-container{
padding-left:13px;

}
#login-box #login-container div{
padding-top:5px;
font-size:12px;
color:#393939;
font-weight:normal;
}

#wrapper #nav {
	width: 778px;
	overflow: auto;
	background: #a0d456;
	border-top: 1px solid #FFF; }

#wrapper #content {
			overflow: auto;
			clear: both;
			padding: 25px 10px 0 0;
			background: #FFF; }

#wrapper #content #left {
	float: left;
	width: 530px;
	padding: 0 0 0 10px; }

#wrapper #content .mid {
	clear:both;
	width: 485px;
	padding: 0 0 0 10px;
	color:}
	

#wrapper #content .mid p{padding-bottom:10px;}

#wrapper #content #intro {
}

#wrapper #content #intro .module{
float:left;
width:170px;
padding-right:5px;
padding-bottom:20px;
}

.module ul	{
	margin-top: 10px;
	width: 145px;
	text-align: left;
	}
	
.module li	{
	padding-bottom: 5px;
	}
	
#wrapper #content #intro .module p{
margin-top:15px;
}
#wrapper #content #intro .module .learn-more{
padding-top:15px;
}

#wrapper #content #intro p {
		margin: 17px 0; }

#wrapper #content p {
	color: #7E7569;
/*	font-size: 12px; */}		

#wrapper #content #left #intro .module ul { 
margin-left:17px;
}


#wrapper #content #left #intro .module ul li { 
font-size:12px;
color: #7e7569;
}

#wrapper #content #left #intro .module a {
padding-left:17px; 
}

#wrapper #content #left .mid .module {
width:485px;
padding-bottom:10px;
}

#wrapper #content .mid .module .title{
border:1px dashed #dadada;
padding:3px;
margin-bottom:15px;
}

#wrapper #content .mid .module .title-content{
background:#f3f3e7;
padding:10px;
}

#wrapper #content .mid .module p{
padding:0 0 15px 5px;
margin:0;
width:485px;
font-size: 12px;
}

.sidebox-small {
	
	width: 275px;
	background: url(/images/corner_bottom_right.gif) no-repeat bottom right;
	font-size: 100%;
}

.boxhead {
	background: url(/images/corner_top_right.gif) no-repeat top right;
	margin: 0;
	padding: 0;
}
.boxhead div#login {
	background: url(/images/corner_top_left.gif) no-repeat top left;
	padding: 0px 0px 0px 10px;
	padding-top:10px;
	color: #8dbb4c; 
	font-weight:bold;
	font-size: 12px;
	font-family:verdana, sans-serif;
}
.boxbody {
	background: url(/images/corner_bottom_left.gif) no-repeat bottom left;
	margin: 0;
	padding: 0px 10px 10px;
}

.boxhead div#login table td{
color: #8dbb4c;
font-weight:bold;
font-size: 14px;
font-family:verdana, sans-serif;
}

.boxbody table td{
color: #303030; 
font-size: 12px;
font-family:verdana, sans-serif;
}



.container {
	clear:both;
	float: left;
	width: 505px;
	margin: 0 0 15px;
	padding: 5px 22px 0 0px;
	font-size: 11px;
	background: url(../img/bg_content-container.gif) top left no-repeat; }

.container h3 {
	margin: 0 0 5px;
	color: #7E7569;
	font-size: 12px;
	font-weight: bold; }

.container .imgwrap {
	float: left;
	width: 64px;
	margin: 0 8px 5px 0;
	text-align: center; }

#wrapper #content .container p {
	/*font-size: 11px;*/
	margin: 0 0 0 72px;
	padding: 0 0 5px; }

.container .module {
float:left;
width:250px;

}

#wrapper #content .container .module .title{
border:1px dashed #dadada;
padding:3px;
margin-bottom:15px;
}

#wrapper #content .container .module .title-content{
background:#f3f3e7;
padding:10px;
}

#wrapper #content .container .module p{
padding:0 0 15px 5px;
margin:0;
width:230px;
font-size: 12px;
}


.pricebox{
background:#f3f3e7;
padding:5px;
width:200px;
}

.pricebox-content{
background:#f3f3e7;
border:5px solid #fff;
padding:15px 21px 15px 25px;
}

.pricebox-content .center{
padding:14px 0 14px 0;
}

.news{
padding:0 0 10px 5px;
}

#wrapper #content .container .module .news p{
padding:0;
margin:0;
font-size: 12px;
}

#wrapper #content .container .module .news p.more{
padding:0;
margin:0;
}


				
.rt-block {
	width: 215px;
	float: right;
	margin: 0 0 3px;
	padding-left: 5px;
	padding-bottom:15px;
	/*border: 1px solid #E3DDD4;
	background: #E3DDD4;*/ }


.rt-block div.testimonial-photo{
background:#f3f3e7;
margin-left:25px;
margin-bottom:10px;
padding:5px;
width:131px;
}
.rt-block div.testimonial-photo .photo{
border:5px solid #fff;
}


.rt-block p.testimonial{
	font-size:10px; 
	width:150px; 
	padding:0 0 15px 30px;
}	

			
	#footer {
		width: 780px;
		margin: 20px auto;
		padding: 10px 0;
		background: #737159;
		text-align: center; }
		#footer h6 {
			color: #FFF;
			font-weight: normal; }
			#footer h6 a {
				color: #FFF;
				margin: 0 4px; }