@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;}

/*Site Start*/

#wrapper{ width:100%; height:auto; float:left;}
#page{ width:810px; height:auto; margin:0px auto;}
#page-inner{width:800px; height:auto; float:left; background:url(../images/content-bg.png) repeat-y; padding:0px 5px 0px 5px;}
#header{width:800px; height:auto; float:left; border-top:#27C3F2 solid 5px;}
#content{width:800px; height:auto; float:left; padding-top:55px; padding-bottom:35px;}
#footer{width:742px; height:auto; float:left; background:#27C3F2; border-bottom:#27c3f2 solid 6px; padding:24px 29px 15px 29px;}

/*Header Start*/
.menu-part{width:800px; height:53px; float:left; background:url(../images/menu-bg.png) repeat-x;}
.menu{width:732px; height:auto; float:left; font:Bold 12px Arial, Helvetica, sans-serif; color:#FFF; text-transform:uppercase;}
.menu ul li a{ background:url(../images/divater.png) right no-repeat;display:inline-block; float:left;  height:53px; color:#FFF; padding:0px 21px 0px 21px; line-height:50px;}
.menu ul li a:hover{ background:#27C3F2;}

.social-media{width:56px; 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:10px 0px 0px 10px;}
.click-connect{width:322px; height:auto; float:right;}

.banner-part,.banner-image{width:800px; height:auto; float:left;}
.banner-text{width:800px; height:auto; float:left; background:#27C3F2; padding:28px 0px 28px 0px;}
.banner-text h1{font:Bold 24px Arial, Helvetica, sans-serif; color:#FFF; text-align:center;text-shadow: 0px 1px #235DAA; 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;}

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

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

.service-design-text{width:226px;height:auto;float:left; font:Bold 16px Arial, Helvetica, sans-serif; color:#212121; 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:#212121;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:#212121;}
.service-mobile-design-text span{width:100%;float:left;font:Normal 11px Arial, Helvetica, sans-serif; color:#000;}

.divater{width:800px; 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:#212121; 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:#235DAA; padding-top:5px;}
.welcome-about h3,.welcome-support h3,.excellent h3{width:236px;float:left;font:Bold 16px Arial, Helvetica, sans-serif; color:#27c3f2; padding:15px 0px 5px 0px;}

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

.purchase-part{width:800px; height:auto; float:left;}
.purchase{width:721px; height:auto; float:left; background:#f8f8f8; border:#ebeded solid 1px; margin:0px 23px 10px 23px; padding:21px 0px 21px 31px;}
.purchase-text{width:531px; height:auto; float:left;}
.purchase-text h1{font:Bold 18px Arial, Helvetica, sans-serif; color:#212121;}
.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:31px;}


/*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:800px; height:auto; float:left; padding-top:55px; padding-bottom:35px; border-top:#eeeded solid 1px; background:url(../images/about-inner-bg.png) #FFF repeat-x;}

.about-welcome{width:800px; height:auto; float:left;}
.about-welcome-inner{width:758px; height:auto; float:left; margin:0px 21px 0px 21px;}
.about-welcome-inner h1,.meet-team h1{font:Bold 18px Arial, Helvetica, sans-serif; color:#212121;}
.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;}
.about-welcome-inner h2{width:748px; height:auto; float:left; border:#eaecec solid 1px; padding:5px; margin-top:20px; font:Bold 14px Arial, Helvetica, sans-serif; color:#212121;}

.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:758px; height:auto; float:left; margin-top:15px;}
.service-list-design{width:240px; height:auto; float:left; margin-top:20px;}
.service-list-devlopment{width:280px; 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;}
.service-list-design p a,.service-list-devlopment p a,.service-list-mobile p a{ width:100%; height:auto; float:left;color:#27c3f2; padding-top:5px;}

.service-list-design-inner{width:240px; height:auto; float:left;}
.service-list-devlopment-inner{width:280px; 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:#212121;padding:10px 0px 12px 10px;}
.service-list-devlopment-text{width:227px;height:auto;float:left; font:Bold 16px Arial, Helvetica, sans-serif; color:#212121;padding:10px 0px 12px 10px;}
.service-list-mobile-text{width:185px;height:auto;float:left; font:Bold 16px Arial, Helvetica, sans-serif; color:#212121;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:#27C3F2; 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:#27C3F2;}
.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:#27C3F2; 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;}



.facebook{ width:850px; height:auto; margin:0px auto; background:#FFF;}