/* ------------------- body --------------------------- */
	
	body {
		background-color:#d7d6d3;
		background-image:url(../images/bground.gif);
		background-position:center;
		background-repeat:repeat-y;
		font-family: arial, helvetica, sans-serif;
		color: #4C4C4C;
		margin: 0px auto;
		padding: 0px;
		text-align:center;
		}
		
	/* -------------------- links ---------------------- */
		a {
			color: #1F81C2;
			text-decoration: none;
			}	
		a:hover {
			color: #49A6E3;
			text-decoration: underline;
			}	
	/* ---------------- header tags ---------------------*/
		h1{
			margin: 0px 0px 15px 0px; padding: 0;
			font-size: 100%;
			}
			
		h2{
			margin: 0px 0px 10px 0px; padding: 0;
			font-size: 90%;
			color: #518928;
			}
		h3{
			margin: 0px 0px 10px 0px; padding: 0;
			font-size: 80%;
			font-weight: bold;
			}
		/* ------------ image --------------------------*/
		img{
			border: 0;
			display: block;
			}
		
		img.border{
			border: solid 2px #CACACA;
			}
			
		/* --------------- paragraph ----------------- */
		p{
			margin: 0px 0px 10px 0px; padding: 0;
			font-size: 75%;
			text-align:justify;
			}
		
		/* ------------- unordered list --------------- */
		ul{
			font-size: 75%;
			list-style-image: url(../images/ico_ats_bullet.gif);
			text-align:justify;
			}
		
		ol{
			font-size: 75%;
			text-align:justify;
			}
			
			
		hr {
			border:1px solid #DFDFDF;
			margin: 10px 0 20px 0
		}
		
		
		.red {color:red}
	
	/* ------------- tables --------------- */
		
		
		table#datasheet th {
			text-align:left;
			font-size: 75%;
			color:#ffffff;
			background: #056DB2;
		}
		
			table#datasheet td {
			font-size: 75%;
			background: #DBF1FF;
		}
	
			table#datasheet td.highlight {
			background: #B4DDF7;
			font-weight: bold;
		}
	
		
		table#tableform td {
			font-size: 75%;
			background: #FFFFFF;
			
		}
		
		table#phone {
			float:right;
			margin: 30px 5px 5px 5px;
			background:#E5E5E5;
		}
		table#phone td {
			font-size: 70%;
			background: #F5F5F5;
			text-align:center;	
			width:50px;
			height:50px;
			vertical-align:top;
			border: 3px outset #F5F5F5;
			
		}
		
	/* ------------- forms --------------- */
		.input {		
		font-size: 11px%;
		font-family:arial;
		color: #333333;
		border: 1px solid #AEAEAF;
		width:250px;
		}
	
		ul.arrow{
			margin: 0;
			list-style-image: url(../images/arrow.gif);
			padding: 10px 0px 10px 18px;
		}
		
	div#outerCon {
		background-color: #FFFFFF;
		margin: 0 auto; padding: 0;
		text-align: left;
		/*overflow: auto;*/
		width:992px;
		}	
		
	div#outerConHome {
		background-color: #FFFFFF;
		margin: 0; padding: 0;
		width: 992px;
		border: solid 4px #DFDFDF;
		text-align: left;
		
		}	
/* ------------------------- header ------------------------------ */
	div#header {
	    height: 105px;
		width:100%;
		background: url(../images/gradient_head.jpg) no-repeat top right;
		}
		
	div#headerHome {
	    height: 105px;
		width:992px;
		background: url(../images/gradient_head.jpg) no-repeat top right;
		}
		
	div#headerHome img{
		margin: 14px 0px 0px 14px;
		padding: 0;
		float: left;
		}
	
	div#header img{
		margin: 14px 0px 0px 14px;
		padding: 0;
		float: left;
		}

/* ------------------------- nav ------------------------------ */

	div#nav {
		height: 35px;
		background: url(../images/gradient_nav.gif) ;
		margin: 0; padding: 0;
		}
		
	div#nav ul{
		width: 888px;
		margin: 0; padding: 0;
		list-style: none; 
		margin-left:10px;
		}
		
	div#nav ul li{
		background: url(../images/nav_divider.gif) no-repeat center right ;
	 	margin: 0; padding: 0;
		display: inline;
		float: left;				
		}	
		
	div#nav ul li a{
		font-weight:bold;
		color:#ebf2f6;
		display: inline;
		float: left;	
		padding-right:6px;
		padding-left:6px;
		padding-bottom:9px;
		padding-top:10px;
		font-size:90%;
		}	
		
	div#nav ul li a:hover{
		background:#108ad8;
		text-decoration:none;
		
		}	
		
/* ---------------------- content ----------------------------- */ 
	div#content{
		margin: 0; padding: 0;
		}
		

	/* ----------------- flash ------------------ */

		div#content div.flash{
			margin: 0; padding: 0;
			width: 100%; 
			height: 182;
			background: url(../images/pic_typing_hands.jpg) no-repeat ;     
			background-position: 759 -1;
			background-color:#DBE5EC;			
			}             
		

	/* ----------------- gradient ---------------- */
		div#content div.gradient{
			margin: 0; padding: 0;
			width: 100%; 
			height: 7px;
			background: url(../images/gradient_grey.gif) ;
			}
			
		div#content div.gradientHome{
			margin: 0; padding: 0;
			width: 992px; 
			height: 7px;
			background: url(../images/gradient_grey.gif) ;
			}
	
	
	/* ---------------- leftContent -------------- */
	
		div#content div.leftContent{ 
			padding: 15px 507px 15px 35px; 
			}
		
		div#content div.leftContentHome{ 
			padding: 15px 280px 15px 35px; 
			}
		
		div#content div.mainContent{ 
			padding: 15px 321px 15px 35px; 
			}
		
		div#content div.rightContent{
			width: 271px;
			margin:  15px 5px 15px 0px;
			padding: 0;
			float: right;
			}
	
		div#listBox{
			width: 243px;
			margin: 15px 15px 15px 0px;
			padding: 0;
		}
		
		div#listBox ul{
			margin: 0;
			list-style-image: url(../images/arrow.gif);
		}
		
		div#listBox div.content{
			margin: 0;
			padding: 10px 0px 10px 18px;
			background-color: #E5E5E5;
			}
	
		div#listBox div.content ul{
			padding: 0px 0px 0px 15px;  
			}
		
		
		
		
		div#navBox{
			width: 180px;
			margin: 15px 15px 15px 0px;
			padding: 0;
		}
		
		div#navBox ul{
			margin: 0;
			list-style-image: url(../images/arrow.gif);
		}
		
		div#navBox div.content{
			margin: 0;
			padding: 10px 0px 10px 18px;
			background-color: d9e9f6;
			}
	
		div#navBox div.content ul{
			padding: 0px 0px 0px 15px;  
			}
			
	/* ------------------- priceTable ------------------------*/
	
		div#content div.priceTable{
			margin: 0px 0px 0px 0px;
			padding: 0;
			width:240px;
		}

/* ------------------------ infoBox ------------------------------- */
	div#infoBox{
		width: 227px;
		margin: 15px 10px 15px 0px;
		float: right;
		}
		
	div#infoBox ul{
		margin: 0;
		list-style-image: url(../images/arrow.gif);
	}
		
	div#infoBox a{
		color: #1F81C2;
		text-decoration: none;
		}
		
	div#infoBox a:hover{
		color: #1F81C2;
		text-decoration: underline;
		}
		
	/* ---------------- infobox gradient ------------------*/
	div#infoBox div.gradient{
		margin: 0; padding: 0;
		width: 227px; 
		height: 5px;
		background: url(../images/gradient_grey2.gif) ;
		}
	
	/* ------------ infobox content -----------------*/
	div#infoBox div.content{
		margin: 0;
		padding: 10px 18px 10px 18px;
		background-color: #E5E5E5;
		}
	
	div#infoBox div.content ul{
		padding: 0px 0px 0px 15px;  
		}

	div#infoBox div.quoteContent{
		width: 123px;
		margin: 0px 0px 0px -11px;
		padding: 0;
		float: left;
		display: inline;
		}

/* ----------------------- footer ----------------------- */
	
	
		/* --------------- footer left/right ----------- */
 div#footer {
 	border-top:1px solid #CCCCCC;
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin: 10px;
 }
 
 div#footerleft{
	float: left;			
	margin: 10px 10px 10px 0px;
}

div#footerRight{
	float: right;
	margin: 10px 0 10px 10px;

}
img#specialButton {
	position:relative;
	top:30px;
	left:482px;
}			

table#trialSteps {
	font-size:12px;
}
table#trialSteps th {
	vertical-align:top;
	padding:10px;
}