/* CSS Document */

body{
	margin: 0px;
	padding: 15px 0px 0px 0px;
	background-color:#FFFFFF;
}

#container{
	width: 958px;
	margin: 15px auto;
	padding-bottom:15px;
	background-color:#FFFFFF;
	overflow:hidden;
}

#header{
	height: 80px;
	width: 958px;
	margin:0 auto;
	background-image: url(../images/top_band_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#logo{
	width:300px;
	height:45px;
	margin:15px 0 0 10px;
	float:left;
}

.toplink{
width:370px;
height:22px;
padding:0px;
margin: 0px;
float:right;
}

/* about top main links */

#main-link {
	width:370px;
	height: 22px;
	float:left;
	padding:58px 0px 0px 5px;
	margin:0;
}

#main-link ul {
	list-style-type:none;
	padding:0;
	margin:0 0 0 0;
}

#main-link li {
	float:left;
	margin:0px;
	padding: 0px;
}

#main-link li a {
	background: url(../images/toplink-a.gif) top left no-repeat;
	height: 22px;
	width:210px;
	float: left;
	margin: 0 0px 0 0;
	display: block;
}

#main-link a:hover {
	background: url(../images/toplink-a.gif) bottom left no-repeat;
}

#main-link li a#a0 {
	background: url(../images/toplink-a.gif) top left no-repeat;
	width:210px;
	padding: 0px 2px 0px 0px;
}

#main-link li a#a1 {
	background: url(../images/toplink-b.gif) top left no-repeat;
	width:70px;
	padding: 0px 2px 0px 0px;
}

#main-link li a#a2 {
	background: url(../images/toplink-c.gif) top left no-repeat;
	width:70px;
	padding: 0px 2px 0px 0px;
}




#main-link li a:hover#a0 {
	background: url(../images/toplink-a.gif) bottom left no-repeat;
	width:210px;
}

#main-link li a:hover#a1 {
	background: url(../images/toplink-b.gif) bottom left no-repeat;
	width:70px;
}

#main-link li a:hover#a2 {
	background: url(../images/toplink-c.gif) bottom left no-repeat;
	width:70px;
}




#main-link li a#b0 {
	background: url(../images/toplink-a.gif) bottom left no-repeat;
	width:210px;
	padding: 0px 2px 0px 0px;
}

#main-link li a#b1 {
	background: url(../images/toplink-b.gif) bottom left no-repeat;
	width:70px; 
	padding: 0px 2px 0px 0px;
}

#main-link li a#b2 {
	background: url(../images/toplink-c.gif) bottom left no-repeat;
	width:70px;
	padding: 0px 2px 0px 0px;
}


/* The End  */

.breaker{
clear:both;
margin:0px;
padding:0px;
}

#hader-pic{
width:958px;
height:290px;
padding: 0px;
margin: 0px;
}

#middle-part{
width:958px;
height:auto;
overflow:hidden;
padding: 0px;
margin: 0px;
}

#left-menu{
	float: left;
	width: 240px;
	height: 820px;
	background-image: url(../images/head_ourservices.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#004387;
}

#left_nav {

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
margin:0px;
padding:10px 0px 0px 0px;
}

#left_nav ul {
	margin:27px 0 0 0;
	padding:0px;
	list-style:none;
}
#left_nav ul li {
	margin:0px;
	padding:0px;
}
#left_nav ul li a {
	background:url(../images/menu_bg.jpg) no-repeat left top;
	height:25px;
	line-height:25px;
	font-size:11px;
	display:block;
	font-weight:normal;
	text-decoration:none;
	color:#ffffff;
	padding-left:12px;
	
}
#left_nav ul li a:hover {
	background:url(../images/menu_bg_o.jpg) no-repeat left top;
}

#left_nav ul li #act {
	background:url(../images/menu_bg_o.jpg) no-repeat left top;
}


#right-area{
width: 210px;
height: 820px;
background:#EDEFF0;
padding: 0px 0px 0px 0px;
margin: 0px;
float:right;
border-left:1px solid #D8D8D8;
border-right:1px solid #D8D8D8;
}

.rechus{
width: 210px;
height: 32px;
background:url(../images/reach-us.gif) repeat-y left top;
padding: 0px;
margin: 0px;
}

#form_area {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#616161;
text-align:left;
width:180px;
float:left;
padding:5px 0px 0px 10px;

}
#form_area form {
	padding:5px 0 0 0;
	margin:0px;
}
#form_area form label span {
	color:#E10303;
}
#form_area input.textf {
	width:180px;
	height:16px;
	padding-top:2px;
	padding-left:2px;
	border:1px solid #C1BFBF;
	font-size:11px;
	color:#666;
}
#form_area input.butt {
	width:70px;
	height:20px;
	text-align:center;
	border:2px solid #FFFFFF;
	font-size:12px;
	color:#FFF;
	background:#7D7D7D;
	letter-spacing: 1px;
	margin:20px 0 5px 110px;
}
#form_area textarea {
	width:180px;
	height:40px;
	padding-left:2px;
	border:1px solid #C1BFBF;
	font-size:11px;
	color:#666;
}
#form_area label {
	height:20px;
	line-height:20px;
}

.form-fix{
width: 210px;
height: 460px;
padding: 0px;
margin: 0px;
}

#textpart{
	float: left;
	width: 490px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:15px;
	text-align:justify;
	padding: 10px 5px 0px 10px;
	margin:0px;
}

#textpart a{color:#004995; text-decoration:none;}
#textpart a:hover{color:#0000CC; text-decoration:none;}

#text-had{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#014891;
text-align:left;
padding: 0px 0px 8px 0px;
margin: 0px;
}

#botom-grytxt{
	width:958px;
	height:50px;
	background:#C6C4C4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#C6C4C4;
	color: #333333;
	line-height:18px;
	text-align:center;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	border-top:1px solid #FFFFFF;
}

#footer-link{
	width:958px;
	height:140px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #666666;
	text-align:center;
	line-height:16px;
	margin:0 auto;
	padding-top:6px;
}

#footer-link a{
	color: #666666;
	text-decoration: none;
}

#footer-link a:hover{
	color: #000000;
	text-decoration: none;
}