@charset "utf-8";
body {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 13px;
	background: #FFF url(images/bg.jpg) repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #999999;
}
.oneColFixCtrHdr #container {
	width: 910px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.oneColFixCtrHdr #header {
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}


.oneColFixCtrHdr #header_subpage {
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 180px;
}



.logo {
	float: left;
	}
	
.tel {
	float:right;}

#topnav {
	clear:right;
	float:right;
	width: 590px;
	text-align: right;
	}
	
#topnav ul {
	padding: 30px 0 0 0;
	margin:0;
	font-family:Candara, Tahoma, Geneva, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #333;
	}
	
#topnav li {
	display:inline;
	list-style-type: none;
}
	
#topnav li a:link{
	text-decoration:none;
	color: #333;
	padding-left: 20px;
	padding-right: 20px;
	list-style-type: none;
	background:url(images/bullet.png) right no-repeat;}
	
#topnav li a:visited{
	text-decoration:none;
	color: #333;
	padding-left: 20px;
	padding-right: 20px;
	list-style-type: none;
	background:url(images/bullet.png) right no-repeat;}
	
#topnav li a:hover{
	text-decoration:none;
	color: #1BB4EA;
	padding-left: 20px;
	padding-right: 20px;
	list-style-type: none;
	background:url(images/bullet_over.png) right no-repeat;}
	
#topnav li a:active{
	text-decoration:none;
	color: #333;
	padding-left: 20px;
	padding-right: 20px;
	list-style-type: none;
	background:url(images/bullet.png) right no-repeat;}
	
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#feature {
	clear: both;
}
	
.homefeatureimage {
	float:right;}
	
.featuretext {
float:left;
width: 449px;
color: #666;}

.featuretext h2 {
	font-family: Century Gothic, Tahoma, Geneva, sans-serif;
	font-size: 30px;
	font-weight: normal;
	color: #333;
}

.featuretext ul {
	text-transform: uppercase;
	padding: 0 0 0 20px;
	margin: 0;
	line-height: 26px;
	font-size: 14px;
	}

.featuretext li {
	list-style-type: none;
	}
	

.featuretext li a:link {
color:#666666;
text-decoration: none;
padding-left: 20px;
background: url(images/bullet.png) left no-repeat;
}

.featuretext li a:visited {
color:#666666;
text-decoration: none;
padding-left: 20px;
background: url(images/bullet.png) left no-repeat;
}

.featuretext li a:hover {
color:#19B2EA;
text-decoration: none;
padding-left: 20px;
background: url(images/bullet_over.png) left no-repeat;
}

.featuretext li a:active {
color:#666666;
text-decoration: none;
padding-left: 20px;
background: url(images/bullet.png) left no-repeat;
}
	
.oneColFixCtrHdr #mainContent {
	clear:both;
	border-top: 1px dotted #CCC;
}

.oneColFixCtrHdr #subContent {
		color: #333;
	clear:both;
	background-color:#fff;
	padding: 20px;
	-moz-border-radius:5px;color:rgba(0,0,0,0.4);border-radius:5px;color:rgba(0,0,0,0.4);-webkit-border-radius:5px;text-decoration:none;-moz-box-shadow:0px 0 40px rgba(0,0,0,0.3);box-shadow:0px 0 40px rgba(0,0,0,0.3);-webkit-box-shadow:0px 0 40px rgba(0,0,0,0.3);;
}

.oneColFixCtrHdr #subContent_services {
	height: 1300px;
		color: #333;
	clear:both;
	background-color:#fff;
	padding: 20px;
	-moz-border-radius:5px;color:rgba(0,0,0,0.4);border-radius:5px;color:rgba(0,0,0,0.4);-webkit-border-radius:5px;text-decoration:none;-moz-box-shadow:0px 0 40px rgba(0,0,0,0.3);box-shadow:0px 0 40px rgba(0,0,0,0.3);-webkit-box-shadow:0px 0 40px rgba(0,0,0,0.3);;
}

#service1, #service2, #service3, #service4, #service5, #service6{
	width: 280px;
	height: 200px;
	float:left;
}

#service2, #service5 {
	margin: 0 35px 0 35px;}
	
	
#service1details, #service2details, #service3details, #service4details, #service5details, #service6details {
	width: 265px;
	height: 500px;
	float:left;
}

#service2details, #service5details {
	margin: 0 35px 0 35px;}

.serviceicon {
	float:left;
	padding-right: 5px;
	padding-bottom: 30px;}
	
.servicesicon {
	float:left;
	padding-right: 5px;
	padding-bottom: 0px;}
	
h3 {
	font-size: 16px;
	color: #333;}
	
.oneColFixCtrHdr #footer {
	background:#333333;
	color: #FFF;
	clear:both;
}

#interfooter {
	width: 927px;
	height: 170px;
	line-height: 18px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background:#333333 url(images/map.jpg) top right no-repeat;
	color: #FFF;
	clear:both;
	padding: 20px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 11px;
}


.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#sitelinks ul {
	padding: 0;
	margin: 0;
	}
	
#sitelinks li {
display: inline;
list-style-type: none;
padding-right: 10px;
}

#sitelinks li a:link {
	color: #fff;
	}

#sitelinks li a:visited {
	color: #fff;
	}

#sitelinks li a:hover {
	color: #fff;
	text-decoration: none;
	}

#sitelinks li a:active {
	color: #fff;
	}
	

#footer a:link {
	color: #fff;
	}

#footer a:visited {
	color: #fff;
	}

#footer a:hover {
	color: #fff;
	text-decoration: none;
	}

#footer a:active {
	color: #fff;
	}
	
#address {
	width: 300px;
	float:right;
	text-align:right;}

#address ul {
	padding: 0;
	margin: 0;
	}

#address li {
	list-style-type: none;}
	
	
	#audit a{display:block; position:fixed; top:-2px; left:-2px;
}

.moreinfo a:link{
	color:#19B2EA;
	font-size: 12px;
	text-decoration: none;
	float:right;}
	
.moreinfo a:visited{
	color:#19B2EA;
	font-size: 12px;
	text-decoration: none;
	float:right;}
	
.moreinfo a:hover{
	color:#19B2EA;
	font-size: 12px;
	text-decoration: underline;
	float:right;}
	
.moreinfo a:active{
	color:#19B2EA;
	font-size: 12px;
	text-decoration: none;
	float:right;}
	
h1 {
color:#19B2EA;
font-family:Candara, Tahoma, Geneva, sans-serif;
border-bottom:  #19b2ea 2px solid;
padding-bottom: 10px;}

.submenu {
	float:right;
	padding-top: 10px;
	}
	
.fltrt {
	float:right;
	padding: 20px;
	margin: 10px 0 10px 10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-border-radius:10px;
	border: 1px solid #CCC;
	}

.solutionsimages {
	width: 200px;
	float:right;}
	
.testdrive {
	text-align:center;
}

.highlightedtext {
	color: #666;}
	
.buttonright {
	float:right;}
	
blockquote {
		font-family: Century Gothic, Tahoma, Geneva, sans-serif;
	font-size: 30px;
	font-weight: normal;
	color: #333;
	}
	
#map_canvas {
	float:right;
	width: 400px;
	height: 470px;
	border: 1px solid #CCC;
}

.postaladdress {
	background: url(images/address.gif) left top no-repeat;
	padding: 0 0 0 50px;
	}
	
.postaladdress li {
	list-style-type:none;}
	

.telephone {
	background: url(images/tel.gif) left top no-repeat;
	padding: 0 0 0 50px;
	}
	
.telephone li {
	list-style-type:none;}
	
.email {
	background: url(images/email.gif) left top no-repeat;
	padding: 0 0 0 50px;
	}
	
.email li {
	list-style-type:none;}

/* ----------------------------Form--------------------------------------------------------------------------------- */


fieldset {
	width: 50%;
margin: 1em 0;
padding: 1em;
border: 1px solid #ccc;
background-color:#F5F5F5;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-border-radius:10px;
}

legend {
font-weight: bold;
color: #990000;
}

textarea {
width: 300px;
height: 100px;
background-color: #E8E8E8;
border: 1px solid #ccc;
}

form p label {
float:left;
width: 20%;
}

form input {
width: 350px;
height: 25px;
background-color: #E8E8E8;
border: 1px solid #ccc;
}

form p {
clear:left;
margin: 0;
padding: 0;
padding-top: 5px;
}

.fltlt {
	float: left;
	padding: 0px 10px 5px 0;
	}
	
.supportfeaturedlist {
	padding: 20px;
		-moz-border-radius:10px;
	border-radius:10px;
	-webkit-border-radius:10px;
	background-color: #F5F5F5;
	border: 1px dotted #E4E4E4;
	color: #666;
	width:600px;
	float:left;
	margin-right: 10px;}
	
.supportfeaturedlist ul {
padding: 0;
margin: 0;
	}
	
.supportfeaturedlist li {
	list-style-type:none;
	font-size: 16px;
	line-height: 22px;
	padding-left: 20px;
background: url(images/bullet.png) left no-repeat;
	}
	
a:link {
	color: #1BB4EA;
	}

a:visited {
	color: #1BB4EA;
	}
	
a:hover {
	color: #1BB4EA;
	text-decoration: none;
	}
	
a:active {
	color: #1BB4EA;
	}
	
	
	
.bulletlist li {
	list-style-type:none;
	padding-left: 20px;
background: url(images/bulletsmall.png) left 5px no-repeat;
	}

.customersupport {
	float:right;
}
