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

/*

* {margin: 0; padding: 0;}
#container {height: 100%; overflow: hidden;}
#body {float: left; width: 100%; padding-bottom: 2000px; margin-bottom: -2000px;}
#inside {margin-left: 150px; margin-right: 200px; padding-bottom: 2000px; margin-bottom: -2000px;}
#side1 {float: left; width: 150px; margin-left: -100%; padding-bottom: 2000px; margin-bottom: -2000px;}
#side2 {float: left; width: 200px; margin-left: -200px; padding-bottom: 2000px; margin-bottom: -2000px;}

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	font-family:  Arial, Verdana, Geneva, sans-serif; 
	border:0;
	outline:0;
}

BODY {
	background:#fff;
	text-align:center; 
	padding:0; 
	margin:0;
	min-width:900px; 
	vertical-align:top;
}
	
BODY {
	color:#0d196c; 
	font-size:12px; 
	line-height:18px; 

}


P, UL, OL {
	margin-bottom:15px;
}

UL, OL {
	margin-left:25px;
}

HR {
	height:1px; 
	border:0px; 
	color:#000; 
	background-color:#000; 
	margin-bottom:15px;
}

A {
	color:#000;
}

A:hover {
	color:#0a4884;
}

H1, h2, h3 {
	color:#0d196c;
	margin-bottom:10px;
}

/************************* layout styles *********************************/

	
#main {
	text-align:left; 
	width:900px; 
	min-width:900px; 
	margin:0 auto;
	padding:0;
	background-color:#fff;
	vertical-align:top;
}


#header {
	height:190px;
	width:900px;
}

#header span, #header_subs span {
	text-indent:-9999px;
}

#header span a{
	background-image:url(images/header.jpg);
	height:190px;
	width:900px;
	float:left;
	overflow:hidden;
}


#footer {
	padding:20px;
	font-size:11px;
}

/*  *******************************  navigation ************************** */

#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	overflow: hidden;
	float:left;
	width:345px;
}
	
#nav UL {
	padding:0;
	margin:0;
}

#nav li {
	float: left;
	margin: 0; 
	padding: 0;
	list-style: none;
	display: block;
	height:71px;
	width:345px;
	overflow:hidden;
	}

#nav a {
	float: left;
	padding: 71px 0 0 0px;
	overflow: hidden;
	height: 0px !important; 
	height /**/:71px; /* for IE5/Win only */
	width:345px;
	}
	
#nav a:hover, #nav a:active, #nav a.selected {
	background-position: 0 -71px;
}

#toverview a  {
	background: url(images/nav_overview.jpg) top left no-repeat;
	}
#thowworks a  {
	background: url(images/nav_how_works.jpg) top left no-repeat;
	}
#thowsave a  {
	background: url(images/nav_how_save.jpg) top left no-repeat;
	}
#tbenefit a  {
	background: url(images/nav_how_benefit.jpg) top left no-repeat;
	}
#tcustomers a  {
	background: url(images/nav_customers.jpg) top left no-repeat;
	}
#tcontact a  {
	background: url(images/nav_get_started.jpg) top left no-repeat;
	}
#tcontact a:hover {
	background-position:0 0;
}

/* ******************************* CONTENT HERE ******************************** */

.content {
	float:left;
	width:555px;
	background-repeat:no-repeat;
}

#content_home {
	background-image:url(images/bg_content_home.jpg);
	min-height:465px;
	width:425px;
	padding:75px 50px 30px 80px;
}

#content_home h1 {
	font-size:38px;
	font-style:italic;
	line-height:60px;
}

#content_home h2 {
	font-size:36px;
	line-height:50px;
	font-weight:normal;
	font-style:italic;
}

#content_overview {
	background-image:url(images/bg_content_overview.jpg);
	min-height:520px;
	padding:30px 20px 0 31px;
	width:504px;
}

#content_howworks {
	background-image:url(images/bg_content_howworks.jpg);
	min-height:455px;
}

.howworks_text {
	color:#0d196c;
	font-size:18px;
	line-height:26px;
	font-style:italic;
	font-weight:normal;
	padding:0px 15px 5px 5px;
	width:445px;
}

#content_howsave {
	background-image:url(images/bg_content_howsave.jpg);
	padding:30px 5px 0 31px;
	width:519px;
	min-height:485px;
}
#content_howsave h3 {
	display:inline;
	font-size:23px;
	font-style:italic;
	font-weight:normal;
}
#content_benefit {
	background-image:url(images/bg_content_benefit.jpg);
	min-height:530px;
	padding-top:35px;
	padding-left:200px;
	width:355px;
}

#content_benefit li{
	color:#0d196c;
	font-size:19px;
	line-height:25px;
	font-style:italic;
	font-weight:normal;
	padding-top:12px;
}

#content_customers {
	background-image:url(images/bg_content_customers.jpg);
	min-height:610px;
	padding:30px 5px 0 31px;
	width:519px;
}
#content_contact {
	background-image:url(images/bg_content_contact.jpg);
	min-height:520px;
	padding:30px 5px 0 31px;
	width:519px;
}

#content_top {
	background-image:url(images/bg_content_top.jpg);
	background-repeat: no-repeat;
	height:28px;
	width:555px;
}
#content_mid {
	background-image:url(images/bg_content_mid.jpg);
	background-repeat:repeat-y;
	padding:0 0px 0 22px;
}
#content_btm {
	background-image:url(images/bg_content_btm.jpg);
	background-repeat: no-repeat;
	height:37px;
	width:555px;
}
.calc_output {
	width:154px;
	text-align:right;
	color:#808080;
	font-size:14px;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
}




INPUT, textarea {
	color:#808080;
	border:1px solid #808080;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;

}
.calc_input {
	background-color:#edfdd0;
	width:150px; 
	height:18px; 
	text-align:right;
	font-size:13px;
	line-height:18px;
	padding:0;
}
.calc {
	background-color:#edfdd0;
}



/* overview styles */
.overview_text {
	font-size:18px; 
	line-height:26px;
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic; 
	color:#0d196c;
}


/* Testimonials Styles */
.test_title {
	font-size:21px; 
	line-height:24px;
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic; 
	color:#0d196c;
	font-weight:normal;
}

.test_cust {
	font-size:16px; 
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic; 
	color:#0d196c;
}


/* accordion menu styles */

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 555px;
}

ul#menu a {
  display: block;
}

ul#menu li {

}

ul#menu .list_header {
	width:540px;
	background-repeat:no-repeat;
	color: #333;
}

#list_header_1 {
	width:175px;
	background-image:url(images/li_how1.jpg);
}

#list_header_2 {
	width:315px;
	background-image:url(images/li_how2.jpg);
}
#list_header_3 {
	width:365px;
	background-image:url(images/li_how3.jpg);
}
#list_header_4 {
	width:345px;
	background-image:url(images/li_how4.jpg);
}

#list_content1 {
	 height:63px;
}
#list_content2 {
	height:94px;
}
#list_content3 {
	height:66px;
}
#list_content4 {
	height:96px;
}

ul#menu a.headerLink {
	color: #fff;	
	text-decoration:none;
	font-weight:bold;
	height:56px;
}

ul#menu a.headerLink:hover {
  text-decoration:underline;
	/*
	background-position: 0 -20px;
	*/
}

ul#menu .subheader {
	color: #2f6681;	
	padding:0 0 0 65px;
}

ul#menu a.subheaderLink {
	color: #2f6681; /* #003399; */
	text-decoration:none;
}

ul#menu a.subheaderLink:hover {
  text-decoration:underline;
}


/* CONTACT FORM STYLES */
#contactForm TD{
	padding:2px 10px;
	vertical-align:top;
}
.txtField {
	width:300px;
	font-size:14px;
	height:22px;
}

.txtArea {
	width:295px;
	font-size:14px;
	height:100px;
}

.submitBtn {
	background-image:url(images/btn_submit.jpg);
	background-repeat:no-repeat;
	border:0;
	cursor:pointer;
	width:262px;
	height:95px;
}

/* audio classes */

.audioTbl TD, .audioTbl TH {
	border-bottom:1px solid #999999;
}

.audioTbl TH {
	font-size:24px;
	text-align:center;
	padding:0px 0px 15px;
}

.audioTbl TD {
	text-align:left;
	padding:10px;
	color:#000;
}

.click {
	font-size:11px;
}


.required {
	font-size:16px;
	font-weight:bold;
	color:#C03;
}
.required_text {
	color:#C03;
	font-size:11px;
	font-style:italic;
}

