/*****************************************
general styles
*****************************************/
* {
    margin:0;	padding:0;}
		
body { 
	background-color:#0A1E3C;
	background-image: url(../images/bg.jpg);
	background-repeat:repeat-x;
	font-family:arial, verdana, sans-serif;
	font-size:12px;}

a { color:#00a4e4;	text-decoration:none;		}

a:hover {text-decoration:underline;}
				
p {
	margin: 0 0 1em 0;
	line-height: 16px;
}
		
a img {border:0;}

a.readmore {font-weight:bold;}

h2 {
	font-size:28px;
	color:#004b8d;
	margin:0 0 15px 0;
	font-weight:normal;
	line-height: 21px;
}
	
h2.nowshow{
	font-size:28px;
	color:#fff;
	margin:0 0 15px 0;}
	
h2 span.viewall{
	display:block;
	float:right;
	font-size:12px;
	text-transform:lowercase;
	padding:10px 0 0 0 ;}
	
h3 {
	font-size:20px;
	color:#004b8d;
	margin:10px 0 12px 0;
	font-weight:normal;
	line-height: 18px;
}	

h4 {
	 font-size:20px;
  color:#004b8d;
  font-weight:normal;
  padding: 0 0 12px 0;
	margin:0 0 20px 0;
	border-bottom:1px solid #e1e1e1;}	
	
h5 {
	font-size:14px; 
	font-weight:normal;
	color:#000;
	text-transform:capitalize;
	margin: 0 0 3px 0;}
	
h6 {	font-size:14px; 
	color:#000;}
	
h7 {color:#000;
display:block;
	 font-weight:bold;
	 font-size:12px;
	 margin: 0 0 5px 0;}

/***************/
#container {
	width:956px;
	margin:0 auto;
	background:#fff;
	position:relative;}

.top_stripe
{height:8px;
background-color:#004785;
font-size:1px;}

/*********header and its content *********/
#header {
	position:relative;
	width:956px;	}
.space {
	line-height: 18px;
}
	
img#bg {
	position:absolute;
	bottom:0;
	right:-3px;}
	
#logo {
	height:77px;
	width:126px;
	float:left;
	margin:20px 0 0 38px;}
	
#top_nav {
	float:right;
	height:50px;
	width:250px;
	text-align:right;
	color:#34548c;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	margin: 10px 0 0 0;}
	
#top_nav #links {
	color:#bfc0c1;
	margin:0 0 3px 0;}
	
#top_nav #links a {color:#83868a;}

#top_nav span.phone {font-size:18px; font-weight:normal;}

ul#main_nav {
	float:right;
	padding:3px 3px 0 3px;
	margin:76px -253px -1px 0;
	background-image: url(../images/bg_menu.gif);
	background-position:  left top;
	background-repeat:no-repeat;	}
	
ul#main_nav li {
	display:block;
	list-style-type:none;
	float:left;
	font-size:14px;}
	
ul#main_nav li a {
	display:block;
	text-transform:uppercase;
	background-color:#96c9dc;
	background-image: url(../images/bg_menu_item.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	color:#fff;
	border-left:1px solid #fff;
	border-top:0;
	padding:9px 20px 7px 20px;		}
		
ul#main_nav li a.current {background-color:#004785; 
background-image:none;}
		
/***************home_heros*****************/
.no-show {
    display: none;}

#scrollbox-wrapper {
	height:258px;
	margin:0;
	overflow:hidden;
	padding:1px 0 0 0;
	position:relative;}

#scrollbox {
	position:absolute;}

#hero_home {
	height:320px;
	position:relative;
}
			
#hero_home .featuretext {
	width:600px;
	 padding:45px 0 0 0;
	 margin: 0 auto 0 auto;}

#hero_home .heromenu {
	position:absolute; 
	left:0;
	top:108px;
	height:172px;
	width:956px;}

#hero_home1, #hero_home2, #hero_home3 {
	height:258px;
	width:956px;
	/*position:relative;*/float: left;	}
	
#hero_home1 {
	display:block;
	background-color:#e7e7ce;
	background-image: url(../images/home_hero_grow.jpg);
	background-repeat:no-repeat;			}
			
#hero_home1 .featuretext { 
	padding-top:110px;
	padding-left:280px;
	font-size:18px;
	color:#24465c;
	width:510px;
	display: block;}

#hero_home1 .bottom, #hero_home2 .bottom, #hero_home3 .bottom {
	margin-top:45px;}
	
#hero_home1 .button {
	margin: 38px 150px 0 50px;
	padding-top:0px;	}	
	
#hero_home1 .bottom  .bottomleft{
	float:left;
	margin:0 10px 0 255px;
	text-align:right;
	font-weight:bold;
	color:#333;
	width:310px;
	font-size:16px;	}
	
#hero_home1 .bottom .menu{/*
	float:right;
	margin: -30px 30px 0 0 ;
	font-size:17px;
	letter-spacing:1px;
	color:#fff;*/}
	
#hero_home1 .bottom .menu a, #hero_home2 .bottom .menu a, #hero_home3 .bottom .menu a{
	color:#fff;		font-weight:bold;}
	
#hero_home1 .bottom .menu a.current{
	color:#777769;	}
 			
#hero_home2 {
	/*display:none;*/
	background-color:#b6dc73;
	background-image: url(../images/home_hero_survive.jpg);
	background-repeat:no-repeat;			}
	
#hero_home2 .featuretext { 
	padding-top:110px;
	padding-left:235px;
	font-size:18px;
	color:#4a6a16;
	width:670px;}


#hero_home2 .button {
	margin: 38px 150px 0 50px;
	padding-top:0px;	}
	
	
#hero_home2 .bottom  .bottomleft{
	/*float:left;
	margin:10px 10px 0 100px;
	text-align:right;
	font-weight:bold;
	color:#fff;
	width:310px;
	font-size:16px;	*/}
	
#hero_home2 .bottom .menu{
	/*float:right;
	margin: -22px 30px 0 0 ;
	font-size:17px;
	letter-spacing:1px;
	color:#fff;*/}
	
#hero_home2 .bottom .menu a.current{	color:#4a6a16;	}
 					
#hero_home3 {
	/*display:none;*/
	background-color:#ffda53;
	background-image: url(../images/home_hero_old.jpg);
	background-repeat:no-repeat;}
	
#hero_home3 .featuretext { 
	padding-top:110px;
	padding-left:355px;
	font-size:18px;
	color:#8b6e15;
	width:700px;}

	
#hero_home3 .button {
	margin: 38px 150px 0 50px;
	padding-top:0px;	}
	
#hero_home3 .bottom  .bottomleft{
/*	float:left;
	margin:10px 10px 0 190px;
	text-align:right;
	font-weight:bold;
	color:#fff;
	width:310px;
	font-size:16px;	*/}
	
#hero_home3 .bottom .menu{
/*	float:right;
	margin: -22px 30px 0 0 ;
	font-size:17px;
	letter-spacing:1px;
	color:#fff;*/}
	
.bottom .menu {
	float: right;
	margin: 28px 50px 0 0;}	
	
.bottom .menu a.header-nav, .bottom .menu a.current-header-nav{
	border: #ffffff solid 3px;
	display: block;
	height: 36px;
	width: 68px;
	margin-right: 10px;
	float: left;}

.bottom .menu a.header-nav:hover, .bottom .menu a.current-header-nav { border:#0ba6e3 solid 3px; }

a.linkTo1, a.linkTo2, a.linkTo3 { background: url(../images/header-nav-images.jpg) no-repeat;}

a.linkTo1 {background-position: 0 0;}
a.linkTo2 {background-position: 0 -36px;}
a.linkTo3 {background-position: 0 -72px;}
	 		
/***************main content area ************/

.f_l {position:absolute; top:120px; right:-10px; }

.f_r {position:absolute; top:116px; left:-9px; }

#content_main {
	min-height:200px;
	margin-top:20px;
	padding: 0 30px;
}
	
#content_main a {	color:#00a4e4;
	}
	
.column_big { padding: 0 30px;
		font-size:14px;
		color:#333;
		line-height:1.5em;}

.column_bigleft{
	width:500px;
	float:left;
	font-size:14px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 30px;
}

.column_big_services { 
	float:left;
	padding: 0 20px 30px 30px;
	font-size:14px;}

.column_bigleft p, .column_bigright p, .column_smallany p, column_big_services p {	line-height:1.5em;}

.column_bigright{
	width:585px;
	float:left;
	color:#333333;
	font-size:14px;
	padding: 0 20px 30px 30px;}
	
.fourteen {font-size:14px;}
.address {font-size:12px;}

.column_smallright{
	width:250px;
	float:right;
	padding: 0 40px 30px 30px;}
	
.column_smallleft{
	width:250px;
	float:left;
	padding: 0 40px 30px 30px;}
	
.column_smallany{
	width:285px;
	font-size:12px;
	float:left;
	color:#656565;
	padding: 0 0px 30px 28px;
	height:320px;
	margin-bottom:40px;
	border-right:1px solid #e0e1e1;
	position:relative;}

table#menutable {
	width:550px;
	border-collapse: collapse;
	border:4px solid #f5f5f5;
	position:relative;
}
		
table#menutable tr.even {		background-color:#f4fafe;}

table#menutable tr.uneven {		background-color:#fff;}
		
table#menutable td.icon {
		width:110px;
		text-align:center;
		padding: 5px 0 0 0;
		vertical-align:bottom;
		position:relative;
		border-bottom:1px solid #f5f5f5;}

div.h-50 { height: 50px; }
div.h-52 { height: 52px; }
div.h-53 { height: 53px; }
div.h-54 { height: 54px; }
div.h-57 { height: 57px; }		

table#menutable td.icon img{		margin: 0 0 -3px 0;}
		
table#menutable td.text {
	  font-size:24px;
	  font-weight:normal;
	  color:#666;
	  padding: 0 0 0 10px ;
	  text-align:left;
	  vertical-align:center;
	  position:relative;
	  border-bottom:1px solid #f5f5f5;
	 }
	  
table#menutable td.text a, table#menutable td.text a:hover
{
	color:#666;
	text-decoration: none;
	}

.corner_topright, .corner_topleft, .corner_bottomright, .corner_bottomleft {
	position:absolute;
	font-size:1px;
	width:15px;
	height:15px;}

.corner_topleft {
	background-image: url(../images/corner_tl.gif);
	background-repeat:no-repeat;
	top:-2px;
	left:-2px;}
	
.corner_topright {
	background-image: url(../images/corner_tr.gif);
	background-repeat:no-repeat;
	top:-2px;
	right:-4px;}
	
.corner_bottomright {
	background-image: url(../images/corner_br.gif);
	background-repeat:no-repeat;
	bottom:-2px;
	right:-4px;}
	
.corner_bottomleft {
	background-image: url(../images/corner_bl.gif);
	background-repeat:no-repeat;
	bottom:-2px;
	left:-2px;}
	
.featurebox {float:left; padding: 20px 15px;}
	
.lefttrak {margin-left:25px; margin-right:-20px;}

.five_visible {display:block;}
.five_invisible {display:none;}

ul#updatelist { 	list-style-type:none;}
	
ul#updatelist li {
	list-style-type:none;
	display:block;
	color:#8e8e8e;
	line-height:1.3em;
	padding:10px 0;}

	
ul#leftmenu	{	list-style-type:none;}
	
ul#leftmenu li{
	font-size:14px;
	text-transform:capitalize;
	margin: 0 0 9px 0;
	color:#83868a;}
	
ul#leftmenu li a {
	color:#83868a;
	font-weight:bold;	}
	
ul#leftmenu li a.current {	color:#26b6e9;}
	
ul.standardlist {		margin: 0 0 0 20px;}
		
ul.standardlist li {   line-height:1.5em;}

.line {
	border-top:1px solid #e0e1e1;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
	
#trakpres {
	width:587px;
	height:220px;
	background-image: url(../images/bg_trak_pres.jpg);
	background-repeat:no-repeat;
	margin: 5px auto 30px auto;
	position:relative;}
	
#roundc{
			border:1px solid #235786;
			margin: 40px 0  50px 0px;
			padding: 0 60px 25px 20px;
			color:#333;
			position:relative;
			height:1%;}
				
.top_left, .top_right, .bottom_right, .bottom_left{
	height:10px; 
	width:10px; 
	position:absolute;
	background-color:transparent;
	background-image:url(../images/corners_line.gif);
	font-size:1px;}
	
.top_left{	background-position: 0 0; top:-1px; left:-1px;}
	
.top_right {	background-position:right top; top:-1px; right:-1px;}

.bottom_right {	background-position:right bottom; bottom:-1px; right:-1px;}

.bottom_left {	background-position:left bottom; bottom:-1px; left:-1px;}

#playbutton {position:absolute; bottom:15px; right:25px;}

.address {font-weight:bold; line-height:17px; 
				 color:#000; margin: 0 0 15px 0;}
				 
.about {line-height:18px;}

.quote {font-weight:bold; font-size:14px; color:#333;}

img.commbanner {padding:10px 0 15px 0; }

table.partners_table{ 	border-collapse:collapse; margin-top:-5px;}
		
table.partners_table td.logo
  {width:;
  vertical-align:top;
  padding:10px;}

table.partners_table td.info
  {width:350px;
  font-size:12px; 
  vertical-align:top;
  color:#83868a;
  padding:10px 10px;}

.product_logo { 
  border:0;
  width:200px;
  text-align:center;
  padding:  0 0 0 0;
  margin: 0 0 0 0;
}

#contact{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #FFFFFF;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	overflow: hidden;
	text-align: center;
	background-image: url(../images/btnContact.jpg);
	background-repeat: no-repeat;
	height: 94px;
	width: 255px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 2px;
}

.contact_hdr {
	font-size: 36px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}

#contact a {
	color:#004785;
	}

/********footer********/
#footer {
	background-color:#0A1E3C; 
	color:#fff;
	text-align:center;
	padding:15px 0 15px 0;}
	
#footer_left {float:left;}

#footer_left a {color:#fff; margin: 0 3px;}
#footer_left a:hover {color:#00a4e4; text-decoration:none;}
#footer_left a.active {color:#00a4e4; font-weight:bold;}

#footer_right {float:right;}

#pagination {color:#83868a;  margin: 15px 0 30px 0;}

#pagination a {
    color:#83868a;
	margin: 0 12px;
    font-weight:bold;}

#pagination a.current {  color:#60c9ef;}

/*auxillary styles*/

.hidden {display:none;}

.cleaner {height:1px; clear:both; font-size:1px; border:0;}

.clear { height: 0px; display: block; clear: both; margin: 0; padding: 0; border: 0;}

/* ------ INDEX NU ------ */

.highlight {color: #2691DB;}

a.quote_button { text-indent: -9999px; float: right; display: block; width: 277px; height: 75px; padding: 19px 10px 11px 8px; background: url(../images/ion_quote_button.png) transparent center center scroll;}
a.quote_button:hover { background:  url(../images/ion_quote_button_hover.png) transparent center center scroll;}


#tabs { width: 896px; margin: 30px 0 0;}

#tabs ul {width: 896px; height: 41px;}
#tabs ul li { width: 176px; height: 30px; padding: 11px 0 0 0; display: block; float: left; margin: 0 2px;}

#tabs ul li:first-child { margin: 0 2px 0 0;}
#tabs ul li:last-child { margin: 0 0 0 2px;}

#tabs ul li h5 a  { font-size: 12px; color: #fff; display: block; line-height: 14px; padding: 10px 0 12px 9px; width: 167px; height: 35px; background: #004481 url(../images/ion-process-tab-bg.jpg) repeat-x scroll top left; }
#tabs ul li h5 a.active { background: #113677 url(../images/ion-process-active-tab-bg.jpg) repeat-x scroll top left;}

#tabs ul li h5 a span {font-size: 18px; font-weight: bold;margin-right: 4px; line-height: 14px;}

#tab1, #tab2, #tab3, #tab4, #tab5 { display: block; width: 896px; height: 175px; border-top: 3px solid #004481; overflow: hidden; color: #fff; margin: 0; padding: 0; position: relative;}

#tab1 		{background-color: #406197;}
#tab2 		{background-color: #5e640c;} 
#tab3 		{background-color: #374229;} 
#tab4	 	{background-color: #69150d;} 
#tab5		{background-color: #96866a;}

#tab1 h2, #tab2 h2, #tab3 h2, #tab4 h2, #tab5 h2 {color: #fff; width: 386px; float: right; padding: 25px 30px 15px 40px; margin: 0;}
#tab1 p, #tab2 p, #tab3 p, #tab4 p, #tab5 p { width: 386px; float: right; padding: 0 30px 15px 40px; }
#tab1 img, #tab2 img, #tab3 img, #tab4 img, #tab5 img { float: left; border: none; width: 440px; height: 175px; margin: 0; padding: 0;	position: absolute; left: 0; top: 0; }

span.next-step-start {  
	position: absolute; 
	right: 30px; 
	bottom: 8px; 
	display: block; 
	height: 46px; 
	min-width: 100px;
	padding: 0; 
	margin: 0 4px 0 0; 
	background: transparent url(../images/ion-next-step-arrow-start.png) no-repeat top left scroll;
}

a.next-step { 
	display: block; 
	height: 26px; 
	margin: 0 -30px 10px 0; 
	padding: 13px 28px 6px 12px; 
	color: #fff !important; 
	font-size: 14px;
	background: transparent url(../images/ion-next-step-arrow-end.png) no-repeat top right scroll;  
}

/**************************************/
/**			SERVICES PAGE 			**/
/**************************************/
table#services {border-bottom: 4px solid #f5f5f5; position: relative;}

th#header_left {
	background: url('../images/table_th_left.jpg') no-repeat #fff;
	width: 341px;
	height: 50px;
	}

th#header_right {
	background: url('../images/table_th_right.jpg') no-repeat #fff;
	width: 341px;
	height: 50px;
	}

th#header_left span, th#header_right span{
	font-size: 22px; 
	font-weight:normal;
	color:#004b8d;
	float:left;
	display:block;
	margin:15px 10px 10px 5px;}

td#col1 {
	font-family: Arial;
	font-size: 16px;
	color: #004bbd;
	width: 200px;
	padding: 10px 10px 10px 5px;
	vertical-align: top;
	border-left: 4px solid #f5f5f5;
	border-bottom: 1px solid #ebebeb;
	}
	
td#col1 ul {
	margin-left: 25px; 
	font-size: 12px;
	font-family: Arial;}
.mt40 {
	margin-top: 40px;
}
	
td#col2 {
	background: #00a4e4;
	border-left: 4px solid #f5f5f5;
	border-right: 2px solid #f5f5f5;
	border-bottom: 1px solid #ebebeb;
	vertical-align: top;}

td#col3 {
	background: #989898;
	border-left: 2px solid #f5f5f5;
	border-right: 4px solid #f5f5f5;
	border-bottom: 1px solid #ebebeb;
	vertical-align: top;}
	
td#col1.last, td#col2.last, td#col3.last {border-bottom: 0;}

div.qmark_blue, div.qmark_gray {
	float: left; 
	margin: 15px 5px 0 10px; }
	
.chart_content {margin: 10px 10px 15px 50px;}

.chart_content ul li.simpleview span {color:#004b8d !important; font-weight: bold;}

.chart_content ul {padding: 0 0 0 20px; font-size:14px; color:#fff;}

.chart_content ul li {padding: 2px 0 0 0; }

.table_top_left {
	width: 200px;
	height: 13px;
	position: relative;
	left: -9px;
	top: -14px;
	background: url('../images/table_top_left.jpg') no-repeat #fff;
	}

.table_bottom_left {
	width: 200px;
	height: 13px;
	position: relative;
	bottom: 13px;
	left: 0px;
	background: url('../images/table_bottom_left.jpg') no-repeat #fff;
	}

.table_bottom_right {
	width: 28px;
	height: 19px;
	position: relative;
	left: 873px;
	bottom: 32px;
	background: url('../images/table_bottom_right.jpg') no-repeat #fff;
}