/* KEY *********************************************************************************
   blue   // #3064ac
   orange // #006b33  006b33
   yellow // #f9ca30
**************************************************************************************** */



/* GENERAL  ***************************************************************************************************************** */

	body { font-family: arial; font-size: 12px; background:#76a0f3 url(../img/design/bg.jpg) 0 13px repeat-x; background-attachment: fixed; color:#3064ac; margin: 0; padding: 0;}
	
	#shell { width: 775px; background:#fff; border-top: 4px solid #00a33d; margin: 15px auto 0 auto; padding: 0;}
	
	#termsofuse #shell { width: 425px; padding: 20px;}
	
	a { color:#006b33;  text-decoration: underline;}
	a:hover {  text-decoration: none;}
	
	hr { height: 1px;  border: 1px solid #b6ccf8; border-bottom: none; clear:both; margin: 10px 0; }
	.left { float: left; margin: 0 20px 0 0;}
	
	h1 { color:#006b33; font-weight: normal;  letter-spacing: -2px; font-size: 38px; font-family:Arial, Helvetica, sans-serif;}
	h2 { font-size: 16px;  color:#1c49a4; clear: both;}
	p { line-height: 160%;}
	
	a.btn { float: left; text-decoration: none; width: 168px; height: 25px; padding: 7px 0 0 0; margin: 0 10px 25px 0; font-weight: bold; font-size: 14px;  text-align: center; color:#fff;  display: block; background:url(../img/design/btn.gif);}
	a.btn:hover { display: block; background:url(../img/design/btn_hover.gif);}
	
	.imgLeft { float: left; margin: 0 15px 15px 0; }
	.imgRight { float: right; margin: 0 0 15px 15px;}


/* HEADER  ***************************************************************************************************************** */

	#titlebar { background: url(../img/design/titlebarbg.jpg) no-repeat top right; height: 160px; border-top: 1px solid #fff;}
	
		#logo { margin: 10px 0 0 45px; background:url(../img/design/logo.gif); height: 100px; width: 162px; }
		#logo a { display: block;height: 100px; width: 162px; }
	
		#utilitynav { position: absolute; top: 29px; width: 755px; margin: 0 25px 0 0; margin: 0; padding: 0;}
		#utilitynav ul { text-align: right;}
		#utilitynav ul li { margin: 0 0 0 25px;  display: inline;}
		#utilitynav ul li a { font-weight: bold; height: 80px;}
		#utilitynav ul li a:hover { border-bottom: none;}
		#utilitynav ul li a.contact { padding-left: 22px; background:url(../img/design/icon_contact.gif) 0 2px no-repeat;}
		#utilitynav ul li a.about { padding-left: 15px; background:url(../img/design/icon_about.gif) 0 2px no-repeat;}
		#utilitynav ul li a.home { padding-left: 22px; background:url(../img/design/icon_home.gif) 0 0px no-repeat;}
		#utilitynav ul li a.login { color:#006b33; padding-left: 19px; background:url(../img/design/icon_login.gif) 0 2px no-repeat;}

		#h-nav { background: url(../img/design/bg_nav.gif); position: absolute; margin: 15px auto 10px 11px; padding:0; width: 751px; height: 30px; text-align: center;  font-weight: bold; }
		#h-nav ul { padding: 0; margin:0 0 0 10px; height: 30px; /*background:url(../img/design/icon_div.gif) no-repeat left;*/ }
		#h-nav li { display: block; float: left; height: 30px; margin: 0px 0px; padding: 0 ;  /*background:url(../img/design/icon_div.gif) no-repeat right;*/  list-style: none; }
		#h-nav li.first { margin: 0 0 0 2px;}
		#h-nav li.noborder { background: none;}
		#h-nav li a { color:#3064ac; text-transform:uppercase; text-decoration: none; display: block; margin: 0 3px 0 0; padding: 8px 24px 7px 24px;  }
		#h-nav li a:hover { border: none; color: #fff; background:#3b6ccd url(../img/design/bg_navhover.gif);}

			/* drop down menus */
			#nav .dropDowns {  border-top: 1px solid #fff; margin:0;  position:absolute; left:0; top: 30px; background-color:#dae6fc; width:180px; display:none;}
			#h-nav li ul  { text-align: left;   }
			#h-nav li ul li {  margin:0; padding:0;  }
			#h-nav li li a {   color:#3064ac; font-size: 12px; letter-spacing: normal; text-transform:none; display: block; padding: 3px 0 3px 10px; margin: 7px; border:none;}
			#h-nav li li a:hover{ background:#113887; color:#fff;  border:none;}
			#products, #demo {position:relative;}		
			#nav li:hover .dropDowns, #nav li.over .dropDowns {display:block}
		
			li:hover a, li.over a { }
			#utilitynav ul li:hover a, li.over a { border-bottom: none;}

	#home #header { background:url(../img/design/bg_header.jpg) no-repeat; margin: 0 auto; width: 750px; height: 243px;}	
	#home #header p { display: block; line-height: 150%; width: 380px; margin: 80px 0 0 37px; position: absolute;	font-size: 12px;color:#143e78;top: 210px;}
	#home #header ul { display: block; position: absolute; margin: 195px 0 0 37px; padding: 0; }
	#home #header ul li { float: left; list-style: none;  height: 30px; margin: 0 5px 0 0;}
	#home #header ul li a { display: block;  text-decoration: none; padding: 6px 0 0 23px; width: 122px; height: 24px; color:#fff; font-weight: bold; font-size: 15px; background:url(../img/design/btn.gif);}
	#home #header ul li a:hover { border: none;  background:url(../img/design/btn_hover.gif);}
	
	#header {  background:url(../img/design/bg_header_sub.jpg) no-repeat; margin: 0 auto; width: 750px; height: 121px;}	
	#header p { display: none;}
	#header ul { display: none; }
	
	#home #subheader { display: none; }
	#subheader { display: none; background:url(../img/headers/bg_header.gif); width 538px; height: 120px;}
	#subheader img { margin: 8px 0 0 9px;}

	

/* BODY  ***************************************************************************************************************** */

	#home #contentShell { background: none; margin: 10px 0 0 0; padding: 0;}
	#contentShell { background: url(../img/design/bg_content.gif) repeat-y; margin: 10px 0 0 12px; padding:0 0 20px 0;}
	
		#home #side { top: 433px; display: block; background: none; height: auto;margin: 0 8px 0 12px; width: 252px; float: left;}
		#side { background: url(../img/design/bg_side_curve.gif) no-repeat; position: absolute; height: 100px; top: 311px; margin: 0 0 0 12px;  width: 210px; }
	
		#home #content { border: none;  width: 490px; height: 300px; float: right; padding: 0 0 10px 0; margin: 0 12px 0 0;}
		#content {  padding: 15px 20px; margin: 0 0 0 220px;}
	
			#homecontent { padding: 25px;width: 440px; height: 255px; background:url(../img/design/bg_homecontent.gif) no-repeat; }
			#homecontent h1 { margin: 0; width: 443px; height: 32px; background:url(../img/design/title_home.gif); font-size: 23px;}
			#homecontent p {margin-bottom: 15px;}
			#homecontent ul { margin:0 0 0 20px; padding: 0; line-height: 100%; width: auto;}
			#homecontent li {  color:#143e78; font-weight: bold; margin: 10px 0 0 20px; }
			#homecontent li a {text-decoration: underline;color: #2252B1;}
			#homecontent li a:hover {text-decoration: none;}
			#homecontent #left {float:left; height: 80px;}
			#homecontent #right {float:left; margin-left: 35px;height: 80px;}
	
			#more_features { display: block; position: absolute; margin: 90px 0 0 0;}

			table#features { }
			table#features td#tableheader { background: url(../img/design/bg_tableheader.gif); font-size: 20px;}
			table#features td { padding: 5px;  }
			table#features td.feature { font-weight: bold; border-bottom: 1px solid #b6ccf8;}
			table#features td.check { text-align: center; font-size: 10px;border-left: 1px solid #b6ccf8; border-bottom: 1px solid #b6ccf8;}
			table#features td.price {background:url(../img/design/bg_tabletype.gif); color:#fff; font-weight: bold; font-size: 11px;  text-align: center; border-top: 1px solid #fff;}
			table#features tr.type { border: none; }
			table#features td.type { background:url(../img/design/bg_tabletype.gif); color:#fff; border-bottom: 1px solid #fff; text-align: center; font-weight: bold; font-size: 15px;}
			table#features td.links { border-bottom: 1px solid #fff; text-align: center; }
			table#features td a { color:#006b33; font-size: 11px;}
			table#features td a:hover { color:#3064ac;}
			
			#how1, #how2, #how3 {padding: 60px 10px 0px 10px; margin: 5px 10px 25px 0px; float:left; display: inline; height: 112px; width: 134px;text-align: center; font-size: 14px; font-weight: bold; color: #113785;}
			#how1 { background-image:url(../img/design/bg_how1.gif);}
			#how2 { background-image:url(../img/design/bg_how2.gif);}
			#how3 { background-image:url(../img/design/bg_how3.gif);}
			
			dt,dd { margin: 0 0 10px 0; }
			dt { clear: both;  float: left; width: 155px;}
			dd {  }
			input { border: 1px solid #76a0f3;}
		
			ul#demo { margin: 0 0 30px 0; padding: 0 0 30px 0; display: block;  }
			ul#demo a:hover { border: none; }
			ul#demo li { margin: 0 0 15px 0; text-align: center; float: left; width: 177px; height: 232px; background:url(../img/design/bg_demo.gif); list-style: none;}
			ul#demo li img { border: 1px solid #fff; padding: 1px; margin: 18px 0 0 20px;  float: left; display: block;}
			ul#demo li span { color:#d0defb; font-weight: bold; margin: 0 0 0px 0; display: block;}
			ul#demo li h1 { color:#f9ca30; font-size: 15px; margin: 10px 0 0 0; text-transform:none; clear: both;}
			ul#demo li a { color:#fff; font-size: 10px;}
			ul#demo li a:hover {color:#fff; border: none;}
			
			ul#nextsteps { font-weight: bold; margin:30px 0 0 32px; padding: 0;}
			ul#nextsteps li { list-style: none; margin: 0 0 15px 0;}
			ul#nextsteps a.contact  { background:url(../img/design/icon_contact.gif) 0 3px no-repeat; padding-left: 30px;}
			ul#nextsteps a.viewwebsites  { background:url(../img/design/icon_about.gif) 3px 3px no-repeat; padding-left: 30px;}
			ul#nextsteps li a:hover { border: none;}
			
			span h2 { font-size: 12px; font-weight: bold; color:#00CC33; letter-spacing: normal; padding: 10px; text-align: center; border: 1px solid #b6ccf8;}	
			span h3 { display: block; font-size: 12px; font-weight: bold; color:#ff0000; letter-spacing: normal; padding: 10px; text-align: center; }	
			span h3 ul { font-weight: normal;}	

			/*  SIGNUP PAGE  ******************************************************************************  */
				
				#signup dt,dd { margin: 0 0 10px 0; }
				#signup dt { font-weight: bold; float:left;  width: 125px; margin: 3px 0 0 0; }
				#signup dd {   }
				#signup input { border: 1px solid #76a0f3;}
				#signup input.required { border-right: 3px solid #ff000;}
				div.required { color:#ff000; font-weight: bold;}
				#btnSignup { background:#ff000;}
				
				fieldset { border: 1px solid /*#76a0f3*/ #fff; margin: 0 0 30px 0;   }
				legend { letter-spacing: -1px; font-weight: bold; margin: 0 0 0 15px; font-size: 19px; clear: both; color:#3064ac }	
				dl { background:#e7efff; margin: 6px; padding: 20px;}
				.required { color:#ff000;}
				
				.signupbtn { border: none; float: left; margin: 0 15px 0 0; color:#fff; text-decoration: none; font-size: 13px; font-weight: bold; padding: 0px 0 0 17px; width: 145px; height: 30px; background:url(../img/design/btn.gif); display: block;}
				.signupbtn:hover {background:url(../img/design/btn_chover.gif);}
			
				dd .red { color:#ff000;}
		
	
			/*  LOGIN PAGE
			******************************************************************************  */
				#login #content { border: none; margin: 0 0 20px 10px; width: 750px; padding: 0;}
				#login #side { display: none;}
				
				#login #subheader, #login #cta_30day2 { display: none;  }
				#login #middleBackgroundTop { background:none;}
				#login #middleBackgroundBottom { background: none; }
				#login #subright { width: 740px;padding:0;}
				
				#login input { border: 1px solid #f8d05a;}
				#login .btn { background: #006b33; color:#fff; font-weight: bold; border: none;}
				
				#login_cta { float: left; margin: 0 16px 0 5px; width: 201px; height: 194px; background:url(../img/design/cta_30day.gif); }
				#login_cta a { display: block; width: 201px; height: 194px;}
			
				#loginbox { float: left; background: #FDEDBD url(../img/design/login_bg.gif) bottom right no-repeat; border: solid 10px #F8D05A; padding: 10px 10px 2px 10px; width: 485px; }
				#loginbox h1 { margin: 20px 0 10px 5px; }
				#loginbox a { font-size: 11px;}
				#loginbox input { margin-right: 15px;}
				#loginbox td {margin-bottom: 0px; padding-bottom:0px; padding:5px;}
				
				#loginSeparator {padding-left: 7px; padding-right: 7px;}
		
			#ctaShell { background:url(../img/design/bg_ctaShell.gif) bottom no-repeat; padding: 0 0 12px 0; }
			
				#cta_30day {  display: block;   width: 252px; height: 141px;}
				#cta_30day a {  display: block;  width: 252px; height: 141px; background:url(../img/design/cta_30day.gif);}
				#cta_30day a:hover {  display: block;  width: 252px; height: 141px; background:url(../img/design/cta_30day_hover.gif);}
			
				#home #cta_30day2 { display: none; }
				#cta_30day2  { height: 121px; width: 210px; }
				#cta_30day2 a { height: 121px; width: 210px; display: block; background:url(../img/design/cta_30day2.gif); }
				#cta_30day2 a:hover {background:url(../img/design/cta_30day2_hover.gif); }
	
	


/* BODY  ***************************************************************************************************************** */

	#home #footerShell { background-position: bottom; height: 42px; padding:  5px 0 0 12px; margin: 0;}
	#footerShell {  background:url(../img/design/bg_footer.gif) top no-repeat; height: 42px; padding:  15px 0 0 12px; margin: 0;}
	#footerShell ul { margin: 0; padding: 0; background: url(../img/design/bg_nav.gif); width: 741px; height: 23px; padding:  7px 0 0 10px; /*margin: 17px 10px 0 10px;*/}
	#footerShell ul li { display: inline; margin: 0 12px 0 0;}
	#footerShell ul li a { color:#3064ac; font-size: 11px; text-decoration: none; font-weight: bold;}
	#footerShell ul li a.termsofuse { position: absolute; margin: 0 0 0 213px; }
	#footerShell ul li a:hover { color:#006b33; border: none;}
	#footerShell ul li:hover a, li.over a { border-bottom: none;}

		#copyright { margin: 20px auto; padding-bottom: 20px; color:#fff; text-align: center;}
		#copyright a { color:#fff;}