@charset "utf-8";


/*===============FOUNDATION START HERE===============*/

body, html, div, table, h1, h2, h3, h4, h5, h6, span, p, form, lable, a, img, embed, ul, ol, li {
	margin: 0px;
	padding: 0px;
}
body {
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#696969;
	line-height:20px;
	text-decoration:none;
	background:url(../images/nav_bg.jpg) repeat-x top;
}
ul, li {
	list-style:none;
}
a, img {
	border:none;
	outline:none;
}
a {
	text-decoration:none;
}


/*typography start here*/

h1 {
	float:left;
	width:100%;
	font:normal 22px Arial, Helvetica, sans-serif;
	color:#00688f;
	text-decoration:none;
}
p {
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#696969;
	line-height:20px;
	text-decoration:none;
	text-align:justify;
}

/*typography end here*/

#all_page {
	float:left;
	width:100%;
}
#wrapper {
	width:1003px;
	margin:0px auto;
}
#page {
	float:left;
	width:1003px;
}

/*===============FOUNDATION END HERE===============*/












/*===============HEADER START HERE===============*/

#header {
	float:left;
	width:963px;
	padding:0px 20px 0px 20px;
}


/*menu style start here*/

#nav-main {
	float:left;
	width:963px;
	height:45px;
}
.left {
	float:left;
	width:10px;
	height:45px;
}
 .right {
	float:right;
	width:10px;
	height:45px;
}
/*#nav ul {
	float:left;
	width:943px;
	height:45px;
	background:url(../images/nav_bg.jpg) repeat-x top;
}
#nav ul li {
	float:left;
}
#nav ul li a {
	float:left;
	height:33px;
	font:normal 17px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	padding:12px 18px 0px 18px;
	text-shadow:1px 1px #333;
}
#nav ul li a:hover {
	color:#ff9000;
}
*/
.nav_line {
	background:url(../images/nav_line.gif) repeat-y right;
}

/*menu style end here*/


#logo {
	float:left;
	width:242px;
	/*width:317px;*/
	margin-top:20px;
}
#banner {
	float:left;
	width:600px;
	height:150px;
	margin-top:9px;
}

/*===============HEADER END HERE===============*/








/*===============CENTER START HERE===============*/

#center {
	float:left;
	width:963px;
	padding:20px;
}
#content_left {
	float:left;
	width:710px;
}
#contact_box {
	float:right;
	width:264px;
	background:url(../images/login_box_top.jpg) no-repeat center top;
	background-color:#00688f;
	margin-top:11px;
}
#contact_box_center {
	float:left;
	width:224px;
	padding:15px 20px 15px 20px;
}
#contact_box_center h1 {
	font:normal 19px Arial, Helvetica, sans-serif;
	color:#FFF;
	height:26px;
}
#contact_box_center .field_area {
	float:left;
	width:235px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
}
#contact_box_center .field_area a {
	float:left;
	color:#FFF;
	text-decoration:none;
	margin-top:7px;
}

#contact_box_center .field_area .text_field {
	float:left;
	width:128px;
	
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#999;
	background:#FFF;
	border:none;
}


#contact_box_bottom {
	float:left;
	width:264px;
	height:6px;
}



/*---salesfunel start here---*/
#sales_funel {
	float:left;
	width:963px;
	height:276px;
	background:url(../images/salesfunel_bg.jpg) repeat-x top;
	margin-top:210px;
}
#list {
	float:left;
	height:276px;
	width:963px;
	margin:0px;
}

.slider {
	float:left;
	left: -5000px; 
	margin:15px; 
	position:relative; 
	visibility:hidden;	
}
	
.slider ul {
	height:246px;
	width:600px;
	float:left; 
}

.slider ul li {
	padding:7px 0px 0px 18px;
	width:204px;
	height:246px;
}

.slider ul li img {
	float:left;
	margin-bottom:5px;
	cursor:pointer;
}

.slider ul li h1 {
	width:100%;
	font:normal 17px Arial, Helvetica, sans-serif;
	color:#00688f;
	text-decoration:none;
	margin:0px;
}

.prev {
	cursor:pointer; 
	float:left;
	padding:0px;
}

.next {
	cursor:pointer; 
	float:right; 
	padding:0px;
}


#carousel {
	float:left;
}
#carousel img {
	cursor:pointer;
}
	

/*---salesfunel end here---*/

/*===============CENTER END HERE===============*/









/*===============FOOTER START HERE===============*/

#footer {
	float:left;
	width:100%;
	background:#ededed url(../images/footer_bg.jpg) repeat-x center bottom;
}
#footer_wrapper {
	width:1003px;
	margin:0px auto;
}
#footer_inner {
	float:left;
	width:963px;
	padding:0px 20px 20px 20px;
}
.colum_foot {
	float:left;
	width:307px;
	height:216px;
	margin:20px 40px 0px 0px;
}
.colum_foot .tophead {
	float:left;
	width:307px;
	height:55px;
	overflow:visible;
}
.colum_foot .tophead h1 {
	float:left;
	width:auto;
	height:35px;

}
.colum_foot .tophead img {
	float:left;
	margin-top:-5px;
	margin-left:5px;

}
.colum_foot .content {
	float:left;
	width:270px;
}
.right_line {
	border-right:solid 1px #999;
}

.colum_foot .testi {
	float:left;
	width:270px;
	margin-bottom:10px;
}
.colum_foot .testi img {
	float:left;
	margin:0px 4px 4px 0px;
}
#footer_bottom {
	float:left;
	width:1003px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#FFF;
	line-height:18px;
	text-align:center;
	margin-top:26px;
}
#footer_bottom a {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
}
#footer_bottom a:hover {
	text-decoration:underline;
}
.grey_line {
	float:left;
	width:100%;
	height:10px;
	border-bottom:solid 1px #d4d4d4;
	margin-bottom:10px;
}
#login_box_bottom{
float:left;
height:10px;
}	




/*===============FOOTER END HERE===============*/





/*================SUB PAGE STYLE START===============*/

#right_menu {
	float:right;
	width:203px;
}
#right_menu .c1 {
	float:left;
	width:203px;
}
#right_menu .c1 .top {
	float:left;
	width:203px;
	height:auto;
}
#right_menu .c1 h1 {
	font:normal 17px Arial, Helvetica, sans-serif;
	color:#00688f;
	text-decoration:none;
	height:auto;
}
.bottom_space {
	border-bottom:solid 1px #d4d4d4;
	margin-bottom:20px;
	padding-bottom:20px;
}


/*================SUB PAGE STYLE END===============*/




#new_strip {
	position:absolute;
	left:0px;
	top:46px;
	width:100%;
	background:#eaeaea;
	z-index:100;
}
#new_strip .strip_wrapper {
	margin:0px auto;
	width:1003px;
}
#new_strip .strip_wrapper {
	margin:0px auto;
	width:1003px;
}
#new_strip .strip_inner {
	float:left;
	width:963px;
	padding:0px 20px;
}
#new_strip2 {
	position:absolute;
	left:0px;
	top:45px;
	height:170px;
	width:100%;
	background:#eaeaea;
	z-index:-5;
}
 /*=================FORM STYLE START HERE==================*/

#form_area {
	float:left;
	width:710px;
}
#form_area .colum1 {
	float:left;
	width:355px;
	height:260px;
	background:#ddd;
}
#form_area .colum2 {
	float:left;
	width:355px;
	height:260px;
	background:#ddd;
}
#form_area .colum3 {
	float:right;
	width:355px;
}
.fo_heading {
	font:bold 12px Verdana, Geneva, sans-serif;
	color:#000;
	text-decoration:none;
	padding:5px;
	border-top:solid 1px #fff;
	border-right:solid 1px #768598;
	border-bottom:solid 1px #7388a3;
	border-left:solid 1px #fff;
	background:#cdd8ea;
}
.fo_heading span {
	font:bold 10px Verdana, Geneva, sans-serif;
	color:#F00;
}
#form_area .field1 {
	float:left;
	width:95%;
	height:20px;
	font:normal 12px Verdana, Geneva, sans-serif;
	color:#666;
}
#form_area .field2 {
	float:left;
	width:98%;
	height:20px;
	font:normal 12px Verdana, Geneva, sans-serif;
	color:#666;
}
#form_area .field3 {
	float:left;
	width:50%;
	height:20px;
	font:normal 12px Verdana, Geneva, sans-serif;
	color:#666;
}
#form_area .field4 {
	float:left;
	width:190px;
	height:50px;
	font:normal 12px Verdana, Geneva, sans-serif;
	color:#666;
}

#form_area small {
	font:normal 10px Verdana, Geneva, sans-serif;
	color:#000;
}
#form_area .check {
	font:normal 9px Arial, Helvetica, sans-serif;
	color:#666;
}

/*=================FORM STYLE END HERE==================*/

/*=======PROGRESS BAR=======*/
#progress_bar {
	float:left;
	width:700px;
	height:25px;
	border:solid 4px #CCC;
	margin-bottom:20px;
}
#progress_bar .bar1 {
	float:left;
	width:33%;
	height:22px;
	font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFF;
	background:url(../images/progras_bar.jpg) repeat-x top;
	padding-top:3px;
}
#progress_bar .bar2 {
	float:left;
	width:66%;
	height:22px;
	font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFF;
	background:url(../images/progras_bar.jpg) repeat-x top;
	padding-top:3px;
}
#progress_bar .bar3 {
	float:left;
	width:100%;
	height:22px;
	font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFF;
	background:url(../images/progras_bar.jpg) repeat-x top;
	padding-top:3px;
}
#progress_bar .bar3 {
	float:left;
	width:100%;
	height:22px;
	font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFF;
	background:url(../images/progras_bar.jpg) repeat-x top;
	padding-top:3px;
}

/*=======PROGRESS BAR END HERE=======*/
	
	