@charset "utf-8";
/* CSS Document */
/********************* [GlOBAL STYLES] **********************/

body { 
	text-align: center;
	font: normal 10pt Arial, Verdana, sans-serif;
	color: #000;
	}
	
/* heading levels 
--------------------------------------------- */
	
h1.panelTitle {
	font: bold 9pt Arial;
	text-transform: uppercase;
	margin: 0 0 20px 0;
	}	
	
h2 {
	font: bold 18pt Arial, "Times New Roman", Times, serif;
	text-align: left;
	padding: 2px 0 0 0;
	display:block;
	}
	
h3 {
	font: bold 15px Arial, "Times New Roman", Times, serif;
	line-height: 17px05px 0;
	}
	
h4  {
	font: bold 12px Arial, "Times New Roman", Times, serif;
	line-height: 17px;
	padding: 5px 0 0;
	}
	
h4  a {
	color: #0d4499;
	font: bold 12px Arial, "Times New Roman", Times, serif;
	line-height: 17px;
	}
	
h5 {
	color: #fff;
	font-size: 18px;
	margin-bottom: 4px;	
	}
	
/* Global Styles for all pages 
--------------------------- */

p {
	font-size: 12px; 
	line-height: 20px; }
	
strong {
	font-size: 12px;
	font-weight: bold;
	}
	
a {
	color: #0d4499;
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 17px;
	text-decoration: none;
	}
	
img {
	border-style: none;
	margin: 20px 0;
	}
	
li {
	padding: 5px 0 3px;
	}
	
table {
	margin: 10px 0 15px;	
	}
	
table td {
	margin: 8px 0;
	}
	
#wrapper {
	text-align: left;
	}	
	
#skip {
	display: none;
	}	

/* Header Styles 
------------- */
#header {	
	display:none;
	}
	
/* main menu
----------*/
ul#nav {
	display:none;
	}
	
/* Flash content
---- ---------*/
#brandingLeft {
	display:none;
	}
	
/* Blue Panel on Homepage
---------------------- */
	
#branding #observerTop, #branding #observerBot {
	width: 675px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}
	
#branding #observerTop h1 {
	font: normal 18pt Arial, "Times New Roman", Times, serif;
	margin: 0 0 40px 0;
	}
	
#branding #observerTop p, #branding #observerBot p {
	width: 675px; /*increase width to make more room for paragraph text.*/
	font: normal 10pt Arial, Verdana, "Times New Roman", Times, serif;
	line-height: 16pt;
	margin: 10px 0 0 0;
	padding: 0;
	}
	
#branding #observerBot p#counter {
	font: bold 10pt Arial, Verdana, "Times New Roman", Times, serif;
	float: left;
	width: 233px;
	margin: 30px 0 15px 0;
	padding: 0; /*leave padding @ zero to override padding set in <p> tag above */
	}
	
#branding #observerBot div#counterContainer {
	width: 80px;
	float: right;
	padding: 3px 0 0 0;
	margin: 26px 360px 0 0;
	font: bold 10pt Arial, Verdana,'Times New Roman', Times, serif;
	}
	
/* Learn More Links (Blue)
----------------------- */

a.blue:link, a.blue:visited {
	color: #374353;
	font: normal 9pt Georgia, Arial, Helvetica, sans-serif;
	font-style: italic;
	text-decoration: none;
	}

/* Panel Sections for Customer Quote on Homepage
--------------------------------------------- */
#contentWrapperHome {
	width: 678px;
	float: left;
	overflow:hidden;
	}
	
#contentWrapperHome #quote {
	width: 655px;
	padding: 0 10px 20px 10px;
	margin: 40px 0 10px 0;
	border-bottom: 1px solid #ccc;
	}
	
#contentWrapperHome #quoteContent {
	width: 662px;
	border-style:none;
	overflow:hidden;
	}

.dropcontent{
	width: 672px;
	float: left;
	overflow:hidden;
	padding: 11px 0 4px 0;
	}

.dropcontent img  {
	float: left;
	width: 110px;
	margin: 0 10px 0 5px;
	}

.dropcontent p {
	display: block;
	float: left;
	width: 532px;
	color: #000;
	font: normal 10pt Arial, Helvetica, sans-serif;
	line-height: 16pt;
	margin: 0 0 0 5px;
	}
	
#contentWrapperHome #quoteBot {
	display:none;
	}

/* Panel Sections for Events and Webinars on Homepage
-------------------------------------------------- */
#contentWrapperHome #events, #contentWrapperHome #webinars {
	width: 662px;
	padding: 0 10px 20px 10px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
	}
	
#contentWrapperHome #events img {
	width: 78px;
	float: left;
	margin: 0;
	padding: 5px 15px 0 15px;
	}
	
#contentWrapperHome #webinars .panelContent p, #contentWrapperHome #events .panelContent p {
	color: #000;
	width: 660px;
	font: normal 10pt Arial, Helvetica, sans-serif;
	margin: -10px 0 0 0;
	padding: 0 12px 0 0;
	border-style: none;
	}
	
/* Panel Section for SubPages
-------------------------- */
.panel, .panelTop, .panelContent {
	width: 677px;
	}
	
.panelContent h2 {
	color: #0d4499;
	font: normal 9pt Arial, Helvetica, sans-serif;
	line-height: 15px;
	margin: 0 0 4px 0;
	}
	
.panelContent p {
	margin: 0 0 12px 0;
	font: normal 9pt Arial, Helvetica, sans-serif;
	line-height: 14pt;
	}
	
#recent {
	display:none;
}
.panelContentScroll {
	display:none;
}

/*Print Style for Subpages
------------------------*/
#content {
	width: 677px;
	padding: 15px 0 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	}

#content p {
	width: 677px;
	color: #000;
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 14pt;
	padding: 0 0 12px;
	}

p#heading {
	color: #000;
	font: bold 14pt Arial, "Times New Roman", Times, serif;
	font-style:italic;
	margin: 15px 0 15px;
	}
	
	
/*Print Styles for Customer Logos Slideshow
-----------------------------------*/	
	
#galleryWrapper {
	display:none;
	}
	
/* Cusomter Testimonial Section
--------------------------------------------- */
	
#content .quoteContainer {
	width: 678px;
	padding: 0 0 20px 0;
	overflow:hidden;
	}		

#content .quoteContainer img {
	float: left;
	width: 120px;
	clear:both;
	margin: 0;
	}
	
#content .testimonial {
	float: left;
	width: 544px;
	margin: 0 0 0 10px;
	}
	
#content .testimonial p {
	width: 546px;
	}
	
#content .testimonial a  {
	font-weight: bold;
	}
	
#content .testimonial p.source  {
	font: normal 8pt Arial, Helvetica, sans-serif;
	}
	
/*Print Style for Right Submenu
-----------------------------*/
#contentSubRight {
	width: 275px;
	margin: 20px 0 0 0;
	}
	
#contentSubRight #subMenuTop {
	display:none;	
	}	
	
#contentSubRight #subMenuTop h1 {
	display:none;	
	}	
	
#contentSubRight #subMenuContent {
	display:none;	
	}	
	
/* Clear Buttons 
--------------------------------------------- */

#buttonsHome, #buttonsSub {
	display: none;
	}

/*Zoom Styles for Products
-------------------------*/	

#zoom {
	display:none;
	}
	
/*Contact Form Elements
----------------------------------------------*/
#contactWrapper {
	margin: 0 auto 20px auto;
	width: 670px;
	padding: 0 0 30px 0;
	}
	
fieldset {
	border-style:none;
	}
	
legend {
	width: 670px;
	font: bold 12pt Arial, Verdana, sans-serif;
	padding: .9em 0 .5em 0;
	text-align: left;
	}

label {
	display: block;
	padding: 10px 0 4px 0;
	font-weight: bold;
	}
	
input {
	width: 230px;
	height: 18px;
	border: 1px solid #ccc;
	}
	
textarea { 
	width: 512px;
	height: 100px;
	border: 1px solid #ccc;
	}
	
select {
	padding: 2px;
	border: 1px solid #bbb;
	}
	
option {
	margin: 0 5px 0 5px;
	}
	
.inputButton {
	display:none;
	}
	
span.small {
	font: normal 8pt Arial, Verdana, sans-serif;
	color: #888;
	}
	
span.required {
	font: normal 9pt Arial, Verdana, sans-serif;
	color: #cc0000;
	}
	
/* Submit Button
--------------------------------------------- */

#submit {
	display:none;
	}

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

#footer {
	width: 948px;
	margin: 40px auto 0;
	padding: 25px 0 0 0;
	clear: both;
	}	
	
#footer p {
	float: left;
	color: #7a7a7a;
	font: normal 11px Arial, Helvetica, sans-serif;
	}
	
#footer #links {
	display:none;
	}