/* CSS Document */

body {
	margin: 0px 0px;
	background: url(img/common/bg.jpg) top left repeat-x;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	}

img, div, #homenav img { 
	behavior: url(iepngfix.htc) 
	}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #164D85;
	font-size: 30px;
	line-height: 120%;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #164D85;
	font-size: 20px;
	line-height: 120%;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #444444;
	font-size: 16px;
	line-height: 150%;
	font-weight: bold;
	margin: 16px 0px 0px 0px;
	}
	
h3.resource {
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 24px;
	line-height: 150%;
	font-weight: bold;
	margin: 26px 0px -16px 0px;
	}

p {
}

img {
}

ul {
	}

ol {
	}

li {
	padding-bottom: 10px;
	}

input {
}

select {
}

textarea {
	}

.divider {
	border-bottom: #888888 1px dotted;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px;
	width: 100%;
	clear: both;
	}

.footer {
	width: 850px;
	margin: 0px 0px;
	padding: 0px 0px;
	background-color: #FFC423;
	float: left;
	color: #164D85;
	font-size: 10px;
	}

.footer a:link {
	color: #164D85;
	margin: 0px 10px 0px 10px;
	}

.footer a:visited {
	color: #164D85;
	margin: 0px 10px 0px 10px;
	}

.footer a:hover{
	color: #000000;
	margin: 0px 10px 0px 10px;
	}

.footer .copyright {
	width: 405px;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 8px 20px;
	float: left;
	text-align: left;
	}
	
.footer .links {
	width: 405px;
	margin: 0px 0px 0px 0px;
	padding: 8px 10px 8px 0px;
	float: right;
	text-align: right;
	}
	
.subfooter {
	width: 850px;
	margin: 0px 0px;
	padding: 0px 0px;
	background-color: #ffffff;
	float: center;
	color: #cccccc;
	font-size: 10px;
	}

.cleaner {
	height:1px;
	margin-top:-1px;
	clear:both;
	}

/* LAYOUT */

#wrap {
	width: 900px;
	margin: 0px auto 0px auto;
	padding: 0px 0px;
	}

#header {
	margin: 0px 0px;
	padding: 0px 0px;
	float: left;
	}

#header .logo {
	width: 360px;
	height: 122px;
	margin: 0px 0px;
	padding: 0px 0px;
	float: left;
	}

#header .contat {
	width: 540px;
	height: 72px;
	margin: 0px 0px;
	padding: 0px 0px;
	float: left;
	background: url(img/common/contact.jpg) top left no-repeat;
	}

#header .contat .agent {
	position: relative;
	top: 9px;
	left: 72px;
	margin: 0px 0px;
	padding: 0px 0px;
	font-family: "century gothic", Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: normal;
	float: left;
	}

#header .contat .agent a:link, #header .contat .agent a:visited {
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 10px;
	}

#header .contat .agent a:hover {
	color: #FFC423;
	text-decoration: underline;
	margin-right: 10px;
	}

#header .contat .number {
	position: relative;
	top: 7px;
	left: -64px;
	margin: 0px 0px;
	padding: 0px 0px;
	font-family: "century gothic", Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFC423;
	font-weight: normal;
	float: right;
	}


#header .tagline {
	width: 540px;
	height: 50px;
	margin: 0px 0px;
	padding: 0px 0px;
	float: left;
	}

#wrap-inner {
	width: 850px;
	margin: 0px 25px 0px 25px;
	padding: 0px 0px;
	}

#hmpg-bg {
	width: 850px;
	height: 510px;
	margin: 12px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	float: left;
	background: url(img/common/hmpg-bg.jpg) top left no-repeat;
	}

#hmpg-col {
	width: 400px;
	margin: 0px 0px;
	padding: 0px 0px;
	float: left;
	}

#marketing-message {
	position: relative;
	top: 30px;
	left: 26px;
	width: 350px;
	margin: 0px 0px;
	padding: 0px 0px;
	float: left;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	line-height: 160%;
	color: #333333;
	}

#marketing-message .learnmore  {
	text-align: right;
	margin: 10px 0px;
	padding: 0px 0px;
	line-height: 110%;
	}

#marketing-message .learnmore a:link, #marketing-message .learnmore a:visited {
	color: #2379CB;
	text-decoration: underline;
	}

#marketing-message .learnmore a:hover {
	color: #333333;
	text-decoration: underline;
	}

#homenav {
	position: relative;
	top: 50px;
	left: 0px;
	width: 300px;
	margin: 0px 0px;
	padding: 0px 0px;
	float: left;
	text-align: left;
	line-height: 100%;
	}

#homenav img {
	margin: 0px 0px 5px 0px;
	}
	

#nav {
	width: 900px;
	height: 30px;
	margin: 10px 0px;
	padding: 0px 0px;
	float: left;
	}

#nav img {
	margin: 0px 2px 0px 2px;
	padding: 0px 0px 0px 0px;
	}
	
#mainwrap {
	width: 850px;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px;
	float: left;
	background: url(img/common/contentbg.gif) top left repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	overflow: visible;
	}	

#mainwrap a:link, #mainwrap a:visited {
	color: #2379CB;
	text-decoration: underline;
	}

#mainwrap a:hover {
	color: #333333;
	text-decoration: underline;
	}

#maincol-L {
	width: 530px;
	margin: 0px 0px;
	padding: 0px 34px 0px 0px;
	float: left;
	text-align: left;
	font-size: 13px;
	line-height: 170%;
	color: #666666;
	}

#maincol-R {
	width: 260px;
	margin: 0px 0px;
	padding: 12px 0px 0px 24px;
	float: right;
	text-align: left;
	font-size: 13px;
	line-height: 170%;
	color: #666666;
	}

#maincol-R a:link, #maincol-R a:visited {
	color: #2379CB;
	text-decoration: none;
	}

#maincol-R a:hover {
	color: #333333;
	}
	
.contactL {
	float: left;
	width: 200px;
	margin: 0px 0px;
	padding: 20px 0px 20px 0px;
}

.contactL h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #444444;
	font-size: 16px;
	line-height: 150%;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

.contactL h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #3366CC;
	font-size: 14px;
	line-height: 140%;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.contactR {
	float: left;
	width: 260px;
	margin: 0px 0px;
	padding: 20px 0px 20px 0px;
	border-bottom: #999999 1px dotted;
}

	

.hourlyindex {
	margin: 0px 0px;
	padding: 0px 0px 20px 0px;
	text-align: left;
	float: left;
	}
	
.hourlyindex h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF9900;
	font-size: 30px;
	line-height: 120%;
	font-weight: bold;
	margin: 24px 0px 16px 0px;
	}
	
.hourlyindex h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #3366CC;
	font-size: 16px;
	line-height: 140%;
	font-weight: bold;
	margin: 24px 0px -10px 0px;
	padding: 0px 0px 0px 26px;
	text-indent: -26px;
	}
	
.hourlyindex h4.plans {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF9900;
	font-size: 16px;
	line-height: 140%;
	font-weight: bold;
	margin: 24px 0px -10px 0px;
	padding: 0px 0px 0px 26px;
	text-indent: -26px;
	}

.hourlyindex p {
	padding-left: 26px;
	}
	
.hourlyindex .facts {
	margin: 0px 0px 2px 0px;
	padding: 5px 10px 5px 10px;
	background-color: #FF9900;
	color: #FFFFFF;
	font-size: 18px;
	}

.hourlyindex .facts-list {
	margin: 0px 0px;
	padding: 5px 10px 5px 10px;
	background-color: #FFFFCC;
	font-weight: bold;
	}
	
.hourlyindex .solution {
	margin: 20px 0px;
	padding: 5px 10px 5px 10px;
	background-color: #3366CC;
	color: #FFFFFF;
	font-size: 18px;
	}

.solutions ul {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	}

.solutions li {
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 24px;
	background: url(img/common/arrow2.gif) top left no-repeat;
	list-style-type: none;
	}
	
ul.client-col1 {
    width: 150px;
	float: left;
	margin: 20px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
	}
	
ul.client-col1 li {
    width:150px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px;
    line-height:15px;
    float:left;
	list-style: disc;
	}

*html ul.client-col1 {
    width: 150px;
	float: left;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	}

*html ul.client-col2 {
    width: 170px;
	float: left;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	}

*html ul.client-col3 {
    width: 140px;
	float: left;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	}
	
ul.client-col2 {
    width: 170px;
	float: left;
	margin: 20px 0px 0px 20px;
	padding: 0px 0px;
	}
	
ul.client-col2 li {
    width:170px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px;
    line-height:15px;
    float:left;
	list-style: disc;
	}

ul.client-col3 {
    width: 140px;
	float: left;
	margin: 20px 0px 0px 20px;
	padding: 0px 0px;
	}
	
ul.client-col3 li {
    width:140px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px;
    line-height:15px;
    float:left;
	list-style: disc;
	}
	
/* RESOURCE CENTER */

.accordion {
	font-size: 11px; 
	color: #666; 
	padding: 10px 12px;
	}


	
.accordion h6 {
	font-size: 13px; 
	padding:10px 12px 10px 12px; 
	margin: 0px 0px; 
	background:url(img/common/arrow-yellow-down.gif) no-repeat right 16px; 
	cursor:pointer; 
	display:block;
	color: #164D85;
	background-color: #F2F3FD;
	border-top: #CBCBCB 1px solid;
	border-bottom: #CBCBCB 1px solid;
	text-transform: uppercase;
	}
	
.accordion h6:hover {
	color:#777; 
	background:url(img/common/arrow-gray-down2.gif) no-repeat right 16px;
	background-color: #E0E0E0;
	border-top: #CBCBCB 1px solid;
	border-bottom: #CBCBCB 1px solid;
	}
	
.accordion h6.active {
	color:#FFC423; background:url(img/common/arrow-blue-up.gif) no-repeat right 16px; 
	cursor:pointer; 
	display:block;
	background-color: #F2F3FD;
	border-top: #CBCBCB 1px solid;
	border-bottom: #CBCBCB 1px solid;
	}
	
.accordion h6.active:hover {
	color:#777; 
	background:url(img/common/arrow-gray-up2.gif) no-repeat right 16px;
	background-color: #E0E0E0;
	border-top: #CBCBCB 1px solid;
	border-bottom: #CBCBCB 1px solid;
	}
	
.accordion .date {
	margin: 20px 0px 0px 0px; 
	padding: 0px 0px; 
	color: #999;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	}

.accordion p {
	margin: 8px 8px 8px 12px;
	line-height: 130%;
	}
	
.accordion .hide {
	margin: 0px 0px; 
	padding: 12px; 
	background-color:#F0F0F0;
	font-size: 12px;
	color: #333333;
	}
	
	
	
/* ----------- Form ----------- */
.form{
margin: 10px auto;
width:420px;
padding:14px;
float: left;
}


.spacer{clear:both; height:1px;}

/* ----------- stylized ----------- */
#stylized{
	border:solid 2px #b7ddf2;
	background:#ebf4fb;
	}
	
#stylized p{
	font-size:13px;
	color:#666666;
	margin-bottom:20px;
	border-bottom:solid 1px #b7ddf2;
	padding-bottom:10px;
	}

#stylized label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:140px;
	float:left;
	font-size: 12px;
	}

#stylized .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
	}

#stylized input{
	float:left;
	font-size:12px;
	padding:2px 2px;
	border:solid 1px #aacfe4;
	width:220px;
	margin:2px 0 20px 10px;
	}

#stylized textarea{
	float:left;
	font-size:12px;
	padding:2px 2px;
	border:solid 1px #aacfe4;
	width:220px;
	margin:2px 0 20px 10px;
	font-family: Arial, Helvetica, sans-serif;
	}

#stylized select{
	float:left;
	font-size:11px;
	padding:1px 1px;
	width:auto;
	margin:2px 0 20px 10px;
	}

#stylized button{
	clear:both;
	margin-left:150px;
	width:100px;
	height:23px;
	background-color: #0066CC;
	border: #003366 1px solid;
	text-align:center;
	line-height:31px;
	color:#FFFFFF;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
#stylized .submit{
	clear:both;
	margin-left:150px;
	width:100px;
	height:20px;
	background-color: #0066CC;
	border: #003366 1px solid;
	text-align:center;
	line-height:31px;
	color:#FFFFFF;
	font-size:12px;
	line-height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	}

/* ----------- Form ----------- */
.form_small{
margin: 10px auto;
width:440px;
padding:10px;
}


.spacer{clear:both; height:1px;}

/* ----------- stylized ----------- */
#stylized2{
	border:solid 2px #b7ddf2;
	background:#ebf4fb;
	}
	
#stylized2 p{
	font-size:13px;
	color:#666666;
	margin-bottom:20px;
	border-bottom:solid 1px #b7ddf2;
	padding-bottom:10px;
	}

#stylized2 .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	}

#stylized2 input{
	font-size:12px;
	padding:2px 2px;
	border:solid 1px #aacfe4;
	}


	
	
.required {
	color: #CC0000;
	}

input.noborder {
	border: 0px;
}

.mapborder{
	border:solid 2px #b7ddf2;
}
.finalprice {
	font-family: Arial, Helvetica, sans-serif;
	color: #164D85;
	font-size: 14px;
	font-weight: bold;
	}