@import "global.css";

/*
Allen School Online
- Home style sheet
- Created: June 5 2007
*/

#home { width: 944px; margin: 0 auto; }
	#banner { width: 100%; height: 260px; position: relative; }
		#bannerLeft { position: absolute; z-index: 10; }
			#credential { width: 430px; margin: 0 0 0 15px; padding: 16px 0 15px 0; font-size: 1.3em; line-height: 1.6em; background: url(/static/img/bg/doubleBorder.gif) repeat-x bottom left; }
			#credential h1 { font-size: 1.4em; color: #600; font-weight: bold; margin-bottom: .2em; line-height: 1.1em; }
				#credential h1 span.smallHead { font-size: .8em; }
			#errorHead { width: 430px; margin: 0 0 15px 15px; padding: 30px 0 15px 0; font-size: 1.3em; line-height: 1.6em; background: url(/static/img/bg/doubleBorder.gif) repeat-x bottom left; }
			#errorHead h1 { font-size: 1.4em; color: #600; font-weight: bold; margin-bottom: .2em; line-height: 1.1em; }
				#errorHead h1 span.smallHead { font-size: .8em; }	
	#error { padding: 0 0 0 1.5em; }
		#error h2 { font-size: 1.5em; padding-bottom: 1em; }
		#error ul { margin-left: 1.3em; }
			#error ul li { font-size: 1.3em; padding: .5em 0; }
				#error ul li form  { }
					#error ul li form input.google { padding: .3em; border: 1px solid #848484; }
		#BtnGroup { width: 430px; margin: 15px 0 0 15px; position: relative; }
		#BtnGroup a	{ text-indent: -9999px; }
			a.enrollBtn { width: 154px; height: 64px; display: block; background: url(/static/img/btn/inquireNow.png) no-repeat 0 -70px; }		
			a.enrollBtnGreen { width: 154px; height: 64px; display: block; background: url(/static/img/btn/inquireNowGreen.png) no-repeat 0 -70px; }		
            a.enrollBtn:hover { background-position: 0 0; }
			a.enrollBtnGreen:hover { background-position: 0 0; }			
			a#enrollBtn_b {
				background: url(/static/img/btn/inquire_btn_a_b.png) top left no-repeat;
				_background: url(/static/img/btn/inquire_btn_a_b_8bit.png) top left no-repeat;
				width: 281;
				height: 67px;
				display: block;
				text-indent: -9999px;
				width: 281px;
			}
            a.talk { width: 203px; height: 12px; display: block; background: url(/static/img/btn/talkToSomeoneNow.gif) no-repeat 0 0; position: absolute; left: 172px; top: 7px; }
			a.viewDemo { width: 169px; height: 13px; display: block; background: url(/static/img/btn/viewOnlineDemo.gif) no-repeat 0 0; position: absolute; left: 172px; top: 40px; }
			.coming { font-size: 1.3em; color: #600; font-weight: bold; position: absolute; top: 58px; right: 153px; }
			
		#testimonial { width: 542px; height: 260px; position: absolute; top: 0; right: 0; }
		#testimonial img { position: absolute; top: 0; right: 0; display: none; }
			#readMore { width: 74px; height: 9px; position: absolute; right: 10px; bottom: 80px; }
			#readMore a { width: 74px; height: 9px; background: url(/static/img/btn/readMore.gif) no-repeat 0 0; text-indent: -9999px; display: block; position: absolute; top: 0; left: 0; }
			#readMore a.low { margin: 27px 0 0 0; }
			
			#togglers { list-style: none; position: absolute; bottom: 17px; right: 0;  }
			#togglers li { margin: 0 8px 0 0; float: left; }
			#togglers li a { height: 15px; width: 15px; display: block; }
			#togglers li a.one { background: url(/static/img/btn/1.gif) no-repeat 0 0; }
			#togglers li a.two { background: url(/static/img/btn/2.gif) no-repeat 0 0; }
			#togglers li a.three { background: url(/static/img/btn/3.gif) no-repeat 0 0; }
			#togglers li a.four { background: url(/static/img/btn/4.gif) no-repeat 0 0; }
			#togglers li a.five { background: url(/static/img/btn/5.gif) no-repeat 0 0; }
			#togglers li a.six { background: url(/static/img/btn/6.gif) no-repeat 0 0; }
			#togglers li a:hover { background-position: 0 -20px; }
			#togglers li a.active, #togglers li a.active:hover { background-position: 0 -40px; }
			
	#threeCols { width: 100%; margin: 42px 0 0 0; }
	#threeCols p { line-height: 1.6em;  }
	#threeCols b { display: block; }
	#threeCols p a { line-height: 2.5em; }
	#threeCols img { float: left; padding: 0 20px 85px 0; }
	#threeCols h2 { width: 100%; height: 27px; margin: 0 0 15px 0; display: block; border-bottom: 1px solid #d3d3d3; text-indent: -9999px; }

	#threeCols .aCol { width: 292px; padding: 0 37px 0 12px; float: left; }
		#threeCols .aCol p { font-size: 1.2em; }
		#threeCols .aCol h3 { margin: 0 0 10px 0; }
	#threeCols h2.onlineCourse { background: url(/static/img/hl/featuredCourse.gif) no-repeat 0 0; }
	
	#threeCols .bCol { width: 284px; float: left; }
		#threeCols .bCol div { margin-bottom: 2em; }
		#threeCols .bCol p { font-size: 1.2em; }
		#threeCols .bCol h3 { }
		#threeCols .bCol img { padding-bottom: 0; }
	#threeCols h2.doctors { background: url(/static/img/hl/doctoresSaying.gif) no-repeat 0 0; }
	
	#threeCols .cCol { width: 284px; float: right; }
		#threeCols .cCol p { font-size: 1.2em; }
		#threeCols .cCol h3 { margin: 0 0 10px 0; }
	#threeCols h2.technology { background: url(/static/img/hl/technology.gif) no-repeat 0 0; }
	#threeCols h2.blog { background: url(/static/img/hl/blog.png) no-repeat 0 0; }
	
	#download { 
		width: 935px; 
		height: 105px; 
		margin: 20px auto 0 auto; 
		padding: 0 0 60px 0; 
		background: url(/static/img/bg/homepageDownloads4.gif) no-repeat 0 0; 
		position: relative; 
		font-size: 1.1em; 
	}
		.download { color: #757575; position: absolute; top: 47px; left: 85px; list-style: none; }
		.download li { margin: 0 0 5px 0; padding: 0 0 0 10px; background:url(/static/img/ls/bullet.gif) no-repeat 0 5px; }
		.download li a { color: #757575; }
		.download li a:hover { color: #600; }
		.partners { 
			color: #757575; 
			padding: 0 0 0 13px; 
			background: url(/static/img/arrow/grayArrow.gif) no-repeat 0 3px; 
			position: absolute; 
			top: 105px; 
			left: 453px; 
			line-height: 1.1em; 
		}
		.eduLink, .flexLink {
			color: #757575; 
			padding: 0 0 0 13px; 
			background: url(/static/img/arrow/grayArrow.gif) no-repeat 0 3px; 
			position: absolute; 
			top: 68px; 
			left: 775px; 
			line-height: 1.1em; 
		}
		.flexLink {
			top: 98px; 
			left: 433px; 
		}
		
		#partnerInfo { width: 350px; background: #113B66; padding: 2px; position: absolute; bottom: 130px; right: 10px; display: none; }
		#partnerInfo .header { height: 33px; position: relative; }
		#partnerInfo h2 { color: #fff; font-size: 1.3em; font-weight: bold; line-height: 32px; margin: 0 0 0 20px; }
		#partnerInfo .close { position: absolute; right: 10px; top: 7px; cursor: pointer; }
		#partnerInfo .body { background: #fff; padding: 20px 20px 5px 20px; overflow: hidden; }

	/* video player overlay */
	#overlay { width: 100%; background: url(/static/img/bg/overlay.png) repeat; position: absolute; top: 0; left: 0; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/static/img/bg/overlay.png'); display: none; z-index: 10; }
	.frame { width: 260px; padding: 2px; background: #113B66; position: absolute; top: 40%; left: 40%; display: none; z-index: 20; }
	.frame .header { height: 33px; position: relative; }
	.frame h2 { color: #fff; font-size: 1.3em; font-weight: bold; line-height: 32px; margin: 0 0 0 10px; }
	.frame .close { position: absolute; right: 10px; top: 10px; cursor: pointer; }
	.frame2 { width: 565px; top: 25%; left: 30%; }
	
.popTitle { font-size: 1.7em; color: #fff; padding: 5px 0 0 20px; }
.popTitle.homeTitle { font-size: 1.5em; color: #fff; padding: 9px 0 0 8px; text-transform: uppercase; }
 #tellFriend .header strong {font-size: 1.5em; color: #fff; padding: 9px 0 0 8px; text-transform: uppercase; position: relative; top: 10px; left: -10px;}