body {height: 100%; width: 100%; margin:0; padding:0; font-family: Georgia, "Times New Roman", Times, serif; background:#fcfcfc; line-height:1.1em}
img { border:0}
p, ul, h1, h2, h3, h4 { margin:0; padding:0;list-style:none}
a {color:#0973aa; outline: none}
a:hover, a:visited, a:active {outline: none}

#joinUs { float: right; padding:2px 15px 5px; background:#e2a923; margin:10px 0}
#joinUs a { color:#fff; font-family:"trebuchet MS"}

#YMapsID { height:205px; margin:20px 0; border:1px solid #aaa}
.YMaps-b-balloon-content div { font-weight:bold}
#global { margin:0 auto; width:100%; min-width:996px; max-width:1440px; background: url(../images/bg-spec1.png) repeat-x 0 83px; overflow:hidden; position:relative}
.left { width:35%; float:left; margin-left:10%}
.right { float:right; margin-right:10%; width:42%} 

#content { padding:30px 0; color:#333; font-size:0.8em; background:#fcfcfc url(../images/bg-container.gif) repeat-x 0 0; float:left; width:100%}
.iOrder h1, #content h1 { color:#2f3540; font-size:1.8em; font-weight:normal; margin-bottom:30px}

.home #content {font-size:0.95em}

.leftBlock { float:left; width:60%; margin-left:50px; font-size:1.15em; line-height:1.3em; font-family:Georgia, "Times New Roman", Times, serif }
.rightBlock { float: right; width:30%; }
.leftBlock h2 { margin:20px 0 5px; font-weight:normal; font-size:1.4em}

.promo { clear:both; height:367px; margin:0 auto; overflow:hidden; width:980px}
.promo h2 a {color:#fff; font-weight:normal; text-decoration:none; display:block; margin-top:15px}
.promo .linkGo {color:#ffb300; display:block; margin-top:30px; font-size:0.8em}
.promo a.toEx {display:block; float:left; margin:0 75px; background: url(../images/promo-shadow.png) no-repeat 0 bottom; padding-bottom:33px }
.promo a.toEx img {width:354px; height:284px}
.promo .bord {width:9000px; height:378px}
.promo .bord div { color:#ccc; display: block; float:left; width:980px; padding-top:35px}
.promo .bord div p {font-size:0.85em; padding-right:100px; padding-top:20px; font-style:italic; line-height:1.25em}
.promo .bord div p a {color:#fff}

#header .promo .bord div.last img { margin:-65px 0 0 0; float:right !important;}
#header .promo .bord div.last h2 { font-size:2.5em; font-weight:normal; color:#fff; font-style: italic; padding:30px 47% 0 10%; line-height:1.3em}
#header .promo .bord div.last h2 span {display:block; text-align:right}
#header .promo .bord div.last div {float:none; }

#header .promo .bord div.last .makeOrder {position:static; color:#ffb300; font-style:italic; float:right; margin:40px}



#toL, #toR {position:absolute; display:block; width:18px; height:56px; text-decoration:none; top:220px; z-index:999}
#toL {background: url(../images/arrow-l.png) no-repeat 0 0; left:7%}
#toR {background: url(../images/arrow-r.png) no-repeat 0 0; right:7%}
#toL:hover, #toR:hover {opacity:0.8} 


/* header */
#header { height:76px; padding-top:7px /*background: url(../images/bg-head-home.png) 0 -20px*/}
#header img { float:left; margin-left:7%}
#header ul { text-align:right; padding:20px 4% 0 0;}
#header ul li { display: inline; margin:10px 0.5% 0; text-align:center; padding:17px 1.1% 4px 15px; color:#777; font-family: "Trebuchet MS"}
#header ul li a { color:#000}
#header ul li:hover a { color:#0973AA}
#header ul li.active a {color:#666; text-decoration:none}
#header ul li.blog a {color:#0973AA}
#header ul li.spec a {color:#4A6B00}


.special {display:none; position: relative; background: url(../images/bg-spec1.png) repeat-x 0 100%; width:100%; min-width:980px; color:#fff; text-align:center; margin-bottom:5px; margin-top:-93px}
.special p { padding-top:25px; background: url(../images/corner.png) no-repeat 100% 0; height:70px; line-height:2.1em; color:#d7d7d7; font-style:italic; word-spacing:0.2em;}
.special p span {color:#fff; font-size:2.5em}
.special div {background:url(../images/bg-menu-spec.png) no-repeat 50% 100%; position:absolute; z-index:999; right:4%; top:75px; width:50px; height:32px; margin-right:65px}
.blockBL {background: #fcfcfc; clear:both; height:70px; background:#fcfcfc url(../images/bg-container-top.gif) repeat-x 0 100%; height:76px; padding-top:7px;}

/* Menu L2 */

#menuL2 {padding:6px 50px 10px 40px; height:25px }
#menuL2 ul li { float:left; margin-right:20px; padding:3px 12px 4px}
#menuL2 ul li a { color:#ccc; font-family:"Trebuchet MS"; font-size:0.9em}
#menuL2 ul li a:hover { color:#fff}
#menuL2 ul li.active a { text-decoration:none; color:#fff} 


/* footer */
#footer  {background: url(../images/bg-footer.png) repeat-x 0 100%; height:50px; clear:both; padding:25px 50px; color:#717171; font-size:11px; }
#footer ul li { width:60%; float:left}
#footer ul li.ilast { float:right; width:40%; display:none} 
#footer ul li a { color:#999}
#footer ul li img {float:left; padding-top:8px; width:45px; height:35px}
#footer ul li p { border-left:1px solid #444; margin-left:7px; padding:7px; line-height:18px; float:left}
#footer ul li div { float:left; display:block; width:50%; padding-top:7px; color:#999; font-size:13px; line-height:18px}
#footer ul li div a { color:#999;}

/* services websites */
.forServ h2 {color:#0973aa; font-size:1.4em}
.forServ ul { margin:15px; list-style-type:disc; padding-left:25px; color:#666}
.forServ p { padding:7px 15px; margin:20px 0 70px; background:#f4f4f4; color:#777; text-align:center}
.forServ p img {vertical-align:middle; margin-left:50px}

/* projects */
#projects {height:220px; background:#2e3440; display:table; width:100%;}
#projects ul {display:block; float:left; margin:0 0 0 40px;}
#projects ul li { width:335px; float:left; margin:0; padding-top:30px}
#projects ul li b {color:#eee; font-size:0.9em; float:left; width:233px}
#projects ul li div {background:#0973aa; width:92px; height:34px; margin:0; padding:0 5px; color:#fff; float: left; font-family:"trebuchet MS"	}
#projects ul li div span { display:block; float:left; font-size:0.75em}
#projects ul li div span.year { font-size:1.7em; font-weight:normal; padding:0; margin:0; display:block; float:right}
#projects ul li a { margin-top:-15px; display:block; float:left}
#projects ul li.separ { background:url(../images/bg-promo.jpg) no-repeat 50% 0; width:5em; height:220px; padding:0}
#projects ul li a img {border:1px solid #535953}

.leftBlock #projects { background:none; height:auto}
.leftBlock #projects ul { margin:0; float: none;}
.leftBlock #projects ul li { 
	float:none; 
	min-height:190px; 
	height:auto;
	overflow:hidden;
	padding-bottom:10px;
	display:block; 
	width:100%; 
	border-bottom:1px solid #e4e4e4; 
}
.leftBlock #projects ul li div { width:82px; height:28px}
.leftBlock #projects ul li div span { padding-left:5px; padding-top:0}
.leftBlock #projects ul li div span.year { float:left; padding:5px 0 0 0}
.leftBlock #projects ul li a {margin:17px 0 0 -55px}
.leftBlock #projects ul li h2, .leftBlock #projects ul li p {display:block; float: right; width:40%}
.leftBlock #projects ul li p { padding-top:10px; color:#666; font-size:0.9em}
.leftBlock #projects ul li h2 a{ float:none; margin:0; display:inline}
.leftBlock #projects ul li h2 {font-size:1.35em}

.projDetail img { width:500px; border:1px solid #E4E4E4; margin-bottom:15px}
.projDetail a { font-family:"trebuchet MS"; font-size:0.9em}
.projDetail p {background:#eee; color:#444;	 padding:10px 20px; margin:20px 0; width:90%}
.projDetail p span { display: block; color:#999}
.projDetail span.iRelise { font-size:0.85em; color:#999}

.projOther { margin-bottom:50px; margin-left:40px;}
.projOther h2 { font-weight:normal}
.projOther ul { line-height:1.7em; margin-top:10px; font-family:Arial; font-size:1em; letter-spacing:0; color:#777}
.projOther ul li a { margin-left:10px }


.iPager { float:left; width:460px; padding:10px 20px; background:#eee; margin-bottom:20px}
.iPager a { float:left; font-size:0.95em}
.iPager a.iNext {float:right} 
/* content */
/* Technologies */

.iTech { border-bottom:1px solid #e7e7e7; padding-bottom:20px; margin-bottom:20px}
.iTech img { float:left; margin:0 20px 10px 0}

/* CMS */
.iCMS h2 { font-size:17px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:40px 0 10px}
.iCMS p { padding-bottom:10px}
.iCMS div { float:left; width:150px; background:#fff; display:block; text-align:center; margin:0 25px 10px 0; padding:5px 0}
.iCMS ul li { width:47%; float:left; list-style-type: circle; color:#666}
.iCMS ul { padding:5px 20px 25px; float:left}
.iCMS ol { padding:0; margin:0 0 0 25px; font-family:"trebuchet MS"; font-size:1.1em}

.iCMS ol li span { color:#777; font-size:0.9em}
.iCMS ol li p { font-size:0.9em}


.listCMS { width:44%; float:left; text-align:center; padding:20px 0 40px; margin-right:35px}
.listCMS div { height:190px }
.listCMS img { background:#fff; padding:10px 20px}
.listCMS p { padding:0 15px; text-align:justify}
/* news */
.iNews { margin-bottom:40px; float:left; padding-right:50px}
.iNews span { font-size:1.05em; color:#999;}
.iNews span.date { background:none; color:#999; font-size:0.9em; padding:0 0 10px 0; display:block}
.iNews div { margin-bottom:20px}
.iNews div b { color:#777}
.iNews div h4 { font-weight:normal; font-size:1.1em}
.iNews div p.iAuth { font-size:0.9em; color:#aaa; font-family:Arial}
.iNews div p.iAuth  a { color:#777; }
.right .iNews { margin-left:40px; padding-right:0}
.leftBlock .iNews span { font-size:1.1em;} 
/* Yed Prior */
.center .iNews { padding:0 20px;}
.center .iNews div { margin-bottom:20px; font-size:1.1em}

/*Business Prtner*/

.itemBP {padding:20px; text-align:center}
.itemBP a {float:left; margin-right:40px}
.itemBP h1 { text-align:left; padding-top:15px; line-height:1.3em; font-size:1.5em !important}

.right .itemBP {margin-left:10px; padding-top:20px; text-align:center}
.right .itemBP h1 { text-align: center}

/* vacancy */
.iVac {color:#fff; margin-bottom:45px} 
.iVac ul { background: url(../images/bg-vacancy.jpg) no-repeat 100% 0; padding:15px 15px 0 30px; -moz-border-radius:5px; -webkit-border-radius:5px; width:80%}
.iVac ul li { margin-bottom:15px}
.iVac ul li a { color:#fff; font-size:1.3em}
.iVac ul li p { padding:5px 0 10px 0; color:#eee}

.iVacDet { padding-left:30px; border-bottom:1px solid #e4e4e4; margin:20px 0; padding-bottom:15px}
.iVacDet h3 { color:#0973aa; margin-left:-15px; font-size:1.4em; font-weight:normal}
.iVacDet i { font-size:0.9em; color:#777; clear:both; display:block; margin:18px 0; background:#eee; padding:10px 15px}
.iVacDet ul { list-style-type: disc; margin:0 0 10px 20px; line-height:1.5em}

/* Brief */
.iBrief { background:url(../images/bg-brief.gif) repeat-x 0 0; padding:15px 25px; margin:40px; height:70px; min-width:230px; margin-right:0; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px}
.iBrief h2 a { font-weight:normal; color:#fff; font-size:1.2em}
.iBrief p { color:#fff; font-size:1.1em; padding-top:10px}

/* team */
.iTeam { border-top:1px solid #ddd; padding-top:20px; margin-top:20px; display:none}
.iTeam img { float:left; margin-right:20px; width:110px}
.iTeam h3 { margin-bottom:5px; font-size:1em}
.iTeam i { background:#eee; color:#333; font-size:0.9em; padding:10px 15px; display:block; margin-left:131px}


/* Process */
.iSteps { color:#0973aa; font-size:1.4em; margin:20px 0; padding-right:50px;}
.iSteps li { margin-bottom:25px}
.iSteps li h3 {font-weight:normal; font-size:1.05em}
.iSteps li p { font-size:0.7em; color:#333;}

/* contacts */
form.contact { display:block; float:left; margin:0; padding:0 0 70px 0px; font-size:14px}
form.contact div { width:540px; color:#666; font-size:0.9em; margin-bottom:25px}
form.contact dl {margin:0; padding:0}
form.contact dt {width:100px; float:left; text-align:right; color:#999; padding-bottom:2px; font-weight:normal; clear: both;}
form.contact span { color:#edd400; font-size:15px; font-family:"trebuchet MS"}
form.contact dd {margin:0 0 0 110px; padding-bottom:4px; padding-top:1px;}
form.contact dd p { text-align:right; color:#777; font-size:11px}
form.contact input {width:240px; padding:2px 5px 3px; height:15px; margin:0; background:#333; color:#fff; border:1px solid #000}
form.contact textarea { padding:2px 5px 3px; margin:2px 0 0 0; background:#fafafa; color:#000; border:15px solid #e7e7e7; width:289px } 
form.contact .iButt input {padding:0; margin:0; background:none; border:0; height:24px; width:140px; cursor:pointer;  color:#fff; font-family:"trebuchet MS"; font-weight:normal }
form.contact .iButt {background:#e2a923; float: right; padding:0px 12px 4px; margin:10px 0}
div.contactInfo h4 {font-size:1.3em; font-weight:normal; margin:5px 0}
div.contactInfo ul { list-style:none; padding:5px 10px; margin:0}

div.contactInfo ul li {margin-top:5px; font-family: Arial, Helvetica, sans-serif}
div.contactInfo ul li span { color:#777; display:block; float:left; width:120px}
div.contactInfo ul.iHalf {width:46%; float:left; height:100px}
div.contactInfo ul.iHalf span {width:100px}

.itemWorry { font-size:11px; color:#777; float: right; width:275px; text-align:right; margin-top:5px}

p.notification {
display:none;
    border: 1px solid #e7a397;
    color: #111;
    background: #f3cac3;
    line-height: 30px;
    padding: 0 10px;
	font-size:12px;
	width:307px;
	margin:5px 0;
	text-align:center
}
p.confirm {
display:none;
    background:#0973aa;
    color: #fff;
    line-height: 30px;
    padding: 0 10px;
	font-size:12px;
	width:307px;
	margin:5px 0;
	text-align:center

}

/* order */
.order { margin:20px 0; font-size:0.9em; font-family:"trebuchet MS"; width:95%}
.order p { margin-bottom:0; padding:12px 20px}
.order p.mark { background:#eee; padding:15px 20px 0} 
.order p span {width:150px; display: block; float:left; border-left:5px solid #eee; padding-left:5px}
.order p.mark span { border-color:#ddd}
.order p span.iReq { border-color:#0973aa}
.order p input { width:340px; color:#777; height:18px; padding-top:2px}
.order p textarea { width:500px; color:#777; margin-bottom:15px}
.order p input.month { width:40px; text-align:center}
.order p select { width:170px; color:#777}
.order p select option { height:18px; }

.order p.iOrd { margin-top:10px}
.order p.iOrd span { font-size:0.9em; display:block; float:left}
.order p.iOrd b {background:#e2a923; float: right; padding:0px 12px 4px; margin:0 0 20px 0; font-weight:normal}
.order p.iOrd b input {padding:0; margin:0; background:none; border:0; height:24px; width:130px; cursor:pointer;  color:#000; }

/* Agile */
.listAgile { list-style-type:disc; margin:20px; padding-left:20px}
.listAgile li { padding:0 0 15px 5px}

/* Partners */
.iPartner p {display:block; margin:0 auto 20px; width:200px}

.required {
    background: #f3cac3;
    outline: 1px solid #e7a397;
    }

form.order p#confirm {width: auto; padding: 0 20px;}

/* Blog */
.iBlog {margin:20px 0 30px 45px; display:block; float:left; position:relative}
.iBlog h1 a {position:absolute; right:25px}
.iBlog div {float:left; display:block; width:95%; border-bottom:1px solid #e7e7e7; margin-top:10px; font-style:italic}
.iBlog div.last {border:0}
.iBlog h2 {font-weight: normal}
.iBlog h2 span {font-size:21px; color:#000; display:block; float:left; padding:0 10px 30px 0}
.iBlog h2 a {display:block; font-size:0.7em}
.iBlog p {color:#777; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif}

.iWe { padding-top:5px; width:100%; float:left; height:95px}
.iWe img { float:left; width:60px; padding-right:20px}
.iWe a {font-family:Arial, Helvetica, sans-serif}
.iWe a img {width:42px; height:17px; float:none}
.iWe b {display:block; padding-bottom:4px}

.YMaps-slider {top:31px !important}

.home #header {height:450px; padding-top:0}
.home #global {background:#fcfcfc url(../images/bg.jpg) repeat-x 0 70px; padding-top:0}


.makeOrder {position: fixed; z-index:999; right:-2px; top:37%}
.makeOrder a {display:block; width:26px; height:132px}
.makeOrder:hover { right:0}


.iBg {position: fixed; z-index:999; background:#111; width:100%; height:100%; top:0; left:0; opacity:0.9; display:none}
.iOrder { display:none; position:fixed; z-index:9999; background:#fff; padding:25px 50px 25px; top:5%; left:22%; width:600px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px; }
.iOrder div { font-size:0.9em; color:#777; font-style:italic}
.iOrder .close {float:right; color:#444; font-size:0.8em}

.iDS h1 {margin-bottom:20px !important}
.iDS h1 a {font-size:0.8em; color:#B02121; text-decoration:none; font-family:trebuchet MS;}
.iDS h1 a:hover { text-decoration:underline}
.iDS .showBl {background:#FBECF2; font-size:1.1em; line-height:1.5em; padding:12px 20px; -moz-border-radius:10px 0 0 10px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; }
.iDS .showBl {color:#555}
.iDS .showBl li {padding-top:5px}
.iDS .showBl span {color:#000}
.iDS h3 {color:#000; font-weight:normal}
.iDS .showBl p a {color:#B02121}