/* CSS Document */
/* Universal reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl,dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0; padding: 0; border: 0;}

input[type="button"] {cursor: pointer; }

/*----------Default tags-----------*/
a{outline:none;}
.floatleft{float:left}
.floatright{float:right}
.floatnone{float:none}
.clearboth{clear:both}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.bold{font-weight:bold;}
.italic{font-style: italic;}
.capitalize{text-transform:capitalize;}
.uppercase{text-transform: uppercase;}
.lowercase{text-transform:lowercase;}
.underline{text-decoration:underline;}
.strike{text-decoration:line-through;}
.middle{ vertical-align:middle;}

/*----fonts sizes---------*/
.font10{ font-size:10px;}
.font11{ font-size:11px;}
.font12{ font-size:12px;}
.font13{ font-size:13px;}
.font16{ font-size:16px;}
.font22{ font-size:22px;}


/*----links------------*/
.link{text-decoration:underline;}
.link:hover{text-decoration:none;}
.link_none{text-decoration:none;}
.link_none:hover{text-decoration:underline;}
.blue{color:#3a4972;}
.orange{color:#ff6600;}

.mr10{margin-right:10px;}

/*----layout------------*/
body{
	background:#adb2c1;
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-right: 0;
	margin-left: 0;
}
#wrapper{ width:992px; margin:0px auto;}

#wrapper #container {
	float: left;
	width: 970px;
	background-color: #FFFFFF;
	padding-right: 11px;
	padding-left: 11px;
}
.header {
	width: 970px;
	float: left;
	clear: both;
	padding-top: 20px;
	padding-bottom: 10px;
}
.header .logo {float: left;}
.header .header_right {
	float: right;
	text-align: right;
	line-height: 28px;
	padding-top: 20px;
}
.header .nav {
	float: left;
	width: 100%;
	clear: both;
	list-style-type: none;
	background-image: url(../images/nav_bg.jpg);
	margin-top:20px;
}
.header .nav li {float: left;}
.header .nav a {
	float: left;
	height: 30px;
	padding-right: 15px;
	padding-left: 15px;
	color: #3a4972;
	font-size: 13px;
	text-decoration: none;
	padding-top: 13px;
}
.header .nav a:hover { color:#e28c05;}
.header .nav .nav_divider {
	float: left;
	background-image: url(../images/nav_divider.jpg);
	width: 2px;
	height: 43px;
	background-repeat: no-repeat;
}
.main_img {
	float: left;
	background-image: url(../images/main_bg.jpg);
	background-repeat: no-repeat;
	width: 100%;
	height: 297px;
}
.main_img .content {
	width: 600px;
	padding: 10px;
}
.main_img .content h2 {padding:5px 0;}
.main_img .content p {
	font-size: 14px;
	line-height: 16px;
}
.page_title{
	color: #333366;
	margin-bottom:10px;
}
/*--------------- middle section --------------*/
.middle {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 10px;
}
.middle p {
	font-size: 14px;
	color: #333333;
	line-height: 18px;
}
.middle .left .box {float: left; width: 253px;}
.middle .left .box .content {
	padding: 10px;
	font-size: 14px;
	color: #333333;
	float: left;
	clear: both;
	width: 233px;
	line-height:18px;
}
.middle .left .box img {
	border: 1px solid #cfd3df;
	padding: 9px;
	background-color: #e6e8ed;
	clear: both;
	float: left;
}
.middle .left {
	float: left;
	margin-right: 10px;
}
.middle .left .box2 {
	width: 760px;
	clear: both;
	background-color: #e6e8ed;
	border: 1px solid #cfd3df;
	padding: 9px;
	margin-bottom: 10px;
}
.middle .left .box2 .content {
	margin-left: 70px;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
}
.middle .left .box2 h3 {
	color: #ff6600;
	font-size: 14px;
}

.middle .left .feature {
	float: left;
	clear: both;
	width: 759px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
.middle .left .feature h1 {
	color: #333366;
	font-size: 22px;
}
.middle .left .feature h2 {
	color: #333366;
	font-size: 16px;
}
.middle .left .feature p {
	font-size: 14px;
	color: #333333;
	line-height: 18px;
}

.middle .right {
	float: right;
	width: 180px;
}
.middle .right .box {
	float: left;
	width: 160px;
	background-color: #e6e8ed;
	padding: 9px;
	border: 1px solid #cfd3df;
	text-align: left;
	margin-bottom: 10px;
}
.middle .right .box h2 {
	font-size: 16px;
	margin-bottom: 5px;
	color: #ff6600;

	font-weight: bold;
}
.middle .right .box p {
	font-size: 12px;
	color: #333333;
	line-height: 18px;
}
/*--------------- contact table ---------------*/

.middle .left #contact-table {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	border: 1px solid #ccc;
	font-size: 14px;
}
.middle .left #contact-table th {
	text-align: left;
	padding: 0px 0px 0px 10px;
	line-height: 25px;
	background-color: #e6e8ed;
}
.middle .left #contact-table td {
	
}
.middle .left #contact-table .prompt {
	text-align: right;
	padding: 2px 10px 2px 0px;
	color: #333333;
}
.middle .left #contact-table .prompt span {
	color: red;
}

/*--------------- footer section --------------*/
.footer .links {
	float: left;
	width: 600px;
	padding-left: 20px;
}
.footer .links a {
	color: #333333;
	text-decoration: none;
}
.footer .links a:hover {text-decoration: underline;}

.footer .phone {
	float: right;
	padding-right: 20px;
}

.footer {
	float: left;
	clear: both;
	width: 100%;
	font-size: 12px;
	color: #333333;
	margin-top: 10px;
	line-height: 18px;
	padding-bottom: 10px;
}