/*  @@@@@[  Wrappers  ]@@@@@ */
/* The percentage in the body tag takes care of earlier versions of IE using the percentages (base font size is 16px for IE 6, 16 x 62.5 = 10)... ems should be used in most other style declarations */

body {
	background-color: #c4d1dc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #414141; 
	margin: 0px;
}
#wrapper {
	width: 972px;
	margin: 0px auto;
	position: relative;
}

/*  @@@@@[  Navigation  ]@@@@@ */
#right-header{
	float: right;
	width: 712px;}
#topnav{
	background: url(images/_bg-topnav.gif) top no-repeat;
	font-family: "Trebuchet MS";
	color: #fff;
	font-size: 11px;
	padding: 4px 0 0 15px;
	height: 24px;
	width: 422px;
	float: right;
}
* html #topnav{
	background: url(images/_bg-topnav.gif) top no-repeat;
	font-family: "Trebuchet MS";
	color: #fff;
	font-size: 11px;
	padding: 3px 0 0 15px;
	height: 25px;
	width: 422px;
	float: right;
}
#topnav a:link, #topnav a:active, #topnav a:visited{
	color: #fff;
	text-decoration: none;
	font-weight:normal;
}
#topnav a:hover{
	color: #e2ff7e;
	text-decoration: none;
	font-weight:normal;	
}
#nav{
	width: 712px;
	float: right;
	position: relative;
	height: 61px;
}
#nav img {
	float: left;
}

#nav .dd {
	position: absolute;
	top: 61px;
	background: #636363;
	padding: 0px;
	margin: 0px;
	visibility: hidden;
}
#nav .dd ul {
	margin: 0px;
	padding: 0px;
}
#nav .dd ul li {
/*	background: url(none);*/
    background: none;
	margin: 0px;
	padding: 0px;
}
#nav .dd a {
	display: block;
	padding: 4px 8px 4px 15px;
	color: #FFFFFF;
	text-decoration: none;
	border-top: 1px solid #818382;
	background: url(images/ddbg.gif) no-repeat left top;
	font-weight: normal;
}
#nav .dd a:hover {
	color: #aede56;
	text-decoration: none;
	background: #6e6e6e url(images/ddbg_o.gif) no-repeat left top;
	font-weight:normal;	
}
#ddSolutions{
	left:0px;
	width: 150px;
}
#ddProducts{
	left:98px;
	width: 160px;
}
#ddApproach{
	left:223px;
	width: 160px;
}
#ddPartners{
	left:383px;
	width: 114px;
}
#ddCompany{
	left:497px;
	width: 140px;
}
#ddResources{
	left:604px;
	width: 108px;
}

#banner {
	display: block;
}

.search{
	padding-left: 15px;
	padding-right: 5px;
}
.go-btn{
	position: absolute;
	right: 25px;
	top: 3px;
}
/*  @@@@@[  Sub Nav  ]@@@@@ */
/* Note that there are styles applied to all "a" tags in .subnav (such as display: block) and then specific styles for "a" tags in .sub1 */
#subnav{
	background: url(images/_bg-subnav-top.jpg) top no-repeat #333;
	padding-top: 28px;
	color: #fff;
	font-size: 12px;
	line-height: 28px;
	margin-bottom: 10px;
	padding-bottom: 20px;
}
.NavLevel1{
	color: #fff;
	border-top: 1px solid #706f6c;
}
#subnav .NavLevel1 a{
	color: #fff;
	text-decoration: none;
	padding-left: 45px;	
	display: block;
    font-weight:normal;
}
#subnav .NavLevel1 a:hover, #subnav .NavLevel1 a.current{
	color: #fff;
	text-decoration: none;
	padding-left: 45px;
	background-color: #5e5e5e;
	display: block;
	font-weight:normal;	
}
.NavLevel2{
	line-height: 14px;
	background: none;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 60px;
}
#subnav .NavLevel2 a{
	color: #fff;
	text-decoration: none;
	padding-left: 15px;
	background: url(images/_bullet-subnav.gif) no-repeat 5px 4px;
	font-weight:normal;	
}
#subnav .NavLevel2 a:hover, #subnav .NavLevel2 a.current{
	color: #8bc346;
	text-decoration: none;
	padding-left: 15px;
	background: url(images/_bullet-subnav-o.gif) no-repeat 5px 4px;
	font-weight:normal;	
}

/* @@@@@[  Header / Footer  ]@@@@@ */

#header {
	width: 957px;
	padding-right: 15px;
	height: 89px;
	background: url(images/_bg-header.gif) no-repeat;
}
#footer {
	color: #4b4b4b;
	clear: both;
	font-size: 10px;
	padding: 0px 15px 5px 15px;
}
#footer a:link, #footer a:visited, #footer a:active {
	color: #4b4b4b;
	text-decoration: none;
	font-weight:normal;	
}
#footer a:hover {
	color: #4b4b4b;
	text-decoration: underline;
	font-weight:normal;	
}
#footer .seo a:link, #footer .seo a:visited, #footer .seo a:active, #footer .seo a:hover {
	color: #4b4b4b;
	text-decoration: none;
	font-weight:normal;		
}
#footer a.seo:visited, #footer a.seo:active, #footer a.seo:link {
	text-decoration: none;	
	color: #4b4b4b;
}
#footer a.seo:hover {
	text-decoration: none; cursor: text;
}

/* @@@@@[  Main Page  ]@@@@@ */
#section{
	background: url(images/_bg-sections.gif) repeat-y;
	padding-top: 22px;
	color: #fff;
}
.section-left{
	float: left;
	width: 212px;
	padding-left: 18px;
	padding-right: 10px;
	margin-right: 26px;
	font-size: 15px;
	line-height: 18px;
	background: url(images/_bg-section-left.jpg) bottom no-repeat;
}
.section-right{
	float: left;
	width: 195px;
	padding-right: 44px;
}
.section-right-last{
	float: left;
	width: 195px;
}
.title-section{
	margin-bottom: 6px;
}
.title-section-right{
	margin-bottom: 15px;
}
.button-section{
	margin:5px 0 10px 0;
	float: right;
}
#section a:link, #section a:active, #section a:visited{
	color: #fff;
	text-decoration: underline;
}
#section a:hover{
	color: #fff;
	text-decoration: none;
}
#column{
	color: #262525;
	background: url(images/_bg-column.gif) repeat-y ;		
    margin-top:-3px;
	padding-bottom:1px;
}
h4{
	font-size: 11px;
	font-weight: bold;
	color: #262525;
/*	text-transform: capitalize;*/
	margin: 0 0 0 -13px;
	padding: 0 0 0 13px;
	background: url(images/_bullet.gif) no-repeat 0px 3px;
}
.column-left{
	float: left;
	width: 270px;
	padding: 0 28px 0 48px;
}
.column-bot{
	background: url(images/_bg-dashed2.gif) repeat-y;
	width: 960px;
}
.column-bot-in{
	float: left;
width: 215px; 
/*width: 340px;*/
	padding-left: 48px;
}
.column-bot p{
	margin: 0px;
	padding-bottom: 5px;
}
.title-column{
	float: left;
	padding-left: 20px;
	width: 114px;
}
.line{
	border-bottom: 2px solid #dbd9cd;
	height: 2px;
	line-height: 2px;
	font-size: 2px;
	margin: 15px 0;
}

#main {
	width: 960px;
	padding: 0 6px;
	background: url(images/_bg-main.jpg) repeat-y;
}
#left-content{
	float: left;
	width: 240px;
}
#right-content{
	float: right;
	width: 635px;
	padding-left: 52px;
	padding-right: 33px;
	line-height: 18px;
    padding-bottom: 15px;	
}
.sidebar{
	background: url(images/_bg-sidebar.jpg) repeat-y;
	color: #707070;
	line-height: 16px;
	font-size: 14px;
	padding: 28px 24px 20px 24px;
}
.sidebar-h{
	margin-left: -2px;
}
.sidebar p{
	margin: 0px;
	padding-bottom: 8px;
}
.logo{
	float: left;
	margin: 4px 0 0 17px;
}
.calloutWrapper {
	background: url(images/callout_bg.gif) repeat-y left top;
	margin: 0px -2px 15px -7px;
}

.callout{
	background: url(images/callout_top.gif) no-repeat left top;
	margin: 0;
	padding: 36px 32px 5px 42px;
	color: #505050;
	font-size: 18px;
	line-height: 22px;
	width: 568px;
}
.callout2Wrapper {
	background: url(images/callout2_bg.gif) repeat-y left top;
	margin: 0px -2px 15px 15px;
	float: right;
	width: 282px;
}

.callout2{
	background: url(images/callout2_top.gif) no-repeat left top;
	margin: 0;
	padding: 30px 2px 0 20px;
	color: #333;
}

.calloutApproach {
	background: url(images/callout_approach_top.gif) no-repeat left top;
	padding: 55px 20px 0px 18px;
	font-size:11px;
}

.calloutLink {
	padding-top:3px; 
	text-align:right;
}

.callout_in {
	background: url(images/call_screen.png) no-repeat right top;
}

.callFormWrapper {
	background: #DCDACF url(images/form_call_bg.gif) repeat-y left top;
	width: 350px;
	padding: 0px;
}

.callForm {
	background: url(images/form_call_top.gif) no-repeat left top;
	padding: 15px 15px 5px;
	width: 320px;
}


.callDark {
	background: #373737 url(images/dark_bg.gif) repeat-x center top;
	color: #FFFFFF;
	width: 320px;
	padding: 15px 15px 5px;
	margin-bottom: 15px;
	float: right;
}

table.dataTable {
	margin-bottom: 12px;
	margin-top: 3px;
}

table.dataTable td {
	background: #f0f0f0 url(images/data_table_bg.gif) repeat-x center top;
	border-bottom: 1px solid #FFFFFF;
	vertical-align: top;
	padding: 5px 8px;
	color: #333333;
}
table.dataTable th {
	color: #FFFFFF;
	background: #343434 url(images/th_bg.gif) repeat-x center top;
	padding: 2px 8px;
	text-align: left;
	vertical-align: top;
	border-bottom: 0px solid #FFFFFF;
}

/*
table.formTable {
	margin-bottom: 10px;
}
table.formTable td {
	padding-bottom: 5px;
	vertical-align: top;
}
*/

table.date {
	background: none;
	margin: 0;
	padding: 0;
}

table.date tr {
background: none;
text-align: left;
border: none;
}

table.date td {
	background: none;
	margin: 0;
	padding: 1px;
	border: none;
}
.newsDate {
	font-style: italic;
	margin: 5px 0px 0px;
	padding: 5px 5px 0px;
	float: left;
	width: 125px;
	background: url(images/news_bg.gif) repeat-x center top;
}
.newsBody {
	float: left;
	width: 495px;
	padding-top: 5px;
	background: url(images/news_bg.gif) repeat-x center top;
	padding-right: 5px;
	margin-top: 5px;
}

.docs {
	text-align: center;
	background-color:#EFEEE9; 
	padding:15px 9px 15px 9px; 
	margin: 0px 5px 25px 5px;
}
.docs   .float {
	float: left;
	width: 192px;
	padding-right: 5px;
	padding-left: 5px;
}
.docs .float img {
	border-width: 0px;
	border-style: none;
}

.docs   .demofloat {
	float: left;
	width: 227px;
	padding-right: 37px;
	padding-left: 37px;
}
.docs .demofloat img {
	border-width: 0px;
	border-style: none;
}

.col2 {
	width: 48%;
	padding-right: 2%;
	float: left;
}
.icon {
	vertical-align: text-top;
	padding-right: 2px;
}




a.btn:link, a.btn:active, a.btn:visited {
	color: #FFFFFF;
	text-decoration: none;
	background: #8BC346;
	padding: 2px 5px;
	font-weight: bold;
}
a.btn:hover {
	background: #333333;
}
a.arrow:link, a.arrow:active, a.arrow:visited {
	background: url(images/_bullet.gif) no-repeat right 5px;
	padding-right: 12px;
	font-weight: bold;
	color: #51890C;
	text-decoration: none;
}
a.arrow:hover {
	color: #51890C;
	text-decoration: underline;
}

/* @@@@@[  Redefined Tags / Classes  ]@@@@@ */
a:link, a:visited, a:active {
	color: #51890C; 
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #51890C; 
	text-decoration: underline;
	}
h1 {
	margin: 0 -33px 38px -52px;
	padding: 0 33px 0 52px;
	color: #fff;
	height: 51px;
	font-size: 22px;
	line-height: 48px;
	font-weight: normal;
/*	text-transform: capitalize;*/
	background: url(images/_bg-h1.gif) no-repeat right #8bc346;
}
h2 {
	font-weight: bold;
/*	color: #51890c; */
/*	color: #5E849D; */
/*    color: #006892; */
/*    color: #4E6B81; */
/*    color: #486377;   */
/*   color: #35550F; */
    color: #3D6110;
	margin: 0px;
	padding: 0 0 1px 15px;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	background: url(images/_bullet-h.gif) no-repeat 0px 5px;
}
h3 {
	font-weight: bold;
	color: #51890C;
	font-size: 12px;
	margin: 0px 0px 5px;
	padding: 0px;
}

ul{
	margin: 0px;
	padding-left: 15px;
	padding-bottom: 18px;
}
ul li ul{
	margin: 0px;
	padding: 0px;
}
ul li{
	list-style: none;
	padding-left: 15px;
	background: url(images/_bullet.gif) no-repeat 0px 4px;
/*	margin-bottom: 10px;*/
}

ul.spacing1 li {
	margin-bottom:10px;	
}

ul.spacing1 li.last {
	margin-bottom:0px;	
}

p {
	margin: 0px;
	padding-bottom: 16px;
}

hr {
	color: #838383;
	padding: 0px;
	height: 1px;
	margin-top: 0px;
	margin-bottom: 12px;
	border-bottom: 2px dotted #838383;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

blockquote {
	margin: 0px 35px 13px 30px;
	padding: 0px;
}
.clrSolo {
	clear: both; 
 	font-size: 1px; 
 	line-height: 1px; 
 	margin: 0px; 
 	padding: 0px; 
 	visibility: hidden;
}
.clr {
 	clear: both;
}
.left {
 	float: left;
}
.right {
 	float: right;
}
.imgRight {
 	margin-bottom: 10px; 
 	margin-left: 10px;
 	float: right;
}
.imgLeft {
 	margin-bottom: 10px; 
 	margin-right: 10px;
 	float: left;
}

/* @@@@@[  Form Elements  ]@@@@@ */
input, textarea, select {
	font-size: .9em; 
	color: #666; 
	background: #fff; 
/*	border: 1px solid #a8a4a4;*/
	
	background: #fff url(images/input_bg.gif) repeat-x center top;
	border: 1px solid #666666;
}

textarea {
    font-size: 1.0em; 
    font-family: Arial, Helvetica, sans-serif;
}

input.clean {
	border-style: none; 
	background: none;
}
.width-search{
	width: 145px;
	margin-right: 30px;
}

/*
.indent1 {
	padding-left:10px;	
}
*/


a.homeNewsTitle,
a.homeNewsTitle:link, 
a.homeNewsTitle:visited, 
a.homeNewsTitle:active { 
	font-weight:bold;
	color:#262525;
}

a.homeNewsTitle:hover{
	text-decoration: none;
	color: #51890C; 	
}

a.homeNewsSummary,
a.homeNewsSummary:link, 
a.homeNewsSummary:visited, 
a.homeNewsSummary:active { 
	font-weight:normal;
	color:#262525;
}

a.homeNewsSummary:hover{
	text-decoration: none;
    color: #51890C; 
}

.partnerBlock {
	width: 450px;
	margin: 0px;
	padding-bottom: 16px;
	float: left;
}

.partnerImage {
	float:right;
	padding-left:20px;
}

.partnerBlock .name {
	font-style:italic;
	margin: 0px;
	padding: 0px;
}

.partnerBlock .company {
	font-style:italic;
    margin: 0px;
	padding: 0px;
}

/*
.formTable {	
	margin-bottom:16px;
}
*/

.formTable TD {
  padding-top:4px;
}

.formTable .label {
	text-align:left;
	padding-right:10px;
/*	vertical-align: top; */
/*	color: #51890c;*/
}

.formTable .submit {
	text-align:left;
}

.formTable .required {
	padding-left:10px;
	vertical-align: top;
}

.invalid {
/*	background-color:#FFC;*/
}

ul.validationErrors {
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 5px 0px;
/*	border: 1px #900 dashed; */
}

ul.validationErrors li {
	background: url(images/_errorbullet.gif) no-repeat 0px 4px;
	font-style:italic;
}
 
form.contact {
    margin:0px;
	padding:0px;
}

#search {
	font-size:9px;
    background: #fff url(images/input_bg.gif) repeat-x center top !important;
	border: 1px solid #666666 !important;
} 

.hLearnMore
{
 	float:left; 
	margin-top:6px; 
	margin-right: 3px;
}

.hLearnMoreImage
{
	float:left;
}

.hLearnClear
{
	clear:left;
}

.diagramWrapper {
	float:right; 
	margin:0px 0px 10px 10px;
}

.diagramTitle {
	text-align:center;	
}

.diagramTitle a {
	font: 10px Verdana, Helvetica, sans-serif; 
	font-weight:bold; 
	line-height: 14px; 
	color:#666;
}

.submitImage {
	border: 0px; 
	background: none;
}

.quote {
	color:#6B6B6B;
	background:url(images/quotation.gif)  top left no-repeat;
	background-color:#EFEEE9;
	padding: 10px 20px 10px 65px;
}