@charset "utf-8";
/* CSS Document */

/** Sitewide Styles ***********************************************/
/******************************************************************/

body { margin: 0; background: #232323 url(../img/bg.jpg) repeat-x; color: #fff; font: 13px/18px Verdana, Arial, Helvetica, sans-serif; }
#bodyContainer { background: url(../img/bgShell.jpg) no-repeat center 67px; min-width: 984px;  }
#shell { width: 984px; margin: 0 auto;}
.imgLeft { float: left; margin: 0 12px 5px 0; }
.imgRight { float: right; margin: 0 0 5px 12px; }
.clear { clear: both; }
.twoCols { float: left; width: 50%; padding-bottom: 10px; }
a { color: #3e9ddb; text-decoration: none; }
a:hover { text-decoration: underline; }

/** TitleBar Styles ***********************************************/
/******************************************************************/

#titleBarShell { position: relative; height: 67px; z-index: 2; }

	#nav { position: relative; top: 22px; float: right; margin-right: 5px; width: auto; }
	
		#nav ul {  }
		#nav ul li { float: left; text-transform: uppercase; position: relative; height: 18px; padding-right: 20px; background: url(../img/bgNavSlash.gif) center right no-repeat; margin-right: 7px; }
		#nav ul li.lastItem { background: none; padding-right: 0; margin-right: 0; }
		#nav ul li a { color: #fff; }
		#nav ul li a:hover { color: #3e9ddb }
		#nav ul li a.current { color: #3e9ddb }
		
			#nav ul ul { display: none; background: url(../img/bgSubnav.png) no-repeat; position: absolute; top: 18px; left: 0px; width: 244px; border: 1px solid #fff; height: auto; padding: 10px 5px; }
			#nav ul li.hover ul li { float: none; margin: 5px 0; background: none; }
			#nav ul li.hover ul li a { padding: 2px 5px; display: block; width: 234px; }
			#nav ul li.hover ul li.hover a { background-color: #197ea7; color: #fff; }
			#nav ul li.hover ul li a.current {  }

/** Header Styles *************************************************/
/******************************************************************/

#headerShell { position: relative; height: 295px; z-index: 1; }

	#logoContainer { width: 455px; height: 170px; position: absolute; top: 61px; left: 11px; }
	
	#ctaContainer { position: absolute; top: 6px; right: -5px; width: 325px; }
	
		.cta { width: 325px; height: 93px; position: relative; background: url(../img/bgCta.png) no-repeat; cursor: pointer; }
			.cta h3 { padding: 15px 0 0 97px; }
			.cta a { color: #fff; text-decoration: none; }
			.cta span { position: absolute; top: 43px; left: 97px; width: 192px; }
			.cta img { position: absolute; left: 0px; top: 8px; }


/** Body/Content Styles *******************************************/
/******************************************************************/

#contentShell { position: relative; background: url(../img/bgContentShell.png) repeat-y; padding: 17px 25px; }
	
	#newsPanel { background: url(../img/bgNewsPanel.png) no-repeat; width: 214px; min-height: 366px; float: left; padding: 15px 20px; }
		#newsPanel  h3.sIFR-replaced { margin-top: -12px; }
		/*
		#sideNav li { width: 175px; height: 43px; padding: 7px 20px 0; text-align: center; margin-bottom: 5px; background: url(../img/bgSideNav.png) no-repeat top; font-weight: bold; font-size: 14px; cursor: pointer; }
		#sideNav li.hover { background-position: bottom; }
		#sideNav li a { color: #333333; }
		#sideNav li a:hover { text-decoration: none; } )*/
		#sideNav { width: 216px; height: 137px;padding: 40px 0 0 30px; background: url(../img/bgNavigate.png) no-repeat;  }
		
		#sideNav li { list-style: disc; margin-left: 10px; color: #333333; width: 186px; }
		#sideNav li a { color: #333333; }
		#sideNav li a:hover { color: #3e9ddb; }
		
		
			#dataSheets { width: 216px; height: 167px; background: url(../img/bgDatasheets.png) no-repeat; }
			#dataSheets ul { padding: 40px 0 0 30px; }
			#dataSheets ul li { list-style: disc; margin-left: 10px; color: #333333; }
			#dataSheets ul li a { color: #333333; }
			#dataSheets ul li a:hover { color: #3e9ddb; }
	
	#content { width: 618px; background: #f5f5f5 url(../img/bgContent.png) bottom left no-repeat;  margin-left: 275px; min-height: 379px; padding: 20px; color: #000; }
		#contentHeader { width: 638px; height: 38px; position: relative; top: -20px; left: -20px; background: url(../img/bgContentHeading.png) no-repeat; padding: 15px 0 0 20px;  }
		#contentHeader h2.sIFR-replaced { margin-top: -12px; }
		dt { font-weight: bold; }
		dt { margin-top: 10px; }
		dd { padding-left: 60px; width: 470px; }
		#content ul { padding-left: 30px; }
		#content li { list-style: disc; }

/** Footer Styles *************************************************/
/******************************************************************/

#footerShell { position: relative; background: url(../img/bgFooter.png) top left no-repeat; height: 100px; padding-top: 30px; }

	#footerShell ul { margin-bottom: 15px; }
	#footerShell ul li { display: inline; text-transform: uppercase;color: #797979;}
	#footerShell ul li a { color: #797979; }
	#footerShell ul li a:hover { color: #fff }
	#footerShell ul li a.current { color: #fff }
	
/** Client Page Specific ******************************************/
/******************************************************************/

#content #clientTestimonials { padding-left: 0px; }
#content #clientTestimonials li { list-style: none; border-top: dotted 1px #000; padding: 5px 0 5px 20px; }
#content #clientTestimonials li strong {  }

/** RSS Styles ****************************************************/
/******************************************************************/

.clstd a:hover b font { color: #3E9DDB; }
#content .clstd a { color: #000; text-decoration: none; }
#content .clstd { font-size: 12px; }
#content .clstd .og_links a { color: #3E9DDB; }
#content .clstd .og_links a:hover { text-decoration: underline; }
#news #content .clstd { padding-bottom: 10px; }
.newsDesc { color: #fff; height: 40px; overflow: hidden; display: block; }
.newsDescMargin { padding-top: 10px; }
td.newsDescMargin { padding-top: 30px; }
#newsPanel .clstd font { color: #fff; }
#newsPanel .clstd { padding-bottom: 10px; }
#newsPanel .clstd a:hover font { color: #3E9DDB; }
#newsPanel .clstd a:hover { text-decoration: none; }

/** Contact Forms *************************************************/
/******************************************************************/

#managedServices { margin-bottom: 20px; }
label.leftAlign { width: 150px; display: block; margin: 5px 0; float: left; clear: left; }
input.infoInput { margin: 5px 0; border: 1px solid #CCCCCC; }
#submitMe { display: block; width: 237px; height: 28px; line-height: 0; text-indent: -999px; background: url(../img/btnSubmit.png); border: 0; cursor: pointer; }
.req { color: red; }
.tfvHighlight { border-color: red; }
.tfvNormal { border-color: #CCCCCC; }