@charset "utf-8";
/* =General
--------------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; float:left; }
/* Class for clearing floats */
.clear { clear: both; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block;  /*margin-bottom:10px; */ }/* end hide from IE-mac */
.header{background:url(../img/headerbg.jpg) repeat-x left bottom; float:left; width:100%; height:100px;}
/* class for float  */
.alignleft { float:left; }
.alignright { float:right; }
.alignnone { clear:both; }
.right-align{float:right;}
img { border: 0; vertical-align:top;}
.fl{ float:left;}
/* End General
--------------------------------------------------------------------------------------------------------*/

/* =Typography
--------------------------------------------------------------------------------------------------------*/
/* Setting up the fonts */
html, body { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------------*/
h1 {}
h2{
	font-size:17px;
	line-height:22px;
	color:#FFF;
	font-weight:normal;
	width:480px;
	
	padding:10px 0px 10px 0px;
}
h2.title{
	font-size:17px;
	line-height:22px;
	color:#000;
	font-weight:normal;
	width:480px;
	
	padding:10px 0px 10px 0px;
}
h3{
font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#0a75c4;
font-weight:normal;	
}
h4{
	font-size:14px;
	color:#2b7ab2; line-height:17px;
	font-weight:normal;
	padding:0px 0px 10px 0px;
}
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Links
--------------------------------------------------------------------------------------------------------*/
a, a:link, a:visited { text-decoration:none;  }
a:hover {  }
a:active {  }
a:focus, a:hover, a:active { /* Für Firefox 3 */ outline: none; }
/* End Links
--------------------------------------------------------------------------------------------------------*/


/* =Branding
--------------------------------------------------------------------------------------------------------*/
p { color:#777474; padding:10px 0px 10px 0px; line-height:17px; text-align:justify; }
p span { color:#2382ba; padding:10px 0px 10px 0px; line-height:17px; text-align:justify; }
html, body { background:#76ABD8; }
#outer-wrapper { 
background: url(../img/bg.jpg) repeat-x left top #78add9;  /* Old browsers */
background: -moz-linear-gradient(top, /* #003764 0%, #76abd8*/ 100%); /* FF3.6+ * /
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003764), color-stop(100%,#76abd8)); /* Chrome,Safari4+ * /
background: -webkit-linear-gradient(top,  #003764 0%,#76abd8 100%); /* Chrome10+,Safari5.1+ * /
background: -o-linear-gradient(top,  #003764 0%,#76abd8 100%); /* Opera 11.10+ * /
background: -ms-linear-gradient(top,  #003764 0%,#76abd8 100%); /* IE10+ * /
background: linear-gradient(top,  #003764 0%,#76abd8 100%); /* W3C */
-pie-background: linear-gradient(top, /* #003764 0%,#76abd8*/ 100%);
behavior: url(css/pie.htc);
width:100%;

 }
#wrapper{
	width:991px; margin:0 auto;	
}
header {
 /*background: #e4eef7; Old browsers * /
background: -moz-linear-gradient(top,  #e4eef7 0%, #f8fcfd 100%); /* FF3.6+  * /
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4eef7), color-stop(100%,#f8fcfd)); /* Chrome,Safari4+ * /
background: -webkit-linear-gradient(top,  #e4eef7 0%,#f8fcfd 100%); /* Chrome10+,Safari5.1+ * /
background: -o-linear-gradient(top,  #e4eef7 0%,#f8fcfd 100%); /* Opera 11.10+ * /
background: -ms-linear-gradient(top,  #e4eef7 0%,#f8fcfd 100%); /* IE10+ * /
background: linear-gradient(top,  #e4eef7 0%,#f8fcfd 100%); /* W3C * /
-pie-background: linear-gradient(top,  #e4eef7 0%,#f8fcfd 100%);
behavior: url(css/pie.htc);
width:100%;
/*-moz-box-shadow: 5px 5px 2px #888;
-webkit-box-shadow: 1px 1px 2px #888;
box-shadow: 3px 3px 2px #888;*/
padding:5px 0px 5px 0px;
}
.inner-header{
width:991px; margin:0 auto;	
	
}
#logo { background:url(../img/logo.png) no-repeat; width:195px; height:55px; text-indent:-2000px; display:block; float:left; margin:8px 0px 0px 0px;   }
.flag-pad{
	padding:0px 5px 0px 0px;	
}
.request{
	padding:15px 0px 10px 0px;	
}
/* End Branding
--------------------------------------------------------------------------------------------------------*/


/* =Main Nav
--------------------------------------------------------------------------------------------------------*/

ul#mainNavigation {  }
ul#mainNavigation li {  }
ul#mainNavigation li a {  }
ul#mainNavigation li a:hover {  }
ul#mainNavigation li a.active {  }
.tab { background:#333333; height:37px; }
.tab li { float:left; }
.tab li a { background: #414141; padding: 10px 20px 10px 20px; float:left; border-right: 1px solid #ccf; border-bottom: none; text-decoration: none; color: #fff;font-size:17px; font-family:Arial, Helvetica, sans-serif;}
.tab li.active a { background: #adc244; color:#000000;  }
.tab li.active { background:url(../img/arrow.png) no-repeat center bottom; float:left; height:49px; }
.tab-sec{
	background:#ffffff;
	border:1px solid #d9d9d9;
	width:680px;
	float:left;
	padding:2px;
	height:auto;	
}
.tab-content{ padding:15px; }
.tab-list{
	width:216px;
	float:left;	
}
.tab-list ul{
	color:#777474;
	padding:0px 0px 0px 15px;
	
}
.tab-list ul li{
	list-style:disc;
	line-height:19px;
	
}
.request-link{
	color:#768c05;
	font-size:14px;
}


.client-txt{
	font-size:11px; padding:15px;
	color:#666666; float:left;

}
.sky-txt{
	color:#5498cf;
}
.copy{ padding:0px 0px 10px 10px; font-size:11px; color:#666;}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:972px;
		height:392px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		padding:0;
		height:28px;
		position:relative;
		bottom:22px;
		left:930px;
		width:50px;	
		}
	ol#controls li{
		margin:0 7px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		text-indent:-20000px;
		background:url(../img/slider-button.png) no-repeat;
		float:left;
		width:11px;
		height:11px;
		line-height:28px;
		color:#000000;
		padding:2px 0px 0px 0px;
		}
	ol#controls li.current a{
		background:url(../img/slider-button-active.png) no-repeat;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
	#slider{
		position:relative;
	}
	
/* // Easy Slider */

/* End Main Nav
--------------------------------------------------------------------------------------------------------*/


/* =Sub Nav
--------------------------------------------------------------------------------------------------------*/
#subNavigation { }
#subNavigation li { }
#subNavigation li a { }
#subNavigation li a:hover, #subNavigation li a.active { }
/* End Sub Nav
--------------------------------------------------------------------------------------------------------*/


/* =Main Content
--------------------------------------------------------------------------------------------------------*/
.maindiv{ background: url(../img/mainbg.jpg) repeat-y right top; float:left; width:972px; }
#content { background:#ffffff; padding:10px;}
/*#inner-content{padding:10px 0px 0px 0px;}*/
#widecolumn { padding-bottom:15px;}
#narrowcolumn { padding-top:16px; }
#narrowcolumnLeft { padding: 6px 0 0 0px; }
#narrowcolumnRight { padding-top:8px; }
aside{
	padding:5px;
	width:262px;
	float:right;
	height:405px;	
}
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =Secondary Content
--------------------------------------------------------------------------------------------------------*/

/* End Secondary Content
--------------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------------*/
footer { background:#f8f8f8; border:1px solid #e3e3e3; padding:15px 0px 0px 5px; float:left; width:964px; }
footer ul { }
footer ul li { float:left; font-size:11px; color:#666666; padding:0px 5px 0px 10px; border-right:1px solid #666666;   }
footer ul li:last-child { border-right:0;}
footer ul li a { font-size:11px; text-transform:uppercase; color:#666666; line-height:12px;  padding:0px 5px 0px 0px;   }
footer img{ float:right; padding:0px 10px 0px 0px;}
.copyscape{
	padding:4px 0px 0px 0px;
	display:block; float:right; 	
}
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =Forms
--------------------------------------------------------------------------------------------------------*/

fieldset { border: 0px solid transparent; background:#f0f0f0; padding:0; margin:0; }
fieldset p { }
fieldset label { }
fieldset .input { }
fieldset textarea { }


/* End Forms
--------------------------------------------------------------------------------------------------------*/
#container {
    margin:0px; padding:0px;
}
#container li {
    background: url(../img/expertise_icon.png) no-repeat top left;
}
.sprite_icon_1{ background-position: 0 0; width: 69px; height: 64px; float:left; } 
.sprite_icon_10{ background-position: 0 -94px; width: 69px; height: 64px; float:left; } 
.sprite_icon_11{ background-position: 0 -188px; width: 69px; height: 64px; float:left; } 
.sprite_icon_12{ background-position: 0 -282px; width: 69px; height: 64px; float:left; } 
.sprite_icon_13{ background-position: 0 -376px; width: 69px; height: 64px; float:left; } 
.sprite_icon_14{ background-position: 0 -470px; width: 69px; height: 64px; float:left; } 
.sprite_icon_15{ background-position: 0 -564px; width: 69px; height: 64px; float:left; } 
.sprite_icon_16{ background-position: 0 -658px; width: 69px; height: 64px; float:left; } 
.sprite_icon_17{ background-position: 0 -752px; width: 69px; height: 64px; float:left; } 
.sprite_icon_2{ background-position: 0 -846px; width: 69px; height: 64px; float:left; } 
.sprite_icon_3{ background-position: 0 -940px; width: 69px; height: 64px; float:left; } 
.sprite_icon_4{ background-position: 0 -1034px; width: 69px; height: 64px; float:left; } 
.sprite_icon_5{ background-position: 0 -1128px; width: 69px; height: 64px; float:left; } 
.sprite_icon_6{ background-position: 0 022px; width: 69px; height: 64px; float:left; } 
.sprite_icon_7{ background-position: 0 -1316px; width: 69px; height: 64px; float:left; } 
.sprite_icon_8{ background-position: 0 -1410px; width: 69px; height: 64px; float:left; } 
.sprite_icon_9{ background-position: 0 -1504px; width: 69px; height: 64px; float:left; } 
/*------------------------expertise start---------------------------------*/
.expertise {
	 margin:0px; margin-left:30px; width:736px; float: left; padding-top:10px;
}
ul.expertise_icon {
	list-style:none;
	margin:0px;
	padding:12px 0px 18px 15px; float:left;  *float:none; 
}

ul.expertise_icon li {
	font-size:10px;
	color:#818285;
	text-align:center;
	float:left; width:69px; height:64px;
	padding:15px 0px!important ;
	/*background:none !important;*/
	 margin-right:36px; margin-bottom:15px;
	 line-height:17px;
}
ul.expertise_icon li span {
	text-align:center; float:left; width:69px; font-size:14px;
	padding-top:59px;
}

ul.expertise_icon li.php {
	background:url(../img/expertise_icon.png) no-repeat 0px 0px;
	text-align:center; float:left; width:69px;
	padding-top:69px;
}
ul.expertise_icon li.dotnet {
	background:url(../img/expertise_icon.png) no-repeat 0px -845px;
	text-align:center; float:left; width:69px;
	padding-top:69px;
}
ul.expertise_icon li.apple {
	background:url(../img/expertise_icon.png) no-repeat 0px -940px;
	text-align:center; float:left; width:69px;
	padding-top:69px
}
ul.expertise_icon li.android {
	background:url(../img/expertise_icon.png) no-repeat 0px -1034px;
	text-align:center; float:left; width:69px;
	padding-top:69px;
}
ul.expertise_icon li.mobile {
	background:url(../img/expertise_icon.png) no-repeat 0px -1127px;
	text-align:center; float:left; width:69px;
	padding-top:69px;
}
ul.expertise_icon li.windows {
	background:url(../img/expertise_icon.png) no-repeat 0px -1222px;
	padding-top:69px; float:left; width:69px;
}
ul.expertise_icon li.flash {
	background:url(../img/expertise_icon.png) no-repeat 0px -1316px;
	text-align:center; float:left; width:69px;
	padding-top:69px;
}
ul.expertise_icon li.blackberry {
	background:url(../img/expertise_icon.png) no-repeat 0px -1409px;
	text-align:center; float:left; width:69px;
	padding-top:69px;
}
ul.expertise_icon li.joomla {
	background:url(../img/expertise_icon.png) no-repeat 0px -1503px;
	text-align:center; float:left; width:69px;
	padding-top:69px;
}
ul.expertise_icon li.modx {
	background:url(../img/expertise_icon.png) no-repeat 0px -93px;
	text-align:center; float:left; width:69px;
	padding-top:69px
}
ul.expertise_icon li.opencart{
	background:url(../img/expertise_icon.png) no-repeat 0px -187px;
	text-align:center; float:left; width:69px;
	padding-top:69px;
}
ul.expertise_icon li.phpsmarty {
	background:url(../img/expertise_icon.png) no-repeat 0px -281px;
	text-align:center; float:left; width:72px; 
	padding-top:69px;
}
ul.expertise_icon li.wordpress {
	background:url(../img/expertise_icon.png) no-repeat 0px -376px;
	text-align:center; float:left; width:72px; 
	padding-top:69px;
}
ul.expertise_icon li.zencart {
	background:url(../img/expertise_icon.png) no-repeat 0px -470px;
	padding-top:69px; float:left; width:69px;
}
ul.expertise_icon li.prestashop {
	background:url(../img/expertise_icon.png) no-repeat 0px -564px;
	text-align:center; float:left; width:69px;
	padding-top:69px;
}
ul.expertise_icon li.magento {
	background:url(../img/expertise_icon.png) no-repeat 0px -658px;
	text-align:center; float:left; width:69px;
	padding-top:69px;
}
ul.expertise_icon li.oscommerce {
	background:url(../img/expertise_icon.png) no-repeat 0px -751px;
	text-align:center; float:left; width:69px;
	padding-top:69px;
}
/*--------------------------Form------------------*/
.bg-right-part ul {
	padding:0px; /*margin:10px 10px 0 15px;*/
	margin:0px 10px 0 15px;
	list-style:none;
	clear:both;
	overflow:hidden;
}
.bg-right-part ul li {
	padding:0px;
	margin:5px 0 0 0;
	list-style:none;
	float:left;
}
.bg-right-part ul li input {
	width:130px;
}
.form-lable {
	width:60px;
	/*line-height:24px;*/
	font-size:13px; color:#000;
}

.form-input {/*background:url(../images/input-bg.gif) no-repeat left; */
	padding:4px 0px;
	height:30px;
	text-align:center;
	width:130px !important;
}
.form-input input {
	border:none;
	background:none;
	width:115px !important;
	padding:0px;
	font-size:11px;
}
.form-input-small {
	background: url(../img/bg-small-input.gif)no-repeat left;
	padding:4px 0px;
	height:24px;
	text-align:center;
	width:60px !important;
}
.form-input-small input {
	border:none;
	background:none;
	width:50px !important;
	padding:5px 0px;
	font-size:11px;
}
.form-textarea {/*background: url(../images/textarea-bg.gif) no-repeat left;*/
	padding:8px 0px; /*height:127px;*/
	text-align:center;
	width:191px !important;
}
.form-textarea textarea {/*border:none; background:none;*/
	min-width:221px !important;
	padding:4px;/* height:110px; */
	margin:4px 3px 0 0;
	font-family:Arial;
	font-size:11px; color:#999999;
}
.bg-right-part h3.hire-web-professionals {
	background: url(../img/sprit2.png) no-repeat -77px -280px !important;
	line-height:39px;
	margin:0px;
	padding:0 0 9px 8px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	border:0; /*position:relative;*/
	margin-top:1px;
}
.right-pnl h3.mypets {
	line-height:20px;
	margin:0px;
	padding:10px 0 6px 15px;
	color:#000;
	font-weight:bold;
	font-size:17px;
	border:0; /*position:relative;*/
	margin-top:1px;
}
input.w100, textarea.w100, select.w100 {
	min-width:160px !important; border:none;
	width:166px;
	margin-top:1px;
	background:#fff;/* border:0; background:none;*/
}
input[type=text], textarea, select {
	color:#666;
	font-size:11px;
	font-family:arial;
	padding:4px;
	min-width:200px;
	margin:0px;
}
.bg-small-input { /*background:url(../images/bg-small-input.gif) no-repeat;*/
	border:none;
}
.captcha {
	width:70px;
	text-align:center;
	padding-top:8px;
}
.captcha-bg img {
	border:1px solid #CCC;
	/*width:90px;*/
	height:17px
}
#captchaimgOne
{
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
	height:17px;
}
#captchaimgTwo
{
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
	height:17px;
	margin-left:-6px;
}
.submit-button {
	background:url(../img/submit.gif) no-repeat top;
	width:56px;
	height:21px;
	padding:0px;
	margin:0px;
	border:none;
	cursor:pointer;
	margin-top:15px;
}
.button {
	background:#333;
	padding:5px;
	font-size:13px; font-weight: bold;
	cursor:pointer;
	color:#FFF;
	border: none;
}
.button:hover {
	background:#333;
	padding:5px;
	font-size:13px; font-weight: bold;
	cursor:pointer;
	color:#FFF;
	border: none;
}
.clr {
	clear:both;
}
.pt {
    padding-top:8px;
}
.w476{ width:520px; margin:0px; padding:0px; float:left;}
.w418{ width:430px; margin-top:3px; padding:0px; float:right;}

.spamvbg{float:left; background:#EDEDED; padding:8px; border-radius:4px; width:215px; font-size:11px;}