/* CSS Document */
*{
margin:0; padding:0; border:0px; outline:none;}
	
.fclear{ clear:both;}
.fleft{ float:left;}
.fright{ float:right}
.padlef{margin:3px; outline:none;}
.clear{clear:both;}	
.sty1{color:990000;}

body{
	font-size:12px;
	color:#333333;
	background: #ffffff url(../images/mainbg.png) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	}

#sub_body{
	font-size:12px;
	color:#333333;
	background: #ffffff url(../images/sub_bg1.png) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	}

h1,h2{
	font-family:"Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	text-shadow:0 1px 1px black;
	}

h1{
	font-size:24px;
	}
	
h2{
	font-size:20px;
	}
	

h3{
	font-size:18px;
	}

h4{
	font-size:14px;
	}	
	
h5{
	font-size:12px; color:#e70000;
	letter-spacing:1px;
	}
	
h6{
	font-size:12px; color:#0099ff;
	letter-spacing:1px;
	}	
		
#wrapper{ 
	width:1000px; 
	margin:0px auto;
	}
/* header*/
#header_fr{
	width:auto;
	height:320px;
	margin-top:10px;
	background:#FFFFFF;
	}

#header_fr #lef{
	width:662px;
	height:300px;
	}

#header_fr #lef .hed_fla{
	width:662px;
	background:url(../images/flabg.png) no-repeat;
	height:280px;
	}
	
#header_fr #lef .hed_fla .hed_bottom{
	width:632px;
	height:175px;
	padding-left:30px;
	}	
	
#header_fr #lef .hed_fla .hed_top{
	width:662px;
	height:100px;
	}		

#header_fr #lef .tell{
	width:300px;
	height:20px;
	float:left;
	margin-left:20px;
	}
	
#header_fr #lef #domain_ch{
	width:600px;
	height:40px;
	margin-left:20px;
	padding:10px 0px 0px 0px;
	}	

#header_fr #lef #domain_ch .text_box{
	float:left;
	width:180px;
	margin:0px 0px 0px 10px;
	border:#cccccc solid 1px;
	font-size:11px;
	padding:2px;
	}

#header_fr #lef #domain_ch .text_box2{
	float:left;
	width:50px;
	margin:0px 0px 0px 10px;
	border:#cccccc solid 1px;
	font-size:11px;
	height:20px;
	padding:1px;
	}

#header_fr #lef #domain_ch .search_dom{
	float:left;
	width:35px;
	margin:0px 0px 0px 10px;
	height:20px;
	}
	
#header_fr #lef #domain_ch .search_tex{
	float:left;
	margin:0px 0px 0px 5px;
	padding:5px 0px 0px 0px;
	}
		
#header_fr #lef #domain_ch .reg{
	width:230px;
	height:auto;
	margin-top:5px;
	float:left;
	padding:0px 0px 0px 0px;
	}	
		
#shadow{
	width:11px;
	height:337px;
	margin-top:10px;
	background:url(../images/port_shade.png) no-repeat;
	}	
	
#header_fr #rig{
	width:325px;
	height:310px;
	background:#FFFFFF;
	padding:5px 0px 0px 0px;
	}	
	
#header_fr #ico{
	width:auto;
	padding:20px 10px 0px 0px;
	outline:none;
	}	
		
#header_fr #hed_wedo{
	width:auto;
	padding:10px 0px 0px 10px;
	outline:none;
	}
			
#header_fr #hed_scroll{
	width:324px;
	height:120px;
	padding:10px 0px 0px 0px;
	}	
	
#header_fr #hed_scroll .hed_web{
	width:195px;
	height:100px;
	padding:0px;
	font-size:11px;
	float:left;
	padding-left:10px;
	}	

#header_fr #hed_scroll .hed_webimg{
	width:100px;
	height:100px;
	padding-left:5px;
	float:left;
	}	
			
#header_fr #hed_port{
	width:324px;
	height:90px;
	background:url(../images/top_portfolio_bg.png);
	padding:0px;
	}		

#header_fr #hed_port .pe_ico{
	width:auto;
	height:auto;
	padding:0px 0px 0px 20px;
	float:left;
	}
	
#header_fr #hed_port .pe_link{
	width:200px;
	height:30px;
	padding:50px 20px 0px 15px;
	float:right;
	outline:none;
	}	
	
	

/*subheader*/
#sub_header_fr{
	width:auto;
	height:280px;
	margin-top:10px;
	background:#FFFFFF;
	}

#sub_lef{
	width:662px;
	height:280px;
	}

.sub_hed_fla{
	width:632px;
	background:url(../images/flabg.png) no-repeat;
	height:180px;
	padding:100px 0px 0px 30px;
	}

.sub_tell{
	width:300px;
	height:20px;
	float:left;
	margin-left:20px;
	}
	
#sub_domain_ch{
	width:600px;
	height:40px;
	margin-left:20px;
	padding:10px 0px 0px 0px;
	}	

.sub_text_box{
	float:left;
	width:180px;
	margin:0px 0px 0px 10px;
	border:#cccccc solid 1px;
	font-size:11px;
	padding:2px;
	}

.sub_text_box2{
	float:left;
	width:50px;
	margin:0px 0px 0px 10px;
	border:#cccccc solid 1px;
	font-size:11px;
	height:20px;
	padding:1px;
	}

.sub_search_dom{
	float:left;
	width:35px;
	margin:0px 0px 0px 10px;
	height:20px;
	}
	
.sub_search_tex{
	float:left;
	margin:0px 0px 0px 5px;
	padding:5px 0px 0px 0px;
	}
		
.sub_reg{
	width:230px;
	height:auto;
	margin-top:5px;
	float:left;
	padding:0px 0px 0px 0px;
	}	
		
#sub_shadow{
	width:11px;
	height:200px;
	margin-top:10px;
	background:url(../images/subport_shade.png) no-repeat;
	}	
	
#sub_rig{
	width:325px;
	height:275px;
	background:#FFFFFF;
	padding:5px 0px 0px 0px;
	}	
	
#sub_ico{
	width:auto;
	padding:20px 10px 0px 0px;
	outline:none;
	}	
		
#sub_hed_wedo{
	width:auto;
	padding:10px 0px 0px 10px;
	outline:none;
	}
			
#sub_hed_scroll{
	width:324px;
	height:165px;
	padding:10px 0px 0px 0px;
	}	
	
.sub_hed_web{
	width:195px;
	height:100px;
	padding:0px;
	font-size:11px;
	float:left;
	padding-left:10px;
	}	

.sub_hed_webimg{
	width:100px;
	height:100px;
	padding-left:5px;
	float:left;
	}	
			


.sub_pe_ico{
	width:auto;
	height:auto;
	padding:0px 0px 0px 20px;
	float:left;
	}
	
.sub_pe_link{
	width:200px;
	height:30px;
	padding:50px 20px 0px 15px;
	float:right;
	outline:none;
	}		
	
	
	
	
/* MENU*/
		
.menu{
	width:1000px;
	height:45px;
	margin:0px auto;
	padding:0px 0 0 3px; 
	}	

.menu a{ 
	text-decoration:none;color:#333333; 
	font-size:12px; font-weight:bold; 
	padding:0px 20px 0 22px; 
	height:45px; 
	line-height:45px; 
	display:block; 
	float:left; 
	background:none;
	}
	
.menu a:hover{ 
	text-decoration:none;
	color:#ffffff;
	background:url(../images/menu_hover.png); 
	}

/* container*/

#container{
	width:995px;
	height:auto;
	margin:0px auto;
	}

#container #con_news_fr{
	width:275px;
	height:auto;
	}

#container #con_news_fr .con_news_head{
	width:265px;
	height:21px;
	font-size:13px;
	font-weight:bold;
	padding:2px 0px 0px 10px; 
	font-family:"Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	color:#FFFFFF;
	background:url(../images/newshead.png) no-repeat;
	}

#container #con_news_fr .news_scroll{
	width:auto;
	height:150px;
	font-size:11px;
	}

#container #con_news_fr .news_scroll .scrollsty{
	font-size:11px;
	padding:5px 0px 5px 0px;
	border-bottom:#333333 dashed 1px;
	}

#container #con_news_fr .about_box{
	width:auto;
	height:auto;
	font-size:11px;
	text-align:justify;
	padding-right:6px;
	line-height:20px;
	}

#container #con_news_fr .about_box .quo{
	width:263px;
	height:89px;
	background:url(../images/request_quote.png) no-repeat;
	}


/* container_data*/

#container #sha{
	width:13px;
	background:url(../images/news_shadow.png) no-repeat;
	height:463px;
	}

#container #dataframe{
	width:692px;

	float:right;
	}
#subdataframe{
	width:692px;
	min-height:360px;
	float:right;
	}

#container .recent_head{
	width:682px;
	height:21px;
	background:url(../images/recent_head.png) no-repeat;
	font-size:13px;
	font-weight:bold;
	padding:2px 0px 0px 10px; 
	font-family:"Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	color:#FFFFFF;
	}


.subrecent_head{
	width:682px;
	height:21px;
	background:url(../images/recent_head.png) no-repeat;
	font-size:18px;
	padding:2px 0px 0px 10px; 
	font-family:Arial,Sans-Serif;
	color:#FFFFFF;
	}
.portfolio_head{
	width:985px;
	height:21px;
	font-size:18px;
	padding:2px 0px 0px 10px;
	font-family:Arial,Sans-Serif;
	color:#FFFFFF;
	background-image: url(../images/portfolio_head.gif);
	background-repeat: no-repeat;
	}
.portfolio_head a {
	color: #999;
	text-decoration: none;
}
.portfolio_head a:hover {
	color: #FFF;
	text-decoration: none;
}


#container .recent_bg{
	width:692px;
	height:216px;
	background:url(../images/project_bg.png) repeat-x;
	}
	
#container .recent_bg .port_img{
	padding:6px 0px 0px 30px;
	height:200px;
	}	

#container .data{
	width:692px;
	line-height:24px;
	font-size:12px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	padding:10px 0px;
	}

.subpage_data{
	width:690px;
	line-height:24px;
	margin-top:5px;
	font-size:12px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	padding:20px 0px 20px 0px;
	
	}
	
.port_subpage_data{
	width:680px;
	line-height:24px;
	margin-top:5px;
	font-size:12px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	padding:20px 5px 20px 5px;
	border:#CCCCCC dotted 1px;
	}	
	

/* footer*/

#footer_bg{
	width:auto;
	background:url(../images/footer_bg.png) repeat-x;
	height:361px;
	margin-top:10px;
	}

#footer_frame{
	width:1000px;
	height:361px;
	margin:0px auto;
	}

#footer_frame .foot_shad{
	width:976px;
	height:15px;
	margin:0px auto;
	padding:8px 0px 0px 0px;
	}

#footer_frame #footer_data_fr{
	width:986px;
	height:227px;
	margin:0px auto;
	background:#FFFFFF;
	float:left;
	}
	
#footer_frame .line_re{
	width:7px;
	height:227px;
	margin:0px auto;
	background:#FFFFFF;
	float:left;
	}

.left{ width:160px; float:left; margin:15px 0px 0px 30px;}
.left2{ width:360px; float:left; margin:15px 0px 0px 30px; font-size:11px; color:#666666;}
.left2 a{ color:#cc0000;}
.left2 a:hover{ color:#2ba4e1;}
.left ul li{ list-style:none;  font-size:11px;}
.left ul li a{ text-decoration:none; color:#666666; padding:0px;line-height:24px;}
.left ul li a:hover{ color:#2ba4e1;}

.fot_bottom{
	width:976px;
	height:107px;
	margin:0px auto;
	background:url(../images/foot_bottom.png) no-repeat;
	}
	
.fot_data{
	width:800px;
	margin:0px auto;
	padding:10px 0px 0px 0px;
	font-size:11px;
	text-align:center;
	font-family:Verdana, Helvetica, sans-serif;
	}

.tech{
	width:945px;
	height:41px;
	margin:0px auto;
	background:url(../images/technology.png);
	}
		
		
.fot_datast1{
	font-size:11px;
	text-align:center;
	color:#cc0000;
	font-weight:bold;
	}	
	
.footerlink{
	width:800px;
	margin:0px auto;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	}		
.footerlink a{ color:#000; margin:0px 30px 0px 0px; font-size:11px; font-family:Verdana, Helvetica, sans-serif;  text-decoration:none;}
.footerlink a:hover{ color:#cc0000;}

.rights_bg{
	width:357px;
	height:20px;
	margin:0px auto;
	text-align:center;
	background:url(../images/rights_bg.png);
	padding:1px 0px 0px 0px;
	font-size:11px;
	color:#FFFFFF;
	letter-spacing:.5px;
	}

.services_link{
	font-family:verdana, Helvetica, sans-serif;
	text-align:left;
	font-size:11px;
	width:253px;
	color:#000000;
	font-style:normal;
	padding:10px;
	margin-top:5px;
	

	}
		
.services_link ul li{ 
	list-style:none;  
	font-size:11px; 
	color:#000000;
	}
		
.services_link ul li a{ 
	text-decoration:none; 
	color:#666666; height:32px; line-height:25px;
	text-decoration:underline;
	}
		
.services_link ul li a:hover{ color:#2ba4e1}



.contact_page{
	width:310px;
	height:auto;
	padding:0px 10px 0px 0px;
	float:left;
	text-align:left;
	}

.portfolio{ width:995px; float:left;}
.portfolio h3{ background:url(../images/subhead_bottom.png) no-repeat bottom; width:400px;  padding-bottom:5px; font-family:"Myriad Pro Cond", "Myriad Pro", Tahoma; color:#333333; font-size:24px; font-weight:normal; margin-bottom:5px;}

.portfolio h4{ background:url(../images/subhead_bottom.png) no-repeat bottom; width:400px;  padding-bottom:5px; font-family:"Myriad Pro Cond", "Myriad Pro", Tahoma; color:#72ae00; font-size:18px; font-weight:normal; margin-bottom:5px;}

.portfolio p{ padding-bottom:5px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; line-height:22px; letter-spacing:.5px; text-align:justify; font-weight:normal; margin-bottom:10px;}

.portfolio_fr1{
	height:auto;
	width:189px;
	float:left;
	margin-right:10px;
	margin-bottom: 10px;
}
.portfolio_web{
	width:178px;
	background:url(../images/portfolio_bg.jpg);
	height:120px;
	padding:15px 0px 0px 10px;
}

.portfolio_details{ line-height:20px; font-size:12px; color:#333; padding-right:20px; font-family:Arial, Helvetica, sans-serif; padding-left:3px; text-align:justify;}
.portfolio_details h6{font-size:12px; font-weight:bold; color:#333;font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.viewportfolio h5{font-size:12px; color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding-top:5px; padding-left:10px;}
.viewportfolio a{font-size:12px; color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding-top:5px; padding-left:10px;}
.viewportfolio{ width:201px; height:34px; background:url(../portfolio_thumb/viewportfolio.jpg);}

.portfolio_fr2{
	height:auto;
	width:185px;
	float:right;
	margin-bottom: 10px;
}
.portfolio_head1 {
	width:985px;
	height:21px;
	font-size:12px;
	padding:2px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-image: url(../images/portfolio_head_sub.png);
	background-repeat: no-repeat;
}
.portfolio_head1 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #CCC;
}
.portfolio_head1 a:hover {
	color: #FFF;
	text-decoration: none;
}