/* -----------------------------------------------------------------------
HEADER ELEMENTS
-------------------------------------------------------------------------*/
#header a.index{
	margin-left: 20px;
	margin-right: 0px;
}
#header h1{
	margin-top: 10px;
}
#header h2{
	margin-top: 30px;
}
#header h3{
	margin-top: 20px;
}
#header h4{
	margin-top: 0px;
}
/* -----------------------------------------------------------------------
NAVIGATION ELEMENTS
-------------------------------------------------------------------------*/
ul.navigation{
	height: 66px;
	width: 100%;
	display: block;
	background: url(images/navbg.gif) repeat-x;
}
ul.navigation li{
	float: left;
	display: block;
	margin-left: 20px;
}
ul.navigation li a{
	font-weight: bold;
	color: #000;
	text-decoration: none;
	display: block;
	padding-top: 19px;
	text-align: center;
}
ul.navigation li.home a{
	width: 65px;
	height: 65px;
}
ul.navigation li.benefits a{
	width: 100px;
	height: 65px;
}
ul.navigation li.classes a{
	width: 102px;
	height: 65px;
}
ul.navigation li.asl a{
	width: 90px;
	height: 65px;
}
ul.navigation li.early a{
	width: 140px;
	height: 65px;
}
ul.navigation li.news a{
	width: 62px;
	height: 65px;
}
ul.navigation li.contact a{
	width: 80px;
	height: 65px;
}
ul.navigation li.links a{
	width: 80px;
	height: 65px;
}
ul.navigation li.faq a{
	width: 75px;
	height: 65px;
}
ul.navigation li:hover ul, ul.navigation li.over ul{
	display: block;
	position: absolute;
	top: 10%;
	left: 90px;
}
ul.navigation li.about ul li, ul.navigation li.about ul a{
	float: none;
	color: #fff;
	text-indent: 0;
	text-align: left;
	width: 120px;
	display: block;
	background: #FF9058;
	height: 20px;
	margin-left: 0px;
}
ul.navigation li.about ul li a{
	background: #FF9058;
	margin: 0;
	text-decoration: none;
	width: 120px;
	padding-top: 5px;
	color: #000;
	padding: 0 0;
	padding-left: 5px;
	font-weight: bold;
	border: 1px solid black;
}
ul.navigation li.about ul li a:hover{
	background: #74B9D2;
}
#content{
	margin: 0;
}