@charset "utf-8";
/* CSS Document */

body {background: #ccc; width: 100%; margin: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #333}
.clearfix{ clear: both; }
.thumbbox { text-align:center;}

#wrap { width: 960px; margin: 20px auto; }

#header { width: 960px; height: 198px; background:url(../images/ai-banner.png) }
#header a { display: block; border: 0; width: 960px; height: 198px;  } 
.menu {border-right: 1px solid #000; font-size: 10pt; height: 35px; background: #036; line-height: 35px; border-left: 1px solid #000; border-top: solid 1px white; }
	.menu a { display: block; float: left; color: white; padding: 0 1.2em; text-decoration: none; font-weight: bold; }
	.menu a:hover { color: #FF6 }

.scrollContainer {background: white; overflow: hidden; width: 958px; border-left: 1px solid #333; border-right: 1px solid #333;  border-bottom: 1px solid #333;}
.scrollContent { text-align: left; height: 270em; }
.scrollContentMember { height: auto; }
	.panel { width: 900px; padding: 20px 29px; }

/*** panels **/

.panel > p { text-align:justify; padding:0 20px;}
.panel .panelHeader { height: 50px; display:block; margin:0; padding: 0}
	.panel #content { background:url(../images/coursecontent.png) no-repeat }	
	.panel #whyai { background:url(../images/whyai.png) no-repeat }	
	.panel #login { background:url(../images/login.png) no-repeat }	
	.panel #pricing { background:url(../images/pricing.png) no-repeat }	
	.panel #reviews { background:url(../images/reviews.png) no-repeat }	
	.panel #contact { background:url(../images/contact.png) no-repeat }	
	.panel #guarantee { background:url(../images/guarantee.png) no-repeat }	
	.panel #pauli { background:url(../images/whoisdrpauli.png) no-repeat }	
	
.panel .contentHeader { height: 91px; display:block; margin: 0;  padding:0;}	
	.panel #one { background:url(../images/contentp1.png) no-repeat }	
	.panel #two { background:url(../images/contentp2.png) no-repeat }	
	.panel #three { background:url(../images/contentp3.png) no-repeat }		

.panel p.ai-quote {
	font-style: italic;
	color: #900
}
	.panel p.ai-quote .ai-quote-author {
		display: block;
		margin-left: 570px;
	}
	
/** thumnail effect **/	

ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 620px;
	margin: 0 auto;
	margin-left: 140px;

}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 195px;
	height: 255px;
}
ul.thumb li img {
	width: 175px; height: 235px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url(../images/pricing_bg.png) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}
	table#ai-main-buttons { margin-top: 30px; }
	    td.ai-btn { height: 250px; width: 250px; }
		td.ai-btn a {height: 250px; width: 250px; display:block; text-decoration: none}
		
		td.ai-btn a#ai-mind { background: url(../images/ai-mem-mind-up.png) }
		td.ai-btn a:hover#ai-mind { background: url(../images/ai-mem-mind-dn.png) }
		td.ai-btn a#ai-heart { background: url(../images/ai-mem-heart-up.png) }
		td.ai-btn a:hover#ai-heart { background: url(../images/ai-mem-heart-dn.png) }		
		td.ai-btn a#ai-hands { background: url(../images/ai-mem-hands-up.png) }
		td.ai-btn a:hover#ai-hands { background: url(../images/ai-mem-hands-dn.png) }				
		

	.ai-login-form { width: 230px; border: 1px solid black; background: #036; height: 110px; display: block; margin-left: 50px; margin-top: 15px; padding: 20px; color: white; font-size: 9pt;}	
		.ai-login-form  h4 { padding: 0; margin: 0; text-align: center; margin-bottom:20px;}	
		.ai-login-form .ai-login-form-field { margin-bottom: 5px; }
		.ai-login-form .ai-login-form-field .ai-login-form-label { width: 75px; float:left;}
		.ai-login-form form { text-align: left;}
		
.ai-mem-contents { display: block; text-align: center; }		
.ai-mem-contents .video { width: 640px; height: 480px; border: 1px solid black; margin: 0 auto;}
.ai-mem-contents .downloads { width: 380px; margin: 20px auto; text-align: left; font-weight: bold; font-size: 9pt; height: 20px; border: 1px solid #333; background: #ddd; padding: 8px 0 8px 30px;}
	.ai-mem-contents .downloads a { padding:0; margin: 0; display: block; width: 160px; float:left; height: 20px; line-height: 20px; text-decoration: none; color: #039; padding-left: 25px;}
	.ai-mem-contents .downloads a:hover { color: #900;}
	.ai-mem-contents .downloads a.ai-download-mp3 { background: url(../images/ico_mp3.png) no-repeat left }
	.ai-mem-contents .downloads a.ai-download-pdf { background: url(../images/ico_pdf.png) no-repeat left }
	
a.ai-btn-home { font-weight: bold; width: 150px; height: 35px; line-height: 35px; background: url(../images/ai-btn-home-up.png) left no-repeat; padding-left: 42px; display: block; font-size: 10pt; text-decoration: none; color: #039;}
a:hover.ai-btn-home { background: url(../images/ai-btn-home-dn.png) left no-repeat;  color: #900; }
	
#footer { width: 640px; text-align: left; margin: 15px auto; font-size: 9px; color: #666;}


.ai-order-form-container { width: 500px; text-align: center; margin:0 auto;}
.ai-order-form-container #ai-order-form { width: 320px; text-align: left; margin: 0 auto; }