﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*******************  General   ************************/
html
{
	font-size:62.5%;
}
body
{	
	background:#2F3336 url('../images/bg.gif') no-repeat top center;
	font-size:1.2em;
	color:#58646C;
}
a.logo
{
	position:absolute;
	top:22px;
}
b
{
	color:#000;
}
.wrapper
{
	width:1000px;
	margin: 0 auto;		
	position:relative;
	padding-top:100px;
}
/*****************  Navigation **********************/
#nav 
{
	width:100%;
	overflow:hidden;
	padding-bottom:7px;
	height:26px;
	background:transparent url('../images/linkBG.gif') repeat-x;
}
#nav li
{
	float:left;
	margin-right:4em;
	height:26px;
	padding:2px 6px 0;
}
#nav li.selected
{
	background:transparent url('../images/linkHighlight.png') no-repeat 0px 21px;
}
#nav a
{
	color:#D7DDE4;	
	text-decoration:none;
	font-family: Arial,Sans-Serif;
}
#nav a:hover, #nav li.selected a
{
	color:#fff;	
}

/***************  Presentation **************************/
#presentation
{
	height:270px;	
	padding-bottom:8px;
	border-bottom:solid 1px #4A5761;
	background: transparent url('../images/guides.gif') no-repeat 0px 0px;		
}
#presentation h3
{
	color:#209DFE;
	font:normal 3.2em Trebuchet MS, Arial, Sans-Serif;
	position:relative;
	top:0.6em;
	left:0.6em;	
}
#presentation h4
{
	color:#fff;
	font:bold 2em Trebuchet MS, Arial, Sans-Serif;
	position:relative;
	top:1.4em;
	left:1em;		
}
#presentation h5
{
	color:#728898;
	font:normal 1em Arial, Sans-Serif;
	position:relative;
	line-height:1.8em;
	top:4em;
	left:2em;		
	width:360px;
}
/****************** Quick Links   **********************/
.Qlink ul
{
	margin-top:30px;
	width:100%;
	overflow:hidden;
	margin-bottom:5em;	
}
.Qlink li
{
	float:left;
	width:235px;
	margin-right:20px;
}
.Qlink li.last
{
	margin-right:0px;
}
.Qlink img
{
	margin-bottom:16px;
}
.Qlink h6
{
	color:#fff;
}
.Qlink h6 span
{
	font:bold 0.8em arial;
	color:#79B7E6;
	padding-left:1em;
	display:inline;
}
.Qlink p
{
	margin:1em 0 0.4em 0;
	font-size:1em;
	line-height:1.4em;
	color:#728898;	
	text-decoration:none;
}
.Qlink span 
{
	display:block;
}
.Qlink span a
{
	color:#209DFE;
	font:normal 0.9em Arial, Sans-Serif;
}

/************** footer *****************************/
#footer
{
	width:1000px;
	margin: 0 auto;
	border-top:solid 1px #4A5761;
	padding:0.4em 0 4em 0;
	text-align:center;
	color:#728898;
	font:normal 0.9em Arial, Sans-Serif;
}
#footer span
{
	*font-size:1em;
	font-size:1.1em;
}
#footer a
{
	color:#209DFE;
}

/************** Page Title ***************************/
.pageTitle
{
	margin-top:1.8em;
	font:normal 2.2em Trebuchet MS, Arial, Sans-Serif;	
	color:#fff;
}
.pageTitleSmall
{
	margin-top:1.8em;
	font:normal 1.8em Trebuchet MS, Arial, Sans-Serif;	
	color:#fff;
}
.pageTitle img
{
	display:block;
}

/****************** Content *****************************/
.content
{
	margin:2em 0 2em 0;	
	width:100%;
	overflow:hidden;
}
.content .highlight
{
	background: transparent url('../images/contentHighlight.jpg') no-repeat top center;	
	height:4px;	
}
.content .about
{
	background-color:#fff;
	width:100%;
	overflow:hidden;
	padding-bottom:1em;
}
.content .about div
{
	float:right;	
	width:620px;
}
.content .about img
{
	margin:1.4em 2em 1.4em 1.4em;
	float:left;
}
.content .about p
{
	margin:1.8em 1.4em 0 0;
	font:normal 1em Arial, Sans-Serif;
	line-height:2em;
	color:#58646C;
}
.content .about p span.red span.big, .content .item div span.red span.big
{
	font-size:1.4em;
}
.content .about p span.red, .content .item div span.red
{
	color:#209DFE;
	font-weight:bold;
}
.content .about p span.bigRed, .content .item div span.bigRed
{
	color:#209DFE;
	font:bold 1.6em Arial,Verdana;
}
.content .about .contactInfo
{
	margin-top:1.8em;
	padding:1.4em;
	font:normal 1em Arial, Sans-Serif;
	background-color:#F2F9FE;
	line-height:1.8em;
	float:none;
}
.content .contactInfo ul
{
	overflow:hidden;
	width:100%;
}
.content .contactInfo ul li
{
	float:left;	
	font-weight:bold;
}
.content .contactInfo ul li.label
{
	width:50px;	
	font-weight:normal;
}
.content .item
{
	background-color:#fff;
	width:100%;
	overflow:hidden;
	padding-bottom:1em;
}
.content .item div a
{
	color:#209DFE;
	font:normal 0.9em arial;
}
.content .alt
{
	background-color:#F2F9FE;
}
.content .item h3
{
	font:normal 1.8em Trebuchet MS, Arial, Sans-Serif;
	color:#444A4F;
	margin:0.6em 0 0 1em;
}
.content .item h6
{
	font:normal 1em Arial, Sans-Serif;
	color:#209DFE;
	margin:0.4em 0 0 1.8em;
}
.content .item ul
{
	overflow:hidden;
	width:100%;
}

.content .item div
{
	float:right;
	width:700px;
	margin:2em 1em 0 0;
	line-height:1.8em;
}
.content .item a.pImg
{
	background: transparent url('../images/productsBG.png') no-repeat top center;	
	width:212px;
	height:195px;
	margin:1.9em 0 0 1.8em;
	float:left;
	display:block;
	position:relative;	
	text-decoration:none;
}
.content .item a.pImg img
{
	top:4px;
	left:5px;
	position:absolute;
}
.content .item a span
{
	display:block;
	z-index:2;
	position:absolute;
	height:20px;
	background-color:#000;
	width:193px;
	left:5px;
	bottom:8px;
	text-align:right;
	color:#fff;
	font:normal 0.9em arial;
	padding:4px 7px 0px 0px;
	cursor:pointer;
}
.content .performance p
{
	background-color:#fff;
	padding:2.6em 2.6em;
	color:#444A4F;	
	line-height:1.4em;
}
.content .performance
{
	background-color:#fff;
	*padding-bottom:0.8em;
}
.content .performance ul.imgGrid
{
	padding:0 2.6em;
	margin:0;
}
.content .contact
{
	background-color:#fff;
}
.content .contact ul
{
	overflow:hidden;
	width:100%;
	padding-bottom:2em;
}
.content .contact ul li
{
	float:left;
	margin:3em 0 0 2.2em;
	font:normal 1em Arial, Sans-Serif;
}
.content .contact ul li.list div.phone
{
	background: transparent url('../images/phoneBG.gif') no-repeat top center;	
	width:310px;
	height:112px;
	margin-bottom:0.4em;
	color:#fff;
}
.content .contact ul li.list div.email
{
	background: transparent url('../images/emailBG.gif') no-repeat top center;	
	width:310px;
	height:112px;
}
.content .contact ul li.list div.email a
{
	display:block;
	color:#fff;
	font:normal 1.1em Arial, Sans-Serif;
	padding:4em 0 0 2em;
}
.content .contact ul li.list
{
	margin:7.3em 0 0 2.2em;
}
.content .contact h6
{
	color:#0690F7;
	font:normal 1em Trebuchet MS, Arial, Sans-Serif;
	margin-bottom:0.7em;
}
.content .contact p
{
	font:normal 0.9em Trebuchet MS, Arial, Sans-Serif;
	margin-bottom:1.2em;
}		
/************ leftnav*************************/
.leftnav
{
	width:25%;
	float:left;
	margin-right:3%;
}
.leftnav li
{
	margin-bottom:1px;
	background-color:#2F3336;
}
.leftnav a
{
	font:normal 1em Trebuchet MS, Arial, Sans-Serif;
	text-decoration:none;	
	color:#fff;
	display:block;
	padding:0.7em 0.8em;
}
.leftnav a:hover, .leftnav a.selected
{
	text-decoration:underline;
	background-color:#79B7E6;	
	color:#fff;
}
/********* product description ******************/
.description
{
	width:72%;
	float:left;
	background-color:#fff;
}
.description .inner
{
	padding:1.2em;	
	line-height:1.8em;
}
.description h6
{
	color:#209DFE;
	font:bold 1.1em arial, sans-serif;
	clear:both;
}
.description ul
{
	clear:both;
}

.description ul li
{
	line-height:2.2em;
}
.description span.pImg
{
	background: transparent url('../images/productsBG.png') no-repeat top center;	
	width:212px;
	height:195px;
	margin:0 0.8em 0.8em 0;
	float:left;
	position:relative;	
	text-decoration:none;
}
.description span.pImg img
{
	top:4px;
	left:5px;
	position:absolute;
}
/******** image grid ******************************/
.imgGrid
{
	width:90%;
	overflow:hidden;	
	margin:0.8em;
}
.imgGrid li
{
	float:left;
	margin:0 0.8em 0.8em 0;
}
.imgGrid img
{
	padding:0.3em;
	border:solid 1px #ddd;
}

/***************** home page blurbs *******************/
ul.productsIntro
{
	margin:0.65em 0 0.4em 0;
	padding:0;
}

.productsIntro li
{
	line-height:2em;
	float:none;
	width:auto;
	margin-right:0;
}

.productsIntro a
{
	color:#728898;
	font-size:1em;
	text-decoration:none;
}

.productsIntro span
{
	color:#728898;
	font-family: Arial, Sans-Serif;
	display:inline;
}

.productsIntro a:hover
{
	color:#209DFE;
	text-decoration:underline;
}