@charset "utf-8";
html, body {
	height: 100%;
}
body {
	margin:0;
	background-color: #cbcbcb;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	background-position: left 66px;
}
div#banner {
	width: 100%;
	height: 55px;
	background-color: #373535;
	border-bottom: solid 1px #688db5;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top:10px;
}
div#leading {
	width: 780px;
	text-align: left;
	margin: 0 auto;
}
div#page {
	width: 780px;
	margin: 0 auto;
	position: relative;
	font-size: 1.2em;
	min-height: 100%;
	background-color: #fff;
}
* html div#page {
	height: 100%;
}
div#header {
	width: 780px;
	height: 69px;
	padding-top:10px;
	margin: 0px;
	background-color: #4c6d91;
}
div#header ul {
	margin:0px;
	padding: 25px 0 0 280px;
}
div#content {
	background-image: url(images/content_top_design.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #fff;	
	padding-top: 7px;
	height: 100%;
	min-height: 100%;
}
div#main_content {
	background-image: url(images/content_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #f1f1f1;
	font-family: Arial, Helvetica, sans-serif;
}
div#page_content {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}
div#heading {
	width: 720px;
	padding: 25px 10px 0 40px;
}
div#heading span {
	margin: 0 0 0 20px;
}
div#heading h1 {
	display: inline;
	font-size: 1em;
	color: #fff;
	font-weight: normal;
	letter-spacing: .03em;
}
div#leading h2 {
	display: inline;
	font-size: .9em;
	color: #fff;
	font-weight: normal;
	margin: 0  10px 0 75px;
	letter-spacing: .05em;
}
div#heading h3 {
	display: inline;
	font-size: 0.8em;
	color: #4c6d91;
	font-weight: bold;
	letter-spacing: .01em;
	font-style: italic;	
}
div#heading h4 {
	display: inline;
	font-size: 1.4em;
	color: #d5f2a1;
	font-weight: normal;
	letter-spacing: .01em;
}
div#leading h5 {
	display: inline;
	font-size: .9em;
	color: #82aad6;
	font-weight: bold;
	margin-right: 35px;
}
div#leading h6 {
	font-size: 1.2em;
	color: #fff;
	display: inline;
}
div#flashcontent {
	margin: 35px 0 0 322px;
}
div#main_body_content_left {
	display: inline;
	float: left;
	position: relative;
	width: 280px;
	margin: 30px 0px 30px 15px;
	padding: 1em;
	color: #373535;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	border-right: solid 1px #cbcbcb;
}
div#main_body_content_left h3, div#main_body_content_right h3 {
	font-size: 18px;
	letter-spacing: .05em;
}

div#page_body_content_left h3 {
	letter-spacing: .03em;
	font-size: 16px;
}
div#main_body_content {
	margin-top: 15px;
}
div#main_body_content_left h4 a , div#main_body_content_right h4 a, div#page_body_content_left h4 a {
	letter-spacing: .03em;
	font-size: 12px;
	color: #2d6e9a;
	text-decoration: none;
}
div#main_body_content_left h4 a:hover , div#main_body_content_right h4 a:hover, div#page_body_content_left h4 a:hover {
	letter-spacing: .03em;
	font-size: 12px;
	color: #183b53;
	text-decoration: underline;
}
div#main_body_content_left ul, div#page_body_content_left ul {
	list-style-image: url(images/arrow.gif);
}
div#main_body_content_left ul li, div#page_body_content_left ul li {
	margin-top: 10px;
}
div#main_body_content_left ul li a, div#page_body_content_left ul li a, div#page_body_content_left a {
	color: #2d6e9a;
	text-decoration: none;
	font-size: 1em;
}
div#main_body_content_left ul li a:hover, div#page_body_content_left ul li a:hover, div#page_body_content_left a:hover {
	color: #183b53;
	text-decoration: underline;
	font-size: 1em;
}
div#main_body_content_right {
	padding: 55px 0 20px 15px;
	margin-left: 325px;
	width: 427px;
	color: #373535;
}
div#page_body_content, div#main_body_content {
	padding-bottom: 120px;
}
div#page_body_content_left {
	display: inline;
	float: left;
	position: relative;
	width: 280px;
	margin: 15px 0px 30px 15px;
	padding: 1em;
	color: #373535;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	border-right: solid 1px #cbcbcb;
	border-bottom: solid 1px #cbcbcb;
	background-color: #f1f1f1;
}
div#page_body_content_left ul li a.active_link {
	color: #373535;
	text-decoration: underline;
	font-weight: bold;
}
div#page_body_content_right {
	padding: 35px 0 20px 15px;
	margin-left: 325px;
	width: 427px;
	color: #373535;
}
div#page_body_content_right h1 {
	font-size: 31px;
	margin:0;
	color: #2d6e9a;
}
div#page_body_content_right ul li strong {
	font-size: 18px;
	display: block;
}
div#page_body_content_right ul li {
	margin-bottom: 20px;
	font-size: 15px;
}
div#page_body_content_right em {
	font-size: 15px;
	margin-top: 6px;
	padding-top: 6px;
	margin-bottom: 10px;
	border-top: solid 1px #cbcbcb;
	display: block;
}
div#footer, div#footer_main {
	position: absolute;
	z-index: 100;
	bottom: 0px;
	text-align: center;
	font-size: 12px;
	height: 85px;
	width: 780px;
	color: #373535;
	padding: 25px 0 5px 0;
	margin: 0;
	line-height: 23px;
	border-top: solid 1px #cbcbcb;
}
div#footer {
	background-color: #f1f1f1;
}
div#footer_main {
	background-color: #e7e7e7;
}
div#footer a, div#footer_main a {
	color: #373535;
	text-decoration: none;
	padding: 2px;
	font-weight: bold;
}
div#footer a:hover, div#footer_main a:hover {
	color: #fff;
	background-color: #373535;
}
form label {
	display:block; 
	float:left; 
	width:100px; 
	text-align:right; 
	padding-right:10px; 
	margin-bottom:0.5em;
	font-size: 15px;
}
form input { 
	margin-bottom:0.6em; 
}
input.big_button {
	font-size: 21px;
}
div#tos {
	font-size: 12px;
	margin: 25px;
}
div.highlight {
	background-color: #ffffc5;
	border: solid 1px #c7c79a;
	padding: 10px;
}
form.new_user label {
	display:block; 
	float:left; 
	width:130px; 
	text-align:right; 
	padding-right:10px; 
	margin-bottom:0.5em;
	font-size: 15px;
}
form.new_user input { 
	margin-bottom:0.6em; 
}
div.sample_box {
	width: 356px;
	padding: 15px;
	background-color: #f1f1f1;
	border: #cbcbcb solid 1px;
	font-size: 14px;
	color: #878787;
	margin-bottom: 15px;
}
div.sample_box img {
	border: none;
}
div.sample_box a {
	font-size: 14px;
	color: #878787;
	text-decoration: none;
	letter-spacing: 1px;
}
div.sample_box a:hover {
	font-size: 14px;
	color: #4c4c4c;
	text-decoration: none;
}


/* navigation */

#header ul {
	margin:0px;
	padding:0px;
}
#header ul li {
   display:block;
   float:left;
   list-style-type:none;
   margin:0px;
}
#header ul li a {
   display:block;
   height:31px; width:63px;
   background:transparent url(images/site_bar.gif) no-repeat 0 0;
   text-indent:-9009px;
}
ul li#nav2 a {
   width:87px;
   background-position: -73px 0;
}
ul li#nav3 a {
   width:83px;
   background-position: -169px 0;
}
ul li#nav4 a {
   width:160px;
   background-position: -261px 0;
}
ul li#nav5 a {
   width:79px;
   background-position: -429px 0;
}
ul li#nav1 a:hover {
   background-position: 0 -31px;
}
ul li#nav2 a:hover {
   background-position: -73px -31px;
}
ul li#nav3 a:hover {
   background-position: -169px -31px;
}
ul li#nav4 a:hover {
   background-position: -261px -31px;
}
ul li#nav5 a:hover {
   background-position: -429px -31px;
}
body#home ul li#nav1 a {
   background-position: 0 -62px;
}
body#trial ul li#nav2 a {
   background-position: -73px -62px;
}
body#samples ul li#nav3 a {
   background-position: -169px -62px;
}
body#products ul li#nav4 a {
   background-position: -261px -62px;
}
body#contact ul li#nav5 a {
   background-position: -429px -62px;
}
:-moz-any-link:focus {
  outline: none;
}

/* Services */

div#semi_custom {
	width: 427px;
	height: 363px;
	background-image: url(images/semi_custom_websites.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: .7em;
}
div#extended_idx {
	width: 427px;
	height: 363px;
	background-image: url(images/extended_idx.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: .7em;
}
div#custom {
	width: 427px;
	height: 363px;
	background-image: url(images/custom.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: .7em;
}
div.product_content {
	width: 245px;
	height: 182px;
	padding: 135px 0 0 20px;
	color: #373535;
}
div.product_content a {
	color: #373535;
	text-decoration: none;
	font-weight: bold;
}
div.product_content a:hover {
	color: #373535;
	text-decoration: underline;
}
div.product_links {
	width: 370px;
	height: 50px;
	padding: 8px 0 0 15px;
	color: #373535;
}
div.product_links a {
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
	color: #373535;
}
div.product_links a:hover {
	text-decoration: underline;
}
div.reg_text {
	font-size: 13px;
}
div.reg_text a {
	color: #4c6d91;
	text-decoration: none;
}
div.reg_text a:hover {
	text-decoration: underline;
}