﻿/* CSS Document */
body{
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #0c0c0c;
	background-color: #fff;
	overflow-y: scroll;
}
input{
	padding:0; margin:0;
	}
form{
	padding:0; margin:0;
	}
img{
	padding:0; margin:0;
	}
h4{
	padding:0; margin:0;
	}
h3{
	padding: 0 0 0 30;
	margin: 0;
}
h2{
	padding:0; margin:0;
	}
h1{
	padding:0; margin:0;
	}
ul{
	padding:0; margin:0;
	}
p{
	padding: 0 0 0 0;
	margin: 0;
}
div{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
.blank{
	clear:both;
	font-size:0;
	line-height:0;
	}
/*------------------header----------------*/
#header{
	width: 778px;
	position: relative;
	margin: 0 auto 0 auto;
	height: 146px;
	color: #0c0c0c;
	background-color: #ffffff;
	background-image: url(images/header_bg.gif);
	background-repeat: repeat-x;
}
#header img{
	position:absolute;
	top:22px;
	left:55px;
	}
#header ul{
	width:468px; position:absolute; top:28px; left:265px;
	}
#header ul li{
	float:left;	display:block;
	}
#header ul li a{
	text-indent:-2000px; font-size:0px;  height:31px; text-decoration:none; display:block;
	}
#header ul.navi{
	width:523px;
	position:absolute;
	top:118px;
	left:50px;
	display:block;
	}
#header ul.navi li{
	float:left; padding:0 8px 0 8px; 
	}
#header ul.navi li a.na{
	text-indent: 0px;
	color: #0f0f0f;
	text-decoration: none;
	display: block;
	height: 22px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 22px;
	padding: 0px 3px 0px 3px;
	margin: 2px 0 2px 0;
	background-color: #DCDCDC;
}
#header ul.navi li a.na:hover{
	background-color:#FDFEFF; color:#fc675e; text-decoration:underline;
	}
/*------------------------middle table-------------------*/
#middle100{
	width: 98%;
	background: url(images/middle_table_bg.gif) repeat-x #FDFEFF;
	float: left;
	color: #6B6854;
}
/*--------------------------------------midle---------------------*/
#middle{
	width:679px; margin:0 auto;
	}
/*-----------------------------left pan----------*/
#left{
	width: 206px;
	float: left;
	background-color: #FDFEFF;
	position: relative;
	color: #000000;
}
#left h2{
	background:url() no-repeat ; margin:0 0 0 15px; display:block; text-indent:-2000px;
	height:48px; 
	}
#left h3{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: large;
	position: absolute;
	top: 25px;
	left: 15px;
	width: 160px;
	background-color: #FDFEFF;
}
#left p{
	width: 168px;
	padding: 0px 0 2px 43px;
	display: block;
}
#left img{
	padding: 0 0 1px 1px;
	display: block;
}
#left h4{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	width: 168px;
	margin: 0 0 15px 15px;
	display: block;
	background-color: #FDFEFF;
}
#left p span{
	color: #3B3B3B;
	background-color: #FDFEFF;
}

#left p.line {
	background:url(images/line_2.gif) no-repeat left #FDFEFF; height:16px; display:block; width:157px;
	margin:0 0 69px 15px; color:#6B6854;

	}
#left p.line a{
	font:12px/16px Verdana, Arial, Helvetica, sans-serif; color:#467700; font-weight:bold;
	text-decoration:none; background-color:#FDFEFF;
	height:16px; display:block; padding:5px 10px 0 0; float:right;
	}
#left p.line a:hover{
	text-decoration:underline;
	}
/*----------------------------mid----------------*/
#mid{
	width: 234px;
	border: 0px #FFFFFF solid;
	color: #6B6854;
	float: left;
	background-color: #FDFEFF;
	padding: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#mid  h2{
	background:url(images/login_icon.gif) no-repeat #EDEDED; color:#4F4F4F; width:234px; height:61px; padding-bottom:14px;  text-indent:-2000px;
	}
#mid form{
	width:217px; background-color:#EDEDED; display:block; padding-left:17px; height:120px; color:#3B3B3B;
	}
#mid form input{
	width:199px; height:17px; margin-bottom:16px;
	}
#mid form label{
	width:125px; height:18px; background:url(images/regi_arrow.gif) no-repeat 8px 5px #EDEDED; color:#373737; font-size:16px;
	padding:0 0 0px 28px; display:block; font-weight:bold; line-height:17px; float:left; 
	}
#mid form label a {
	color:#373737; text-decoration:none; background-color:#EDEDED;
	}
	#mid form label a:hover {
		text-decoration:underline;
		}
#mid form input.button{
	width:49px; height:18px; float:left; display:block;
	background:url(images/login_buttom.gif) 0 0 no-repeat #FEFEFE; color:#fff; font-size:0px;
	font-weight:bold; line-height:18px; border:none;  cursor:pointer;
	 }
#mid h3{
	width:234px; height:64px; background:url(images/want.gif) no-repeat 0 0 #FDFEFF; text-indent:-2000px; margin-top:11px;
	color:#999999;
	}
#mid ul{
	width:231px; display:block; margin:27px 0 0 0 ;
	}
#mid ul li{
	display:block; height:61px; font:14px/13px Verdana, Arial, Helvetica, sans-serif; color:#585858; font-weight:bold;
	background-color:#FDFEFF; 
	}
#mid ul li a{
	background:url(images/mid_arrow.gif) no-repeat 0 5px #FDFEFF; padding-left:10px; margin-top:8px; display:block;
	font:13px/13px Verdana, Arial, Helvetica, sans-serif; color:#585858; text-decoration:underline;
	}
#mid ul li a:hover{
	text-decoration:none;
	}
 a.view{
	background:url(images/mid_morebg.gif) no-repeat #FFFFFF; width:92px; height:12px; display:block; font-weight:bold; 
	font:12px/12px Verdana, Arial, Helvetica, sans-serif; color:#467700; text-decoration:none; padding:0 0 0 135px;
	 margin:0 0 20px 0;
	}
a.view:hover{
	color:#000000; background-color:#FDFEFF;
	text-decoration:underline;
	}
/*---------------------right side----------------------*/
#right{
	width: 190px;
	background-color: #FFFFFF;
	float: left;
	padding-left: 6px;
	color: #000000;
}
#right h2{
	height: 29px;
	display: block;
}
#right ul{
	width: 188px;
	display: block;
	margin-top: 7px;
	margin-bottom: 10px;
}
#right ul li{
	background: url(images/arrow.gif) no-repeat 0 8px;
	height: 85px;
	padding: 0 0 0 1px;
}
#right ul li a{
	font: 13px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
	background-color: #FDFEFF;
	position: relative;
}
#right ul li a:hover{
	text-decoration:none;
	}
#right p{
	width:190px; height:276px; background:url(images/services_pic.gif) no-repeat #FFFFFF; color:#E4E4E4;
	}
/*-------------------------who we are--------------*/
#who{
	width: 778px;
	color: #0e0e0e;
	background-color: #fff;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	height: 100%;
	position: relative;
}
#who p{
	width: 477px;
	display: block;
	padding-bottom: 1px;
	font-size: 16px;
	margin-top: 9px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 50px;
}
#who p strong{
	color: #000000;
	background-color: #FDFEFF;
	}
/*---------------------------------footer-----------------*/
#footer{
	width: 774px;
	position: relative;
	height: 90px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url('images/line.gif');
	background-repeat: no-repeat;
}
#footer ul{
	width:535px;
	position:absolute;
	top:20px;
	left:50px;
	height: 34px;
	}
#footer ul li{
	float:left; display:block; font:12px/36px Arial, Helvetica, sans-serif; color:#515151; background-color:#FDFEFF;
	}
#footer ul li a{
	color:#515151;
	background-color:#FDFEFF;
	text-decoration:none;
	margin:0 11px 0 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 36px;
	font-weight: bold;
	}
#footer ul li a:hover{
	text-decoration:underline; color:#fc675e
	}
