@charset "utf-8";

/* CSS Document */



body{

	margin:0px; padding:0px; width:auto; height:auto;  font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#666; line-height:18px; background-color:#FFF; overflow-x: hidden;

}

#conainer{

	margin-left:auto; margin-right:auto; width:1000px; height:auto;

}

#top{

	margin-left:auto; margin-right:auto; width:1000px; height:90px; 

}



#top_header{

	margin-left:auto; margin-right:auto;   width:1000px; height:90px; float:left;

}

#logo{

	float:left; width:210px; height:90px; 

}

#text_field{

	float:left; width:190px; height:25px; border:solid 1px #cccccc; margin:5px 0px 0px 388px; padding:0px 0px 0px 5px; 

}

html>body #text_field{

	float:left; width:185px; height:25px; border:solid 1px #cccccc; margin:10px 0px 0px 635px; padding:0px 0px 0px 5px; 

}



html>body #bookmark{

	float:left; width:170px; height:20px;  margin:12px 0px 0px 618px; 

}

#like{

	float:left; width:200px; height:50px;  margin:12px 0px 0px 220px; 

}
#phone{

	float:right; width:400px; height:50px;  margin:32px 0px 0px 220px; text-align:right; 

}

html>body #like{

	float:left; width:200px; height:50px;  margin:12px 0px 0px 440px; 

}

#menu_bg{

	margin-left:auto; margin-right:auto;   width:auto; height:79px; background-image:url(../images/menu_bg.jpg); background-repeat:repeat-x; clear:both;

}

#menu{

	margin-left:auto; margin-right:auto;  width:997px; height:69px; padding:10px 0px 0px 3px;

	

} 

.menu_single{

	float:left; width:125px; height:48px; padding:10px 0px 0px 16px; border-right:solid 1px #cdcdcd;

	font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#545353; text-decoration:none;

} 

.menu_single_sub{

	float:left; width:100px; height:auto;  

	font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#a2a2a2; text-decoration:none;

} 



.menu_single:hover{

	float:left; width:125px; height:48px; padding:10px 0px 0px 16px; border-right:solid 1px #cdcdcd;

	font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#FFF; text-decoration:none; background-color:#cd0505;

} 








#banner1 img{

	width:auto; height:auto  100%; 

} 
#banner img{

	width:auto; height:auto  100%; 

} 

#left_area{

	float:left;  width:651px; height:380px; margin-top:20px; 

} 

#left_area_inner{

	float:left;  width:698px; height:auto;  background-color:#fbfafa; border:solid 1px #d9d9d9; padding:20px 10px 20px 10px; margin:10px 0px 10px 0px;

} 

html>body #left_area_inner{

	float:left;  width:698px; height:auto; padding-bottom:40px; background-color:#fbfafa; border:solid 1px #d9d9d9; padding:20px 20px 20px 20px; margin:10px 0px 10px 0px;

}

#welcome{

	float:left;  width:651px; height:147px; background-image:url(../images/welcm_bg.jpg); background-repeat:repeat-x;

} 

#tittle_inner{

	float:left;  width:685px; height:15px;  background-color:#666; padding:5px 0px 0px 15px; margin-bottom:15px; 

}
.tittle_sub{

	float:left;  width:320px; height:15px;  background-color:#FFFFFF; border:1px solid #666; padding:5px 0px 10px 0px; text-align:center; margin-bottom:15px; 

} 
.link-font{
font-size:16px; line-height:31px;}
.link-font:hover{
font-size:16px; line-height:31px;}

html>body #tittle_inner{

	float:left;  width:685px; height:30px;  background-color:#666; padding:0px 0px 0px 15px; margin-bottom:15px; 

}

#services{

	float:left;  width:675px; height:auto;  background-color:#f1f1f1; padding:0px 5px 17px 15px; margin-bottom:15px; -moz-border-radius:8px; border-radius:8px; border:1px solid #d9d9d9;

} 

.services{

	float:left;  width:677px; height:auto;  padding:0px 5px 17px 15px; margin-bottom:15px; -moz-border-radius:8px; border-radius:8px;  border:1px solid #d9d9d9;

} 

.product{

	float:left;  width:132px; height:110px;  background-color:#f1f1f1; margin:17px 10px 0px 3px; -moz-border-radius:8px; border:1px solid #d9d9d9; border-radius:8px;  padding:3px 0px 0px 10px;

} 

.portfolio{

	float:left;  width:677px; height:220px;  background-color:#f1f1f1; padding:0px 5px 0px 15px; margin-bottom:15px; -moz-border-radius:8px; border-radius:8px;  border:1px solid #d9d9d9;

} 

.portfolio_img{

	float:left;  width:224px; height:175px;  background-color:#f1f1f1; margin:17px 10px 0px 3px; -moz-border-radius:8px; border:1px solid #d9d9d9; border-radius:8px;  padding:8px 0px 0px 6px;

} 



#conainer_2{

	margin-left:auto; margin-right:auto; width:1000px; height:auto; 

}
#banner{

	margin-left:auto; margin-right:auto;  width:100%; height:auto;	

} 
#banner img{

	width:100%; height:auto 100%;

} 
#conainer_3inner{

	margin-left:auto; margin-right:auto; width:1000px; height: auto;  background-color:#999;

}

#right_area{

	float:left;  width:315px; height:332px; margin:30px 0px 0px 18px; padding:7px; margin-bottom:18px; text-align:right;

} 
#right_area .box{

	float:right;  width:300px; height:auto; padding:15px 0px 6px;  border-bottom:1px dashed #CCCCCC;

} 
#right_area .box .box_icon{

	float:left;  width:40px; height:30px; 

} 
#right_area .box .box_content{

	float:right;  width:250px; text-align:left; font-size:16px; height:30px; margin-top:5px; 

} 
#right_area .box .box_content a{

	 font-size:16px; height:30px;

} 
 

#left_area_inner_menus{

	float:left;  width:210px; height:auto; margin:10px 18px 10px 0px; background-color:#fbfafa; border:solid 1px #d9d9d9; padding:7px 10px 20px 20px;;

}

#right_area_inner{

	float:left;  width:300px; height:auto; margin:10px 0px 0px 18px; background-color:#fbfafa; border:solid 1px #d9d9d9; margin-bottom:18px;

} 

#footer{

	margin-left:auto; margin-right:auto; width:auto; height:165px; background-image:url(../images/bottom_bg.jpg); background-repeat:repeat-x; clear:both; margin-bottom:12px; padding-top:15px;

}

#bottom_container{

	margin-left:auto; margin-right:auto; width:1000px; height:160px; 

}

#news{

	float:left; width:165px; height:150px;  margin-left:25px; margin-right:30px;

}

#fotter_other{

	float:left; width:210px; height:150px;  

}

.fotter_other{

	float:left; width:190px; height:150px;  

}

#news_letter{

	float:left; width:200px; height:130px;   

}



#copyright{

	margin-left:auto; margin-right:auto; width:1000px; height:40px; 

}

#bottom_menu{

	float:left; width:650px; height:40px; 

}

#copyright_content{

	float:right; width:350px; height:60px; 

}

#explore_our_service_area{

	width:100%; 

	height:87px; 




	text-align:center;
	padding-top:4px; 

	margin-left:0px;

	background-image:url(../images/bg_box.png); background-repeat:repeat-x;

	background-color:#fbfafa;

	border-bottom:2px solid #cccccc;

	border-left:2px solid #cccccc;

	border-right:2px solid #cccccc;

	}

#explore_our_services{

	float:left; width:485px; height:22px; background-color:#666;  padding:3px 0px 0px 15px; 

 }

#we_are_expert{

	float:left; width:481px; height:22px; background-color:#7d7d7d; padding:3px 0px 0px 15px;

 }

 #section{

	float:left; width:172px; height:60px; border-right:solid 1px #e1dece; margin-left:2px; margin-top:9px;

}

 .section{

	float:left; width:172px; height:60px; border-right:solid 1px #e1dece; margin-left:2px; margin-top:9px;

}

 #section_right{

	float:left; width:500px; height:73px; border-right:solid 1px #e1dece; margin-left:2px; background-color:#dad6c1;

}

#client{

	float:left; width:306px; height:23px;  margin:10px 0px 0px 11px;

}

#client_swf{

	float:left; width:306px; height:151px;  margin:0px 0px 0px 11px; background-image:url(../images/clent_bg.jpg); background-repeat:repeat-x;

}

#testimonials{

	float:left; width:286px; height:123px;  margin:0px 0px 0px 11px; padding:17px 10px 0px 10px;

}

#recent{

	float:left; width:320px; height:150px; background-image:url(../images/RECENT_PROJECTS.jpg); background-repeat:no-repeat;  padding:34px 0px 0px 0px;

}

#domain{

	float:left; width:310px; height:154px; background-image:url(../images/domain_availability.jpg); background-repeat:no-repeat;  padding:50px 0px 0px 0px; margin-left:20px;

}

#domain_area{

	float:left; width:288px; height:138px; border:solid 1px #dadada;  padding:10px 0px 0px 20px; background-color:#fbfafa;

}

#extensions{

	float:left; width:70px; height:65px; margin:10px 0px 0px 0px;

}

.extensions{

	float:left; width:70px; height:65px; margin:10px 0px 0px 0px;

}

#contact_address{

	float:left;  width:300px; height:auto;   padding:0px 0px 0px 30px; margin-bottom:15px; border-right:1px dashed #999;

} 

.contact_address{

	float:left;  width:250px; height:200px;   padding:0px 0px 0px 60px; margin-bottom:15px; 

}

#contact_form{

	float:left;  width:600px; height:auto;   padding:0px 0px 0px 30px; margin-left:30px; border-top:1px dashed #999; padding-top:15px;

} 

#contact_form_name{

	float:left;  width:200px; height:22px;   padding:0px 0px 0px 60px;  margin-top:8px;

}

.contact_form_name{

	float:left;  width:200px; height:30px;   padding:0px 0px 0px 60px; margin-top:8px;

	

}

.quick_contact{

	float:left;  width:117px; height:53px;   padding:28px 0px 0px 83px; margin-top:10px; background-image:url(../images/quick_contact.jpg);

	

}



.contact_form_comment{

	float:left;  width:200px; height:60px;   padding:0px 0px 0px 60px; margin-top:8px;

}



#footerphp{

	margin-left:auto; margin-right:auto; width:auto; height:auto; clear:both;

}

.share{

	float:left; width:120px; height:30px;  padding-top:5px;  line-height:18px; 

	

}

.share1{

	float:left; width:auto; height:auto;  padding-top:2px;  line-height:18px; 

	

}

#headerphp{

	margin-left:auto; margin-right:auto; width:auto; height:184px; 

}

html>body #headerphp{

	margin-left:auto; margin-right:auto; width:auto; height:170px; 

}