/*
Author: FreedomScientific.com
*/


/* ---------->>> GLOBAL <<<-----------*/

* {padding: 0; margin: 0;}

body {
	margin: 0;
	padding: 0;
	background: #ffffff;
	font: normal 12px Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	}
p, li {font: 1.2em/1.2em Arial, Verdana, Tahoma;}

	
.hidden	{
	position:absolute;
 	left:0px;
 	top:0px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
 	}

#container {
	width: 622px; padding: 0; margin: 0 auto; text-align: center;
	
	}

/* ---------->>> HEADER <<<-----------*/
#tophead {
	position: relative;
	width: 622px;
	height: 122px;
	background: url(images/header1.jpg) no-repeat;
	}
.contact {
	text-align: right; 
	font: bold 1.0em/1.0em Arial, Helvetica, sans-serif;
	padding-right: 10px;
	padding-top: 35px;
	color: #ffffff;
	}
span.phone {font: bold 1.6em/1.0em Arial, Helvetica, sans-serif;}
	
#midhead {
	position: relative;
	width: 622px;
	height: 120px;
	background: url(images/header2.jpg) no-repeat;
	}
.guidetext {
	text-align: center; 
	font: bold 1.2em/1.0em Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 75px 160px 0 15px;
}
.guidetext a {text-decoration: underline; color: #fff;}
.guidetext a:hover {text-decoration: none;}
#prodgroup {
	position: relative;
	top: 10px;
	width: 622px;
	height: 1100px;
	margin: 0 auto;
	font: 1.0em/1.2emArial, Helvetica, sans-serif;
	text-align: center;}
	
#product3 {
	position: absolute;
	top: 265px;
	left: 0;
	width: 310px;
	height: 260px;
	padding: 0;
	margin: 0;
		border-top: 1px solid #cccccc;	
		font: 1.1em/1.2emArial, Helvetica, sans-serif;
	text-align: left;}

	
#product4 {
	position: absolute;
	left: 325px;
	top: 265px;
	width: 300px;
	height: 260px;
		padding: 0;
	margin: 0;
		border-top: 1px solid #cccccc;
	font: 1.1em/1.2emArial, Helvetica, sans-serif;
	text-align: left;}
	
#product5 {
	position: absolute;
	left: 0px;
	top: 530px;
	width: 300px;
	height: 260px;
		padding: 0;
	margin: 0;
		border-top: 1px solid #cccccc;
	font: 1.1em/1.2emArial, Helvetica, sans-serif;
	text-align: left;}

#product6 {
	position: absolute;
	left: 325px;
	top: 530px;
	width: 300px;
	height: 260px;
		padding: 0;
	margin: 0;
		border-top: 1px solid #cccccc;
	font: 1.1em/1.2emArial, Helvetica, sans-serif;
	text-align: left;}
		
#product7 {
	position: absolute;
	left: 0px;
	top: 795px;
	width: 300px;
	height: 260px;
		padding: 0;
	margin: 0;
		border-top: 1px solid #cccccc;
	font: 1.1em/1.2emArial, Helvetica, sans-serif;
	text-align: left;}
		
#product8 {
	position: absolute;
	left: 325px;
	top: 795px;
	width: 300px;
	height: 260px;
		padding: 0;
	margin: 0;
		border-top: 1px solid #cccccc;
	font: 1.1em/1.2emArial, Helvetica, sans-serif;
	text-align: left;}
		
#product1 {
	position: absolute;
	top: 0px;
	left: 0;
	width: 310px;
	height: 260px;
	padding: 0;
	margin: 0;
		/*border: 1px solid #cccccc;*/
	font: 1.1em/1.2emArial, Helvetica, sans-serif;
	text-align: left;}

	
#product2 {
	position: absolute;
	left: 325px;
	top: 0px;
	width: 300px;
	height: 260px;
		padding: 0;
	margin: 0;
		/*border: 1px solid #cccccc;*/
	font: 1.1em/1.2emArial, Helvetica, sans-serif;
	text-align: left;}
		
#footer {
	position: relative;
	width: 622px;
	height: 40px;
	bottom: 0;

	padding: 0;
	
	background: url(images/footer.jpg) no-repeat;
	}

.copy {padding-top: 30px; font: .85em Arial, Helvetica, sans-serif; text-align: right;}

/*----SECONDARY PAGES----*/

#content {
	padding: 10px;
	text-align: left;
}
#content h1 {font: 1.6em/1.2em Arial, Helvetica, sans-serif; padding-bottom: 10px;}
#content h2 {font: bold 1.2em/1.2em Arial, Helvetica, sans-serif; padding-bottom: 10px;}

.dl_list {margin-left: 15px;}

/*----ONYX LIST PAGE---*/


#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#000;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em; text-align: left;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#ccc; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#ffffff; border:0 solid #08c; border-width:0 1px;}