@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;background-color:#25282f;font-size:16px;color:#fff;resize:none; 
outline:none; 

}
:focus {outline: none;}
img {border:none;}
a{color:#ffffff}
#wrapper{width:100%; height:100%; min-height:818px; background-image:url(../images/bg.jpg);margin:0 auto;background-position:center top;background-repeat:no-repeat}
#wrapper2{width:100%; min-height:818px; background-image:url(../images/bg3.jpg);margin:0 auto;background-position:center top;background-repeat:no-repeat}
#header{width:960px;height:176px;margin:0 auto;}
#topheader{width:960px;height:76px;}
#bottomheader{width:943px;height:64px;padding-left:17px;font-family:"HelveticaNeueCondensedBold", "Trebuchet MS", sans-serif;}
#pda{width:230px;height:76px;float:left;}
#pdalink{
  margin-left:13px;margin-top:22px;letter-spacing:0.3px;
}


#eng{width:108px;height:31px;float:right;background-image:url(../images/english.png);margin-right:270px;margin-top:21px;padding-left:8px;font-family:Trebuchet MS;font-size:12px;font-style:italic;padding-top:7px;	}
#nav{min-width:300px;height:64px;float:left;margin-top: 8px; font-family:"HelveticaNeueCondensedBold", "Trebuchet MS", sans-serif;}
#logo{width:240px;height:100px;float:right;margin-top:-12px;margin-right:6px;}
.nav{
    display:inline;margin-right:39px;font-size:24px;
font-family:"HelveticaNeueCondensedBold", "Trebuchet MS", sans-serif;
letter-spacing:0.8px;}
.clear{
  clear: both;
}
.nav a {font-family:"HelveticaNeueCondensedBold", "Trebuchet MS", sans-serif;}


#footer{
  width: 940px;
  height: 110px;
  margin: 0 auto;
  margin-top:40px;
}
#footer-telephone{
  width: 370px;
  height: 110px;
  float: left;
}
#footer-contacts{
  font-family:Arial;
  font-size:15px;
  color:#fff;
  width: 340px;
  height: 110px;
  float:left;

}
#footer-copyright{
  padding-top: 28px;
  height: 110px;
  float:left;
  font-family:"Trebuchet MS";
  font-size:15px;
  color:#858ea2;
  margin-left:37px;
 
}
#content{
  width: 940px;
  margin: 0 auto;
  margin-top: 10px;
}
#articles{
  width: 618px;
  float: left;
  background-color: #1c1e24;
  border:1px solid black;
  border-radius:10px;
  margin-top: 30px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -moz-box-shadow: 0px 10px 30px #000;
/*   -webkit-box-shadow: 0px 10px 30px #000; */


}
#sidebar{
    width:320px;
    float: left;
}
.border{
  width: 500px;
  margin: 0 auto;
  border-top: 1px solid black;
  border-bottom: 1px solid #33353a;
  margin-bottom: 20px;
    margin-top: 20px;
}
.border2{
  width: 820px;
  margin:0 auto;
  border-top: 1px solid black;
  border-bottom: 1px solid #33353a;
}
#articles-author-text{
  float: right;
  margin-right: 60px;
  margin-bottom: 20px;

}
.sidebar-title{
  font-family:"HelveticaNeueCondensedBold", "Trebuchet MS", sans-serif;
  margin-top: 31px;
  margin-bottom: 20px;
  width: 268px;
  padding-left: 20px;
  height: 28px;
  line-height:28px;
  border:1px solid black;
  background-image:url(../images/bg2.jpg);
  border-radius: 10px;
  margin-left:30px;
    border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  text-transform: uppercase;
}
#articles-topic-title{
font-family: "HelveticaNeueCondensedBold", "Trebuchet MS", sans-serif;
  width:479px;
  border:1px solid black;
  margin:0 auto;
  background-image:url(../images/bg2.jpg);
  padding-left: 20px;
  padding-top: 14px;
  padding-bottom: 18px;
  border-radius:15px;
  margin-top: -12px;
  margin-bottom: 28px;
line-height:26px;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  text-transform: uppercase;
}
.article{
  margin-left: 50px;
}
.article-title{
  padding-bottom: 10px;
  line-height:18px;
}
#all-articles{
  margin-top:15px;
  float: right;
  margin-bottom: 20px;
}
#articles-topic-author{
  width: 450px;
  margin: -10px 89px 18px;
  font-family: Trebuchet MS;
  font-size: 14px;
  color:#777777;
  font-style: Italic;

}
.articles-topic-author{
  width: 450px;
  margin-left:30px;
  font-family: Trebuchet MS;
  font-size: 14px;
  color:#777777;
  font-style: Italic;
  margin-bottom: 10px;
  margin-top: -20px;
}
.footer-yellow-text{
  float: left;
  margin-left:37px;
  margin-top:28px;

}
.footer-big-text{
  float: left;
  margin-top:24px;
  padding-left:9px;
  letter-spacing:1px;
}
#mail{
  padding-bottom:2px;
    margin-left:23px;
    padding-top: 26px;
}
#adres{
   margin-left:22px;
   padding-top:3px;
}
#backlink{
  width: 16px;
  height: 10px;
  position: absolute;
  margin-left: 22px;
  margin-top: 13px;
}
#forwardlink{
  width: 16px;
  height: 10px;
  position: absolute;
  margin-left: 581px;
  margin-top: 15px;
}
.contact-box{
  width: 313px;
  margin-top:30px;
  height: auto;
  float: left;
}
.contact-title{
  padding-left: 17px;
  padding-top: 8px;
  height: 34px;
  border: 1px solid black;
  width: 281px;
  text-transform: uppercase;
  border-radius:15px;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  background-image: url(../images/bg2.jpg);
	text-transform: uppercase;
}
#contact-title-map{
  margin-left: 14px;
}
#contact-title-form{
  margin-left: 7px;
}
#map-bg{
  width: 300px;
  height: 300px;
  border-radius:15px;
background-image:url(../images/map.jpg);
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  background-color: #1c1e24;
  margin-left: 14px;
  margin-top: 33px;
box-shadow: 0px 6px 13px rgba(0,0,0, 0.7);
-moz-box-shadow: 0px 6px 13px rgba(0,0,0, 0.7);

}
#contact-form-text{
  margin-top: 33px;
  margin-left: 28px;
  width: 298px;
}
#form-bg{
  margin-left: 8px;
  margin-top: 14px;
  width: 300px;
  height: 186px;
  background-image: url(../images/form.png);
}
#form-alert{
  width: 300px;
  height: 33px;
  margin-left: 8px;
  margin-top: 17px;
  background-image: url(../images/form/eml.png);
  padding-top: 10px;
}

#form-alert #form-email{
	padding-left: 15px;
	border:none;
	width: 280px;
	background: transparent;
	font-family: "Trebuchet MS";
	color:#fff;
	font-size: 16px;
	}


#send{
	background: none transparent;
	text-transform: uppercase;
	border:none;
  margin-left: 10px;
  margin-top: 20px;
  width: 300px;
  height: 58px;
  background-image: url(../images/send.png);
  	text-shadow: 0 1px 0 #f5d36e;
	font-family: "HelveticaNeueCondensedBold", "Trebuchet MS", sans-serif;
	font-size: 25px;
	color:#262218;
	padding-bottom: 15px;
	cursor: pointer;
}

submit{
background: none;	
	}

#adres-text{
  margin-left: 21px;
  margin-top: 32px;
}
#contact-mail{
  margin-left: 22px;
  margin-top: 9px;
}

#contact-telefon{
    margin-left: 22px;
  margin-top: 22px;
}

#textarea{
  background-color: transparent; width: 260px;height: 150px;margin-left: 25px;margin-top: 15px;border:none;
}
#nav-bottom{
  height: 33px;
  text-align: center;
  margin: 0 auto;
}
.usual{
  display: inline;
}
.usual a{
   color:#fff;
   text-decoration: none;
   padding-left: 8px;
   padding-right: 8px;
   padding-bottom: 5px;
}
.usual a:hover{
       padding-left: 7px;
   padding-right: 7px;
   padding-bottom: 5px;
   border:1px solid #000000;
   border-top-left-radius:5px;
   -moz-border-radius-topleft:5px;
   -moz-border-radius-topright:5px;
}
#linkforward, #linkforwardforward, #linkback, #linkbackback{
	padding-left: 8px;
	padding-right: 8px;	
	}

#linkforward:hover, #linkforwardforward:hover, #linkback:hover, #linkbackback:hover {
	padding-top: 8px;   
	padding-left: 7px;
	padding-right: 7px;
   padding-bottom: 5px;
   border:1px solid #000000;
   border-top-left-radius:5px;
   -moz-border-radius-topleft:5px;
   -moz-border-radius-topright:5px;
	}
.active a{
   background-image:url(../images/navbg.png);
   text-decoration: none;
   padding-left: 8px;
   padding-right: 8px;
  border:1px solid #000000;   
   border-top-left-radius:5px;
   -moz-border-radius-topleft:5px;
   -moz-border-radius-topright:5px;
    color:#1c1e24;
}
.active a, .active a:hover {
   background:url(../images/navbg.png) 0px 0px;
   text-decoration: none;
   padding-left: 8px;
   padding-right: 8px;
   border:1px solid #000000;
   border-top-left-radius:5px;
   -moz-border-radius-topleft:5px;
   -moz-border-radius-topright:5px;
    color:#1c1e24;
}

.inline{
  display:inline;
  height: 10px;
}
.inline img{
  padding-top: 4px;
}
#contact-title-adres, #contact-title-form, #contact-title-map{
  font-family:"HelveticaNeueCondensedBold", "Trebuchet MS", sans-serif;
  font-size:20px;
  font-weight:bold;
}
.main-page-content{
  width:938px;
  border:1px solid black;
  border-radius:10px;
  -moz-border-radius:10px;
  background-color: #1d1e23;
  margin-top:58px;
box-shadow: 0px 6px 13px rgba(0,0,0, 0.7);
-moz-box-shadow: 0px 6px 13px rgba(0,0,0, 0.7);
  }
  
.adv{
  width:820px;
  margin:0 auto;
}
.adv-image{
  width: 260px;
  min-height:200px;
min-height:160px;
}
.adv-text-block{
  width:460px;
line-height:20px;

  font-family:"Trebuchet MS";
  font-size:15px;
  color:#fff;

}

.adv-title{
  margin-top:40px;
  color:#f9cc06;
  font-family:"Trebuchet MS";
  font-size:18px;
  font-weight:bold;
  }
.adv-descr{
  margin-top:9px;
margin-bottom:40px;
}
.floatleft{
  float:left;
}
.floatright{
  float:right;
}
.main-page-title{
  width:788px;
  padding-top:15px;
padding-bottom:1px;
letter-spacing:0.1px;
  height:45px;
  border:1px solid black;
  margin:0 auto;
  border-radius:15px;
  -moz-border-radius:15px;
  font-family: "HelveticaNeueCondensedBold", "Trebuchet MS", sans-serif;
  font-size:27px;
  font-weight:bold;
  padding-left:27px;
  margin-top:-24px;
margin-bottom:22px;
  background: url(../images/bg2.jpg);
text-transform: uppercase;
}
#wedoit-logo{
  width:282px;
letter-spacing:0.75px;
  height:90px;
  padding-top:20px;
  background-image: url(../images/wedoit.png);
  font-family: "HelveticaNeueCondensedBold", "Trebuchet MS", sans-serif;
  font-size:26px;
  color:#25252b;
  padding-left:40px;
margin-top:37px;
text-shadow: 0px 1px #F5D36E;
-moz-text-shadow: 0px 1px #F5D36E;
}
#wedoit-text{
  width:280px;
letter-spacing:0.07px;
  font-family: "Trebuchet MS";
  font-size:18px;
  font-weight:bold;
  margin:71px 20px 61px;
line-height:23px;
}
#wedoit-button{
  position:relative;
  margin-left:91px;
  margin-bottom:100px;
  width:230px;
text-shadow: 0px 1px #F5D36E;
-moz-text-shadow: 0px 1px #F5D36E;
  padding-top:6px;
  height:38px;
  font-family: "HelveticaNeueCondensedBold", "Trebuchet MS", sans-serif;
  font-size:25px;
  color:#000;
  text-align:center;
  font-weight:bold;
  background: url(../images/zakazat.png);
}

#wedoit-button a{
  position:absolute;
  text-transform: uppercase;
  z-index:1000;
  display:block;
  width:100%;
  height:100%;
  color:#000;
  text-decoration:none;
}
.leftside{
  width:330px;
  float:left;
}
.rightside{
  width:600px;
  min-height:20px;
  float:left;
}
#iphone-big {
  width:298px;
  margin-left:18px;
  height:497px;
  margin-top:33px;
  background-repeat:no-repeat;
  background-position:center top;
  /*background-image: url(../images/iphone.png);*/
  float:left;
  position: relative;
}
.iphone-screen{
width:200px;
height:261px;
/*background-image: url(../images/tax-screen.jpg);*/
background:#FFF;
margin-left:50px;
position:absolute;
margin-top:88px;
}
#example{
width:280px;
margin-left:1px;
margin-top:145px;
float:right;
}
.example{
cursor:default;
width:270px;
padding-bottom:6px;
background:url(../images/b_topcolfont.png);
background: rgba(28, 30, 36, 0.7);
border:1px solid #3d3f45;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
margin-left:3px;
/*padding-left:18px;*/
margin-top:3px;
padding-top:6px;
margin-bottom:10px;
float:right;
}
.small-phone{
width:600px;
height:100px;
top:684px; 
position: absolute;

}
.small-phone-right{
float:left;
width:300px;
height:100px;

}
.small-phone-right{
float:right;
width:300px;
height:100px;
background: url(../images/strelka.png) no-repeat 10px 31px;
margin-right:-46px;
margin-top:35px;
letter-spacing:0.7px;
line-height:33px;
}
.example-title{
font-family: "Trebuchet MS";
font-size:18px;
color:#f9cc06;
font-weight:bold;
opacity: 1;
}
.example-content{
margin-top:5px;
font-family: "Trebuchet MS";
font-size:13px;
color:#bdbdbd;
font-style:italic;
font-weight:bold;
cursor:default;
}
.title-usual{
    color:#a7ceff;
}
.dashed{
border-bottom:1px dashed;
}
#choose-your-device{
	text-transform: uppercase;
width:260px;
font-family: "HelveticaNeueCondensedBold", "Trebuchet MS", sans-serif;
font-size:26px;
font-weight:bold;
margin-left:120px;
margin-top:-30px;
}

.smallphone{
width:70px;
float:left;
cursor: pointer;
}
.top-pointer{
width:100%;
height:5px;
background-image:url(../images/toppointer.png);
background-position:center;
background-repeat: no-repeat;
}
.mobile-icon{
width:100%;
height:37px;
background-position:center bottom;
}
.bottom-pointer{
margin-top:3px;
width:100%;
height:8px;
background:url(../images/bottompointer.png) no-repeat center;
}
.mobile-name{
text-align:center;
font-family: "Trebuchet MS";
font-size:11px;
color:#adb2bf;
margin-top:8px;
}
.iphone-icon-small{
background:url(../images/iphone-small.png) no-repeat center bottom;
}
.magic-icon-small{
background:url(../images/magic-htc.png) no-repeat center bottom;
}
.leo-icon-small{
background:url(../images/htc-leo.png) no-repeat center bottom;
}
.sony-icon-small{
background:url(../images/sony.png) no-repeat center bottom;
}
.facture{
font-size:15px;
}
#mobility{
  background: url(../images/mobility.png) 33px 73px no-repeat;
}
#usability{
background: url(../images/pero.png) 595px 20px no-repeat;
}

#convenience{
background: url(../images/samoletik.png) 51px 58px no-repeat;
}
#auditory{
background: url(../images/shlyapa.png) 621px 47px no-repeat;
}
#capabilities{
background: url(../images/globus.png) 46px 39px no-repeat;
}
.first{
margin-left:12px;
}
.second{
margin-left:10px;
}

.third{
margin-left:10px;
}
.fourth{
margin-left:10px;
}

.services-box{
box-shadow: 0px 6px 13px rgba(0,0,0, 0.7);
-moz-box-shadow: 0px 6px 13px rgba(0,0,0, 0.7);

width:298px;
height:298px;
border:1px solid black;
border-radius:10px;
-moz-border-radius:10px;
margin-right:10px;
background-color: #1c1e24;
}
#creating-app{
background: url(../images/making.png) no-repeat 15px 34px;
background-color: #1c1e24;
}
#develop-sites{
background: url(../images/kompas.png) no-repeat 15px 32px;
background-color: #1c1e24;
}
#usabil{
background: url(../images/muzhik.png) no-repeat 12px 29px;
background-color: #1c1e24;
}
.services-box-title{
font-family: "HelveticaNeueCondensedBold", "Trebuchet MS", sans-serif;
font-size:20px;
color:#fff;
text-transform: uppercase;
padding-top:9px;
margin-left:15px;
margin-top:-25px;
width:268px;
height:34px;
border:1px solid black;
border-radius:15px;
-moz-border-radius:15px;
text-align:center;
}

.move1{
background: url(../images/service-title.png) -1px -1px;	
	}
	
.move2{
background: url(../images/service-title.png) -321px -1px;	
	}
	
.move3{
background: url(../images/service-title.png) -321px -1px;
	}
	
.move4{
		background: url(../images/service-title.png) -660px -1px;
	}	
	
.move5{
background: url(../images/service-title.png) -1px -49px;
	}
	
.move6{
background: url(../images/bg2.jpg) 100px 100px;	
	}
	

.service-box-wrapper{
width:300px;
float:left;
margin-top:30px;
margin-right:20px;
}
.service-text{
line-height:23px;
margin-top:45px;
width:280px;
font-family: "Trebuchet MS";
font-size:18px;
color:#fff;
padding-left:10px;
padding-right:10px;
}
#sidebar li{
font-family: "Trebuchet MS";
font-size:13px;
font-weight:bold;
width:240px;
line-height:17px;
margin-bottom: 6px;
margin-left:30px;
}
#sidebar ul li{
list-style:none;
margin-left:10px;
}

.activepage a{
color: #f9cc06;
text-decoration: none;	
	}
	
.small-phone-left{
margin-left: 40px;	
	}
.fixer{
margin-top: -30px;	
	}
#sidebar ol{
	margin-top: -7px;
	}
	
.send2{
	width: 300px;
	text-align: center;	
	position: absolute;
	margin-top: -55px;
	text-transform: uppercase;
	margin-left: 10px;
	text-shadow: 0 1px 0 #f5d36e;
	font-family: "HelveticaNeueCondensedBold", "Trebuchet MS", sans-serif;
	font-size: 25px;
	color:#262218;
	z-index: 1;
	}
#articles-content h3 a{
    text-transform: uppercase;
    text-decoration: underline;	
}

#eml{
    width:320px;
    height:43px;
    background:url(../images/form/eml.png);
}
#msg{
    width:320px;
    height:186px;
    margin-bottom:21px;
    background:url(../images/form/msg.png);
}
#form_cont #msg {
    background:url("../images/form/msg.png") repeat scroll 0 0 transparent;
    height:186px;
    margin-bottom:21px;
    width:320px;
}
#form_cont #msg textarea {
    background:none repeat scroll 0 0 transparent;
    border:0 none;
    color:#FFFFFF;
    font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size:14px;
    height:164px;
    margin-left:9px;
    margin-top:9px;
    outline:medium none;
    width:298px;
}
#form_cont #eml {
    background:url("../images/form/eml.png") repeat scroll 0 0 transparent;
    height:43px;
    width:320px;
}
#form_cont #eml input {
    background:none repeat scroll 0 0 transparent;
    border:0 none;
    color:#FFFFFF;
    font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size:14px;
    height:21px;
    margin-left:9px;
    margin-top:10px;
    outline:medium none;
    width:298px;
}
#sendrequest {
    height:64px;
    left:729px;
    position:absolute;
    top:675px;
    width:244px;
}

#orderbutton {
    background:url("../images/orderlnk-eng.png") no-repeat scroll 0 0 transparent;
    height:64px;
    left:712px;
    position:absolute;
    top:671px;
    width:244px;
}
#orderbutton a {
    display:block;
    height:48px;
    margin-left:8px;
    width:230px;
}

#msgok {
    margin-left:20px;
    margin-top:55px;
    font-family:Trebuchet MS;
}



.mobileSCREENALL{
    position: absolute;
    background:url(../images/nphones/iphone.png);
    z-index: 100;
    width: 244px;
    height: 451px;
    left: 45px;
    top:33px;
}
.big-phone{
    position:absolute;
}