body {
font-family:Arial, Helvetica, sans-serif;
background:url("../images/main-bg.jpg") no-repeat fixed 50% 0 #4A6B00;
font-size:14px;
margin:0;
padding:0;
}

img {
border:0;
}

a {
color:#0489c1;
outline:none;
}

a:focus {
outline:none;
}

a.goExt {
background:url("../images/ext.png") no-repeat right .25em;
padding-right:13px;
text-decoration:none;
border-bottom:1px dashed #0489c1;
}

a.goMap {
text-decoration:none;
margin:-4px 0 0 6px;
position:absolute;
}

span.clients, em {
/*background:#ebf7e5;*/
font-style:normal;
}

span.clients {
cursor:help;
border-bottom:1px dotted #4A6B00
}


#global {
width:980px;
margin:0 auto;
padding:5px 0;
}

.iDS {
  color: #FFFFFF;
    float: left;
    font-family: 'HelveticaNeue-UltraLight','Helvetica Neue UltraLight','Helvetica Neue',Arial,Helvetica,sans-serif;
    font-size: 125px;
    font-weight: 100;
    margin: 0 215px -40px 0;
    text-decoration: none;
    text-shadow: 2px 2px 0 #000000;
    width: 740px}

#leftMenu {
float:left;
width:135px;
margin-top:52px;
}

#leftMenu ul {
list-style:none;
padding-top:13px;
}

#leftMenu ul li {
background:url("../images/menu-bg.png") no-repeat 0 0;
margin-bottom:10px;
height:51px;
padding:15px 0 0 8px;
}

#leftMenu ul li.act {
background:url("../images/menu-bg-act1.png") no-repeat 0 0;
}

#leftMenu ul li a {
text-decoration:none;
color:#000;
text-transform:uppercase;
font-family:Arial;
font-size:16px;
display:block;
line-height:16px;
}
#leftMenu ul li.Blog a {padding-top:6px; text-shadow:1px 1px 2px #fff}

#leftMenu ul li:hover{
background:url("../images/menu-bg-act.png") no-repeat 0 0;
}
#leftMenu ul li.act:hover {
background:url("../images/menu-bg-act1.png") no-repeat 0 0;
}
#leftMenu ul li span {
font-size:0.8em;
display:block;
text-transform:lowercase;
font-weight:300
}

#content {
float:left;
width:839px;
margin-top:-10px;
z-index:2;
position:relative;
background:url("../images/top-bg.png") no-repeat 0 0;
}

#content h1.iTitle {
font-family: Arial;
font-weight:100;
font-size:24px;
background:#fff;
z-index:2;
margin-top:20px;
padding:5px 30px 13px 40px;
}

.presentation {border:1px solid #ddd;
clear:both;
height:45px;
margin-bottom:35px;
padding-top:20px;
text-align:center;
}

/*#raq {
position: absolute;
    right: 20px;
    top: 36px;
}
*/

#raq {padding:5px 10px}

#raq a {
color: #FFFFFF;
    display: block;
    text-align: center;
	font-size: 1.05em;
	 display: block;
    font-family: Arial;
    font-weight: 100;
    line-height: 1.3em;}

#raq a:hover
{color: #ddd;}
.promo {
height:277px;
width:838px;
padding-top:20px;
overflow:hidden;
background:url("../images/promo-bg.png") no-repeat -16px 0;
border-left:1px solid #fff;
float:left;
}
.promo p.big {
font-size:280px;
letter-spacing:-1px;
right:20px;
margin-top:40px;
padding-right:0;
line-height:240px;
position:absolute;
z-index:9999;
color:#fff;
}

.promo.into {
height:30px;
background:url("../images/input-bg-act.png") repeat scroll 0 0;
border-left:41px solid #fff;
padding:0;
width:798px;
}

.promo.into h1 {
color:#fff;
font-size:32px;
font-weight:400;
padding-left:50px;
}

.promo .header ul {
float:left;
width:380px !important;
color:#999;
list-style:none;
padding-top:35px;
font-size:.95em;
margin:-15px 0 0 60px !important;
height:230px
}

.promo .header ul li {
padding-bottom:30px !important;
float:left;
width:100%;
font-family: Helvetica, Tahoma;}

.promo .header ul li div {
	color: #FFFFFF;
	margin-right: 7px;
    float: left;
    font-size: 40px;
    font-weight: 100;
	font-family:'HelveticaNeue-UltraLight','Helvetica Neue UltraLight','Helvetica Neue',Arial,Helvetica,sans-serif;
    text-align: center;
    text-shadow: 1px 1px 0 #000000;
    width: 60px;
    z-index: 999;
line-height: 20px;}
.promo .header ul li div span {display:block; font-size: 10px; font-style: normal; width: 100%; text-transform:uppercase; color:#fff;  letter-spacing: 0.1em;}
.promo .header ul li a {padding-top:0; color:#ddd; text-decoration:none; font-size:1.1em; font-weight:100}
.promo .header ul li p {font-size:0.85em; padding-top:3px}
.promo .header ul li p a {text-decoration:underline; font-size: 1em;}
.promo .header ul li p span {display:inline !important; float:none !important; color:#ddd}

.promo .header ul li a:hover {text-decoration:underline}
.promo .header ul li p a:hover {color:#ddd !important}

.promo ul {
    color: #BBBBBB;
    float: left;
    font-size: 0.9em;
    line-height: 1.2em;
    list-style: none outside none;
    margin: -20px 0 0 75px;
    padding-top: 35px;
    width: 300px;
}


.promo ul li {
    padding-bottom: 17px;
}

.promo ul li span {
display:block;
color:#777;
font-style:italic;
font-size:.95em;
}

.promo ul li a {
font-style:italics;
color:#eee;
}
.left_promo{
width:440px;
float:left;
margin: 0 10px 0 -10px;
}


.promo.into ul {
margin:0;
padding:0;
width:auto
}

.promo.into ul li {
float:left;
padding:8px 17px 7px;
margin:0
}

.promo.into ul li a {
font-size:13px;
}

.promo.into ul li.special a {
font-style:italic;
}

.promo.into ul li.active {
background:#fff;
opacity:0.6;
}


.promo.into ul li:hover a
{
color:#ccc;
}


.promo.into ul li.active a, .promo.into ul li.active:hover a {
color:#333;
text-decoration:none
}


.left_promo p{
	float:left;
}

.left_promo h2{
color: #FFFFFF;
    font-family: Helvetica, Tahoma;
    font-size: 20px;
    padding-left: 69px;
padding-top:5px;
font-weight: 200;
}

.left_promo h4{
font-size:15px;
color:#ddd;
padding-top:10px;
padding-left:67px;
-font-family:'trebuchet MS'-;
padding-top:25px;
}
.left_promo i.star{
color:#FFFFFF;
font-size:18px;
margin:0 3px;
}
.left_promo h6{
font-size:12px;
color:#aaa;
margin-top:30px;
padding-left:67px;
font-family:'trebuchet MS';
float:left;
}
.promo div.findUs {
 float: left;
    margin-left: 72px;
    margin-top: 39px !important;
    width: 390px;
}
.promo div.findUs img{
opacity:0.4;
}
.promo div span {
float:left;
padding-right:7px;
}

.promo p, .promo p a {color:#999 !important}
 
.promo div a {
margin-right:5px;
margin-top:3px;
}
.promo div a img {
}
.imgTwitter {
z-index:999;
top:10px;
left:10px;
}
.imgTwitter img{
	width:120px;
}
.contentBlock {
background:#fff;
float:left;
width:771px;
line-height:22px;
padding:40px 33px 30px 35px;
}
.contentBlock li{
	list-style:none;
}

.contentBlock h1 {
color:#4a6b00;
font-size:22px;
padding-bottom:15px;
font-weight:100;
padding-top:2px;
font-family:Arial;
}

.contentBlock h1.forTestim
{
margin:30px 0 0;
padding:0;
font-size:20px;
}

a.allTestm {
    display: block;
    float: left;
    font-size: 0.9em;
    margin-top: -29px;
}

.iLeft {
float:left;
width:485px;
}

.iRight {
float:right;
width:240px;
}
.iRight .twitter{
	width:240px;
	float:right;
	overflow:visible;
	display:block;
	margin-bottom:25px
}
.iRight .twitter ul{
	width:240px;
	float:right;
}
.iRight .twitter ul li{
list-style-type:none;
border-bottom:1px solid #F4F4F4;
color:#666;
font-size:0.9em;
line-height:1.2em;
padding-bottom:7px;
padding-top:7px;
width:240px;
float:right;
}
.iRight .twitter ul li.last {border:0}
.iRight .iWhite .iAdv{
	margin-left:5px;
}
.iRight .twitter .date{
color:#aaa;
display:block;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1.1em;
padding-bottom:3px;
}


.iAdv {
-moz-border-radius:8px 8px 8px 8px;
background:url("../images/iphone-ipad-3.png") no-repeat scroll 15px 13px #eee;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border:1px solid #d9d9d9;
float:left;
font-family:Georgia;
padding:12px 20px 19px;
width:190px;
border-radius:7px;
}
.forPr .iAdv {
float:none;
width:auto;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
}
.iWhite_ru{
	height:97px !important;
}
.iWhite .iAdv a {
color:#000000;
float:left;
font-family:'Trebuchet MS';
font-size:13px;
margin-left:88px;
line-height:1.37;
text-decoration:none;
width:119px;
}
.iWhite .iAdv a:hover{
    text-decoration:underline;
}
.lang {
position:relative;
float:right;
color:#fff;
font-size:13px;
margin:-80px 20px 0 0;
}

.lang .selected {
color:#999;
}

.lang ul li{
	list-style:none;
	float:left;
	margin-left:15px;
	color:#fff;
}
.lang ul li a{
	color:#fff;
}
.lang ul li a:hover{
	text-decoration:underline;
}
form {
float:left;
padding:0;
width:100%
}

form p {
margin-bottom:16px;
float:left;
width:347px;
}
form p.special{
width:100%;
}
form p input,form p textarea, form p select  {
color:#ddd;
font-family:"trebuchet MS";
font-size:13px;
padding:5px 7px;
width:250px;
}


form p input.iAtt
{
height:auto !important;
color:#333
}

form p select{
margin-top:2px;
margin-left: 1px;
width:258px;
border:none !important;
height:26px;
background:url("../images/main-bg.jpg") no-repeat fixed -41% -19% !important;
}

form p textarea {
height:108px;
float:left;
width:595px;
background:none;
border:none;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;}

form p label {
display:block;
font-size:13px;
height:17px;
line-height:15px;
}

form p label span {
border:none;
font-size:18px;
color:#05690e;
margin-right:3px;
background:none;
line-height:10px;
font-weight:bold
}

form p.last {
background:none repeat scroll 0 0 #FFFFFF;
margin-bottom:0;
margin-top:10px;
width:630px;
}
form p.last span {
float:left;
font-size:13px;
width:130px;
margin-top:2px;
color:#666;
}

form p input:focus,form p textarea:focus,form p .focused {
background:url("../images/input-bg-act.png") repeat 0 0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-left:1px;
width:246px;
padding-left:6px;
color:#fff;
border-radius:5px;}

form p.invalid input,form p.invalid textarea {
background:url("../images/input-bg-error.png") repeat 0 0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
margin-left:1px;
width:246px;
padding-left:6px;
color:#fff
}

form p.invalid textarea,form p .focused,form p textarea:focus {
width:595px;
}

form p.last input,form p.last input:focus {
border:0;
background:none;
color:#0489c1;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
height:30px;
width:auto;
float:right;
margin-right:10px;
cursor:pointer;
text-decoration:underline;
}

#footer {
float:left;
color:#fff;
width:880px;
font-size:12px;
line-height:20px;
background:url("../images/footer1-bg.png") no-repeat right 0;
padding:40px 30px 7px 71px;
}

#footer a {
color:#fff;
border:none;
text-decoration:underline;
}

#footer .left {
float:left;
margin-left:80px;
}

#footer .left.toLft {
margin-left:60px;
}

#footer .right {
float:right;
padding:0 0 0 80px;
width:200px;
margin-right:-25px
}

#footer .right ul {width:100px; float:left; list-style:none}
#footer .right ul li {padding-bottom:347Pxpx}
#footer .right ul li img {float:left; margin:2px 7px 0 0;}
#footer .right ul li a {font-family:trebuchet MS;}

.forContact h3 {font-size:1.3em; color:#4A6B00; padding-top:40px; font-family: Helvetica, Tahoma;
    font-weight: 300;}
.forContact form h3 {padding-bottom:13px}

.forContact .iRight p {color:#333;
font-size:0.95em;
line-height:1.4em}

.forContact .iRight p.botNo {padding-bottom:7px}
.forContact .iRight p.number {font-weight:bold; padding:7px 0;}

.forContact .iRight p span {
font-weight:bold;
display:block;
float:left;
width:60px;}

.forContact {
border-width:40px 27px 50px 40px;
border-style:solid;
border-color:#fff;
height:auto;  /* 515px; */
padding:0;
width:772px;
}


.forContact form div {float:left}

.forContact .iRight {
background:#fff;
min-height:350px;
width:260px;
padding-left:34px;
}

.forContact .iLeft {
border-right:0px solid #fff;
width:440px;
position:relative;
}

.forContact.St_Up .iLeft
{width:485px}

.forContact.St_Up h3 {padding-top:20px}

.forContact.St_Up .iRight
{width:240px; margin-top:30px}

.forContact .iLeft p{
	float:left;
}
.forContact .representatives{
	float:left;
	background:#fff;
	width:100%;
	padding-top:30px;
	font-size:13px;
}
.forContact .representatives ul li{
	float:left;
	width:300px;
	line-height:18px;
}
.forContact .representatives li span{
	float:left;
}
.forContact .representatives li h4{
	color:#4A6B00;
	font-size:18px;
	margin-bottom:15px;
	font-family: Helvetica, Tahoma;
    font-weight: 300;
}
.forContact .representatives li ul li span{
	color:#666666;
	float:left;
	font-size:12px;
}

.forContact .representatives li.name {line-height:22px}

.forContact .representatives li.name span {
	badding-bottom:10px;
	font-size:16px;
	color:#000;
}
.forContact .representatives li.name img {float:left; margin-right:15px;
/*-moz-border-radius:2px;
-moz-box-shadow:0 3px 6px rgba(0, 0, 0, 0.25);
-webkit-border-radius:2px;
-webkit-box-shadow:0 3px 6px rgba(0, 0, 0, 0.25);*/
border:2px solid #fff;
}

.forContact .representatives li.address{
	color:#666;
}
.forContact.form h1{
	background:#fff;
}
.forContact.form form{
	margin-top:0px;
}
.cont-inf{
	float:left;
	height:200px;
	width:100%;
}
.cont-inf div{
	background:url("../images/form-bg-top.png") no-repeat;
	float:left;
	height:156px;
	width:100%;
	position:relative;
}
.forContact.form form p input{
	width:253px;
}
.forContact.form form textarea{
	background:transparent;
}
.forContact.form form p{
	width:350px;
	margin-bottom:9px;
}
.forContact.form .bottom{
	background:#fff;
	float:left;
	width:100%;
	color:#666;
	font-size:12px;
	padding-top:10px;
}
.forContact.form .bottom input[type="submit"]{
	color:#0489C1;
	text-decoration:underline;
	float:right;
	width:auto;
	height:auto;
	margin-right:-2px;
	font-family:Arial,Helvetica,sans-serif;
	cursor:pointer;
}
.forContact.form .bottom input[type="submit"]:focus{
	background:none;
}
.project-desc{
	float:left;
	width:100%;
}
.project-desc div{
	float:left;
	background:url("../images/project-desc1.png") no-repeat;
	width:100%;
	height:235px;
	position:relative;
}
.forContact.form span.line{
	background:none repeat scroll 0 0 #DDDDDD;
	bottom:0;
	height:1px;
	left:0;
	position:absolute;
	width:710px;
}
.project-desc p.right{
	float:right;
	margin-right:71px;
	margin-top:-20px;
}
.project-desc span.left{
	float:left;
	width:350px;
}
.project-desc span.left select{
	width:220px;
	margin-bottom:24px;
	padding-left:5px;
	height:23px;
	margin-top:2px;
	background:none;
	border:none;
	color:#fff;
}
.project-desc span.left select option{
	background:none;
}
.project-desc span.left input[type="file"]{
	background:transparent;
	border:transparent;
	-webkit-margin-start:50px;
}
.project-desc p.right textarea{
	width:252px;
}
.project-desc h1{
	padding-top:25px;
	padding-bottom:40px;
}

.Tools {float:left; margin-bottom:30px; width:100%; border-bottom: 1px solid #f4f4f4;  padding-bottom: 15px;}

.Tools a{
   font-size:15px;
padding:2px 4px;
float:left;
margin:0 20px 10px 0;
display:block;
text-decoration:none
}


.Tools p{
	margin-left:136px;
}

.Tools h3 {
font-size:1.3em; color:#4A6B00; padding-bottom:7px;font-family: Helvetica, Tahoma;
    font-weight: 300;}


.iServ {
list-style:none;
border-top:20px solid #fff;
float:left;
}
.iServ li {
width:47%;
float:left;
line-height:20px;
margin-right:6%;
min-height: 220px;
padding:0;
}
.iServ li.last {margin:0}

.iServ li h3 {color: #4A6B00;
    font-family: Helvetica, Tahoma;
    font-size: 1.3em;
    font-weight: 300;}

.iServ li p {float:left; background:#fff; padding-bottom:20px; color:#777; font-size:0.95em}

.iServ li span {
    background: url("../images/main-bg.jpg") no-repeat fixed 0 0 transparent;
    border-radius: 16px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family:'HelveticaNeue-UltraLight','Helvetica Neue UltraLight','Helvetica Neue',Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: 100;
    margin: -7px 10px 0 1px;
    padding: 5px 10px;
}

.Proc .iServ {width:100%}

.Proc .iServ li {background:url("../images/bg-process1.png") no-repeat 0 0;  min-height: 10px;
    padding-top: 32px;
    width: 100%}
.Proc .iServ li.first {background:none; padding-top:0}
.Proc .iServ li p {padding-left:0; padding-bottom:10px; width:100%}
.Proc .iServ li h3 {padding-top:5px; background:#fff; float:none}

.weDo {
float:left;
padding-top:5px;
border-top:30px solid #fff;
background:#fff;
width:771px;
list-style:none;
margin-top:-20px;
}

.weDo li {
line-height:16px;
border-left:15px solid #ebf7e5;
color:#888;
font-style:italic;
padding:10px 0 10px 15px;
}

.contactUs {
list-style:none;

font-size:15px;
padding-left:3px;
float:left;
}

.contactUs li {
float:left;
}

.contactUs li span {
display:block;
float:left;
width:80px;
color:#666;
}
.contactUs li span.our_address {
	height:40px;
}
.contactUs li span img {
vertical-align:middle;
}

.contactUs li.sep {
border-bottom:1px solid #ebf7e5;
margin-bottom:10px;
width:223px;
}
.contactUs li.last {
	margin-bottom:20px;
}
.contactUs li.last span {
height:30px;
}

.contactUs li.findUs {
background:#ebf7e5;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin-top:20px;
height:22px;
font-size:13px;
padding:3px 5px;
clear:both;
float:none;
margin-bottom:22px;
}

.contactUs li.findUs span {
color:#111;
width:77px;
}

.contactUs li.findUs a {
float:left;
margin:3px 7px 0 0;
}
.forPr{
	background:#fff !important;
}
.forPr .infoCont {
height:auto;
background:#fff;
float:right;
width:308px;
padding-left:40px;
padding-bottom:40px
}
.detail {
	float:left;
}
.list .forPr .imgCont {
	background: url("../images/safari_bg.png") no-repeat;
	width:420px;
	height:275px;
	overflow:hidden;
}
.detail .forPr .imgCont{
	width:420px;
	margin-top:-13px
}
.list .forPr .imgCont a{
	width:403px;
	height:240px;
	overflow:hidden;
	padding:22px 0 0 6px;
	float:left;
}
.detail .forPr .imgCont a{
	height:67px;
	overflow:hidden;
	padding:0 0 0 6px;
	float:left;
}
.detail .forPr .imgCont .img-wrap{
	width:422px;
	overflow:hidden;
	float:left;
	padding:23px 0 0 0;
	background: url("../images/safari_bg_big.png") no-repeat;
}

.detail .forPr .imgCont .img-wrap img {
    border-right: 3px solid #FFFFFF;
    margin-left: 8px;
}
p.bShadow {
	background: url("../images/safari_bg_bottom.jpg") no-repeat 0 0;
	height:30px;
	margin:-22px 0 0 5px;
}

.detail .forPr .imgCont img, .list .forPr .imgCont img{
/*	width:405px;*/
	margin:0;
	position:relative;
}

.list .forPr .infoCont{
	float:left !important;
	min-height: 275px;
}
.list .forPr .infoCont li{
	width:95%;
	list-style:none;
}
.list .forPr .infoCont .first{
	padding-bottom:0;
}
.detail h2{
	font-size:24px;
	line-height:14px;
	margin-bottom:20px;
}
.detail .forPr .pag{
	margin-top:0;
height:85px
}

.detail .iWe{
	height:38px;
	float:left;
}
.detail h1, .person h1 {
	padding-bottom:0px;
}
.detail .date, .person .date{
	font-size:12px;
	color:#bbb;
}
.detail ul li{
	list-style-type:none;
}
.detail .prList{
	border-bottom:0;
}
.detail .iWe a{
	float:left;
}
.detail .iWe img{
	padding-right:15px;
	width:auto;
	height:120px;
}
.detail .infoCont li{
	margin-bottom:20px;
	width:95%;
}

.person_links a, li.forTech, li.forTech a {font-size:13px}

li.forTech span {font-size:14px}

.person_links a {text-transform:lowercase}

.detail .iWe .profiles, .person .iWe .profiles {
	width:16px;
	margin-right:5px;
}
.detail .iWe .profiles img, .person .iWe .profiles img{
	width:16px;
}
.detail .infoCont span, .person .infoCont span{
	color:#999;
	float:left;
	margin-right:10px;
}
.detail .team{
	float:left;
	margin-top:-3px;
}
.detail .team li{
	float:left;
	width:58px;
	margin-bottom:0;
	padding-bottom:0;
}
.detail .team li img{
	padding:0;
	margin-right:10px;
}
.detail .page{
	color:#4A6B00;
	font-weight:bold;
	font-size:13px;
	margin-right:15px;
	float:right;
}
.detail .links a{
	color:#4A6B00;
}
.detail .links{
	margin:40px 0 -30px;
	float:left;
	width:770px;
}
.detail .page a{
	color:#4A6B00;
	font-weight:lighter;
	margin-left:7px;
}
/*.person .imgCont img{                                */
/*    width:200px !important;                          */
/*    -moz-box-shadow:0 3px 6px rgba(0, 0, 0, 0.25);   */
/*    -webkit-box-shadow:0 3px 6px rgba(0, 0, 0, 0.25);*/
/*    -moz-border-radius:7px;                          */
/*    -webkit-border-radius:7px 7px 7px 7px;           */
/*    border:7px solid #fff;                           */
/*}                                                    */
.person .imgCont{
 margin-bottom: 25px;
    margin-right: 25px;
    text-align: center;
    width: 300px !important;
}

.person .team{
	float:left;
	margin-top:10px;
}
.person_links span {float:none !important; display:block;}

.person .team li{
	float:left;
	width:220px;
	list-style-type:none;
	margin-right:25px;
}
.person .iWe {
	height:50px;
	float:right;
}
.person .iWe a{
	float:left;
}
.person .iWe img{
	margin-right:15px;
	width:48px;
	height:auto;
	-moz-border-radius:2px;
	-moz-box-shadow:0 3px 6px rgba(0, 0, 0, 0.25);
	-webkit-border-radius:2px;
	-webkit-box-shadow:0 3px 6px rgba(0, 0, 0, 0.25);
border:2px solid #fff;
border-radius:2px;
}
.person .forPr .infoCont{
	width:430px;
	padding-left:0;
}
.person .prList{
	border-bottom:1px solid #E5E5E5;
	margin-bottom:30px
}


.person .person_links ul{
	float:left;
	margin-top:10px;
}
.person .person_links li{
	float:left;
	list-style:none;
	width:200px;
	padding-bottom:5px !important;
}


.person .person_links li img{
	margin-right:5px;
	margin-bottom:-4px;
}
.person .infoCont li{
	float:none;
	padding-bottom:20px;
}
.person h2{
	font-size:24px;
	line-height:14px;
	color:#000;
}
.person p{
	color:#000;
}
.forPr .imgCont {
float:left;
width:410px;
position:relative;
}

.forPr .imgCont img {
/*position:absolute;*/
margin:0 15px 9px 15px;
/*width:370px;*/
}
.forPr .infoCont li.url{
	font-size:12px;
	padding-bottom:0;
	margin-bottom:0;
	width:310px;
}

.forPr .imgCont.withoutLink img {
cursor:auto;
}

.prList {
float:left;
border-top:40px solid #fff;
border-bottom:1px solid #f4f4f4;
}


#pos_4 .prList, #pos_9 .prList {border-bottom:0}

div.other {padding-top:25px; clear:both;}
div.other h3 a {font-size:15px; line-height:14px;}
div.other li {padding-bottom:15px; clear:both}
div.other li p {font-size:13px; color:#666}

.pag {
background:#fff;
height:22px;
margin-top:254px;
padding:5px 0 0;
}

.pag ul li {
float:left;
width:104px;
}

.pag ul li a {
display:block;
cursor:pointer
	}

.pag ul li a img {
	width:100px !important;
	height:auto  !important;
	position: relative  !important;
	opacity:0.4;
	margin-top:5px !important;
	border:1px solid #ddd;
}
.detail .pag .active-screen img{
	opacity:1;
}
.pag ul li:hover a img, .pag ul li.active a img
{
	opacity:1
}
.pag ul li.active a img {
	border:1px solid #4A6B00;
}

ul.infoCont li {
line-height:20px;
padding-bottom:5px;
float:left;
}
ul.infoCont li.first {
padding-bottom:12px;
}

ul.infoCont li.first h2 {
font-size:22px;
line-height:25px;
margin-bottom:7px;
}

ul.infoCont li.first span {
color:#aaa;
font-size:12px;
}
ul.infoCont p.little{
	color:#999;
	font-size:12px;
}
ul.infoCont li em {
padding:0 3px;
}

ul.infoCont li p {
color:#444;
font-size:13px;
padding:10px 0 0;
}

.iWhite {
background:#fff;
float:left;
display:block;
margin-top:25px
}

.rShadow {
position:relative;
padding-right:5px;
background:url("../images/corn-top-right-bg.png") repeat-y right 0;
float:left;
}


div.addPrs {padding:8px 0;  background:url("../images/main-bg.jpg") no-repeat fixed 50% 0;
margin:30px 0;
text-align:center;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
width:240px;
float:right;
color:#fff;
line-height:25px;
display:none !important}


div.addPrs.Join {display:block !important; float:left !important}

.en div.addPrs 
{display:block}
div.addPrs.hm {margin-top:2px}

div.addPrs a {font-size:1.35em; color:#fff; text-transform: lowercase;}
div.addPrs p {color:#fff !important; line-height: 25px;}
div.addPrs span {opacity:0.85; }

p.confirmation {
background:none repeat scroll 0 0 #FFFFFF;
display:none;
height:459px;
padding-top:20px;
/*position:absolute;*/
width:100%;
}

p.confirmation span {
display:block;
width:100%;
text-align:center;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:1px solid #CCE8BE;
background:#ebf7e5;
padding:6px 0;
}

p.confirmation span a {color:#4A6B00}

.forPr p.confirmation {float:left; height:auto}

.iWe {
padding-top:10px;
width:100%;
float:left;
height:113px;
}
.iWe span{
float:left;
display:block;
width:200px !important;
}
.iWe img {
float:left;
width:60px;
margin-right:20px;
-moz-border-radius:2px;
-moz-box-shadow:0 3px 6px rgba(0, 0, 0, 0.25);
-webkit-border-radius:2px;
-webkit-box-shadow:0 3px 6px rgba(0, 0, 0, 0.25);
border:2px solid #fff;
border-radius:2px;
}

.iWe a {
font-size:12px;
}
.iWe .name{
	font-size:15px;
}
.iWe a img {
float:none;
vertical-align:middle;
padding-right:0;
margin-right:0;
border:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}

.iWe strong {
display:block;
padding-bottom:4px;
}

.weProv {
clear:both;
color:#999;
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.1em;
margin:7px 50px;
display:block
}

.St_Up .weProv{
padding-top:10px;
padding-left: 150px;
font-size: 1.15em;}

.St_Up .weProv span {
color:#666}

.team_content{
	background: #fff repeat-y 0 17px;
	width:771px;
	overflow:hidden;
	position:relative;
	float:left;
}
.team_content h1{
	background:#fff;
}
.staff {
	margin-top:30px;
	width:760px;
	height:auto;
	overflow:visible;
	position:relative;
}
.staff ul{
	padding-left:24px;
	width:760px;
	height:auto;
	list-style-type:none;
}
.staff ul li {
	float:left;
	width:140px;
	margin-left:30px;
	margin-right:80px;
	margin-bottom:50px;
	position:relative;
	height:160px;
	-moz-box-shadow:0 3px 6px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:0 3px 6px rgba(0, 0, 0, 0.25);
}
.staff_c{
	clear:both;
}
.staff div{
	background:#fff;
	height:25px;
	width:140px;
	position:relative;
	margin-top:-7px;
	text-align:center;
	font-family:'trebuchet Ms';
	font-size:12px;
}
.staff p{
	width:170px;
	height:168px;
	display:block;
	margin-bottom:6px;
}
.staff p:hover{
	width:170px;
	height:168px;
	display:block;
	position:relative;
}
.staff a.face{
	width:140px;
	height:140px;
	float:left;
}
.staff a{
	color:#000;
	display:block;
}
.staff div.name a{
	height:25px !important;
}
.staff a:hover{
	display:block;
}
.staff img:hover{
	width:120px;
	height:120px;

}

.staff img{
	height:120px;
	width:120px;
	border:10px solid #fff;
}
.staff div a{
	color:#000;
	text-align:center;
	width:140px;
	height:130px;
}
.staff div.fade{
	position:absolute;
	left:0;
	top:0;
	width:140px;
	height:140px;
	margin-top:0;
	padding-top:0;
}
.staff div.fade div.blur{
	position:absolute;
	top:0;
	left:0;
	display:none;
	width:140px;
	height:140px;
	margin-top:0;
	padding-top:0;
}
.staff div.name{
	float:left;
}
.forFlickr {
float:right;
background:#fff;
width:240px;
position:relative;
z-index:111;
margin-top: 7px;
}



.forFlickr ul li{
	list-style-type:none;
	float:left;
	width:77px;
	height:77px;
	margin-right:3px;
	margin-top:3px;
	overflow:hidden;
}
.forFlickr ul li img{
	width:140px;
}
.forFlickr h2 {
padding-bottom:5px;
}
.promo div.findUs a:hover img,.contactUs li.findUs a:hover img,.forFlickr h2 a img,.forFlickr a:hover img{
opacity:1;
}
.forPr {
background:none;
border:solid #fff;
border-width:40px 27px 40px 41px;
padding:0;
}
.About .iRight h1,.forPr h1 {
background:#fff;
}
.Tools ul,.pag ul,ul.infoCont {
list-style:none;
}

.contactUs li.findUs a img,.forFlickr a img {
opacity:0.6;
}


.last_project{
	right:-20px;
	top:-20px;
	z-index:-1;
	position:relative;
	overflow:hidden;
-moz-transform:rotate(-5deg);
-webkit-transform:rotate(-5deg);
-o-transform:rotate(-5deg);
}

.last_project img{
width:380px;
}

a.GoOUT {
	display:block;
	position:absolute;
	z-index:10;
	width:380px;
	height:295px;
	top:80px;
	right:0;
 text-decoration: none;
}

.last_project a:hover div span{
	opacity:1;
}
.last_project div{
	padding-left:43px;
	width:331px;
	float:left;
}
.last_project div span.name{
	float:left;
}
.last_project div span.date{
	float:right;
}
.blog{
	width:500px;
	height:auto;
	color:#666;
	font-size:0.9em;
	float:left;
}
.blog .header{
	font-weight:bold;
}
.blog .date{
	color:#AAAAAA;
	display:block;
	font-size:0.8em;
	padding-bottom:3px;
}
.blog div{
	border-bottom:1px dotted #f4f4f4;
	height:auto;
	width:500px;
	margin-top:10px;
}
.blog .last{
	border:none;
}









div.fileinputs {
	position: relative;
	float:left;
height:30px;
width:300px;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	opacity:0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

 input.file.hidden {
opacity:0;
position:relative;
text-align:right;
z-index:2;
}
 input.file {
margin:0;
width:300px;
}
div.fakefile {
left:0;
line-height:90%;
margin:0;
padding:0;
position:absolute;
top:0;
width:350px;
z-index:1;
}
div.fakefile input {
float:left;
margin-bottom:5px;
margin-left:0;
}
input {
background:url("pix/input_boxes.gif") no-repeat scroll 0 -58px transparent;
border:medium none;
height:20px;
padding-left:3px;
padding-top:3px;
width:241px;
}

.gmnoprint input {width:auto}
div.fakefile {
line-height:90%;
}



.Testimonials {padding:30px 0}
.Testimonials h3 {color: #4A6B00;
    font-family: Arial;
    font-size: 18px;
    font-weight: 300;
}
.Testimonials li {padding-bottom:25px; float:left; margin-bottom:25px; border-bottom:1px solid #f4f4f4}
.Testimonials li div {float:left; width:200px; padding-right:20px}
.Testimonials li div span {font-size:13px; line-height:17px}
.Testimonials li div span a {display:block}
.Testimonials li p {float:right; width:540px; color:#999; font-size:13.5px}
span.zoom {
color:#999;
font-size:150%;
font-style:italic;
line-height:14px;
margin:2px 0 0 -10px;
position:relative;
padding-right: 3px;}
span.zoom.rgh {margin-left:0}

.Testimonials.toHome {padding:15px 5px 15px 25px}
.Testimonials.toHome li {border:0; margin:0; padding-bottom:10px}
.Testimonials.toHome li div {float:right; width:auto; text-align:right; padding-right:0;padding-top: 25px;}
.Testimonials.toHome li p {width:auto;font-style:italic; text-align: justify;}
.imgCont .Testimonials.toHome {    clear: both;
    padding: 50px 70px;
    position: relative;
    text-align: justify;
    width: 620px;}
.imgCont .Testimonials.toHome li p {font-size:0.95em; padding-bottom: 10px;}
.Testimonials.toHome h3 {font-size:1.1em; padding-bottom:0}
.Testimonials.toHome li div span a {display:inline; float:none !important;}
a.allTest {font-size:0.9em}

ul.iJob {padding:10px 20px 0; color:#777}
ul.iJob li {list-style:circle outside; padding-bottom:10px; font-size:13px;
line-height:18px;}

ul.iJob.startup {padding:0;color: #444;}
ul.iJob.startup li {list-style:none; padding-bottom:0px; font-size:13.5px}
ul.iJob.startup li ul {padding-left:70px}
ul.iJob.startup li ul li {list-style: circle outside none;
    padding: 10px 0 5px 5px;}

.process {background:#EBF7E5; padding-bottom:10px; margin-top:7px}
.process li {
list-style:disc outside none;
margin-left:30px;
padding:5px 5px 0;
font-size: 0.95em;}

.St_Up .process li {color:#444}
.St_Up .process li b {display:block; color:#000}


#map {width: 470px; height: 370px}

.bgNone, .cServ {background:none; border:41px solid #fff; border-right:27px solid #fff; padding:0}
.cServ .iRight {background:#fff; border-left:3	0px solid #fff; height:962px; border-left:30px solid #fff}
.cServ .iLeft {width:501px}
.bgNone h1, .bgNone p, .cServ .iLeft h1, .cServ .iLeft p  {background:#fff}
.cServ.Proc .iRight {height:1201px}
.bgNone form p {background:none}
.bgNone form p.iAtt {background:#fff; margin-bottom:0; height:57px}

.en .cServ .iRight {height:963px;}
.en .cServ.Proc .iRight {height: 1141px;}

.bgNone form {background:url("../images/bg-request.png") repeat 0 0;}
.copy {clear:both;
color:#ddd;
font-size:0.95em;
padding-left:67px;
padding-top:40px;
text-align:center;}

.allTeam {margin:80px 0 50px 50px; position:relative; clear:left; height:240px}
.allTeam ul li {float:left; position:absolute; width:100px; margin:0 -13px}
.allTeam ul li a img {height:250px; position:relative}
.allTeam ul li:hover {z-index:10}
.allTeam ul li.people9 {left:645px}
.allTeam ul li.people7 {left:585px}
.allTeam ul li.people5 {left:520px}
.allTeam ul li.people3 {left:427px}
.allTeam ul li.people2 {left:355px}
.allTeam ul li.people1 {left:278px}
.allTeam ul li.people4 {left:190px}
.allTeam ul li.people6 {left:118px}
.allTeam ul li.people8 {left:45px}
.allTeam ul li.people9 .popup {margin-left:-25px}
/*.allTeam ul li.people5 {margin:0 0 0 -15px}
.allTeam ul li.people6 {margin:0 -15px 0 0}*/
.allTeam ul li.people1 a img, .allTeam ul li.people2 a img {z-index:10; height:280px;}
.allTeam ul li.people3 a img, .allTeam ul li.people4 a img {z-index:8; height:265px;}
.allTeam ul li.people5 a img, .allTeam ul li.people6 a img {z-index:6; height:250px;}
.allTeam ul li.people7 a img, .allTeam ul li.people8 a img {z-index:4; height:235px;}
.allTeam ul li.people9 a img, .allTeam ul li.people10 a img {z-index:2; height:220px;}


.allTeam.Detail {margin:50px 0 0 20px; height: 125px}
.allTeam.Detail ul li {left: auto; margin: 0 10px; position: relative; width: 55px;}
.allTeam.Detail ul li a img {height:140px !important}
.allTeam.Detail ul li.active a img {/*height:150px !important; margin-top:-25px;*/ opacity:0.25}



/* clients map */
.map {
    width:760px;
    height:320px;
    padding-top:30px
}
.sandwich {
    position:absolute;
    width:760px;
    height:390px;
    /*float:left;*/
}
#world {
    z-index:1;
}
#clients {
    z-index:2;
}
#mouse_movements {
    z-index:3;
}
/*
area {
    border:1px solid red;
*/
.germany {
    position:absolute;
    top:73px;
    left:385px;
}
.spain {
    position:absolute;
    top:102px;
    left:322px;
}
.usa {
    position:absolute;
    top:33px;
    left:0px;
}
.brazil {
    position:absolute;
    top:201px;
    left:181px;
}
.russia {
    position:absolute;
    top:3px;
    left:421px;
}
.norway {
    position:absolute;
    top:31px;
    left:381px;
}
.ireland {
    position:absolute;
    top:74px;
    left:344px;
}
.great_britan {
    position:absolute;
    top:59px;
    left:348px;
}
.switzerland {
    position:absolute;
    top:90px;
    left:383px;
}
.ukraine {
    position:absolute;
    top:80px;
    left:427px;
}

.popup p {
    margin-left:0px;
}
.iWe span.popup {width:auto !important;}
.iWe span.popup.tools {	width:250px !important;}

.allTeam span.popup {width:160px; font-family: arial; line-height:1.7em}
span.popup b { color: #bbb;
    display: block;
    font-size: 11px;
    font-weight: normal;
font-family: arial; }
 
.popup {
    position:absolute;
    background:#000;
    color:#fff !important;
    padding:3px 15px;
    font-size:13px;
    font-weight:normal;
    font-family:"trebuchet MS";
    letter-spacing:1px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    text-align:center;
    filter: alpha(opacity = 8);
    opacity:0.8;
}

.popup.tools {
    filter: alpha(opacity = 90);
    opacity:0.9;
    letter-spacing:0;
    text-align:justify;
    width:250px;
    padding:10px 15px;
}

.active .popup {display:none !important}

.Tools a.Openlayers, .Tools a.PayPal {margin-top:2px; margin-bottom:8px}
.Tools a.PayPal {margin-right:10px}
.Tools a.Twilio {margin-top:2px}
.Tools a.Github, .Tools a.Mapnik, .Tools a.Nginx {margin-top:3px}
a.Bitbucket, .Tools a.Trac, .Tools a.Tornado, .Tools a.Linkedin {margin-top:4px}
.Tools a.Git, .Tools a.Twitter, .Tools a.XML {margin-top:5px}
.Tools a.GeoServer, .Tools a.MapProxy, .Tools a.Membase {margin-top:6px}
a.Sphinx, .Tools a.GeoDjango, .Tools a.Codebase {margin-top:7px}
.Tools a.Redmine, .Tools a.Basecamp {margin-top:10px}

.Tools a.Riak, .Tools a.Flickr {margin-top:-3px}
.Tools a.Python {margin-right:10px}
.Tools a.Bash, .Tools a.JavaScript, .Tools a.Tilecache {margin-left:-15px}
.Tools a.TMS {margin:0 -5px 0 -15px}  
.Tools a.WFS {margin-left:-25px}


.prList ul.infoCont li em {color:#000; padding:0}
.imgOS {position:absolute; left:40px}
.openSource {padding-left:110px; width:600px; border-top-width: 20px;}
.openSource .infoCont {min-height: 0 !important; width:640px; padding:0 0 20px 20px}
.openSource .infoCont li {line-height: 18px;}
.openSource h2 {margin-bottom:0 !important}
.openSource h2 a {text-decoration:none; font-size:20px; color: #4A6B00}
.os_desc { margin-bottom: 10px; padding: 20px 0 30px; color:#888; border-bottom: 1px solid #ddd;}
.os_link img {float:left; margin:0 20px 40px 0}


@-moz-document url-prefix() {
 .cServ .iRight {height:982px}
.en .cServ .iRight {height:983px}
.cServ.Proc .iRight {height:1221px; margin-bottom:-50px}
.en .cServ.Proc .iRight {height:1159px}
form p select option {background:#fff; color:#333}
}

.iFriend {
 clear: both;
    float: left;
    margin: 5px 0 0;
    width: 100%;
}

.iFriend ul {
    text-align: center;
	padding-top:15px;
    overflow: hidden;
	height: 35px;
}

.iFriend ul li {
    border-right: 1px solid #eee;
    float: left;
    margin-right: 15px;
    padding-right: 15px;
}

.iFriend ul li.last {
    border: medium none;
    margin-right: 0 !important;
    padding-right: 0;
}

.iFriend.full {margin:25px 0 0}

.iFriend.full ul {
    overflow: visible;
	height: auto;
	padding:0;
}
.iFriend.full ul li {width:350px; padding:5px 0; margin:12px 65px 20px 0; border:0; text-align:left; text-align: justify;}
.iFriend.full ul li.last {margin-right:0}
.iFriend.full ul li img {height:40px}
.iFriend.full ul li h3 { color: #4A6B00;
    font-family: Arial;
    font-size: 18px;
    font-weight: 100;
 padding-bottom: 5px;}
.iFriend.full ul li p {color:#444; font-size:13.5px}
.toURL {float:right; font-size:0.9em; margin-top:23px; line-height:1}

.iFriend.full ul li div {    color: #999999;
    font-size: 13px;
    line-height: 1.5;
    padding-top: 5px;
    text-align: right;}
.iFriend.full ul li div h4 {color:#4A6B00; line-height:16px; padding-top:5px;}
.iFriend.full ul li div h4 span {color:#333; display:block}
.iFriend.full ul li div p {font-style:italic; color:#999; line-height:20px; margin: 0 5px}
.iFriend.full ul li div a {padding-left:5px; display:inline-block}


.Twitter img {width:100px}
.Creative ul {width:105%}
.Creative li {position: relative;   float: left;
    margin: 0 28px 18px 0;
    width: 237px;}
.Creative li h2 { background: url("../images/bg-black.png");
      bottom: 7px;
    left: 1px;
    padding: 2px 10px;
    position: absolute;
    width: 217px;}
.Creative li h2 a {text-decoration:none; color:#ddd; font-size: 0.85em;}
.Creative li.last {float:right; float: right; width: 370px;}
.Creative li img {width:237px; border:1px solid #ddd; box-shadow:1px 1px 3px 1px #ddd;}

.Creative li:hover h2 a {color:#fff}
.Creative li:hover img {border:1px solid #aaa; box-shadow:1px 1px 3px 1px #ccc;}

.detail .forPr .imgCont.Creative {width:760px}
.detail .forPr .imgCont.Creative li {margin:0 1px}
.detail .forPr .imgCont.Creative .img-wrap img {border:1px solid #aaa; max-width: 760px;}
.detail .forPr .imgCont.Creative .img-wrap {background:none; width:100%; text-align:center; padding:0}


.promo .left_promo ul 
{    margin: -20px 0 0 72px !important;
    list-style: inside;
}

.left_promo ul li {	
	color:#eee;
	padding-bottom:12px !important;
	font-family: 'HelveticaNeue-UltraLight','Helvetica Neue UltraLight','Helvetica Neue',Arial,Helvetica,sans-serif;
	font-size: 14px;
    font-weight: 100;
    letter-spacing: 0.1em;}

a.GoOUT.for-startups {left:0; top: 100px;
    width: 290px;height: 215px;
    left: 55px;
}

/* NY*/
.NY .GoOUT {display:none}
.NY .left_promo {width:100%}
.NY .last_project {left:45px;
-moz-transform:rotate(0);
-webkit-transform:rotate(0);
-o-transform:rotate(0);

}
.NY .last_project img {width:803px;  margin-top: -45px;}
p.NYP {color: #FFFFFF !important;
    font-family: Helvetica, Tahoma;
    font-size: 13.5px;
    font-weight: 100;
    line-height: 1.4;
    margin: -91px 10px -17px 47px;
    padding: 2px 10px;
    position: absolute;
    text-shadow: 1px 1px 0 #000000;
    width: 781px;
    z-index: 9;}
p.NYP span { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    height: 33px;
    line-height: 1em;
    margin: -7px 0 0 -10px;
    position: absolute;
    width: 794px;
    z-index: -1;}

.pony {position:absolute; right:5px; top:-45px}

#content #raq {display:none}

#popupNY {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.87); width:100%; height:300%; position:fixed; z-index:999; top:0; left:0; padding:25px 0; text-align:center; display:none}
#popupNY h2 {font-size:3em; font-family:'HelveticaNeue-UltraLight','Helvetica Neue UltraLight','Helvetica Neue',Arial,Helvetica,sans-serif; font-weight:100; color:#fff; letter-spacing: 0.05em; padding-bottom:20px}
#popupNY img {border:1px solid #fff;  box-shadow: 0 0 15px #fff;}
#popupNY p {width:700px; margin:20px auto 0; color:#fff; padding-top:20px;    font-family: Helvetica, Tahoma;
    font-size: 15px;
    font-weight: 100;
    line-height: 1.4;
}

.iFriend ul li:last-child {border:0; margin-right:0}

.pos_System .imgCont, .pos_System .img-wrap {background:none !important; height:330px !important; padding:0 !important}
.pos_System .imgCont a {height:350px !important; padding:0 !important}
.pos_System .bShadow {display:none !important}

#content h1.iTitle a {float:right; font-size:13.5px;
    margin-top: 12px;
    text-transform: lowercase;}

#content h1.iTitle a:hover {color:#d00}