html, body{
	margin: 0;
	padding: 0;
}

body{
	font-family:Calibri, Corbel, Tahoma, sans-serif;
	font-size:62.5%;
	color: #4f4e4e;
	background: #fffefe;
}

img{
	border: none;
}

a{
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

.clear-all{
	clear:both;
	font-size:1px;
	height:1px;
}

/*Typo*/
	h1, h2{
		font-family: Baskerville, "Times New Roman", Georgia, serif;
		font-weight: normal;
		color:#333;
	}
	
	h2{
		font-size: 1.9em;
		margin:0 0 .5em
	}


#header, #wrapper{
	margin:0 auto;
	width:77em;
}

/*Orange Arrow feature*/
	.classes-start{
		float:right;
		background:#ed970f url(images/bg_orange_box_bottom.gif) no-repeat bottom center;
		padding:3px 6px 30px;
		color:#fff;
		font-size:1.8em;
		width:6em;
		text-align:center;
		font-family:corbel
	}

	.classes-start p{
		margin:0;
	}

#header img{
	float:left;
	margin-top:10px;
	margin-bottom:6px;
}

/*Top Nav*/
	#header{
		position: relative;
	}

	#header ul{
		font-size:1.6em;
		list-style-type: none;
		margin:0;
		padding: 0;
		width:32em;
		float:right;
		clear:both;
	}
	
	#header ul li{
		float:left;
		margin:0 1px;
		padding: 0;
		background: #262626 url(images/bg_nav_off_tl.gif) no-repeat top left;
	}
	
	#header ul li a{
		background: url(images/bg_nav_off_tr.gif) no-repeat top right;
		display: block;
		padding: .2em .6em .4em;
		width:5em;
		text-decoration: none;
		text-align: center;
		color:#fff;
	}
	
	#header ul li a:hover{
		text-decoration: underline;
	}
	
	.home #header ul li.home,
	.curriculum #header ul li.curriculum,
	.methods #header ul li.methods,
	.about-us #header ul li.about-us,
	.contact #header ul li.contact{
		background: #1C92AB url(images/bg_nav_on_tl.gif) no-repeat top left;
	}
	
	.home #header ul li.home a,
	.curriculum #header ul li.curriculum a,
	.methods #header ul li.methods a,
	.about-us #header ul li.about-us a,
	.contact #header ul li.contact a{
		background: url(images/bg_nav_on_tr.gif) no-repeat top right;
	}

/*Intro block*/
	#intro{
		background:#28ABBE url(images/bg_intro.gif) repeat-x bottom;
		clear: both;
	}
	
	#intro .inner{
		background: url(images/bg_laptop.jpg) no-repeat bottom right;
		width:77em;
		margin: 0 auto;
		min-height:236px;
		color: #fff;
		padding-bottom: 60px
	}
	
	* html #intro .inner{
		height:236px;
	}
	
	#intro .inner h1{
		font-size: 3.5em;
		padding:.8em 275px .5em 1em;
		margin:0;
		color: #fff;
	}
	
	#intro .inner p{
		font-size: 1.75em;
		margin: 0;
		padding:0 330px 1em 2em;
		line-height: 1.4;
	}
	
	.about-us #intro, .contact #intro, .curriculum #intro, .methods #intro{
		background:#3e9298 url(images/bg_intro_narrower.gif) repeat-x bottom;
	}
	
	.about-us #intro .inner, .contact #intro .inner, .curriculum #intro .inner, .methods #intro .inner{
		min-height:171px;
		padding-bottom:0;
	}
	
	* html .about-us #intro .inner, * html .contact #intro .inner, * html .curriculum #intro .inner, * html .methods #intro .inner{
		height:171px;
	}
	
	.about-us #intro .inner{
		background:url(images/bg_chair.jpg) no-repeat bottom right;
	}
	
	.contact #intro .inner, .curriculum #intro .inner, .methods #intro .inner{
		background:url(images/bg_computer+phone.jpg) no-repeat bottom right;
	}

/*Main content*/
	#wrapper #main, #wrapper #side{
		font-size: 1.6em;
	}
	
	#main{
		float: left;
		padding-left: 2.1875em;
		width:27em;
		line-height: 1.3;
	}
	
	#side{
		float: right;
		width:15.9375em;
	}
	
	/*Bullets with icons*/
	ul.icons{
		margin:0 0 1em;
		padding: 0;
	}
	
	ul.icons li{
		margin:0 0 1em;
		list-style-type: none;
		padding: 0 0 0 60px;
		min-height:55px;
	}
	
	* html ul.icons li{
		height:55px;
	}

	ul.icons li.globe{
		background: url(images/bg_icon_computer.gif) no-repeat top left;
	}
	
	ul.icons li.bulb{
		background: url(images/bg_icon_bulb.gif) no-repeat top left;
	}
	
	ul.icons li.time{
		background: url(images/bg_icon_chart_tick.gif) no-repeat top left;
	}
	
	ul.icons li.downloadable{
		background: url(images/bg_icon_ipod.gif) no-repeat top left;
	}
	
	ul.icons li.learn{
		background: url(images/bg_icon_notepad.gif) no-repeat top left;
	}
	
	ul.icons li.community{
		background: url(images/bg_icon_globe.gif) no-repeat top left;
	}
	
	ul.icons li.access{
		background: url(images/bg_icon_keys.gif) no-repeat top left;
	}


/*Signup box*/
	.signupbox{
		background:#e6e6e6 url(images/bg_signupbox_tl.gif) no-repeat top left;
		margin-bottom:1em;
	}
	
	.signupbox .inner1{
		background:url(images/bg_signupbox_tr.gif) no-repeat top right;
	}
	
	.signupbox .inner2{
		background:url(images/bg_signupbox_bl.gif) no-repeat bottom left;
	}
	
	.signupbox .inner3{
		background:url(images/bg_signupbox_br.gif) no-repeat bottom right;
		padding:20px 20px 8px 120px;
	}
	
	.signupbox p{
		margin:0;
	}
	
/*Quote box*/
	.quotebox{
		background:#e6e6e6 url(images/bg_quotebox_tl.gif) no-repeat top left;
		margin-bottom:1em;
		min-height: 1px;
	}
	
	* html .quotebox{
		height:1px;
	}
	
	.quotebox .inner1{
		background:url(images/bg_signupbox_tr.gif) no-repeat top right;
	}
	
	.quotebox .inner2{
		background:url(images/bg_signupbox_bl.gif) no-repeat bottom left;
	}
	
	.quotebox .inner3{
		background:url(images/bg_signupbox_br.gif) no-repeat bottom right;
		padding:20px 20px 8px 50px;
	}
	
	.quotebox p{
		margin:0;
	}

/*Sidebar*/
	#side{
		font-family: Corbel, Calibri, Tahoma, sans-serif;
	}

	* html #side div{
		height:1px;
	}

	/*Vanilla box*/
		#side .inner3 a{
			color:#fff;
		}
		
		#side .inner0{
			background: url(images/bg_sidebox_vanilla_tl.gif) no-repeat top left;
			clear:both;
		}
		
		#side .inner1{
			background: url(images/bg_sidebox_vanilla_tr.gif) no-repeat top right;
		}
		
		#side .inner2{
			background: url(images/bg_sidebox_vanilla_bl.gif) no-repeat bottom left;
		}
		
		#side .inner3{
			background: url(images/bg_sidebox_vanilla_br.gif) no-repeat bottom right;
			color: #fff;
			padding:12px;
			min-height:120px;
		}
		
		* html #side .inner3{
			height:120px;
		}

		#side .vanilla{
			text-align: center;
		}
		
		#side .vanilla h3{
			font-size:2em;
			margin:.2em 0 0;
		}
		
		#side .vanilla p{
			margin:.5em;
		}
		
	/*Quote box*/
		#side .quote{
			text-align: left;
		}
		
		#side .quote blockquote{
			background: url(images/bg_open_quote.gif) no-repeat top left;
			margin: 10px 0 0 2px;
			padding:0 40px;
		}
		
		#side .quote blockquote p{
			margin:0;
			padding:0 0 0 10px;
		}
		
		#side .quote p.quoter{
			background: url(images/bg_close_quote.gif) no-repeat bottom right;
			text-align: right;
			padding: 0 35px;
			margin:.5em;
			min-height:19px;
			font-weight: bold;
		}
		
		* html #side .quote p.quoter{
			height:19px;
		}
		
	/*Red top lady box*/
		#side .dream{
			background: url(images/bg_sidebox_red_top_lady.jpg) no-repeat top left;
		}

		#side .dream .inner3{
			padding:12px 18px 12px 60px;;
			text-align:right;
		}
		
		#side .dream h3{
			font-size:1.5em;
			margin:.5em 0 0;
			padding:0;
		}
		
		#side .dream p{
			padding-left:30px;
		}
		
	/*Man texting box*/
		#side .classes{
			background: url(images/bg_sidebox_man_texting_tl.jpg) no-repeat top left;
		}

		#side .classes .inner3{
			padding:12px 18px 12px 60px;;
			text-align:right;
		}
		
		#side .classes h3{
			font-size:1.4em;
			margin:0;
			padding:0;
		}
		
		#side .classes p{
			margin:1.5em 0 0;
		}

	/*Money back*/
		#side .moneyback{
			background: url(images/bg_sidebox_moneyback.jpg) no-repeat top left;
			position: relative;
		}

		#side .moneyback .inner3{
			padding:6px 24px;
			text-align:center;
		}
		
		#side .moneyback h3{
			font-size:1.6em;
			margin:.20em 0;
			padding:0;
		}
		
		#side .moneyback p{
			margin:.5em 0 .2em;
			padding-bottom:1em;
		}
		
		#side .moneyback img{
			position:absolute;
			top:0px;
			right:-23px;
		}


/*Top right links*/
	.toprightlinks{
		margin:0;
		padding:0 0 0 7%;
		list-style-type:none;
		font-size:.95em;
	}
	
	.toprightlinks li{
		width:50%;
		float:left;
	}
	
	.toprightlinks li a{
		display:block;
		padding:10px 5px 20px 45px;
	}
	
	.toprightlinks li.tellafriend a{
		background:url(images/bg_icon_tellafriend.gif) no-repeat top left;
		padding-left:40px;
	}
	
	.toprightlinks li.emailus a{
		background:url(images/bg_icon_email.gif) no-repeat top left;
	}
	
	.toprightlinks li.signup a{
		background:url(images/bg_icon_signup.gif) no-repeat top left;
	}

/*Footer*/
	#footer{
		clear: both;
		text-align: center;
		padding:2em 0 2em 2.5em;
		font-size:1.4em;
	}
	
	#footer ul{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	#footer li{
		display: inline;
		padding:0 2em;
		border-right:1px solid #333;
	}
	
	#footer li.last{
		border: none;
	}
	
	#footer a{
		color: #4f4e4e;
	}	


/*Form*/
	form dt{
		float:left;
		width:35%;
		clear:left;
		text-align:right;
		margin:0;
		padding:6px 6px;
	}
	
	form dd{
		float:left;
		width:50%;
		margin:0;
		padding:6px;
	}
	
	form dd textarea{
		width:200px;
	}
	
	form .submit-button{
		padding-left:70%;
		margin-left:8px;
		clear:both;
	}