*{padding:0; margin:auto;}
body{background:#FFF; font-size:11px; font-family:Arial; color:#333; text-align:left; background:url(../images/back1.jpg) repeat-x top;}
div,ul,li{overflow:hidden;}
li{list-style:none;}
li,#menu li a{float:left; display:inline;}
images{border:none;}
img
{
	border:none;
}

#top{width:1002px;}
#top{background:url(../images/top_bg.jpg) repeat-x; height:84px;}
#phone{position:absolute; background:url(../images/phone.jpg) no-repeat; width:233px; height:84px; margin-left:250px;}
#t_nav{ width:255px; height:18px; line-height:18px; font-family:Arial, Helvetica, sans-serif; font-size:10px; position:absolute; font-weight:bold; margin-top:60px; margin-left:480px;}
#t_nav li{ width:80px; margin-left:5px; text-align:right;}
#t_nav .t1{ background:url(../images/homepage.jpg) no-repeat 15px 4px; }
#t_nav .t2{ background:url(../images/orderline.jpg) no-repeat 5px 4px;}
#t_nav .t3{ background:url(../images/sitmap.jpg) no-repeat 28px 4px;margin-left:-18px;}

/*.top_bg{background:url(../images/back1.jpg); height:338px; width:100%;}*/

#banner
{
	 width:1002px;
	 height:212px;
	 background-image:url(../images/banner.jpg);
}

a{text-decoration:none; color:#333;}
a:hover{text-decoration:underline;}

#menu
{
	width:1002px;
	height:42px;
}

#menu li{ width:136px; text-align:center; height:42px; line-height:42px; background:url(../images/menu_bg_1.jpg) no-repeat;border-right:1px solid #3F0303;border-left:1px solid #872323;}
#menu .m1{ background:url(../images/menu_02.jpg) ; width:313px; border:none; height:42px;}

#menu li a{text-decoration :none ;color:#fdfde5 ; font-size:14px; width:136px; height:42px;}
#menu li a:hover {background:url(../images/menu_02_1.jpg) no-repeat;}

#menu li .here{background:url(../images/menu_02_1.jpg) no-repeat;}

#foot
{
	width:100%;
	min-width:1002px;
	overflow:visible;
	height:159px;
	background:#333333;
}

#foot_logo
{
	text-align:right; margin-right:43px; margin-top:59px;
}

#center
{
	width:1002px;
}

#center_left
{
	text-align:left;
	vertical-align:top;
	float:left;
	width:673px;
	background:url(../images/center_bg.jpg) repeat-y right; 
}

#center_right
{
	float:left;
	width:329px;
	text-align:center;
	vertical-align:top;
}

#right_top
{
	width:329px;
	height:20px;
	background:url(../images/right_top.jpg);
}

#right_update
{
	 margin-top:24px;
	 width:316px;
	 height:41px;
	 background:url(../images/update.jpg);
}

.right_pic
{
	margin-top:3px;
	width:314px;
	height:68px;
	border:1px solid #939a92;
	margin-bottom:5px;
}

#right_client
{
	margin-top:15px;
	width:316px;
	 height:41px;
	 background:url(../images/client.jpg);
}

#right_contact
{
	 margin-top:15px;
	 width:316px;
	 height:41px;
	 background:url(../images/contact.jpg);
}

#right_email
{
	 width:316px;
	 height:52px;
	 margin-top:12px;
}

#contact
{
	 width:316px;
	 margin-top:20px;
	 margin-left:20px;
}

#contact li{text-align:left; color:#717171; font-weight:bold; width:290px; padding-left:26px; height:25px; line-height:25px; }
#contact .i1{background:url(../images/con_tel.jpg) no-repeat 0px 4px;}
#contact .i2{background:url(../images/con_msn.jpg) no-repeat 0px 4px;}
#contact .i3{background:url(../images/con_mail.jpg) no-repeat 0px 4px;}
#contact .i4{background:url(../images/con_skype.jpg) no-repeat 0px 4px;}
#contact .i5{background:url(../images/con_web.jpg) no-repeat 0px 4px;}

.left_title
{
	width:677px;
	height:45px;
	text-align:left;
	margin-top:15px;
}

#content_our
{
	height:800px; background:url(../images/left_foot_bg.jpg) repeat-x 0px 635px; vertical-align:top;
}
#services_con{height:1800px; background:url(../images/left_foot_bg.jpg) repeat-x 0px 1635px; vertical-align:top;}
#contact_con{height:400px; background:url(../images/left_foot_bg.jpg) repeat-x 0px 235px; vertical-align:top;}
#orderline_con{height:900px; background:url(../images/left_foot_bg.jpg) repeat-x 0px 735px; vertical-align:top;}
#advice_con{height:530px; background:url(../images/left_foot_bg.jpg) repeat-x 0px 365px; vertical-align:top;}
#contract_con{height:2800px; background:url(../images/left_foot_bg.jpg) repeat-x 0px 2635px; vertical-align:top;}

#portfolio_more{ margin-left:10px;}

#services,#about_us,#portfolio
{
	width:660px;
	text-align:center;
	vertical-align:top;
	margin-top:7px;
}

#services li{ text-align:center; width:165px;}


.portfolio_img
{
	border:3px solid #eeeeee;
	float:left;
	width:121px;
	height:74px;
	margin:10px 30px 10px 3px ;
	display:inline;
}

.portfolio_title
{
	color:#3e4967;
	width:500px;
	text-align:left;
	font-weight:bold;
	margin-bottom:5px;
}

.protfolio_content
{
	text-align:left;
	width:500px;
	margin-top:3px;
	vertical-align:top;
}

#content_ul{ width:660px;}
#content_ul li
{
	 border-bottom:1px solid #cccccc;
	 width:660px;
	 padding:10px 0px ;
	 vertical-align:top;
}



#computer
{
	width:260px;
	height:210px;
	margin-left:520px;
	margin-top:-140px;
	position:absolute;
	/*text-decoration:underline;*/
}

.bottom_txt
{
	 position:absolute;
	 color:#40496a;
	 font-weight:bold;
	 font-size:30px;
	 cursor:hand;
	 margin-top:90px;
	 margin-left:0px;
}
.l1
{
	 border-bottom:1px solid #40496a;
}
.l2
{
	color:Red;
	border-bottom:1px solid red;
}

h5
{
	width:314px;
	text-align:left;
	margin:5px 3px 7px 12px;
}

.img_more
{
	width:75px;
	height:16px;
	margin-left:240px;
	margin-top:5px;
	margin-bottom:5px;
}

.new_con
{
	text-align:left;
	width:314px;
	margin-left:12px;
}

#client_logo{ margin:10px 0px; text-align:center;}
#client_logo li{ width:158px; margin:10px 0px;}

#about_img{ width:290px; height:211px; float:left; display:inline; margin-right:10px;}
.about_content{ margin-top:10px; line-height:20px;}

#footlink{width:500px; text-align:left; margin-left:25px; margin-top:35px; vertical-align:top; position:absolute; }

#footlink ul{ width:100px; margin-right:25px; vertical-align:top; text-align:left; float:left; display:inline;}
#footlink ul li{ border-bottom:1px solid #9a9a9a; color:#9a9a9a; line-height:23px; width:100px;}
#footlink ul li a{color:#9a9a9a;}

#content_ul h1{ font-size:20px; margin-bottom:15px; color:#b63838;}
#content_ul h2{ font-size:15px; margin-bottom:10px;}

#title_txt{margin-left:65px; margin-top:10px;}

#news_date{ height:25px; margin-top:5px; font-size:15px; text-align:center;}

.tips{ width:99%; background:#ddd;}
#f_mes{width:99%; vertical-align:top; margin-bottom:15px;}
#f_mes li{ text-align:left;}
#f_mes .left{ width:30%;}
#f_mes .right{ width:70%;}

#f_mes li input
{
	border-style:solid; 
	border-width:1px; 
	cursor:default; 
	color:#666; 
	background-color:#FFFFFF;
}

.hand{ cursor:hand;}

.f_ord{ color:#758497;}
.f_ord li .title{ width:650px; text-align:left;}
.f_ord li input{ margin-left:15px;}