/* CSS Document */

body {font-size:12px; color:#333; font-family:Arial, Helvetica, sans-serif; background:url(../images/home/bkgd_top.gif) repeat-x #fff; margin:0; padding:0;}

a {color:#1b4644; text-decoration:underline;}
a:hover {color:#599998; text-decoration:underline;}
a:active {color:#599998; text-decoration:underline;}
a:visited {color:#1b4644; text-decoration:underline;}

#header {padding-top:43px; margin:auto; width:900px;}
	#login {float:left; width:252px; height:309px; background:#46a3b6; color:#fff;}
	#rotator {float:left; width:448px;}
	#alltypes {float:left; width:200px;}
	#nav {float:left; width:648px; padding-top:3px; line-height:0;}
	
#middle {padding:40px 0 0 10px; margin:auto; width:890px;}
	h1 {font-size:20px; color:#1b4644; text-transform:uppercase; font-weight:normal;} /*Blue header*/
	h2 {font-size:18px; color:#643d77; text-transform:uppercase; font-weight:normal;} /*purple header*/
	/*home page*/
	#left {float:left; width:625px;}
		.photohome {float:left; border:1px solid #ccc; padding:5px; background:#fff; width:218px;}
		.text {float:left; width:355px; margin:0 0 0 20px;}
	#right {float:right; width:250px;}
		#green { background:#e4dbe8; padding:5px;}
			.quote {font-style:italic; font-size:11px; background:url(../images/home/quotes.gif) no-repeat; padding:0 5px 0 10px; margin:0 10px;}
			.name {text-align:right; font-weight:bold; padding-top:8px;}
			.quoteline {text-align:center; padding:10px 0; *padding:20px 0;}
		#askexpert {width:222px; height:80px; margin:10px 7px 0 7px; padding:68px 14px 0 0; text-align:right; background:url(../images/home/askexperts.jpg) no-repeat;}
	/*phases page*/
	.phase {float:left; width:250px;}
	.phaseline {float:left; width:2px; padding:0 30px;}
	#action {float:left; width:562px; padding:15px 0 0 0;}
	.photo {border:1px solid #ccc; padding:5px; background:#fff;}
	li {list-style:url(../images/home/arrow_blue.gif); padding:2px 0;}
	/*features page*/
	#featureline {padding:15px 0;}
	.featurephoto {float:right; width:217px; margin:0 0 5px 15px; border:1px solid #ccc; padding:5px; background:#fff;}
	ul li.green {list-style:url(../images/home/arrow_green.gif); padding:2px 0; margin:0;}
	.tool {float:left; width: 45px;  padding: 0 10px 0 15px;}
	.tooltext {float:left; width: 160px;}
	/*real results page*/
	.resultpic {float:left; width:160px; margin:0 10px 0 20px; border:1px solid #ccc; padding:5px; background:#fff; }
	.testimonial {float:left; width: 380px;}
		.bluename {color:#00667a; font-size:18px;}
		.greentext {color:#92c83e; font-weight: bold; font-style:italic;}
		.number {color:#00667a; font-weight: bold; font-style:italic;}
		.testimonial p {margin:0; padding:5px 0;}
	.resultline{padding:15px 0; text-align:left; clear:both;}
	.twopix {float:left; width:170px; padding:0 10px 0 20px;}
	.reasons {padding: 0 0 15px 15px;}
	
	ul.tools {margin:0; padding:0; margin-left:8px;}
	ul.tools li {margin:0; padding:2px 0;}
	
	
#bottom	{background:url(../images/home/bkgd_bottom.jpg) repeat-x #fff;}
	#links {width:900px;  margin:auto; padding-top:27px;}
	
	
#footer {text-align:center; background:#ccc; padding:15px;}
	 #footer a {color:#333; text-decoration:none;}
	 #footer a:hover {color:#333; text-decoration:underline;}
	 #footer a:active {color:#333; text-decoration:underline;}
	 #footer a:visited {color:#333; text-decoration:none;}
	 

/* FAQ page */
.arrow {float:left; width:10px; margin:2px 0 0 0;}
.question {float:left; width:335px; padding:0 0 10px 0px; font-size:14px;}
.answer {padding:0px 0 5px 0px;}
.atext {padding:0px 0 0px 15px;}
.divider {padding:0px 0 15px 0;}



/* benefits page */
#container {float:left; width:875px;}
	.benefits {float:left; width:605px; margin:0 0 0 20px;}
	 .benefit {list-style:url(../images/home/arrow_purple.gif); margin:0 15px; padding:0;}
	 .benefit li {margin:0px; padding:5px;}
	.underline {font-style:italic; font-weight:bold; text-decoration:underline;}
	.table {border:1px solid #666; width: 480px; margin:10px auto;}
		.th {background:#FFc; border-bottom:1px solid #666; font-size:14px; font-weight:bold; color:#643d77; padding:5px 5px 5px 105px;}
		.tleft {float:left; width:90px; padding:5px; font-weight:bold;}
		.tright {float:left; width:369px; padding:5px; border-left:1px solid #ddd;}
	.clearline {clear:both; line-height:1px; height:1px; border-bottom:1px solid #ddd;}

/* audio page */
.audio {float:left; width:194px; text-align:center;}
.audiospacer {float:left; width:2px; background:#ddd; height:315px; margin:0 15px;}
.videospacer {float:left; width:2px; background:#ddd; height:200px; margin:0 15px;}


.clear {clear:both; line-height:0; height:0;}