@import url(../css-reset.css);

html {
	max-width: 1008px;
}

body {
	background: transparent url(body.png) repeat-x scroll 0 0;
	max-width: 1008px;
}
	
a {
	text-decoration: none;
	border: none;
}

#abstop {
	background: transparent url(headerback.png) no-repeat scroll 0 0;
	height: 83px;
}

	.mic {
		background: transparent url(micro.png) no-repeat scroll 0 0;
		position: absolute;
		height: 300px;
		width: 50px;
		left: 5px;
		top: 0;
		z-index: 100;
	}
	
	.logo {
		background: transparent url(logo.png) no-repeat scroll 0 2pt;
		width: 200px;
		height: 50px;
		margin-left: 85px;
		float: left;
	}
	
	#topnav {
		float: right;
		margin: 2% 2% 0 0;
		width: 56%;
	}
			
	#topnav a {
		background: transparent url(topnav.png) no-repeat scroll 0 -21pt;
		display: block;
		float: left;
		height: 25px;
		width: 100px;
	}
	
	a#featureslink {
		background-position: 0pt 0pt;
	}
		
	a#featureslink:hover {
		background-position: 0pt 0pt;
	}

	a#docslink {
		background-position: -80pt -21pt;
		width: 150px;
	}

	a#docslink:hover {
		background-position: -80pt 0;
	}

	a#orderlink {
		background-position: -195pt -21pt;
		width: 70px;
	}

	a#memberslink {
		background-position: -321pt -21pt;
	}
	
	a#memberslink:hover {
		background-position: -321pt 0pt;
	}
	
	a#support {
		background-position: -252pt -21pt;
		
	}
	
	a#support:hover {
		background-position: -252pt 0pt;
	}

	a#orderlink:hover {
		background-position: -195pt 0;
	}

	a#forums {
		width: 95px;
		margin-left: -10px;
		background-position: -386pt -21pt;
	}

	a#forums:hover {
		background-position: -386pt -1pt;
	}

#maincontent {
	background: transparent url(maincontent.png) no-repeat scroll 0 0;
	height: 400px;
	position: relative;
}

	#container {
		width: 90%;
		margin-left: 7.4%;
	}

	#introtext {
		font: 13pt "Lucida Grande", "Arial", sans-serif;
		width: 90%;
		margin: 0 auto;
		padding: 10px 0;
		text-align: center;
		line-height: 21pt;
	}
	
	.headline {
		background: transparent url(headlineback.png) no-repeat scroll top left;
		height: 63px;
		padding: 18px 0px 0px 47px;
		color: white;
		font: 17pt "Georgia", "Cambria", serif;
		margin: 4% 0 2%;
	}
	
	.panel-left {
		float: left;
		width: 45%;
		padding: 0% 0% 5% 3%;
	}
	
		.panel-left .title {
			font: 14pt "Lucida Grande", sans-serif;
			color: #444;
			margin: 0% 3% 3% 0%;
			float: left;
			width: 35%;
		}
	
	.panel-right {
		float: right;
		width: 45%;
		padding: 0% 7% 5% 0%;
	}
	
		.panel-right .title {
			font: 14pt "Lucida Grande", sans-serif;
			color: #444;
			margin: 0% 0% 3% 3%;
			float: right;
			width: 35%;	
			text-align: right;	
		}
		
		.panel-right .text {
			text-align: right;
		}
		
		.text {
			font: 9pt sans-serif;
			color: #888;
			line-height: 18pt;
		}
	
#bottom {
	background: #fff url(bottomback.png) no-repeat scroll bottom left;
	height: 370px;
}
	
	#bottom a {
		float: left;
	}
	
	#navlinks {
		width: 35%;
		margin: 0 auto;
	}
	
	#navlinks a#trythedemo {
		display: block;
		width: 156px;
		height: 82px;
		background: transparent url(trythedemo.png) no-repeat scroll top left;
		padding-right: 2%;
		border-right: 1px solid #ddd;
	}
	
	#navlinks a#ordernow {
		display: block;
		width: 129px;
		height: 81px;
		background: transparent url(ordernow.png) no-repeat scroll top left;
		margin-left: 2%;
	}
	#bottombar {
		height: 30px;
		width: 87%;
		margin: 0px 0px 0px 7.5%;
		background-color: #ddd;
	}
	
.clear {
	clear:both;
}