@import url("./whitespace-reset.css");

body {
	font: normal 14px Verdana, Geneva, sans-serif;
	color: #333333;
	background: #ffffff url("../images/bg_body.gif") 0 0 repeat-x; }
a {
	color: #326bbe;
	text-decoration: none; }
.clearer { clear: both; }

/* Site container, centers the site in the browser window */
#sitewrapper {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	background: transparent url("../images/bg_nav.gif") 0 0 repeat-y; }

/* Logo and tagline */
#header {
	width: 980px;
	height: 151px;
	padding: 19px 0 0 20px;
	background: transparent url("../images/bg_body.gif") 0 0 repeat-x; }
	#header h1 {
		float: left;
		padding: 0 58px 0 0; }
		#header h1 a {
			display: block;
			width: 192px;
			height: 142px;
			text-indent: -8685px;
		/*	outline: none;*/
			background: transparent url("../images/logo.png") 0 0 no-repeat; }
	#header p {
		float: left;
		width: 730px;
		height: 151px;
		text-indent: -8685px;
		background: transparent url("../images/bg_tagline.png") 0 100% no-repeat; }

/* Left navigation */
ul#nav {
	float: left;
	width: 228px;
	padding: 20px 31px 0 1px; }
	ul#nav li {
		font-weight: bold;
		background: transparent url("../images/bg_nav-separator.gif") 0 0 no-repeat; }
	ul#nav a {
		display: block;
		padding: 9px 7px 9px 22px; }
	ul#nav a:hover { background: transparent url("../images/icon_nav-active.gif") 8px 11px no-repeat; }
	ul#nav li.first { background: transparent; }
		ul#nav li.active a { background: #f0f0f0 url("../images/icon_nav-active.gif") 8px 11px no-repeat; }
	/* Sub-navigation */
	ul#nav ul { padding: 0 0 5px 9px; }
	ul#nav li.active ul { background: #f0f0f0; }
		ul#nav ul li { background: transparent; }
		ul#nav ul a {
			padding: 5px 0 5px 22px;
			font-size: 12px;
			font-weight: normal;
			background: transparent !important; }
		ul#nav ul a:hover { background: transparent url("../images/icon_nav-active.gif") 8px 7px no-repeat !important; }
		ul#nav ul li.active { background: #f0f0f0 url("../images/icon_nav-active.gif") 8px 7px no-repeat; }

/* Content area */
#content {
	float: left;
	width: 730px;
	padding: 60px 0 20px 0; }
	#content h1 {
		padding: 0 0 15px 0;
		font-size: 32px;
		font-weight: normal;
		color:#4AA82D;}
	#index #content h1 {
		padding: 0 0 25px 0;
		color: #4aa82d; }
	#content p {
		padding: 0 140px 25px 0;
		line-height: 150%; }
	#content h2 {
		padding: 0 0 10px 0;
		font-size: 20px;
		font-weight: normal; }
	#index #content h2 { padding: 0 0 15px 0; }
	#content a { color: #3366ff; }
/* Content modules with border and drop shadow (as seen on homepage) */
.module {
	float: left;
	width: 226px;
	padding: 0 0 4px 24px;
	margin: 0 0 45px 0;
	font: normal 12px Helvetica, Arial, sans-serif;
	background: transparent url("../images/bg_module-bottom.gif") 100% 100% no-repeat; }
.module.first {
	clear: both;
	padding-left: 0; }
	.module .inner {
		padding: 0 3px;
		background: transparent url("../images/bg_module-repeat.gif") 0 0 repeat-y; }
	.module h3 {
		padding: 9px 9px 7px 9px;
		margin: 0 -3px;
		font-size: 14px;
		background: transparent url("../images/bg_module-top.gif") 0 0 no-repeat; }
	.module img { display: block; }
	#content .module p.details {
		padding: 10px 10px 1px 5px;
		line-height: 170%;
		font-weight: bold; }
	#content .module p.more {
		padding: 5px;
		font-weight: bold;
		line-height: 120%;
		text-align: right; }

/* Applications
-------------*/
#content p.back {
	padding: 0 0 20px 0;
	font-size: 11px;
	font-weight: bold; }

/* Products
---------*/
ul.products li {
	float: left;
	width: 340px;
	padding: 0 0 20px 0; }
ul.products li.first {
	clear: both;
	padding: 0 50px 20px 0; }
	ul.products li h3 {
		padding: 0 0 10px 0;
		font-size: 20px;
		font-weight: normal; }
	#content ul.products li p { padding: 0 0 15px 0; }
	ul.products li p.more {
		font-size: 11px;
		font-weight: bold; }

/* Product view
-------------*/
table#comparison {
	width: 100%;
	margin: 0 0 35px 0;
	font: normal 12px Helvetica, Arial, sans-serif;
	border-collapse: collapse; }
	/* Column headings (th scope="col") */
	table#comparison thead th {
		padding: 3px;
		vertical-align: top;
		font-size: 14px;
		text-align: left;
		border: 3px solid #ffffff;
		background: #cacaca; }
	/* Empty table heading in top left corner of table */
	table#comparison thead th.keystone {
		width: 180px;
		padding: 0;
		background: transparent; }
		table#comparison thead th h3 {
			padding: 8px 5px;
			background: transparent url("../images/bg_comparison-th.gif") 0 0 repeat-x; }
		table#comparison thead th img { display: block; }
	/* Row headings (th scope="row") */
	table#comparison tbody th {
		padding: 6px 4px;
		vertical-align: top;
		text-align: left;
		border: 3px solid #ffffff;
		background: #cacaca; }
	table#comparison td {
		padding: 6px 4px;
		vertical-align: top;
		border: 3px solid #ffffff;
		background: #cacaca; }
	table#comparison td.current { background: #8EB0E0; }  /* here is the highlight color for the column selected */

/* Styles (generic styles that can be used within a div with a class of mce)
-------*/
#content .mce h1 { padding: 0 0 10px 0; }
#content .mce h2 { font-size: 24px; color:#326BBE; }
#content .mce h3 {
	padding: 0 0 15px 0;
	font-size: 18px;
	font-weight: normal; }
#content .mce ul,
#content .mce ol { padding: 0 0 0 30px; }
	#content .mce ul li { list-style: disc; }
	#content .mce ol li { list-style: decimal; }
#content .mce p small { font-size: 11px; }


/* Q and A section */
#content .mce dl {
	padding: 0 0 25px 0;
	margin: 0;
	line-height: 150%; }
/* Question */
#content .mce dt { font-weight: bold; }
/* Answer */
#content .mce dd { margin: 0; }





#center_quote {/*position:fixed; 
				top: 120; left: 0; width: 500; */
       text-align: center; z-index: 5}
	   
ul.top li.headings h3{
	font-family:Verdana,Geneva,sans-serif;
	color: #326BBE;
	font-size:20px;
font-weight:normal; }

#footer {
	text-align: center;
	font-size:12px;
	padding-left:75px;}