/*********main sytle*********/
*
{
	margin: 0;
	padding: 0;
}
body
{
	font-size: 12px;
	color: #000;
	text-decoration: none;
	background: url(../images/containerbg.jpg) repeat-x;
}
a
{
	color: #fff;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
img
{
	border: 0;
}
p
{
	line-height: 1.5em;
	margin-bottom: 1em;
}
ul
{
	list-style-type: none;
}
h1
{
	line-height: 2em;
	width: 450px;
	color: #fff;
}
h2
{
	font: 12px normal;
	color: #fff;
	margin-top: 24px;
	width: 540px;
	height: 22px;
	padding-left: 20px;
	margin-left: 10px;
}
h3
{
	margin: 5px 0 0 10px;
	height: 48px;
}
/*****************container start**********************/
div#container
{
	width: 100%;
	height: 556px;
}
div#header, div#nav, div#main, div#footer
{
	width: 768px;
	margin: 0 auto;
}
div#header
{
	height: 68px;
	background: url(../images/headerbg.jpg) no-repeat center 0;
}
div#nav
{
	height: 41px;
	background: url(../images/navbg.jpg) no-repeat center 0;
}
div#main
{
	height: 367px;
	background: url(../images/mainbg.jpg) no-repeat center 0;
}
div#footer
{
	height: 100px;
	background: url(../images/footerbg.jpg) no-repeat center 0;
}
/*****************container end**********************/
/*****************header start**********************/
h1.logo a
{
	display: block;
	width: 160px;
	height: 30px;
	position: relative;
	top: 16px;
	left: 20px;
}
/*****************header end**********************/
/*****************nav start**********************/
div#nav ul
{
	width: 340px;
	line-height: 40px;
	float: right;
}
div#nav li
{
	float: left;
	padding: 0 3px;
	color: #333;
	height: 40px;
}
div#nav li a:hover
{
	color: #8BD2FF;
}
li.navline
{
	background: url(../images/navline.jpg) no-repeat 0 center;
	width: 2px;
}
/*****************nav end**********************/
/*****************mainleft start**********************/
div#mainleft
{
	width: 193px;
	float: left;
	height: 367px;
}
div#mainleft ul
{
	width: 164px;
	position: relative;
	top: 10px;
	left: 10px;
}
div#mainleft li
{
	padding: 2px 0 2px 18px;
	background-color: #000;
	margin-bottom: 1px;
}
div#mainleft li a
{
	padding-left: 10px;
	background: url(../images/arrow.gif) no-repeat 3px 5px;
	color: #9AA7C3;
}
div#mainleft li a:hover
{
	color: #fff;
	text-decoration: none;
}
li.littleintro
{
	height: 100px;
	color: #fff;
}

/*****************mainleft end**********************/
/*****************mainright start**********************/
div#mainright
{
	float: right;
	width: 575px;
	height: 367px;
}
div#mainright p
{
	margin:10px 15px 0;
	}
/*****************mainright end**********************/
/*****************footer start**********************/
div.copyright
{
	width: 100%;
	text-align: center;
	height: 24px;
	color: #9AA7C3;
	position: relative;
	top: 12px;
}
/*****************footer end**********************/
/*****************business start**********************/
.businessleftbg
{
	background: url(../images/businessleftbg.jpg) no-repeat center center;
}
.businessrightbg
{
	background: url(../images/businessrightbg.jpg) no-repeat;
}
/*****************business end**********************/

/*****************business start**********************/
.businessleftbg
{
	background: url(../images/businessleftbg.jpg) no-repeat center center;
}
.businessrightbg
{
	background: url(../images/businessrightbg.jpg) no-repeat;
}
/*****************business end**********************/

/*****************hr start**********************/
h2.hrtitle
{
	background: url(../images/hrtitlebg.gif) no-repeat;
}
.hrlist
{
	background: url(../images/rightbg.jpg) no-repeat;
}
.hrcontect
{
	width: 530px;
	margin: 5px 0 0 20px;
}
.hrlist dt
{
	margin-left: 10px;
	margin-top: 10px;
	width: 80px;
	text-align: center;
	float: left;
	line-height: 2em;
	border-left: 1px solid #4C6078;
	border-top: 1px solid #4C6078;
	border-bottom: 1px solid #4C6078;
	color: #fff;
}
.hrlist dd
{
	width: 162px;
	margin-top: 10px;
	padding-left: 10px;
	height: 118x;
	float: left;
	line-height: 2em;
	border: 1px solid #4C6078;
	color: #6880C6;
}
.hrpagenum
{
	text-align: center;
	width: 100%;
	margin-top: 20px;
}
.hrpagenum a
{
	color: #fff;
}
.hrpagenum a:hover
{
	text-decoration: underline;
}
/*****************hr end**********************/

/*****************prolist start**********************/
.product
{
	background: url(../images/rightbg.jpg) no-repeat;
}
.product ul
{
	width: 100%;
	height: 250px;
	margin-top: 5px;
}
.product li
{
	margin: 5px 15px;
	float: left;
	width: 140px;
	height: 124px;
}
.product li table
{
	width: 140px;
	height: 124px;
}
td.productimg
{
	width: 138px;
	height: 90px;
	padding: 0 5px 5px 0;
	background: url(../images/proshowbg.gif) no-repeat 5px 5px;
}
td.productimg img
{
	width: 138px;
	height: 90px;
	border: 1px solid #fff;
}
.prolistpagenum
{
	text-align: center;
	width: 250px;
	margin: 0 auto;
	background: #50577A;
	line-height: 20px;
}
.prolistpagenum a
{
	color: #fff;
}
.prolistpagenum a:hover
{
	text-decoration: underline;
}
h2.protitle
{
	background: url(../images/hrtitlebg.gif) no-repeat;
}
h2.protitle span, .prolisttitle span
{
	color: #99FBFF;
	margin-left: 20px;
}
h2.protitle a, .prolisttitle a
{
	color: #99FBFF;
}
td.productimg
{
	width: 144px;
}
td.productintro
{
	background: url(../images/arrow-prolist.gif) no-repeat 10px 5px;
	padding-left: 20px;
	line-height: 20px;
	width: 140px;
}
/*****************prolist end**********************/

/*****************proshow start**********************/
.proshowimg
{
	padding: 0 6px 6px 0;
	background: url(../images/proshow2bg.png) no-repeat 6px 6px;
	margin: 10px 0 0 10px;
	width: 519px;
	height: 284px;
}
.proshowimg img
{
	width: 519px;
	height: 284px;
	border: 1px solid #fff;
}

dl.proselect
{
	position: relative;
	top: 115px;
	left: 120px;
	width: 72px;
}

dl.proselect dd
{
	width: 70px;
	text-align: center;
	line-height: 18px;
	background: #50577A;
	margin-bottom: 2px;
}
dl.proselect dd a
{
	color: #000;
}
dl.proselect dd a:hover
{
	color: #E0EAFF;
}
/*****************proshow end**********************/

/*****************contact start**********************/
.contactleftbg
{
	background: url(../images/contactleftbg.jpg) no-repeat center center;
}
.contactrightbg
{
	background: url(../images/businessrightbg.jpg) no-repeat;
}
h2.businesstitle, h2.contacttitle
{
	background: url(../images/hrtitlebg.gif) no-repeat;
	color: #3A5487;
}
/*****************contact end**********************/

/*****************intro start**********************/
.introrightbg
{
	background: url(../images/introrightbg.jpg) no-repeat;
}


/*****************intro end**********************/
.bussinesscontect
{
	margin: 5px 0 0 20px;
	width: 510px;
}
div.proshow-img
{
	margin: 8px 0 0 14px;
}
div.proshow-img img
{
	width: 530px;
	height: 290px;
}