/*-------------------------------------*/
#nav { width:900px; margin:0 auto; background:#003366; position:relative; clear:both; height:28px; border-bottom:#FFFFFF 2px solid;}
#dropDown{
	position: absolute;
	z-index: 4;
	margin:0 auto;
	list-style: none;
	padding:0;
	margin:0;
	padding-left:33px;
	white-space: nowrap;
	background:#003366;
	display:block;
	color:#fff;
	display:inline;
}
body>#dropDown {
	position: fixed;
}

a,h1,h2,h3,h4,h5,h6,p,span{word-break:normal;}



#dropDown li {
	position: relative;
	z-index:2;
	padding: 4px;
	margin: 0;
	float: left;
	display: block;
}
.nav_line {
	background:url(../images/line_nav.gif) no-repeat;
	padding-top:4px; 
	font-size:13px;
}

#dropDown ul { margin:0;padding:0;	position: relative;	z-index: 3;	display: none;	list-style: none; }

#dropDown a span{
	padding-left:12px;
	padding-right:12px;
}
#dropDown li a {
	position: relative;
	display: block;	
	
	margin: 0;
	text-decoration: none;
	color: #FFFFFF;
}
#dropDown li a:hover {
	color: #6699CC;
}


/*level three*/

#dropDown li ul li{
	background-color:#6699CC;
	height:24px;
	width: 180px;
}
#dropDown li ul ul {
	position: absolute;	
	left: 180px;
	top: 0;
	width: 200px;
	border-left:#fff 1px solid; 
}
#dropDown ul li li {
	background-color:#003366;
	width:180px;
	height:24px;
}
#dropDown  li li ul li{
	background-color:#003366;
	width:200px;
	height:24px;
}
/* second submenu positon style */
#dropDown ul.click {
	display: block; 
}




#dropDown li ul {
	position: absolute;	
	top: 28px;
	left: 0px;
}



/*level 2*/
#dropDown ul{
	margin-top:1px;
}

#dropDown ul li{
	background-color:#6699CC;
	padding:0;
	
	clear:left; 
}
#dropDown ul li a{
	background-color:#185491;
	padding:4px;
	margin:0;
	color: #FFFFFF;
	border-top:1px solid #fff;
}
#dropDown ul li a:hover {
	background-color:#11477C;
	color: #6699CC;
}


/*level 3*/
#dropDown ul ul{
	margin-top:0;
}
#dropDown ul ul li a{
	background-color:#2E6EAD;	
	padding-left:5px;
	word-break :break-all;
	color: #FFFFFF;
}
#dropDown ul ul li a:hover {
	background-color:#185491;
	color: #6699CC;
}
 /* second submenu link hover background */






/*-------------------------- layout ------------------------------- */
*{
	
	font-family: century gothic, arial, verdana, helvetica, sans-serif;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{font-size:12px;}

body{
	margin:0;
	padding:0;
}
#container{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	background-color:#6699CC;
}
#header{ position:relative; clear:both;
	height:153px;
	background:#fff url(../images/head_bg.jpg) top no-repeat; padding-bottom:2px;
}

	.logo{
		width:500px;
		position:absolute;
		margin:20px 0 0 50px;
		height:128px;
		/*background: url(../images/slogan.gif) 145px 90px no-repeat;*/ padding-bottom:2px;
	}
	.topmenu ul{
		margin:0;
		padding:0 36px 0;
		float:right;
	}
	.topmenu li{
		margin:0;
		padding:10px 7px 0;
		
		float:left;
		border-left:1px solid #30B9FB;
		list-style:none;
		color:#CC3333;
	}
	.topmenu li a{
		float:left;
		display:block;
		
		font-size:13px;
		color:#CC3333;
		font-weight:bold;
		text-decoration: none;
	}
	.topmenu li a:hover{
		text-decoration: underline;
	}





#main{
	/*background:#6699CC url(../images/main_bg.gif) 15px bottom no-repeat;*/
	background:url(../images/content_bg.gif) 0 0 repeat-y;
	padding:0 15px 0;
}
#content{
	clear:both;
	color:#333;
}
	.mainContent a,.subContent a{
		color:#B41D02;
		text-decoration:none;
	}
	.mainContent a:hover,.subContent a:hover{
		color:#DBA570 !important;
	}




	.mainContent{
		float:left;
		width:516px;
		background:url(../images/mainContent_bg.gif) 0 0 no-repeat;
		padding:20px 30px 20px 34px;
		word-break:break-all;
	}
	
	
	.mainContent h1{
		font-size:30px;
		color:#CB3335;
		font-weight:normal;
	}	
	
	.mainContent h1 b{
		font-size:30px;
		font-weight:900;
	}
	
	.mainContent h2.welcome {
		color:#003366;
		margin:3px 0;
		padding:0;
		font-size:14px;
	}
	.mainContent ul.welcome {
		margin:6px 0 0;padding:0;
		list-style-position:inside;
		line-height:18px;
	}
	.mainContent ul.welcome li{
		margin:0;
	}
	/* application to mainContent */
	.mainContent ul,.mainContent li{
		margin:6px 0 0;padding:0 0 0 0;
		list-style-position:outside;
		line-height:18px;
		/*margin:0;
		padding:0;
		list-style-position:inside;
		list-style-image:url(../images/icon_displace_li.gif);
		*/
		list-style:none;
	}
	.mainContent li{
		margin:0;
		padding-left:24px;
		background:url(../images/icon_displace_li.gif) 3px 6px no-repeat;
		/* line-height:18px; */
	}
	/* application to mainContent */
	
	
	
	

	
	
	
	
	
	
	.mainContent p.location{
		margin:0;
		padding:3px;
		border-top:1px solid #ddd;
		border-bottom:1px solid #ddd;
		color:#1D4E79;
		font-size:10px;
		font-weight:bold !important;
	}
	.mainContent p.phead{
		margin-left:0px;
		margin-right:0px;
		margin-top:0px;
		margin-bottom:6px;
		padding:3px;
		color:#1D4E79;
		font-size:12px;
		font-weight:normal !important;
	}
	p.pagebar{
		margin:0;
		padding:3px;
		border-bottom:1px solid #ddd;
		font-weight:bold !important;
		color:#CA3436;
		font-size:10px;
	}
	.pagebar a,.location a{
		color:#1D4E79;
		font-weight:bold !important;
		font-size:10px;
		text-decoration:none
	}
	.pagebar a:hover,.location a:hover{
		color:#1D4E79;
		font-weight:bold !important;
		text-decoration:underline;
	}

	


	
	/* news list start */
	.mainContent .news{
		padding-top:12px;
		padding-bottom:6px;
		clear:both;
		border-top:1px solid #E4E4E4;
	}

	.mainContent .news h2{
		font-size:14px;
		padding:0;
		color:#CB3335;
		margin:0;
		word-break:normal;
	}
	.mainContent .news p{
		margin:0;
		line-height:20px;
	}
	.mainContent .news a,.mainContent .news a:hover{
		line-height:24px;
		color:#B41D02;
	}
	/* news list over */
	
	
	/* product list start */

	.mainContent .product{
		padding-top:6px;
		clear:both;
		border-top:1px solid #E4E4E4;
	}
	.mainContent .product img{
		margin-top:-14px;
		float:left;
		
	}
	.mainContent .product h2{
		font-size:14px;
		padding:0;
		color:#CC3300;
		margin:0 0 0 140px;
	}
	.mainContent .product p{
		margin:0;
		line-height:20px;
		margin-left:140px;
	}
	.mainContent .product a,.mainContent .product a:hover{
		margin-left:9px;
		line-height:24px;
		color:#B41D02;
	}
	/* product list over */

	
	

	.mainContent .details h2{
		color:#CC3300;
		font-size:14px;
		margin:6px 0 3px;
		padding:0;
	}
	.mainContent .details p{
		line-height:18px;
		margin:0;
	}

	
	
	.the-first,.the-frist,.first{
		border-top:0px !important;
	}
	
	
	
	.subContent{
		float:left;
		width:290px;
	}
	.subContent .showcase{
		background:#6699CC;
	}
	.subContent .showcase .casebox{
		background:#6699CC;
		margin-top:16px;
		background-color:#fff;
		padding:9px;
		line-height:0;
		border:1px solid #CDCDCD;
		width:256px;
		float:right;
		display:block;
		color:#333;
	}
	.subContent .showcase_bottom{
		clear:both;
		height:32px;
		background:#6699CC url(../images/showcase.gif) 0 bottom no-repeat;
	}
	.subContent .showcase_details_bottom{
		clear:both;
		height:6px;
		font-size:6px;
		background:#6699CC url(../images/showcase.gif) 0 0 no-repeat;
	}
	
	.right_commend{
		background-color:#fff;
		margin:0 15px 0 3px;
	}
	.right_commend h2{display:block;clear:both;}
	.right_commend p{
		margin:6px 0;
		display:block;
		clear:both;
	}
	.right_commend a img{
		margin-bottom:12px;
	}
	
	
	
	.request-quote,.file-downloads{
		background:url(../images/blue_corner.gif)  right 60px no-repeat;
	}
	.file-downloads{
		padding-bottom:24px;
	}
	.request-quote h2{
		background:#003466 url(../images/request_title_bg.gif) 0 0 no-repeat;
		font-size:18px;
		color:#fff;
		height:42px;
		margin:0;
		padding:18px 22px 0;
	}
	.request-quote h2 span{
		display:block;
		line-height:19px;
		font-weight:normal;
		font-size:13px;
	}
	.request-quote p{
		font-size:13px;
		margin:6px 18px;
		line-height:18px;
	}
	.request-quote form{
		margin:6px 18px;
	}
	.request-quote select{
		width:180px;
		margin-bottom:6px;
		margin-right:6px;
	}
	.request-quote input{
		margin-bottom:6px;
	}
	
	.file-downloads h2{
		background:#003466 url(../images/file_download_title_bg.gif) 0 0 no-repeat;
		height:42px;
		font-size:18px;
		margin:0;
		color:#fff;
		padding:18px 22px 0;
	}
	.file-downloads h2 span{
		display:block;
		line-height:19px;
		font-size:13px;
		font-weight:normal;
	}
	.file-downloads img{
		margin:6px 18px 0;
	}
	.downloads_list{margin-top:12px;}
	.downloads_list a{
		display:block;
		margin:0 18px;
		text-transform:uppercase;
		background:url(../images/icon_rfe_small.gif) 0 0 no-repeat;
		padding:0 12px 0 30px;
		line-height:28px;
		color:#323232;
		text-decoration: none;	
	}
	
	
	
	
	.home_commend{
		margin:0;
		margin-top:6px;
		/*padding:0 0 0 35px;*/
		display:block;
	}
	
	
	h2.commend_title{
		height:80px;
		margin:0;
		padding:0 30px 0 0;
		line-height:25px;
		font-size:25px;
		color:#036;
		word-break:keep-all;
	}
	h1.commend_title{
		margin:0;
		padding:0 50px 0 0;
		line-height:25px;
		font-size:25px;
		color:#036;
	}
	h2.commend_title img{
		margin:2px;
		float:left;
	}	
	
	h2.commend_title_content{
		height:80px;
		margin:0;
		padding:0 20px 0 0;
		line-height:25px;
		font-size:25px;
		color:#B31C01;
	}
	
	h2.commend_title_content img{
		margin:2px;
		float:left;
	}

	.home_commend .pro{
		width:50%;
		float:left;
		
	}
	.home_commend .pro p{
		margin-right:20px;
	}
	.home_right .last-pro{
		width:98%;
		float:right;
	}
	.home_right .last-pro p{ width:98%;
	display:block;
	border-bottom:1px #999999 solid; padding-bottom:6px;	
	
	}
	.home_right .last-pro a{ 
	color:#696969; line-height:21px;
	
	}
	.last-pro a:hover{
		color:#666666;
	}
	.home_right .pro img{
		margin:0;
		display:block;
	}
	.home_right .pro p{
		margin:6px 0;
		width:97%;
		padding:0;
	}
	.home_right .pro a img{
		margin-bottom:12px;
	}

	.clearboth{clear:both;}
	

a{text-decoration:none;}
a.contact{color:#CC3300;font-weight:bold;}
a:hover.contact{color:#DBA570;}


/*background:#6699CC url(../images/main_bg.gif) 15px bottom no-repeat;*/
#contact-link{clear:both;}/*background-color:#fff;*/
#contact-link p{color:#333333; font-size:12px;margin:0 16px;border-top:1px solid #ddd;padding:6px 20px 0;}


#footer{ padding-top:4px; height:100px;background:#fff url(../images/main_bg.gif) 0 0 no-repeat;padding-top:30px;}
#footer .foot_img img{padding-left:50px; padding-top:10px;}
#footer p{float:right; padding-right:50px; color:#999999; font-size:11px; padding-top:4px; }
#footer a{color:#999;text-decoration:none;}
#footer a:hover{color:#999;text-decoration:underline;}


#portfolio {
display:block;
}

.casebox{margin:0!important;padding:0;}

.casebox ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.casebox ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#portfolio{padding:0;margin:0;}

.QuoteForm_table
{
	border-collapse:collapse;
	border:1px solid #BCBCBC;
}
.QuoteForm_table td
{
	border-collapse:collapse;
	border:1px solid #BCBCBC;
}