/* page styles specific to the Home page */
h1, h2{
	font-weight:normal;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:2em;
}
h2{
	font-size:1.3em;
	line-height:1.2;
	margin-top:5px;
	padding:0 20%;
}
h3{
	color:#e67b27;
	font-size:1.1em;
	margin:0;
	padding:0;
}
ol{
	margin:0;
	float:none;
	padding:5px 0 0 0;
	width:98%;
	list-style:none;
	background:#efefef;
	position:absolute;/*This positioning is so that the H1 is first in the source order for SEO and accessibility purposes, but the imagery is first on the page for graphic design purposes.*/
	top:15px;
	left:8px;
	z-index:5;
}
ol li{
	width:390px;
	padding:285px 0 0 0;
	float:left;
	text-align:center;
	position:relative;
}
ol #go{
	background:url(../images/picture-go-home.png) no-repeat top;
	z-index:8;
	margin:0 -65px 0 -15px;
}* html ol #go{
	background:none;
	margin-left:-50px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/picture-go-home.png', sizingMethod='crop');
	width:390px;
	display:block;
}
ol #plus{
	background:url(../images/picture-plus-home.png) no-repeat top;
	z-index:6;
	margin:0 -45px 0 -35px;
}* html ol #plus{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/picture-plus-home.png', sizingMethod='crop');
	width:390px;	
	display:block;
}
ol #pro{
	background:url(../images/picture-pro-home.png) no-repeat top;
	z-index:5;
	margin:0 -25px 0 -55px;
}* html ol #pro{
	background:none;
	margin-right:-100px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/picture-pro-home.png', sizingMethod='crop');
	width:390px;
	display:block;
}
#go .button a, #plus .button a{background:#f29a2e url(../images/button-orange.png) no-repeat left;}
#go p.button a:hover, #plus p.button a:hover{color:#f9e7d1;}
#go .button, #plus .button{background:transparent url(../images/button-end-orange.png) no-repeat right;}
#pro h2{
	color:#006dba;
}* html ol h2{
	padding:0;
	width:220px;
}
ol h2 a{
	position:absolute;
	top:10px;
	left:90px;
	width:250px;
	height:250px;
}
ol li p{
	width:180px;
	margin:10px auto 0 auto;
}
#content{
	padding-top:33.5em; /*Height of the OL.  Change to EMs so can be scaled in IE6*/
}
#content div{
	width:27%;
	padding-right:6%;
	float:left;
	margin-bottom:1em;
}
#content div ul{
	padding-left:5em;
	margin:0;
}
#content div img{
	float:left;
	margin-right:10px;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#content #fixer{/*this paragraph is here to fix the Disappearing box bug in Internet Explorer - http://www.brunildo.org/test/IE_raf3.html */
	margin:0;
	padding:0;
	height:0;
}
/*Sparkly stars */
#star1{
	position:absolute;
	top:150px;
	left:210px;
}
#star2{
	position:absolute;
	top:42px;
	left:195px;
}
#star3{
	position:absolute;
	top:94px;
	left:19px;
}