@charset "utf-8";
/* CSS Document */

body{ padding:0; margin:0;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; line-height:160%; font-family:Arial, Helvetica, sans-serif;}
	
li,ul,p{ 
	list-style:none; 
	margin:0; 
	padding:0; }
p {padding-bottom: 15px;} 
	

img{ 
	border: none;}
h3{ color:#920000; padding:10px 0 0 0; margin:0;}	
a { text-decoration:none; 
	color:#666;line-height:120%}


button{ font-size:12px;}
	
span{ }
select{font-family:Arial; font-size:12px;}
form{ padding:0; margin:0; }

h1,h2,h3,h4,h5,h6{ margin:0; padding:10px; 0 0 0;}

.clear { width:904px; margin:0 auto;clear:both;height:10px; }

.column{
	font-size:14px;
	font-weight:bold;
	color:#920000;
	padding-left:18px;
	padding-top:10px;
	background:url(../images/arrow4.gif) 0 75% no-repeat;
}

#column{
	font-size:14px;
	font-weight:bold;
	color:#920000;
	padding-left:18px;
	padding-top:10px;
	padding-bottom:10px;
	background:url(../images/arrow4.gif) 0 50% no-repeat;
}


h1{ font-size:24px;}

table {
background:#fff; width: 100%;
}

select{ font-size:10px; font-family:Arial, Helvetica, sans-serif;}

.inquire img{ padding:15px 0 0 0;}

/*--------------------------------------table------------------------------------------------------*/



table {
	width: 98%; background: #dcdcdc; color:#333333;
}
th {
	background: #f1f1f1; padding: 3px 10px; text-align: left;
}
td {
	background: #fff; padding: 3px 10px;
}
/*----------------------------------------header--------------------------------------------------------*/
#header{ 	
	width:904px; 
	margin:0 auto; 
	height:95px; background: url(../images/header_bg.gif) repeat-x; 
}
#header .logo{
	float:left; 
	width:270px;}
#header .link{
	float:left; 
	width:622px; 
	text-align: right; 
	padding:0px 5px 0 5px;}
#header .link ul{}
#header .link ul li{ display:inline; color: #b9b8b8;}
#header .link a{ color:#fff;
 padding:0 10px 0 10px;}
#header .search {	
    float:left; 
	width:617px; 
	text-align: right; 
	padding:25px 15px 0 0;}
#header img{ 
	padding:15px 0px 0px 30px;}
	
	

/*---------------------------------------------------------------------------------------------------------------------------------------------------*/
#menu{	
	width:884px; 
	margin:0 auto; 
	padding-left:20px; background:#243b5d; clear:both;}
.menu{height:35px; background:#243b5d; font-size:14px; font-weight:bold; 
	z-index:100; 
	line-height:normal;
	position:relative;
	} 
.menu ul{
	list-style:none;  
	margin: 0 ; 
	
	} 
.menu li {
	float:left;
	position:relative; 
	background:url(../images/menu_bg.gif) left bottom repeat-x;}


.menu ul ul {
	visibility:hidden;
	position:absolute;
	left:0;
	top:35px;} 
.menu table {
	position:absolute; 
	top:0; 
	left:0;
	visibility: hidden; } 
.menu ul li:hover ul, 
.menu ul a:hover ul{
	visibility:visible;
	 } 
.menu a{ background:url(../images/bullet-hover2.gif) 100% 100% no-repeat ;
	display:block;
	color:#0d244d;
	text-decoration:none; font-size:12px;
	line-height: 35px; 
	padding:0  48px;} 
.menu a:hover{ background:url(../images/menu_bg2.gif) left bottom repeat-x;color:#fff;} 
.menu ul ul{ padding:0;}
.menu ul ul li {clear:both;  width:150px;  text-align:left;  font-size:12px;font-weight:normal; line-height:14px; margin-left: 0; padding:0; background: #4e4e4e;	 } 

.menu ul ul li a{display:block;  margin:0;  color:#4e4e4e;  background:#efefef;  padding:1px 0 4px 15px;line-height: 20px; } 

.menu ul ul li a:hover{display:block;margin:0;border:0;color:#fff;background: #4e4e4e ;padding:1px 0 4px 15px;text-decoration: underline;line-height: 20px;} 






#banner{ 	width:904px; 
	margin:0 auto; clear:both; height:180px; background: url(../images/banner.jpg) no-repeat #8d8d8d; }

#banner a{ margin:0; padding:0; line-height:100%;}

#banner img{float:right;padding:0 19px 0 0 ; line-height:100%;}

#pro{	width:887px; 
	margin:0 auto;  
	background: url(../images/pro_bg.gif) repeat-x  ;
	border: #dcdcdc 1px solid;
	padding:0 0 15px 15px;;
}
#pro ul{
	overflow:auto; 
	_height:1%; 
}
#pro ul li{ 
	width:195px; 
	float:left; 
	padding:10px 7px 5px 7px; margin:0 0px 10px 10px; background:#FFF;
	border: #dcdcdc 1px solid;}
#pro ul li.NO1{ margin:0!IMPORTANT;}
#pro ul li a{ 
	width:170px;
	font-size:13px; font-weight:bold; color:#444;  }
	
#pro ul li a:hover{ color:#000000;}
	
#pro ul li p{ padding:2px 0; text-align:center;}	
	
#pro ul li img{ text-align: center;}

#pro ul ul{ height:100%; }

#pro ul ul li {border:none; text-align:left; margin:0; padding:20px 0 30px 0;   width:91px; background:url(../images/arrow1.gif) left 50% no-repeat; padding-left: 5px;}

#pro ul ul li a{font-weight: normal; font-size:11px;}
#pro ul ul li a:hover{font-weight: normal; font-size:11px; color:#000;}


#por-right{ float:left; width:651px; margin-left:10px; display:inline; border: #dcdcdc 1px solid;padding:0 10px 10px 10px; }


#por-right ul{padding-left:7px ;
	overflow: auto;
	_height:1%;
}
#por-right ul li{ 
	width:150px;	float:left; 
	padding:15px 20px 20px 20px; margin:0 0px 10px 10px; display:inline; background:#FFF;
	border: #dcdcdc 1px solid;}

#por-right ul li p{ padding-top:10px ;text-align:center;height:30px;}

#por-right ul li a:hover{ color:#000000;font-size:12px;text-align:center;}

#breadCrumb {
	margin: 0;
	padding: 10px 0 20px 0;
	margin-bottom: 10px;
	margin-right:15px;
	font-size:18px;
	font-weight:bold;
	color:#920000;
	border-bottom: #dcdcdc 1px solid;
	height:20px;
}
#breadCrumb em { float: right;}
#breadCrumb a{ font-size:18px; color:#ccc;}
#breadCrumb span{float:left;}
#hotpro-Title-Crumbs{width:500px;float:left; text-align:right;}

#breadCrumb em {
	float: right;
	font-size:12px;
	font-style: normal;
	font-weight: normal;
}
#breadCrumb em a {font-size:12px; color:#666666;}

#por-right .faq { overflow: auto; height: 100%;}
#por-right .faq li { float: none; width: auto; border: none; padding: 0; margin: 0; padding-left: 10px; background: url(../images/arrow1.gif) 0 1px no-repeat; }
#por-right .faq li p { text-align: left; height: 100%; padding: 0; margin-bottom: 10px;}
/*-----------------products OVER--------------*/
#new{
	border: #dcdcdc 1px solid;
	margin-top:10px;
	overflow: auto;
	_height:1%;}

#new .left{ 
	width:187px; 
	float:left;
	padding:20px 20px 40px 20px;
}
#new .left ul{

}
#new .left ul li{ line-height:18px; padding:10px; 0 0 20px; background: url(../images/arrow.gif) 0 16px no-repeat; 
	}
#new h3{
	margin: 0;
	padding: 0;
	font-size:18px;
	color:#;
}
/*-----------------new OVER--------------*/
#fooder{	
	width:904px; 
	margin:0 auto;  

	text-align:center;
	clear:both; 
	background:url(../images/fooder_bg.gif) repeat-x; 
	overflow: auto;
	_height:1%;

}
#fooder ul{ 

	padding:10px 0 0 140px;}
#fooder ul li{ 
	float:left;
	padding: 0 0 0 20px; color:#CCCCCC;}
#fooder p{ clear:both; 
	margin:0; 
	padding:5px 0 10px 0; font-size:10px; 
	line-height:12px;color:#666666; text-align:center; }
/*-------------------------fooder over------------------------*/
/*--------------------------main------------------------------*/
#main{ 	width:904px; 
	margin:0 auto;  height:201px;   clear:both;
}
#main h4{ color:#920000; font-size:16px; padding: 10px 0 10px 0; }

#main .about{ height:184px; float:left; width: 344px; padding:0 10px 0 10px;border: #dcdcdc 1px solid; background:#fafafa; background: url(../images/about_bg.gif) repeat-x;}
#main .about p { clear :right ; color:#333; }
#main .about a{ color:#444;}
#main .about p a:hover{ color:#000;}

#main .about img { float: left;  border:#dcdcdc 1px solid;margin-right:10px;display:inline;} 

#main .capabilities{ height:184px; float: left; width:183px; padding:0 10px 0 10px;border: #dcdcdc 1px solid;background:#fafafa;background: url(../images/about_bg.gif) repeat-x;}

#main .FAQ{height:184px; float: left;  margin:0 15px 0 15px;
	 width:280px; padding:0 10px 0 10px;  border: #dcdcdc 1px solid;  background:#fafafa;  background: url(../images/about_bg.gif) repeat-x;}

#main p{ padding:0 0 20px 0;}

/*main left or main right*/	



#right{ float:left; overflow:auto; _height:1%
 	}	
#main-pro{ width:904px; margin:0 auto;}	
#left{  
	width:220px; 
	float:left; 
	padding:0px 0 0 0px;}	
	
#left ul li{width:100%;overflow:auto_hight:!%; } 
#left ul ul { clear:both; background:none;}
#left ul ul li{ width:160px;padding:0 10px; }

#seach{ width:200PX;  background:#f2f1f1; margin-right:10PX; padding: 0 0  20px 10px;}


#breadcrumb{ padding:20PX 0 12px 5PX; font-size:16px; color:#999999;}


#new1{background: #fff;   margin-left:14px;  padding:0 10px;   overflow: 0 auto;}

#new1 p{ padding-bottom:10px;     padding-top:10px;    text-align:left !IMPORTANT; }
#new1 ul{padding:20px 0  70px 0; width:600px; height:100%; 

}
#new1 li{background: url(../images/arrow1.gif) 0 3px  no-repeat!IMPORTANT;  padding:0 0 20px  10px; width:90%; border:none;}

#new1 ul li a{ display:block; background:url(../images/bullet2-normal.gif) 0 7px no-repeat ; color:#444; text-decoration:underline; line-height:16px; padding:0 0 0 12px;}

#new1 p{height:100%;}

#new1 ul a:hover{background:url(../images/bullet2-hover.gif) 0 7px no-repeat ; color:#000; text-decoration:underline;}


#Categories{ 
	padding:15px 10px 0 10px; 

	border: 1px solid #ededed; overflow:auto;_height:1%;}

#Categories ul{float:left;  color:#5F7A77; padding:7px 0 0 5px;
	 }
#Categories h3{padding: 0px 0 10px 0;
	font-size:18px;
	color:#920000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#dcdcdc;}
#Categories ul li{ padding:0 0 10px 0;
	}
#Categories ul li a{
	 display:block; 
	 background:url(../images/bullet2-normal.gif) 0 7px no-repeat ; 
	 color:#444; 
	 text-decoration:underline; 
	 line-height:16px; 
	 padding:0 0 0 12px;}

#Categories ul li a:hover{
	background:url(../images/bullet2-hover.gif) 0 7px no-repeat ; 
	color:#000; 
	text-decoration:underline;}
/*----------------------------------------services  capabilities----------------------------------------------------------------*/	
.currents{ height:142px; float:left;  color:#5F7A77; padding:7px 0 0 5px;}
.currents p{ float:right;; font-weight:bold; background: none;}

.currents li{ padding:0 0 10px 0; }

.currents li a{ display:block; background:url(../images/bullet2-normal.gif) 0 7px no-repeat ; color:#4e4e4e; 
 text-decoration:underline; line-height:16px;
 padding:0 0 0 12px; font-size:12px;}
.currents p a{ background:none;}
.currents li a:hover{background:url(../images/bullet2-hover.gif) 0 7px no-repeat ; color:#000; text-decoration:underline;}
.currents img{
padding-top:20px;float:right;padding-right:10px;}





#Categories1{ 
	padding:15px 10px 0 10px; 

	border: 1px solid #ededed; overflow:auto;_height:1%;}

#Categories1 ul{float:left;  color:#5F7A77; padding:7px 0 7px 5px;
	 }
#Categories1 h3{padding: 0px 0 10px 0;
	font-size:18px;
	color:#920000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#dcdcdc;}
#Categories1 ul li{ padding:0 0 10px 0;
	}
#Categories1 ul li a{
	 font-weight:bold; 
	 color:#4e4e4e;
	 background:url(../images/bullet2-normal.gif) 0 7px no-repeat ; 
	 text-decoration:underline; 
	 line-height:16px; 
	 padding:0 0 0 12px;}

#Categories1 ul li a:hover{
	background:url(../images/bullet2-hover.gif) 0 7px no-repeat ; 
	color:#000; 
	font-weight:bold; 
	text-decoration:underline;
}


.page{text-align:right;padding-right:20px;color:#444;}	
.page a{color:#000;}	
	
	
	
#por-right .map_l h3 { font-size: 13px; padding: 0; padding: 10px 0; }
#por-right .map_l ul {
	PADDING: 0px; MARGIN: 0px;  LIST-STYLE-TYPE: none
}

#por-right .map_l ul li{
	FONT-WEIGHT: bold; FLOAT: left; WIDTH: 160px; border: none; padding: 0; margin: 0;
}
#por-right .map_l ul ul li {
	CLEAR: left; PADDING: 0px; MARGIN: 0px; width: 150px;  LIST-STYLE-TYPE: none; padding-left: 10px; FONT-SIZE: 11px; background:url(../images/arrow1.gif) 0 50% no-repeat
}
.map_r LI {
	FONT-WEIGHT: bold; FLOAT: left; WIDTH: 155px
}



.map_l li A {
	COLOR: #333333; LINE-HEIGHT: 25px
}

.map_l li A:hover {
	COLOR: #920000
}	
#por-right .map_l ul ul li A:hover {
	COLOR: #920000; font-size:11px;
}	

	
/*----------------------------------------------------------------JS---------------------------------------------------*/
#featured {
	OVERFLOW: hidden; WIDTH: 480px; POSITION: relative; HEIGHT: 180px; padding:0 0 0 20px;
}
#featured .word {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	Z-INDEX: 10;
	BACKGROUND: url(/1/bg_transparent.gif) no-repeat;
	LEFT: 1px;
	PADDING-BOTTOM: 5px;
	WIDTH: 470px;
	COLOR: #fff;
	BOTTOM: 1px;
	PADDING-TOP: 5px;
	POSITION: absolute;
	HEIGHT: 32px;
}
#featured .word H3 {
	FONT-SIZE: 13px;
}
#featured .ui-els-hide {
	DISPLAY: none;
}
#thumbs {
	WIDTH: 480px; LIST-STYLE-TYPE: none; HEIGHT: 28px;
}
* HTML #thumbs {
	HEIGHT: 100%;
}
#thumbs LI {
	DISPLAY: inline; FLOAT: left; WIDTH: 52px; MARGIN-RIGHT: 4px; HEIGHT: 24px;
}
#thumbs UL {
	MARGIN-TOP: 3px;
}
#thumbs LI.last_img {
	MARGIN-RIGHT: 4px;
}
#thumbs LI.first {
	MARGIN: 5px 10px 0pt 15px; WIDTH: 20px; CURSOR: pointer; HEIGHT: 13px;
}
#thumbs LI.last {
	MARGIN: 5px 12px 0pt 8px; WIDTH: 20px; CURSOR: pointer; HEIGHT: 13px;
}
#thumbs LI A {
	
}
#thumbs LI A:hover {
	
}
#thumbs LI A.current {
	
}
#thumbs LI.first IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
#thumbs LI.last IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
#topstory {
	 MARGIN-left: 5px; BACKGROUND: #fff; FLOAT: left; WIDTH: 490px; HEIGHT: 237px
}
#highlight {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 470px; 
}
.word{visibility:hidden;}