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

body{ margin:0px; padding:0px; background:url(../images/bg.png) repeat;}
img{ border:none;}
form,ul,li,span,td,div,p,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; list-style:none;}
a,a:hover{ text-decoration:none; color:#000;}


.social-media{width:166px; height:auto; float:left; padding:12px 0px 0px 12px; }
.social-media ul li{ display:inline-block; float:left; padding-right:10px;}
.social-media ul li a:hover{opacity:0.2;filter:alpha(opacity=20);}

.logo-part{width:800px; height:99px; float:left;}
.logo{width:450px; height:auto; float:left; padding:28px 0px 0px 28px;}
.click-connect{width:322px; height:auto; float:left;}

.banner-part,.banner-image{width:800px; height:auto; float:left;}
.banner-text{width:800px; height:auto; float:left; background:#227b91; padding:28px 0px 28px 0px;}
.banner-text h1{font:Bold 24px Arial, Helvetica, sans-serif; color:#FFF; text-align:center;text-shadow: 0px 1px #8b002d; padding-bottom:10px;}
.banner-text p{font:Normal 12px Arial, Helvetica, sans-serif; color:#FFF; text-align:center;}

/*Content Start*/
.service-part{
	width:800px;
	height:auto;
	float:left;
	margin-bottom: 60px;
}

.service-web-design{
	width:219px;
	height:auto;
	float:left;
	margin-left:20px;
	margin-top: 15px;
}
.service-design{
	width:237px;
	height:auto;
	float:left;
	margin-left:15px;
	margin-top: 15px;
}
.service-mobile-design{
	width:259px;
	height:auto;
	float:left;
	margin-top: 15px;
}

.service-design-image{width:56px;height:auto;float:left;}

.service-design-text{
	width:180px;
	height:auto;
	float:left;
	font:Bold 16px Arial, Helvetica, sans-serif;
	color:#999;
	padding-top:3px;
}
.service-design-text span{width:100%;float:left;font:Normal 11px Arial, Helvetica, sans-serif; color:#000;}


.service-web-design-text{width:160px;height:auto;float:left; font:Bold 16px Arial, Helvetica, sans-serif; color:#999;padding-top:3px;}
.service-web-design-text span{width:100%;float:left;font:Normal 11px Arial, Helvetica, sans-serif; color:#000;}


.service-mobile-design-text{width:193px;height:auto;float:left; font:Bold 16px Arial, Helvetica, sans-serif; color:#999;}
.service-mobile-design-text span{width:100%;float:left;font:Normal 11px Arial, Helvetica, sans-serif; color:#000;}

.divater{
	width:760px;
	height:auto;
	float:left;
	text-align:center;
	margin:40px 0px 40px 0px;
}


.welcom-part{width:800px; height:auto; float:left;}

.welcome-about{width:236px;height:auto;float:left; padding-right:20px; padding-left:24px;}
.excellent{width:236px;height:auto;float:left; padding-right:20px;}
.welcome-about h1,.welcome-support h1,.excellent h1{width:236px;float:left;}
.welcome-about h2,.welcome-support h2,.excellent h2{width:236px;float:left;font:Bold 18px Arial, Helvetica, sans-serif; color:#999; padding:15px 0px 10px 0px;}
.welcome-about p,.welcome-support p,.excellent p{width:236px;float:left;font:Normal 12px Arial, Helvetica, sans-serif; color:#8d8c8c; line-height:18px;}
.welcome-about p a,.welcome-support p a,.excellent p a{width:236px;float:left;color:#227b91; padding-top:5px;}
.welcome-about h3,.welcome-support h3,.excellent h3{width:236px;float:left;font:Bold 16px Arial, Helvetica, sans-serif; color:#227b91; padding:15px 0px 5px 0px;}

.welcome-support{width:236px;height:auto;float:left;}

.purchase-part{
	width:800px;
	height:auto;
	float:left;
	margin-bottom: 0px;
}
.purchase{
	width:732px;
	height:auto;
	float:left;
	background:#f8f8f8;
	border:#ebeded solid 1px;
	margin:20px 18px 20px 22px;
	padding:21px 0px 21px 31px;
}
.purchase-text{
	width:497px;
	height:auto;
	float:left;
}
.purchase-text h1{font:Bold 18px Arial, Helvetica, sans-serif; color:#999;}
.purchase-text p{font:Normal 12px Arial, Helvetica, sans-serif; color:#000000; padding-left:2px; padding-top:4px;}
	
.purchase-buttion{width:190px; height:auto; float:left;}

.client-part{
	width:769px;
	height:auto;
	float:left;
	margin-left:20px;
}


/*Footer Start*/
.footer-logo{ width:402px; height:auto; float:left;}
.footer-menu{ width:340px; height:auto; float:left; text-align:right;}
.footer-menu p{font:Normal 12px Arial, Helvetica, sans-serif; color:#ffffff; line-height:18px;}
.footer-menu p a{color:#ffffff; padding:0px 5px 0px 5px;}
.footer-menu h2{font:Normal 12px Arial, Helvetica, sans-serif; color:#ffffff; padding-top:5px; padding-right:5px;}


/*About Start*/
#about-inner{
	width:820px;
	height:auto;
	float:left;
	padding-top:0px;
	padding-bottom:35px;
	border-top:#eeeded solid 1px;
	background:url(../images/about-inner-bg.png) #FFF repeat-x;
	margin-left: 85px;
	min-height: 600px;
}

.about-welcome{width:800px; height:auto; float:left;}
.about-welcome-inner{
	width:760px;
	height:auto;
	float:left;
	margin:10px 31px 15px 20px;
}
.about-welcome-inner h1,.meet-team h1{
	font:Bold 18px Arial, Helvetica, sans-serif;
	color:#999;
	font-family: "PF Agora Sans Pro";
}
.about-welcome-inner p,.meet-team p{
	font:Normal 12px Arial, Helvetica, sans-serif;
	color:#8d8c8c;
	line-height:18px;
	padding-left:2px;
	padding-top:10px;
	padding-right:5px;
	font-family: Arial, Helvetica, sans-serif;
}
.about-welcome-inner h2{width:748px; height:auto; float:left; border:#eaecec solid 1px; padding:5px; margin-top:20px;}

.meet-team{width:758px; height:auto; float:left; margin:0px 21px 30px 21px;}
.meet-social{width:236px; height:auto; float:left; border-bottom:#dedada solid 1px; border-top:#dedada solid 1px; margin-top:15px;}
.meet-social ul li{ display:inline-block; float:left; padding: 8px 0px 5px 2px;}


/*Service Start*/
.service-list{
	width:760px;
	height:auto;
	float:left;
	margin-top:15px;
}
.service-list-design{width:240px; height:auto; float:left; margin-top:20px;}
.service-list-devlopment{
	width:270px;
	height:auto;
	float:left;
	margin-top:20px;
}
.service-list-mobile{width:238px; height:auto; float:left;margin-top:20px;}

.service-list-design p,.service-list-devlopment p,.service-list-mobile p{
	font:Normal 12px Arial, Helvetica, sans-serif;
	color:#8d8c8c;
	line-height:18px;
	padding-left:2px;
	padding-top:5px;
	padding-right:15px;
	font-family: "PF Agora Sans Pro";
}
.service-list-design p a,.service-list-devlopment p a,.service-list-mobile p a{ width:100%; height:auto; float:left;color:#227b91; padding-top:5px;}

.service-list-design-inner{width:240px; height:auto; float:left;}
.service-list-devlopment-inner{
	width:250px;
	height:auto;
	float:left;
}
.service-list-mobile-inner{width:238px; height:auto; float:left;}

.service-list-design-image{width:43px;height:auto;float:left;}
.service-list-design-text{
	width:187px;
	height:auto;
	float:left;
	font:Bold 16px Arial, Helvetica, sans-serif;
	color:#333;
	padding:10px 0px 12px 10px;
}
.service-list-devlopment-text{
	width:185px;
	height:auto;
	float:left;
	font:Bold 16px Arial, Helvetica, sans-serif;
	color:#333;
	padding:10px 0px 12px 10px;
}
.service-list-mobile-text{
	width:185px;
	height:auto;
	float:left;
	font:Bold 16px Arial, Helvetica, sans-serif;
	color:#333;
	padding:10px 0px 12px 10px;
}


/*portfolio Start*/

.our-work-part{width:753px; height:auto; float:left; margin:20px 0px 20px 5px;}
.our-work{ width:225px; height:auto; float:left; border-bottom:#efefef solid 1px; padding-bottom:15px; margin-right:23px; margin-top:20px; margin-bottom:20px;}
.our-work h2{ width:225px;float:left;}
.our-work p{ width:225px;float:left;font:Bold 12px Arial, Helvetica, sans-serif; color:#585656; padding-top:10px;}
.our-work p span{width:225px;float: left;font:Normal 12px Arial, Helvetica, sans-serif; color:#8d8c8c;}

/*Contact Start*/

.contact-form-part{width:748px; height:auto; float:left; margin-top:38px;}
.contact-form{width:504px; height:auto; float:left;}
.contact-form h1{font:Normal 18px Arial, Helvetica, sans-serif; color:#227b91; padding-bottom:25px;}
.contact-form h3{font:Normal 12px Arial, Helvetica, sans-serif; color:#646362;}
.contact-form h3 span{ width:100%; float:left; padding-top:8px;}
.contact-input{width:432px; height:27px; border:#eaecec solid 1px; margin-bottom:15px; }
.contact-text-area{width:432px; height:154px; border:#eaecec solid 1px; margin-bottom:15px; }
.contact-form h4{width:432px; float:left; padding-top:20px;}


.contact-address{width:244px; height:auto; float:left; margin-top:55px;}
.contact-address h1{font:Normal 18px Arial, Helvetica, sans-serif; color:#227b91;}
.contact-address p{width:242px; height:auto; float:left;font:Normal 12px Arial, Helvetica, sans-serif; color:#8d8c8c; line-height:18px; margin:0px; paddingt:12px 0px 12px 2px;}
.contact-address h3{width:242px; float:left;font:Bold 12px Arial, Helvetica, sans-serif; color:#31302f; padding-top:15px;}
.contact-address h4{width:242px; float:left;font:Bold 12px Arial, Helvetica, sans-serif; color:#227b91; line-height:24px;}

.gallery_item{ padding:0px; position:relative; overflow:hidden;}
.gallery_item img{}
.gallery_item span{ position:absolute; top:-70px; left:38%; z-index:9999;}
/*Footer Start*/
.footer-logo{
	width:240px;
	height:85px;
	float:left;
	margin-top: 10px;
}

.footer-logo2{
	width:120px;
	height:85px;
	float:left;
	margin-top: 10px;
}

.footer-menu{
	width:480px;
	height:85px;
	float:left;
	text-align:right;
	margin-top: 8px;
}
.footer-menu p{
	font:Normal 12px Arial, Helvetica, sans-serif;
	color:#333;
	line-height:18px;
}
.footer-menu p a{
	color:#333;
	padding:0px 5px 0px 5px;
	font-weight: bold;
}
.footer-menu h2{
	font:Normal 12px Arial, Helvetica, sans-serif;
	color:#ee7f24;
	padding-top:5px;
	padding-right:5px;
}