/* RESET CSS */
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%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END RESET CSS */


.clearfix  {clear: both; height: 1px;}
.inner-bottom { height: 35px; background: url(../img/testi-bottom-img.png) no-repeat; }


/* Main Styles */

body { text-align: center; margin: 0 auto; background: url(../img/testi-topbg.png) repeat-x; font-family: arial, sans-serif, helvetica; font-size: 10pt;}

.wrap-outer { width: 960px; text-align: left; margin: 0 auto;}
.wrap-inner { width: 960px; text-align: left; margin: 0 auto;} 

.heading { height: 160px; display: block; padding-top: 70px;}

.te


/* Navigation ARea */

nav { padding-top: 50px; width: 30px; display: block; max-height: 2000em; float:left;}
	nav ul li { height: 200px; }
	nav ul li a { width: 30px; height: 200px; display: block; padding: 0; margin: 0; text-decoration: none;}
	
		nav ul li a#nav-testi{ background: url(../img/tst-up.png) no-repeat; }
		nav ul li a#nav-testi:hover { background: url(../img/tst-dn.png) no-repeat; }
		nav ul li a#nav-testi.active { background: url(../img/tst-dn.png) no-repeat !important; }
		
		nav ul li a#nav-dcs{ background: url(../img/dcs-up.png) no-repeat; }
		nav ul li a#nav-dcs:hover { background: url(../img/dcs-dn.png) no-repeat; }	
		nav ul li a#nav-dcs.active { background: url(../img/dcs-dn.png) no-repeat; }			

		nav ul li a#nav-cr{ background: url(../img/cr-up.png) no-repeat; }
		nav ul li a#nav-cr:hover { background: url(../img/cr-dn.png) no-repeat; }	
		nav ul li a#nav-cr.active { background: url(../img/cr-dn.png) no-repeat; }			

		nav ul li a#nav-30{ background: url(../img/t30-up.png) no-repeat; }
		nav ul li a#nav-30:hover { background: url(../img/t30-dn.png) no-repeat; }	
		nav ul li a#nav-30.active { background: url(../img/t30-dn.png) no-repeat; }			

		nav ul li a#nav-back{ background: url(../img/awe-up.png) no-repeat; }
		nav ul li a#nav-back:hover { background: url(../img/awe-dn.png) no-repeat; }	
		nav ul li a#nav-back.active { background: url(../img/awe-dn.png) no-repeat; }			


/* Section Area */
.section { width: 880px; padding: 25px; font-family: arial, sans-serif, helvetica; font-size: 10pt; margin: 0 auto;}

	.section h1 { font-family: arial, helvetica, sans-serif; text-transform: uppercase; font-size: 18pt; font-weight: bold; color: #036; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff, 2px 2px 2px #999; padding-bottom: 8px; border-bottom: 1px solid #036; margin: 25px 0 15px 0}
	.section #testi-navi { width: 650px; border: 1px solid black; background:#069; height: 30px; line-height: 30px; padding: 0 2em; margin: 0 auto 0 auto; }
		.section #testi-navi ul li a { float: left; margin: 0 1em; text-decoration:none; color: #fff;}
		.section #testi-navi ul li a:hover { color:#FC0; text-decoration:underline}
	
	.section .subsec { padding: 20px; width: 840px; margin: 15px 0 }		
	.section .subsec h2 { font-family: arial, helvetica, sans-serif; font-size: 16pt; font-weight: bold; color: #f90; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff, 2px 2px 2px #999; margin-bottom: 1em;}
	.section .subsec ul.benefits {width: 500px; margin-left: 1.5em;}
		.section .subsec ul.benefits li{ color: #000; line-height: 15px; padding: 5px 32px; background:#39F url(../img/testi-checkmark-bullet.png) left center no-repeat; margin-bottom: 2px; }
	.section .subsec .testi-set { padding: 0 40px; width: 760px; margin-bottom: 10px; }
		.section .subsec .testi-set  .testi-img { width: 145px; max-height: 200em; display: block; float:left;}
		.section .subsec .testi-set  .testi-img img { width: 119px; height: 150px; padding: 9px 10px 7px 9px; background: url(../img/testi-imgbg-1.png) no-repeat; }
		.section .subsec .testi-set .testi-content { float:right; width: 610px; background:url(../img/quotes-open-gray.png) top left no-repeat }
		.section .subsec .testi-set .testi-content p { font-style: italic; text-align: justify; line-height: 1.2em; background:url(../img/quotes-close-gray.png) bottom right no-repeat; padding: 15px 35px}
		.section .subsec .testi-set .testi-content .testi-person { margin-top: 1em; margin-left: 35px; }
			.section .subsec .testi-set .testi-content .testi-person .testi-name  { font-weight: bold; display: block; margin-bottom: 3px;}	
			.section .subsec .testi-set .testi-content .testi-person .testi-about { font-style: italic }

	.section .subsec .doc-info { padding: 0; width: 800px; margin-bottom: 15px; background:#9CF }
		.section .subsec .doc-info h3 { height: 25px; line-height: 25px; display: block; background: #036; color: white; font-weight: bold; padding-left: 1em;}
		.section .subsec .doc-info .contents {}
			.section .subsec .doc-info .contents .about { width: 369px; padding: 15px; float: left; line-height: 1.35em;}
				.section .subsec .doc-info .contents .about p{ text-align:justify}
			.section .subsec .doc-info .contents .the-doctor { width: 369px; padding: 15px; float: right; border-left: 1px dotted #666;}
				.section .subsec .doc-info .contents .the-doctor p { width: 200px; float:left; text-align:justify; font-size: 1.1em; line-height: 1.5em; font-style: italic}
				.section .subsec .doc-info .contents .the-doctor .pix {float: right; text-align: center;}
				.section .subsec .doc-info .contents .the-doctor .pix  img { width: 150px; height: auto; float: right; border: 1px solid white}
	
	.section .subsec .media-set { margin-bottom: 15px; text-align: left; background: #9cf; width: 550px; display: block; border: 1px solid black;}
		.section .subsec .media-set h3 { padding: 0 1em; height: 30px; line-height: 30px; display: block; color: white; font-weight: bold; background: #036}
			.section .subsec .media-set .media-content { margin: 0 1.5em; padding: 1em }
			.section .subsec .media-set .media-content p { line-height: 1.35em; }	
	
	.audioplayer { margin: 15px 0; width: 250px; height: 30px; display: block; }
	.audiolength { margin: 15px auto; font-style: italic }
	.audiolink {margin: 15px auto;}
		.audiolink a { color: #036; font-weight: normal; text-decoration: none;}
		.audiolink a:hover { color: #F60; font-weight: bold;}

/* overrides for landing pages */
#buypage .section {
  width: auto !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
#buypage .section .subsec {
  width: auto !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
#buypage .section .subsec .testi-set{
  width: auto !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
#buypage .section .subsec .testi-set .testi-content{
  width: 580px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

#buypage .section .subsec .testi-set .testi-content p{
  padding: 15px 35px 15px 35px !important;
}

#finalFooter {
		width: 700px;
		font-size: 10px;
		font-family: Arial, Helvetica, sans-serif;
		color: #666;
		margin: 15px auto;
		line-height: 1.25em;
		font-weight:normal !important;
}