@charset "UTF-8";
@import url("reset-min.css"); /* Reset all CSS Styles */

/* GENERAL STYLES */
	body{
		font: 70%/1.9em Arial, Tahoma, Verdana,Helvetica, sans-serif;
		color: #333;
		background: #fff url(../images/bg_page.jpg); no repeat;}
	a{text-decoration: none;color: #036db4;}
	a:hover{color: #ff9900;}
	.hide,hr{display: none;}
	strong{font-weight: bold;}
	.clear { clear:both;}
		
	h3 a {color:#5b8ca1;}
	h4 { color:#036db4; font-size:1.7em; margin-bottom:14px; }
	h6 { color:#002a54; font-size:1.7em; margin-bottom:16px; border-bottom: 1px solid #ccc; line-height:26px;}
	h5 { font-size:1em; margin-bottom:16px; font-weight:normal;}

/* LAYOUT - the main layout styles */

/* CONTAINER */
	#container{	width: 820px;	margin: 0px auto 0 auto; background: #fff; padding-bottom:10px;	overflow:hidden;}
	
/* HEADER */
	/* Logo and Header Navigation*/
	#header{ width: 820px; padding: 0px 0px 7px 0px;}
	#header_nav {	float: right; height: 60px; padding:50px 10px 0 0; }
	.logo{	display: block;	width: 475px; height: 113px;}

/* TOP NAVIGATION */
	#navigation_wrapper{ background:  url(../images/nav_bg.gif) 0 0 repeat-x; height: 46px;	width: 820px; margin: 0px auto 0px auto; overflow: hidden; }
	#navigation{ float: left;	height: 46px;	}
	#navigation li{	float: left; background: url(../images/nav_divider.jpg) 0 0 no-repeat;	}
	#navigation li a{ float: left;	padding: 12px 30px 0 23px;	height: 46px;	font-weight: bold;	color: #ffffff;	text-transform:uppercase; }
	#navigation li a:hover{ color: #5893cc; }

/* SIGN UP TODAY BUTTON */
	#nav_button{ float: right;	height: 30px;	padding:7px 30px 0 0;	}
	
/* MAIN IMAGE */
	#main_image {width:820px;	position: relative;	margin: 0 auto;	background:  url(../images/main_image_bg.jpg) no-repeat;}
	#main_image  .column1 { margin: 0;	width: 820px;	height: 245px;	overflow: hidden;}

/* BANNER */
	#banner_wrapper{width: 820px;overflow: hidden; margin: 0 10px 10px 10px;}
	.banner{float: left; width: 245px;; margin: 0 10px 0 5px; position: relative; padding: 10px 0 10px 10px;  background:#f1f1f1; border: 1px solid #d0d0d0; }
	.banner_last{margin-right:0; height: 334px;}
	.banner_content_container{	width: 220px; padding:10px;}
	.banner_content img {padding:0px 10px 45px 0px; float:left;}
	.banner_text {color:#333;}
	.banner a {text-decoration: underline;}
	.banner li { background:url(../images/arrow_gray.gif) left top no-repeat; margin: 0px 0px 5px 5px; padding:0px 10px 0px 20px;	}
	#learn_more a{
		text-align:right; float: right;	padding-right:13px; color: #0099ff; font-weight: bold; background:url(../images/arrow_gray.gif) left top no-repeat; 
		padding: 0px 10px 0 10px; text-decoration: none;}
	#learn_more a:hover{color: #333;}

/*PAGE CONTENTS */

/*CONTENT WRAPPER*/
	#content { width:820px;}
	#content .left { margin-top: 0px; background:url(../images/content_left.gif) left top no-repeat;}
	#content .right { background:url(../images/content_right.gif)right top no-repeat ;}
	#content .inside { padding:10px 10px 0 0px; overflow: hidden;}

/*CONTENT COLUMNS*/
/*single column */
	#content .one_column {margin: 20px; }
	#content .one_column .img_indent { margin:0 22px 24px 0; float:left; padding: 0 20px;}
	#content .one_column .col_1 .indent { padding:0 10px 0 0;}
/*double column */
	#content .two_column .col_1 { width:485px; float:left;  margin: 10px 20px 10px 20px  ;  }
	#content .two_column .col_1 .section { margin:20px 0 0 0; float:left; }
	#content .two_column .col_1 .section .inner { width: 240px; padding:0px 0 0 10px; float:right; }
	#content .two_column .col_1 .indent { padding:0 10px 0 0;}
	#content .two_column .col_1 .img_indent { margin:0 20px auto 0; float:left; }
	#content .two_column .col_1 .img_indent2 { margin:0 20px 20px 0; }
	#content .two_column .col_2 { width:250px; float:left;}
	#content .two_column .col_2 .indent1 { padding:10px 10px 0 0;}
	#content .two_column .col_2 .img_indent { margin:0 20px auto 0; float:left; }
	#content .two_column .col_2 .ad { color:#036db4; background: url(../images/shadow.jpg) bottom no-repeat; margin-bottom: 0px; padding: 10px; width: 230px;}
	#content li { background:url(../images/arrow_gray.gif) left top no-repeat; margin: 0px 0px 5px 10px; padding:0px 10px 0px 20px;	}
	#content .demos .column1 { width:195px; float: left;}
	#content .demos .column2 { width:260px;float: left;}
	.container { width:100%; padding-top: 20px; border-bottom: 1px solid #ccc; line-height:20px; }

/* FOOTER */
	#footer_wrapper{  clear: both; width:820px; margin: 0px auto 0 auto; margin-top:20px;    background: url(../images/footer_shadow.jpg) top no-repeat;   }
	#footer{width: 820px; position: relative; padding: 20px 10px 10px 10px; }
	#footer img{	padding: 10px 0 0 20px;		}
	.copyright_container{ width: 300px; float: left; background: url(../images/logo_small.gif) left  no-repeat; padding: 0px 0px 0 40px;}
	#footer ul{	padding: 18px 0 10px 0;	padding-left: 10px;	 text-transform:uppercase;}
	#footer ul li{	float: left; padding:10px 0 0 10px;	}
	#footer a{	color: #036db4;}
	#footer li a:hover{	color: #333;	}
	#footer .links{  color: #666; padding-top: 10px; text-align: center;}