@media screen, projection {

	#page-margins {
		text-align: center;
		width: 100%;
		margin: 0px;
		padding: 0px;
		min-height: 100%;
		height: auto !important;
		position: relative !important;
		background: url(i/back.jpg) no-repeat center bottom;
	}

	.content {
	}

	#header {
		width: 960px;
		position: relative;
		height: 130px;
		margin: 0 auto;
		margin-top: -5px;
	}

	.mainpagealign {
		width: 960px;
		text-align: left;
		margin: 0 auto;
	}

	#header #topnavcub {
		position: absolute;
		top: 0px;
		right: 250px;
	}

	#topnavcub .cube-1 {
		z-index: -20;
		position: absolute;
		top: 0px;
		width: 77px;
		height: 42px;
		background: url(i/blackcube.png) no-repeat 0 -40px;
	}

	#topnavcub .cube-2 {
		position: absolute;
		top: 0px;
		left: 80px;
		width: 77px;
		height: 47px;
		background: url(i/blackcube.png) no-repeat 0 -30px;
		z-index: -10;
	}
	#topnavcub .cube-3 {
		position: absolute;
		top: 51px;
		left: 67px;
		width: 78px;
		height: 63px;
		background: url(i/bluecube.png) no-repeat 0 0px;
		padding-top: 18px;
		padding-left: 0;
		margin-top: -9px;
		line-height: 1.2em;
	
		font-weight: bolder;
	
		font-size: 14px;
	}
	#topnavcub .cube-3 a, #topnavcub .cube-3 a:visited {
		color: White;	
		text-decoration: none;
	}
	#topnavcub .cube-3 a:hover {
		

		
		text-decoration: underline;
	}

	#logo {
		position: absolute;
		left: 5px;
		bottom: -5px;
	}

	#logo .title {
		position: absolute;
		top: 55px;
		left: 100px;
		width: 263px;
		height: 27px;
		font-size: 2.2em;
		background: url(i/logo-title.png) no-repeat 0 0;
	}

	#logo .title-2 {
		position: absolute;
		top: 75px;
		left: 194px;
		width: 300px;
		height: 27px;
		font-size: 1em;
		font-weight: bold;
		color: #212125;
	}

	#mainnav {
		background: url(i/nav-bar.png) no-repeat scroll;
		background-position: bottom left;
		height: 76px;
		margin: 0 auto 15px auto;
		text-align: left;
		width: 960px;
		font-family: Tahoma;
	}

	#mainnav a {
		text-decoration: none;
	}

	#mainnav ul.menu {
		float: left;
		list-style-type: none;
		padding: 0;
		margin-left: 100px;
		height: 48px;
	}

	#mainnav ul.menu li {
		padding-top: 2px;
		float: left;
		font-size: 14px;
		color: #fff;
	}

	#mainnav ul.menu li.active {
		padding-top: 9px;
		float: left;
		display: block;
		width: 131px;
	}

	#mainnav ul.menu li.home {
		width: 51px;
	}

	#mainnav ul.menu li.active div.inner {
		background: url(i/ln_bl.png) repeat-x left top;
		text-align: center;
		float: left;
		padding: 10px 10px 0px 10px;
		font-weight: bold;
		width: 102px;
		height: 29px;
	}

	#mainnav ul.menu li.active img.angle {
		float: left;
		vertical-align: top;
	}

	#mainnav ul.menu li a, #mainnav ul.menu li a:visited {
		color: #D7D8DA;
		margin: 10px 0 10px 0;
		padding: 8px 0 0 0;
		background-position: right;
		background-repeat: no-repeat;
		display: block;
		height: 27px;
		vertical-align: bottom;
		text-align: center;
		font-weight: bold;
		width: 131px;
		text-decoration: none;
	}
	#mainnav ul.menu li.nexttocurrent a, #mainnav ul.menu li.nexttocurrent a:visited {
		border-left: solid 0px transparent;
		width: 133px;
	}

	#mainnav ul.menu li a:hover {
		color: white;
		font-weight: bold;
		margin: 0;
		padding: 18px 0 0 0px;
		background-image: url(i/bt_navactive.png);
		background-position: 0px 4px;
		height: 28px;
		background-repeat: no-repeat;
		display: block;
		text-decoration: none;
		border-left: solid 0px transparent;
	}
	.active-nav {
		background-image: url(i/home-ac.png);
		width: 133px;
		height: 43px;
		display: block;
		margin-top: -5px;
	}
	#mainnav ul.menu li.home a, #mainnav ul.menu li.home a:visited {
		color: #D7D8DA;
		margin: 10px 0 10px 0;
		padding: 8px 0 0 0;
		background-position: right;
		background-repeat: no-repeat;
		display: block;
		height: 27px;
		vertical-align: bottom;
		width: 55px;
		text-align: center;
		font-weight: bold;
		background: url(i/home.gif) 15px 8px no-repeat;
	}

	#mainnav ul.menu li.home a:hover {
		display: block;
		color: Black;
		font-weight: bold;
		margin: 0;
		padding: 18px 0 0 0;
		background-image: url(i/bt_home.png);
		background-position: left;
		background-repeat: no-repeat;
		height: 27px;
		width: 50px;
		text-decoration: none;
	}

	#mainnav ul.breadcrumb {
		clear: left;
		color: White;
		font-size: 0.9em;
		padding: 0px 0 0 90px;
		margin: 0;
		list-style: none;
		overflow: hidden;
		height: 30px;
	}

	#mainnav ul.breadcrumb li {
		float: left;
		padding: 0;
		margin: 0 10px 0 0;
		height: 28px;
		line-height: 28px;
	}

	#mainnav ul.breadcrumb a {
		color: white;
		text-decoration: none;
	}

	#mainnav ul.breadcrumb a:hover {
		text-decoration: underline;
	}

	/* // ---- footer ---- // */
	#footer-spacer {
		height: 40px;
	}
	
	#footer {
		font-size: 0.9em;
		margin: 0px auto 0 auto;
		text-align: left;
		color: #fff;
		text-align: right;
		position: relative !important;
		clear: both;
		bottom: 35px;
		height: 233px;
	}
	
	.footertext {
		padding: 30px;
		text-align: left;
		line-height: 1.2em;
		float: left;
		width: 43%;
	}
	a.mail, a.mail:visited {
		color: #fff;
	}
	a.mail:hover {
		color: #fff;
		text-decoration: underline;
	}
	.mc {
		background-image: url(i/mc.png);
		background-repeat: no-repeat;
		width: 14px;
		height: 14px;
		font-weight: bolder;
		padding-right: 16px;
	}
	.counters {
		padding: 10px 0 0;
		text-align: center;
		background-color: #313534;
	}

	/* --  -- */

	.localnav {
		background: url(i/rightcol-back.png) repeat-x scroll 0 0;
		width: 204px;
		height: 400px;
		margin-left: auto;
	}

	/* Corners (em)	------------------------------ */
	.corners, .corners-3, .corners-5 {
		position: relative;
		overflow: hidden;
	}
	.corners em.tl, .corners em.tr, .corners em.bl, .corners em.br, .corners-3 em.tl, .corners-3 em.tr, .corners-3 em.bl, .corners-3 em.br {
		position: absolute;
		font-size: 1px;
	}
	.corners-3 em.tl, .corners-3 em.tr, .corners-3 em.bl, .corners-3 em.br {
		width: 6px;
		height: 6px;
		background: url(i/corners3.png);
	}
	.corners-3 em.tl {
		left: -3px;
		top: -3px;
	}
	.corners-3 em.tr {
		right: -3px;
		top: -3px;
	}
	.corners-3 em.bl {
		left: -3px;
		bottom: -3px;
	}
	.corners-3 em.br {
		right: -3px;
		bottom: -3px;
	}
	.corners-5 em.tl, .corners-5 em.tr, .corners-5 em.bl, .corners-5 em.br {
		width: 10px;
		height: 10px;
		background: url(i/corners5.png);
	}
	.corners-5w em.tl, .corners-5w em.tr, .corners-5w em.bl, .corners-5w em.br {
		width: 10px;
		height: 10px;
		background: url(i/corners5w.png);
	}
	.corners-5 em.tl, .corners-5w em.tl {
		left: -5px;
		top: -5px;
	}
	.corners-5 em.tr, .corners-5w em.tr {
		right: -5px;
		top: -5px;
	}
	.corners-5 em.bl, .corners-5w em.bl {
		left: -5px;
		bottom: -5px;
	}
	.corners-5 em.br, .corners-5w em.br {
		right: -5px;
		bottom: -5px;
	}

	/* // ---- global styling ---- // */


	/* // ---- main page styling ---- // */

	.slogan {
		background: url(i/main-slogan.png) no-repeat scroll 0 0;
		height: 41px;
		margin: 10px 0 0;
		width: 739px;
	}

	/* -- ---- main page styling ---- -- */

	/* // ---- content page styling ---- // */
	.maincontentblock {
		background-color: white;
		background-image: url(i/angcontentright.jpg);
		background-position: right bottom;
		background-repeat: no-repeat;
		padding: 0px;
		margin: 0px;
	}
	
	.maincontentblock1 {
		width: 607px !important;
		padding: 0 36px 1px 97px;
		background-image: url(i/angcontentleft.jpg);
		background-position: left bottom;
		background-repeat: no-repeat;
		min-height: 665px;
		margin: 0px;
		height: auto !important;
		position: relative !important;
	}

	.maincontentblock h1 {
		margin-left: -61px;
		width: 668px;
	}
	.maincontentblock .fullform {
		width: 565px;
	}

	.sitemappath {
		font-size: 0.9em;
	}
	.sitemappath .marker {
	}
	.sitemappath .home {
		background-image: url(i/home.gif);
	}
	.sitemappath .element {
	}
	.sitemappath .current {
		font-weight: bold;
	}

	/* -- ---- content page styling ---- -- */


	/*-----------portfolio page---------*/

	/*--//---------right menu -------------//--*/
	a.arrowRight, a.arrowRight:visited {
		background: url(i/bt_arrowgrayleft1.png) 180px 7px;
		background-repeat: no-repeat;
		height: 15px;
		display: block;
		color: #D7D8DA;
		padding: 3px 0 5px 10px;
	}
	a.arrowRight:hover {
		background-image: url(i/bt_arrowactivegrayright.png);
		color: #F7DA00;
		text-decoration: none;
	}
	div.rightmenu {
	}
	span.rightmenu {
		color: #D7D8DA;
		padding: 3px 0 0px 10px;
		display: block;
		height: 20px;
		background: url(i/bt_arrowgraybottom.png) 180px 7px no-repeat;
	}

	.rightmenu {
		background-image: url(i/bg_substratemenuright.png);
		background-repeat: no-repeat;
	}
	.arrowrightmenu {
		padding: 4px 7px 0px 10px;
	}
	.grayblock {
		background-color: #434343;
		width: 145px;
		height: 120px;
		margin: 6px 24px 20px 24px;
	}
	.imggrayblock {
		padding: 9px 12px 8px 12px;
	}
	.btarrowgr {
		margin-top: 25px;
	}
	a.bt_menuright, a.bt_menuright:visited {
		background-image: url(i/bt_arrowgradbottom.png);
		width: 105px;
		height: 14px;
		display: block;
	}
	a.bt_menuright:hover {
		background-image: url(i/bt_arrowgradbottom_active.png);
	}

	/*--  ---------right menu ------------  ---*/


	/*--//--------menu center-------//----*/

	#main-solutions {
		margin-top: 15px;
	}

	#main-solutions ul {
		list-style: none;
	}

	#main-solutions ul li {
		margin: 0;
		padding: 0;
		background: none;
		font-size: 1.1em;
	}

	#main-solutions ul.left {
		float: left;
		width: 240px;
		text-align: right;
		margin-top: 5px;
		list-style: none;
	}

	#main-solutions ul.left a, #main-solutions ul.left a:visited {
		text-align: right;
		color: Black;
		background: url(i/bt_arrowblueleft.png) 215px 9px no-repeat;
		padding: 4px;
		margin: 0;
		padding-right: 36px;
		display: block;
		text-decoration: none;
	}

	#main-solutions ul.left a:hover {
		color: #5488EF;
		text-decoration: underline;
	}

	#main-solutions ul.center {
		background-image: url(i/bg_substratemenucenter.png);
		background-repeat: no-repeat;
		background-position: center;
		float: left;
		padding: 0px 10px;
		width: 220px;
		height: 180px;
		text-align: left;
		vertical-align: middle;
		color: White;
	}

	#main-solutions ul.center a, #main-solutions ul.center a:visited {
		color: White;
		font-size: 12px;
		display: block;
		text-decoration: none;
		line-height: 1em;
		background: url(i/bt_arrowgrayleft1.png) 5px 7px no-repeat;
		padding: 5px 5px 15px 25px;
		behavior: url("/App_Themes/default/ie/iepngfix.htc");
	}

	#main-solutions ul.center a:hover {
		color: #5488EF;
		text-decoration: none;
	}

	#main-solutions li.title {
		text-align: center;
		font-size: 22px;
		display: block;
		padding-bottom: 10px;
		padding-top: 10px;
		font-weight: bolder;
	}

	#main-solutions ul.right {
		float: left;
		width: 240px;
		text-align: left;
		vertical-align: middle;
		margin-top: 5px;
		margin-left: 10px;
		list-style: none;
	}

	#main-solutions ul.right a, #main-solutions ul.right a:visited {
		padding: 4px;
		padding-left: 18px;
		text-align: left;
		color: Black;
		display: block;
		line-height: 1.25em;
		background: url(i/bt_arrowblueright.png) 0px 9px no-repeat;
		text-decoration: none;
	}

	#main-solutions ul.right a:hover {
		color: #5488EF;
		text-decoration: none;
		text-decoration: underline;
	}

	.imgservicesleft {
		float: right;
		vertical-align: top;
		padding: 6px 8px 0 0px;
	}
	.imgservicesright {
		float: left;
		vertical-align: top;
		padding: 6px 8px 0 10px;
	}

	/*===//=======bottom block=======//=====*/
	#bottomblock {
		width: 741px;
		float: left;
		padding-bottom: 10px;
		padding-left: 3px;
	}

	.menubottomblock {
		float: left;
		width: 232px;
		margin-right: 10px;
		margin-top: 13px;
		background: url(i/top-white.png) no-repeat top;
	}
	.menubottom {
		/*  font-weight: bolder;         height: 23px;*/
		font-size: 17px;
		padding-left: 12px;
		padding-top: 5px;
		padding-bottom: 17px;
		background-color: white;
		margin: 6px 0 -4px 0;
		font-family: Tahoma color:#212125;
		display: block;
	}
	.menubottom span {
		padding-top: 5px;
		display: block;
	}

	.menublockinside {
		/*	border-left: 1px solid #D7D8DA;		*/
		padding: 0 10px 10px 0px;
		margin-top: 5px;
		height: 180px;
		line-height: 1.2em;
		background-color: white;
	}
	.bottomblockitem {
		border-bottom: 1px dashed #D7D8DA;
		padding-bottom: 3px;
	}
	.blockaboutus {
		padding-bottom: 6px;
	}
	.bottomblockitem .title a, .bottomblockitem a.title, .bottomblockitem a.title:visited {
		color: #5488EF;
		font-size: 12px; /*font-weight: bolder;*/
		padding-top: 8px;
		display: block;
		text-decoration: none;
		line-height: 1em;
		padding-bottom: 1px;
	}
	.bottomblockitem .title a:hover, .bottomblockitem a.title:hover {
		text-decoration: underline;
		color: #5488EF;
	}

	#bottomblock .aboutus li {
		font-size: 13px;
		padding-left: 20px; /*font-weight: bolder;*/
		padding-top: 8px;
		padding-bottom: 7px;
		line-height: 1em;
		background: url(i/bt_arrowblackright.png) 0px 9px no-repeat;
		list-style-type: none;
	}
	#bottomblock .aboutus li:hover {
		background: url(i/bt_arrowblueright.png) 0px 9px no-repeat;
	}

	#bottomblock .aboutus a, .aboutus a:visited {
		color: #5488EF;
		text-decoration: none;
	}
	#bottomblock .aboutus a:hover {
		text-decoration: underline;
		color: #5488EF;
	}
	.authorblog {
		color: #8C8C8C;
		font-size: 10px;
		font-weight: bolder;
		margin-top: 3px;
	}

	.discriptionblockblog {
		color: #8c8c8c;
		font-size: 9px;
		line-height: 10px;
	}
	.discriptionblog {
		width: 160px;
	}
	.dateblog {
		float: right;
		padding-left: 5px;
	}

	.imgaboutus {
		padding-top: 8px;
	}

	#bottomblock .event .date {
		float: right;
		font-size: 10px;
		padding-right: 3px;
	}
	#bottomblock .allevents {
		margin-top: 10px;
	}
	#bottomblock .allevents a {
		text-decoration: underline;
		font-size: 12px;
	}
	#bottomblock .allevents a:hover {
		text-decoration: none;
	}


	#bottomblock .partner {
		margin-bottom: 6px;
	}
	#bottomblock .partner .title {
		font-size: 14px !important;
		margin-bottom: 6px;
	}
	#bottomblock .partner .desc {
		color: #212128;
		font-size: 12px;
		line-height: 1.2em;
	}

	/*============bottom block============*/
	#page {
		overflow: auto;
	}

	#placeholder {
		text-align: left;
		width: 960px;
		margin: 0 auto;
		overflow: hidden;
	}

	#page .col1 {
		float: left;
		width: 740px;
	}

	#page .col2 {
		float: right;
		width: 200px;
	}

	#spacer {
		height: 80px;
	}

	/* Accordion */
	.ui-accordion .ui-accordion-header {
		cursor: pointer;
		position: relative;
		margin-top: 0px;
		zoom: 1;
	}
	.ui-accordion .ui-accordion-li-fix {
		display: inline;
	}
	.ui-accordion .ui-accordion-header-active {
		border-bottom: 0 !important;
	}
	.ui-accordion .ui-accordion-header a {
		display: block;
		text-decoration: none;
	}
	.ui-accordion .ui-accordion-header .ui-icon {
		position: absolute;
		overflow: hidden;
	}
	.ui-accordion .ui-accordion-content {
		border-top: 0;
		position: relative;
		top: 0px;
		overflow: auto;
		display: none;
	}
	.ui-accordion .ui-accordion-content-active {
		display: block;
	}

	.ui-accordion {
		width: 200px;
	}

	.ui-accordion-header, .ui-accordion-header:visited {
		padding: 3px 5px 3px 10px;
		background: #303030 url(i/accordion_header_bg.png) no-repeat;
		color: #D7D8DA !important;
		text-decoration: none !important;
		cursor: pointer;
		display: block;
		width: 185px;
	}

	.ui-accordion-header:hover {
		color: #5488EF !important;
	}

	.ui-accordion-header .ui-icon {
		width: 11px;
		height: 11px;
		right: 10px;
		top: 7px;
		background: url(i/accordion_header_icon_inactive.png) no-repeat;
	}

	.ui-accordion-header:hover .ui-icon {
		background: url(i/accordion_header_icon_inactive_hover.png) no-repeat;
	}

	.ui-accordion-header.ui-state-active .ui-icon {
		background: url(i/accordion_header_icon_active.png) no-repeat;
	}

	.ui-accordion-header.ui-state-active:hover .ui-icon {
		background: url(i/accordion_header_icon_active_hover.png) no-repeat;
	}

	div.scrollable {
		position: relative;
		overflow: hidden;
	}

	div.scrollable ul.items {
		position: absolute;
		list-style: none !important;
	}

	div.scrollable ul.items li {
		margin: 0;
		padding: 0;
		background: none;
	}

	div.scrollable ul.items li img {
		margin: 0;
	}

	#portfolio-slider {
		background-color: #3A3A3A;
		background-image: url(i/bg-project-big.png);
		padding: 5px 10px 16px 10px;
	}
	
	#portfolio-slider div.header {
		margin: 0;
		padding: 0 50px 0 45px;
		font-size: 1.8em;
		line-height: 2em;
		color: White;	
	}
	
	#portfolio-slider ul.site-types {
		margin: 7px 0 0 0;
		padding: 0 4px;
		float: right;
		font-size: 0.5em;
		height: 30px;
		overflow: hidden;
		-moz-user-select: none;
		-webkit-user-select: none;
	}
	
	#portfolio-slider ul.site-types li {
		float: left;	
		list-style: none;
		color: #AAA;
		padding: 2px 4px;
		margin: 0;
		height: 25px;
		line-height: 25px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-o-border-radsiu: 3px;
		border-radius: 3px;
	}
	
	#portfolio-slider ul.site-types li.selected {
		color: #FFF;
		background: #575757;
	}

	#portfolio-slider div.body {
		overflow: auto;
	}

	#portfolio-slider div.scrollable {
		width: 850px;
		height: 205px;
		float: left;
		margin: 0;
	}

	#portfolio-slider ul.items {
		width: 20000em;
	}

	#portfolio-slider ul.items li {
		float: left;
		margin-right: 10px;
		width: 200px;
		height: 200px;
		padding: 0px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px;
		cursor: pointer;
		background: #575757;
		border: solid 2px #575757;
		list-style: none;
	}

	#portfolio-slider ul.items li.active {
		border: solid 2px #5387ef !important;
	}

	#portfolio-slider ul.items li.hover {
		border: solid 2px #5488ef;
	}

	#portfolio-slider ul.items li a {
		display: block;
		margin: 0px 10px 0 10px;
		text-decoration: none;
		border: 0 !important;
	}

	#portfolio-slider ul.items li a:visited {
		border: 0 !important;
	}

	#portfolio-slider ul.items li img {
		border: 0 !important;
	}

	#portfolio-slider ul.items li div.type, #portfolio-slider ul.items li div.short {
		height: 22px;
		line-height: 22px;
		text-align: center;
		color: White;
	}

	#portfolio-slider ul.items li div.type {
		padding: 2px 0 3px 0;
	}

	#portfolio-slider ul.items li div.short {
		padding: 0px 0 0 0;
	}

	#portfolio-slider .drag-strip {
		margin: 10px 0 0 45px;
		clear: left;
		width: 844px;
	}

	#project-slider {
		margin-top: 30px;
		padding: 0px 0 0 70px;
		overflow: hidden;
	}

	#project-info {
	}

	#project-info div.item {
		float: left;
		width: 840px;
		overflow: hidden;
	}

	#project-info div.screenshot {
		float: left;
		width: 410px;
		margin: 0 20px 20px 0;
		height: 370px;
	}
	
	#project-info div.screenshot a.preview {
		display: block;
	    border: 0 !important;
	}

	#project-info div.screenshot img {
	    margin: 0 !important;
	}
	
	#project-info div.shots {
		margin-top: 10px;
		width: 400px;
		text-align: center;
	}

	#project-info div.shots a {
		margin-right: 6px;
		padding: 5px;
		border: 0 !important;
	}

	#project-info div.shots a.active {
		font-weight: bold;
		background-color: #494949;
		color: White;
		cursor: default;
	}

	#project-info div.shots a.over {
		font-weight: bold;
		background-color: black;
		color: White;
	}

	#project-info div.name {
		float: left;
		width: 400px;
	}

	#project-info div.url {
		margin-bottom: 30px;
		float: left;
		width: 400px;
	}

	#project-info div.desc {
		float: left;
		width: 400px;
	}

	#main-projects, #main-clients {
		background-color: #353535;
		background-image: url(i/bg-project-big.png);
		overflow: hidden;
	}

	#main-projects {
		padding: 10px 18px;
	}

	#main-projects div.scrollable {
		width: 170px;
		height: 550px;
	}

	#main-clients {
		padding: 20px 10px 10px 10px;
	}

	#main-clients div.scrollable {
		width: 180px;
		height: 220px;
	}

	#main-clients div.big {
		margin-top: 18px;
	}

	#main-projects ul.items li, #main-clients ul.items li {
		padding: 0px;
	}

	#main-projects ul.items li {
		width: 160px;
		height: 170px;
		margin: 0 0 10px 0;
		background-color: #575757;
		border: solid 2px #575757;
		-webkit-border-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-moz-border-radius-topleft: 4px;
		-o-border-radius-bottomright: 4px;
		border-radius: 4px;
	}

	#main-clients ul.items li {
		width: 85px;
		height: 47px;
		float: left;
		position: relative;
		margin-bottom: 10px;
	}

	#main-clients ul.items li img {
		opacity: 0.5;
		-moz-opacity: 0.5;
		-webkit-opacity: 0.5;
		filter: alpha(opacity=50);
	}

	#main-clients li em.tl, #main-clients li em.tr, #main-clients li em.bl, #main-clients li em.br, #main-clients .big em.tl, #main-clients .big em.tr, #main-clients .big em.bl, #main-clients .big em.br {
		background: url(i/corners3black.png);
	}

	#main-clients ul.items li.active img {
		opacity: 1;
		-moz-opacity: 1;
		-webkit-opacity: 1;
		filter: alpha(opacity=100);
	}

	#main-clients ul.items li.odd {
		margin-right: 10px;
	}

	#main-projects ul.items li.active {
		border: solid 2px #5387ef !important;
	}

	#main-projects ul.items li.hover {
		border: solid 2px #5488ef;
	}

	#main-projects ul.items li a {
		display: block;
		position: relative;
		width: 140px;
		height: 112px;
		margin: 10px 10px 0 10px;
	}

	#main-projects li em.tl, #main-projects li em.tr, #main-projects li em.bl, #main-projects li em.br {
		background: url(i/corners3gray.png);
	}

	#main-projects ul.items li div.type, #main-projects ul.items li div.short, #main-clients ul.items li div.name {
		height: 16px;
		text-align: center;
		color: White;
	}

	#main-projects ul.items li div.type {
		padding: 4px 0 2px 0;
	}

	#main-projects ul.items li div.short {
		padding: 2px 0;
	}

	#main-clients ul.items li div.image {
		float: left;
		-moz-border-radius: 4px;
	}

	#main-clients ul.items li div.image.first {
		margin-right: 10px;
	}

	#main-clients ul.items li div.name {
		padding: 2px 0;
	}

	#main-clients div.big {
		width: 180px;
		height: 100px;
		position: relative;
	}

	.v-nav {
		margin-top: 10px;
	}

	.v-nav a {
		display: block;
		height: 14px;
		width: 105px;
		margin: 5px auto;
		zoom: 1;
	}

	.v-nav a.prev, .v-nav a.prevPage {
		background: url(i/bt_arrowgradtop.png) no-repeat;
	}

	.v-nav a.next, .v-nav a.nextPage {
		background: url(i/bt_arrowgradbottom.png) no-repeat;
	}

	.v-nav a.prev:hover, .v-nav a.prevPage:hover {
		background: url(i/bt_arrowgradtop_active.png) no-repeat;
	}

	.v-nav a.next:hover, .v-nav a.nextPage:hover {
		background: url(i/bt_arrowgradbottom_active.png) no-repeat;
	}

	.v-nav a.disabled {
		opacity: 0.3;
		-moz-opacity: 0.3;
		-webkit-opacity: 0.3;
		filter: alpha(opacity=30);
	}

	.h-nav {
		height: 205px;
		width: 45px;
		float: left;
	}

	.h-nav a {
		display: block;
		height: 105px;
		width: 14px;
		border: 0 !important;
		margin: 55px auto 0 auto;
		zoom: 1;
	}

	.h-nav a.prev, .h-nav a.prevPage {
		background: url(i/bt_arrowgradleft.png) no-repeat;
	}

	.h-nav a.next, .h-nav a.nextPage {
		background: url(i/bt_arrowgradright.png) no-repeat;
	}

	.h-nav a.prev:hover, .h-nav a.prevPage:hover {
		background: url(i/bt_arrowgradleft_active.png) no-repeat;
	}

	.h-nav a.next:hover, .h-nav a.nextPage:hover {
		background: url(i/bt_arrowgradright_active.png) no-repeat;
	}

	.h-nav a.disabled {
		opacity: 0.3;
		-moz-opacity: 0.3;
		-webkit-opacity: 0.3;
		filter: alpha(opacity=30);
	}

	ul.clients {
		list-style: none;
	}

	ul.clients li {
		background: none;
		float: left;
		border: solid 1px gainsboro;
		margin: 10px 10px 0 0;
		text-align: center;
	}

	ul.clients li div.name {
		font-size: 1.2em;
		padding: 0 0 5px 0;
	}

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

	/* --- Общие стили форм --- */
	.userform {
		margin: 0 0 10px 0;
		padding: 20px;
		background-color: #F9F9F9;
		border: 1px solid #D7D8DA;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

	.userform fieldset {
		border: 1px solid #ADADAD;
	}

	.userform label {
		cursor: pointer;
		display: block;
		margin-bottom: 0.2em;
	}
	.userform .columnar label {
		float: left;
		text-align: right;
		display: inline;
		margin-bottom: 0;
	}


	.userform .type-check {
		vertical-align: bottom;
		overflow: hidden;
		margin: 0 0 0.5em 0;
	}
	.userform .type-check label {
		float: none;
		text-align: left;
		width: auto;
		display: inline;
	}

	.userform .type-text input, .userform .type-text textarea, .userform .type-phone input, .type-select select {
		padding: 2px;
		border: 1px solid #787878;
	}


	.userform .type-text input:hover, .userform .type-text textarea:hover, .userform .type-phone input:hover, .type-select select:hover {
		border: 1px solid #525252;
	}
	.userform .type-text textarea:focus, .userform .type-text input:focus, .userform .type-phone input:focus, .type-select select:focus {
		border: 1px solid #5488EF;
	}

	.userform .type-select select {
		cursor: pointer;
	}

	.userform .type-select select optgroup {
		font-style: normal;
		font-weight: bold;
	}

	.userform .submitbutton {
		background-image: url(i/bg_substratemenuright.png);
		background-repeat: repeat-x;
		background-color: #4c8dca;
		color: #FFFFFF;
		margin-top: 1px;
		margin-bottom: 1px;
		cursor: pointer;
	}

	.userform .submitbutton, .userform .submitbutton:hover, .userform .submitbutton:focus {
		border-style: none;
	}

	.userform .formtext {
	}

	.userform .submitblock {
		text-align: center;
		padding-top: 10px;
		width: auto;
	}

	/* /// Общие стили форм /// */

	/* --- Стандартные полноразменые формы --- */

	.fullform fieldset {
		padding: 1.4em;
		margin: 0.5em 0 1em 0;
	}

	.fullform label {
		text-align: left;
	}
	.fullform .columnar label {
		padding-right: 3%;
		width: 30%;
	}

	.fullform .columnar .type-check {
		margin-left: 33%;
	}
	.fullform .type-check label {
		margin-left: 4px;
	}
	.fullform .columnar .type-check label {
		margin-left: 3%;
	}

	.fullform .type-text input, .userform .type-text textarea, .userform .type-select select {
		width: 96%;
	}

	.fullform .columnar .type-text input, .userform .columnar .type-text textarea, .userform .columnar .type-select select {
		width: 63%;
	}

	.fullform .type-text input, .userform .type-text textarea, .userform .type-phone input, .type-select select {
		margin: 0px 0px 10px 0;
	}

	.fullform .submitbutton {
		width: 124px;
		height: 26px;
		background: url(i/send_button.png) no-repeat;
	}

	.fullform .submitbutton.hover {
		background: url(i/send_button_hover.png) no-repeat;
	}

	.fullform .submitbutton.pressed {
		background: url(i/send_button_pressed.png) no-repeat;
	}

	.fullform textarea {
		height: 90px;
	}
	/* /// Стандартные полноразменые формы /// */

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

	/* metacontent */
	.mcheader {
		font-weight: bolder;
	}
	.mcheader .meta {
		color: #EF994B;
	}
	.mcheader .content {
		color: #000;
	}
	
	.events-list li {
		list-style: none !important;
	}

	.events-list h2 {
		font-size: 1.4em;
		line-height: 1.1em;
		margin-bottom: 0.556em;
		font-weight: normal;
		border-bottom: none !important;
	}
	
	.events-list a {
		border-bottom: none !important;	
	}
	
	.events-list a:hover {
		text-decoration: underline !important;
	}
	
	ul#topnav {
		margin: 0;
		color: #D7D8DA;
		font-weight: bold;
		margin-top: 6px;
		padding: 0;
		list-style: none;
		float: left;
		font-size: 1.1em;
	}
	ul#topnav li {
		margin: 0;
		padding: 0;
		overflow: hidden;
		float: left;
		height: 42px;
		width: 132px;
		background-image: url(i/a_bg00002.gif);
		background-repeat: no-repeat;
		background-position: 0px 6px;
	}
	ul#topnav li ul {
		margin-top: -40px;
	}
	ul#topnav a, ul#topnav span {
		padding: 12px 0px 10px;
		float: left;
		text-decoration: none;
		color: #fff;
		background: url(i/a_bg00001.gif) no-repeat;
		background-position: center;
		clear: both;
		width: 132px;
		text-align: center;
		height: 20px;
		line-height: 20px;
	}
	ul#topnav a {
		color: white;
		background-position: left bottom;
	}
	ul#topnav span {
		background-position: left top;
	}

	.homemenuimgac {
		margin-left: 99px;
		margin-top: -1px;
	}
	.homemenuimg {
		margin-left: 83px;
	}
	.bubbleInfo {
		position: relative;
	}
	.popup {
		width: 100px;
		z-index: 10;
		height: 150px;
		width: 100%;
		background: blue;
		display: none; /* keeps the popup hidden if no JS available */
	}
	.trigger {
		margin-top: 150px;
	}
	.head-line {
		background-image: url(i/head-line.png);
		background-repeat: repeat-x;
		height: 34px;
	}
	.black-bottom {
		background-image: url(i/black-bottom.jpg);
		background-position: 0px 6px;
		background-repeat: repeat-x;
		margin-top: 10px;
		border-top: 0px solid #b9d0fa;
		width: 100%;
	}
	.black-blue-line {
		background-image: url(i/black-blue-bottom.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		width: 100%;
		height: 8px;
		margin: -8px auto 0 auto;
	}
	.footertextall {
		width: 960px;
		margin: 0 auto;
	}
	.footer-blue {
		background-color: #5488ef;
		padding-top: 4px;
		text-align: center;
	}
	
	.marbottom {
		height: 20px;
	}
	
	.MainContainer {
		width: 908px;
		margin: 0px auto;
		color: #fff;
		text-align: left;
	}
	.MainContainer a {
		color: #fff;
	}
	.MainContainer a:hover {
		color: #fff;
		decoration: underline;
	}

	.NormalPanel {
		margin: 0px;
		padding: 0px;
	}
	.blogFeed {
		display: none;
	}
	
	.services {
		background: #5488EF;
		height: 100px;
		padding: 10px;
		display: none;
	}
	
	.services-ctrl {
		color: #FFF;
		background: url(i/lnheader.png) repeat-x;
		height: 27px;
		padding: 5px 0 0 0;
		cursor: pointer;
	}
	
	.services-ctrl div {
		margin: 0 auto;
		width: 940px;
		text-align: right;
		background: url(i/bt_up.png) no-repeat right;
		padding-right: 20px;
	}
	
	.services-ctrl div.hover {
		background: url(i/bt_up_ac.png) no-repeat right;
	}

	.services-ctrl.opened div {
		background: url(i/bt_down.png) no-repeat right;
	}
	
	.services-ctrl.opened div.hover {
		background: url(i/bt_down_ac.png) no-repeat right;
	}

	.toppanelinside {
		color: #fff;
		text-align: left;
		width: 960px;
		padding: 10px 0;
		margin: 0 auto;
	}
	.toppanelinside a, .toppanelinside a:visited {
		color: #fff;
	}
	
	.toppanelinside a:hover {
		color: #fff;
		decoration: underline;
	}
	
	.toppanelinside sub {
		padding-left: 0.5em;
		font-size: 0.8em;
	}
	
	.services .item {margin-bottom: 10px;}
	
	.toppanel {
		color: white;
		margin: 0 auto;
		display: block;
		width: 900px;
		text-align: right;
		padding: 4px 0 10px 0;
		font-size: 13px;
		float: right;
	}

	.toppanelimg {
		margin-top: -27px;
		width: 15px;
		float: right;
		margin-right: auto;
	}
	.toppanelall {
		width: 960px;
		margin: 0 auto;
	}

	.bthomeactive {
		margin-right: 15px;
		text-align: right;
	}
	.headermainpagebottomblock {
		font-weight: normal;
		font-size: 16px;
	}
	.aligncenter {
	}
	/* Component containers
			----------------------------------*/
	.ui-widget {
	}
	.ui-widget-content {
	}
	.ui-widget-content a {
	}

	/* Slider
			----------------------------------*/
	.ui-slider {
		position: relative;
		text-align: left;
	}
	.ui-slider .ui-slider-range {
		position: absolute;
		z-index: 1;
		font-size: .7em;
		display: block;
		border: 0;
	}

	.ui-slider .ui-slider-handle {
		position: absolute;
		z-index: 2;
		height: 34px;
		cursor: default;
		border: 0 !important;
	}

	.ui-slider .ui-slider-handle-left {
		float: left;
		height: 34px;
		width: 15px;
		background: url(i/slider_handle_left.gif) no-repeat right;
	}
	.ui-slider .ui-slider-handle-center {
		float: left;
		height: 34px;
		width: 60px;
		background: #FFF url(i/slider_handle_center.gif) repeat-x;
		text-align: center;
		line-height: 34px;
		color: Black;
		font-size: 0.9em;
	}
	.ui-slider .ui-slider-handle-right {
		float: left;
		height: 34px;
		width: 15px;
		background: url(i/slider_handle_right.gif) no-repeat left;
	}

	.ui-slider-horizontal {
		height: 34px;
		background: url(i/slider_bg.gif) repeat-x;
	}
	.ui-slider-horizontal .ui-slider-handle {
	}
	.ui-slider-horizontal .ui-slider-range {
		top: 0;
		height: 100%;
	}
	.ui-slider-horizontal .ui-slider-range-min {
		left: 0;
	}
	.ui-slider-horizontal .ui-slider-range-max {
		right: 0;
	}
}