@import "styles.css";

/*-- index --*/
#index {
	position: absolute;
	margin:0px;
	top: 115px;
	width: 780px;
	height: 700px;

}
#index #intro {
	z-index: 3;
    position: absolute;
	width: 450px;
}
#index #intro p{
	font-size: 14px;
	margin: 0px 0px 10px 0px;
	width: 390px;
}
#index #intro h1{
	margin: 0px 0px 10px 0px;
	font: 36px impact, arial, helvetica, sans-serif;
}


#index #features {
	color: #333;
	z-index: 2;
	position: absolute;
	top: 10px;
	right: 0px;
	width: 350px;
}
#features table th {
	background: #AFB406 URL(images/topGreenCorner.gif) no-repeat -1px -1px;
	font-size: 20px;
	font-weight: bold;
	color: #030;
}
#features table .dark {
	background: #030;
	color: #ff0;
	font-weight: bold;
	text-align: center;
}
#features table .light {
	background: #AFB406 ;
	color: #ff0;
	font-weight: bold;
	text-align: center;
}
#features table a {
	color: #00c;
}

#iContent {
	z-index: 4;
	position: absolute;
	top: 170px;
	width: 410px;
}
#iContent table th{
	color: #fff;
	background: #626504 url(images/thBGTop.gif);
}
#iContent table th a {
	color: #fff;
}
#iContent #lowerTable th {
	background: #969A05 url(images/thBGBottom.gif);
}
#iContent table td {
	background: #fff;
}
.pricing div {
	background: #fff;
	padding: 1px 2px;
}
.pricing #off {
	background: #ddd;
	padding: 1px 2px;
}
#indexFooter {
	position: absolute;
	top: 700px;
}