body{text-align:center; background:url(images/background.gif) repeat-x; font:normal 12px Arial, Helvetica, sans-serif; color:#000000; margin:0; padding:0}
.container{ width:950px; margin:0 auto 0 auto; padding:0;}
.header{ width:950px; height:239px;}
.logo{ width:322px; height:239px; float:left}
.get_started_now a{ float:right; display:block; width:202px; height:239px; background:url(images/get_started_top.png) no-repeat left top}
.get_started_now a:hover{ float:right; display:block; width:202px; height:239px; background:url(images/get_started_top_h.png) no-repeat left top}
.navigation{ width:955px; margin-bottom:5px;}
.navigation ul{ list-style-type:none; margin:0; padding:0; height:43px; width:950px}
.navigation ul li{ float:left; margin:0; padding:0}
.navigation ul li.home a{background:url(images/navigation.gif) left top no-repeat; display:block; width:140px; height:43px;}
.navigation ul li.home a:hover{background:url(images/navigation.gif) left bottom no-repeat; display:block}

.navigation ul li.login a{background:url(images/navigation.gif) -140px top no-repeat; display:block; width:194px; height:43px; }
.navigation ul li.login a:hover{background:url(images/navigation.gif) -140px bottom no-repeat; display:block}

.navigation ul li.join a{background:url(images/navigation.gif) -334px top no-repeat; display:block; width:145px; height:43px; float:left}
.navigation ul li.join a:hover{background:url(images/navigation.gif) -334px bottom no-repeat; display:block}

.navigation ul li.faq a{background:url(images/navigation.gif) -479px top no-repeat; display:block; width:118px; height:43px; float:left}
.navigation ul li.faq a:hover{background:url(images/navigation.gif) -479px bottom no-repeat; display:block}

.navigation ul li.testimonials a{background:url(images/navigation.gif) -597px top no-repeat; display:block; width:175px; height:43px; float:left}
.navigation ul li.testimonials a:hover{background:url(images/navigation.gif) -597px bottom no-repeat; display:block}

.navigation ul li.contactus a{background:url(images/navigation.gif) -772px top no-repeat; display:block; width:177px; height:43px; float:left}
.navigation ul li.contactus a:hover{background:url(images/navigation.gif) -772px bottom no-repeat; display:block}




.steps{}
.content-wrapper{ position:relative}
.copy{ width:950px; height:auto;}
.copy p{ font: normal 12px Arial, Helvetica, sans-serif; color:#000000; text-align:justify; line-height:1.5em; width:650px}
.copy h1{ font:bold 16px Arial, Helvetica, sans-serif; color:#000000; text-align:left}
.tabs-wrapper{}
.footer{background:url(images/footer_background.gif) repeat-x; height:325px; text-align:center}
.footer_links{width:950px; margin:0 auto 0 auto; font:normal 9px Arial, Helvetica, sans-serif}
.footer_links a{ text-decoration:none; color:#FFFFFF; margin-top:50px;}
.step1{ position:relative; float:left}
.step2{ position:relative; float:left}
.step3{ position:relative; float:left}
.cl{ clear:both}
.spanclass{text-align:right; width:650px; font-style:italic}
.inputs{ font:normal 12px Arial, Helvetica, sans-serif; width:300px; height:26px;  border:1px solid #999999; }
/***********************TABS*************************************/
h1 {font-size: 2em; margin: 20px 0; text-align:left}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background:url(images/tabs_back.gif) repeat-x  #bbc3a4;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
	font-weight:bold
}
ul.tabs li a:hover {
	background:#99a86c;
	color:#FFFFFF;

}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #99a86c;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 20px;
	font-size: 1em;
	text-align:left
}
@font-face {
font-family: Graublau Sans Web;
font-weight: normal;
src: url(fonts/GraublauWeb.otf) format("opentype");
}
@font-face {
  font-family: Graublau Sans Web;
  src: url(fonts/GraublauWebBold.otf) format("opentype");
  font-weight: bold;
}

.tab_content h2 {
	font-family: Graublau Sans Web, Lucida Grande, sans-serif;
	font-size: 1.2em;
/*	font-weight: normal;*/
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
/*	font-size: 1.8em;*/
text-shadow:1px 2px 2px #CCCCCC;
}

.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	/*margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;*/
}
.success_message{padding:10px 10px 10px 45px; width:50%; text-align:left; border:1px solid #c0c0c0; background:url(../images/success.png) no-repeat 10px 5px #edffd6}
/***********************MODAL***************************/
.modal-overlay{position:fixed; top:0; right:0; bottom:0; left:0; height:100%; width:100%; margin:0; padding:0; background:#c0c0c0; opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75; z-index:101;}
.modal-window{position:fixed; top:50%;	left:50%; margin:0; padding:0; z-index:102; width:800px; background:#FFFFFF; border:10px solid #999999; -webkit-border-radius: 10px; -moz-border-radius:10px; border-radius: 10px;}
.close-window{position:absolute; width:32px; height:32px; right:8px; top:8px; background:transparent url(../images/close-button.png) no-repeat scroll right top; text-indent:-99999px; overflow:hidden; cursor:pointer; opacity:.5; filter: alpha(opacity=50);	-moz-opacity: 0.5;}
.close-window:hover{ opacity:.99; filter: alpha(opacity=99); -moz-opacity: 0.99;}

