﻿
body {
	padding:0px;
	margin:0px;
	font-family:"Tahoma","Lucida Grande",Verdana;
	font-size:12px;
	background:#000 url(../_i/core/bg.png);
	text-align:center;
	color:#FFF;
}
/* mini styles */
body.noBG {background:#333333;}
a img  {border:none;}
:focus {outline:none;}
.hide {	display:none;}
.skip-to-content {display:none;}
.c {font-size:0px; line-height:0px; width:100%; height:1px; clear:both;}
.fl {float:left;}
.fr {float:right;}

.project-content ul, ul.list {margin:0px; padding:0px 15px 15px 10px;}
.project-content ul li, ul.list li {padding-bottom:7px; list-style:none; background:url(../_i/core/bullet.gif) no-repeat left 4px; padding-left:15px;}
form {padding:0px; margin:0px;}
.wrapper {
	height:100%;
	min-height:100%;
	background:url(../_i/core/bg_head.jpg) no-repeat center top;
}
.wrapper .header {
	background:url(../_i/core/bg_nav.gif) repeat-x;
	height:142px;
    overflow:hidden;
}
	.wrapper .header .top {
		height:44px;
		padding:24px 0 0 0;
		width:966px;
		margin:0px auto;
	}
	.wrapper .header .slogan {
		background:url(../_i/core/slogan.gif) no-repeat;
		width:268px;
		height:20px;
		float:right;
		text-indent:-10000px;
	}
	.wrapper .header .navigation {
		width:962px;
		margin:0px auto;
		padding-top:8px;
	}
	.header .navigation .logo {
		width:178px;
		margin:0 0 0 -19px;
		float:left;
		position:relative;
	}
	.header .navigation ul 
	{
		margin:9px 0px 0px 0px; padding:0px;	
		width:596px;
		float:right;
	}
	.header .navigation ul li 
	{
		list-style:none;
		float:left;
		display:inline;
		padding-right:12px;
		font-size:0px; line-height:0px;
	}
	.header .navigation ul li.feed {display:block; text-align:right; width:33px; padding-left:0px; padding-right:0px; padding-top:9px; font-size:0px; line-height:0px;}
	.header .navigation ul li a.hasSub {display:block;}
	.header .navigation ul li a img {position:relative;}
	.header .navigation ul li .subMenu {
	    padding-left:7px;
	    background:url(../_i/nav/submenu_bg_left.png) no-repeat;
	    margin-top:-4px;
	    text-align:left;
	    display:none;
	    position:absolute;
	    z-index:999999;
	    overflow:hidden;
	    height:56px;
	}
	.header .navigation ul li .subMenuContent {
	    background:url(../_i/nav/submenu_bg_all.png) repeat-x;
	    height:39px;
	    padding-top:14px;
	    padding-left:10px;
	    height:56px;
	}
	

.wrapper .content {
	width:932px;
	margin:0px auto;
	text-align:left;
	padding-left:30px;
}
	.wrapper .content a {color:#acacac;}
	.wrapper .content.home {clear:both;}
	.wrapper .content.single.nopad {padding-left:6px; width:947px;}
	.wrapper .content .left-col .padtext {padding-left:15px;}
	.wrapper .content.single {padding-top:30px;overflow-x:hidden;width:932px;padding-bottom:10px;}
	
.footer {
	padding:42px 0px;
	text-align:center;
	background:#1c1c1b;
}
.footer .copyright {
	color:#565656;
	width:904px;
	margin:0px auto;
	text-align:left;
}

.left-col {width:625px; float:left;}
.right-col {width:279px; float:right;}

.content-area {
    width:100%;
    background:#FFFFFF;
    overflow:hidden; height:100%;
}
#content-area .left-col a {
    border-bottom:1px solid #ff3300;
    text-decoration:none;
    color:#636363;
}

h2 span{ display:none;}
h2 {font-size:16px; margin-top:0px;}

#page-heading {width:932px; padding:30px 0px 0px 30px; margin:0px auto; text-align:left; height:57px; }
#page-heading h1 {margin:0px; display:inline-block; float:left;}

#page-heading .pager {width:250px; float:right;margin-top:4px;}
#page-heading .pager span {float:right;}
#page-heading .pager a {display:block; width:20px; height:20px; padding-right:5px; background:url(../_i/project_ico_pager.png) no-repeat right top; float:left;}
#page-heading .pager a.active {background-position:right -20px;}

#page-text {width:932px; padding-left:30px; margin:0px auto; color:#636363; text-align:left;}
#page-text-content {
border-top:1px solid #EAEAEA;
height:100%;
overflow:hidden;
padding-bottom:20px;
padding-top:30px;
position:relative;
}


.page-text p {
     line-height:150%;
}

.image-rotator {width:279px; border-bottom:1px solid #eaeaea;}
.image-rotator .image-list {height:123px; overflow:hidden;}
.image-rotator .image-list img {position:absolute;}
.image-rotator .image-navigation {height:100%; overflow:hidden; padding:9px 4px;}
.image-rotator .image-navigation span {float:right;}
.image-rotator .image-navigation a {background:url(../_i/core/rotator_mini.gif) no-repeat; display:block; width:22px; height:16px; display:block; float:left;}
.image-rotator .image-navigation a.active {background-position:left -16px;}

.awards {padding:20px 0px; overflow:hidden; height:100%;}
.awards span {display:block;}
.awards .award-img {border:1px solid #bebebe; margin-top:20px;}
.awards ul {margin:0px; padding:0px;}
.awards ul li {list-style:none; padding-top:15px;}
.awards ul li span {color:#6d6d6d; font-size:13px; font-weight:bold;}
.awards ul li strong {font-weight:normal; font-size:11px; color:#b6b6b6;}

.awards-list {position:relative; width:100%;}
.awards-list .award-item {float:left; width:185px; height:185px; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
.awards-list .award-item span.award-img {width:185px; overflow:hidden; height:185px; display:block;}
.awards-list .award-item.last {width:184px; border-right:none;}
.awards-list .award-item.bottom { border-bottom:none;}
.awards-list .award-content {display:none; position:absolute; background:#000; padding:10px; color:#FFF;}
.awards-list .award-content span.award-name {font-weight:bold; display:block; padding-bottom:15px;}


.cross-links {margin-top:20px;}

.project-item {overflow:hidden; height:100%; padding-bottom:43px;}
.project-item .project-image {width:400px; height:332px; overflow:hidden; float:left; overflow:hidden; position:relative;}
.project-item .project-image .project-image-container {width:400px; height:300px; overflow:hidden; position:relative; z-index:11;}
.project-item .project-image .project-image-container img {position:absolute;}
.project-item .project-image .project-image-container img.active {z-index:9;}
.project-item .project-image .project-image-controller {padding:7px 0px; position:relative; margin-top:-32px; text-align:right; height:16px; z-index:10; border-bottom:1px solid #eaeaea;}
.project-item .project-image .project-image-controller span {float:right;}
.project-item .project-image .project-image-controller a {display:block; width:16px; height:16px; padding-right:5px; background:url(../_i/core/project_ico_gray.png) no-repeat; float:left;}
.project-item .project-image .project-image-controller a.active {background:url(../_i/core/project_ico_orange.png) no-repeat;}
.project-item .project-content {width:488px;float:right; font-size:11px; line-height:145%; font-size:12px;}
.project-item .project-content h2 { font-size:20px; padding:0 0 0px 0; color:#FFF;}
.right-col h2 {font-size:0px; line-height:0px; margin:0px; padding:0px;}
.project-item .project-content .project-info {color:#808080; padding-top:5px;}
.project-item .project-content p {padding:0px 0px 10px 0px; margin:0px; font-size:12px;}
.project-item .project-content .project-info span {display:block; padding-bottom:3px; font-size:11px;}
.project-item .project-content .project-info a {color:#808080;}
.more-projects-load {margin-top:-15px; padding-bottom:15px; text-align:right;}


.clients {overflow:hidden; height:100%; }
.clients .client-col {width:320px;float:left; overflow:hidden; height:100%; padding-bottom:15px;}
.clients .client-col.last {width:292px;}
.clients .client-col h2 {padding:0px 0px 12px 0px; margin:0px; line-height:0px; font-size:0px;}
.clients .client-col h2 span{display:none;}
.clients .client-col h2.mt50 {padding-top:52px;}
.clients .client-col h2.mt85 {padding-top:85px}
.clients .client-col h2.mt90 {padding-top:90px}
.client-col ul {padding:0px; margin:0px;overflow:hidden; height:100%;}
.client-col ul li{padding:0px 10px 10px 0px; margin:0px 0px 0px 0px; list-style:none; width:136px; height:76px; float:left; overflow:hidden;}
.client-col ul li img.grayscale {position:absolute; z-index:1;}
.client-col ul li img.rgb {position:absolute; display:none; z-index:2;}
#tooltipContainer {background:url(../_i/core/tooltip_bg.png) no-repeat; width:118px; height:33px; padding:5px 0px 0px 5px; font-size:11px; display:none;}

.right-col h2 {padding-bottom:17px;}
.case-study {padding-bottom:20px;}
.case-study h3 {font-size:0px; line-height:0px; padding:13px 0px 10px 0px; margin:0px;}
.case-study h3 span {display:none;}
.case-study p {padding:0px 0px 11px 0px; margin:0px; font-size:11px; color:#808080;}
p {line-height:135%; padding-top:0; margin-top:0px; font-size:13px;}
.faqStyle 
{
	margin-top:15px;
}
.faqStyle .faqItem 
{
	margin-bottom:15px;
}
.faqStyle .faqItem .faqItemTop 
{
	background:url(../_i/core/faq_top.gif) no-repeat;
	font-size:0px; line-height:0px;
	height:6px;
}

.faqStyle .faqItem .faqItemBot 
{
	background:url(../_i/core/faq_bot.gif) no-repeat;
	font-size:0px; line-height:0px;
	height:6px;
}



.faqTitle {width:623px;}
.faqStyle .faqTitle a 
{
	border-left:1px solid #5F5F5F;
	border-right:1px solid #5f5f5f;
	display:block;
	font-size:16px;
	padding:16px;
	color:#c7c7c7;
	text-decoration:none;
	background:#272828 url(../_i/core/faq_plus.gif) no-repeat 590px 16px;
}
.faqStyle .faqItem .faqContent 
{
	display:none;
	color:#eaeaea;
	margin:0px 0px;	
	padding-left:15px;
	padding-right:15px;
	border-left:1px solid #5F5F5F;
	border-right:1px solid #5f5f5f;
	width:591px;
	background:#272828;
}
.faqStyle .faqItem .faqContent p 
{
	margin:0px; padding:0px 0px 12px 0px;
}

.faqStyle .faqItem.active .faqItemTop 
{
	background:url(../_i/core/faq_top_s.gif) no-repeat;
	font-size:0px; line-height:0px;
	height:6px;
}
.faqStyle .faqItem.active .faqItemBot 
{
	background:url(../_i/core/faq_bot_s.gif) no-repeat;
	font-size:0px; line-height:0px;
	height:6px;
}
.faqStyle .faqItem.active .faqTitle a
{
	border-left:1px solid #303030;
	border-right:1px solid #303030;
	color:#FFF;
	background:#272828 url(../_i/core/faq_neg.gif) no-repeat 590px 6px;
}
.faqStyle .faqItem.active .faqContent 
{
	border-left:1px solid #303030;
	border-right:1px solid #303030;
	color:#FFF;
}

.faqStyle.wide .faqItem .faqItemTop {background:url(../_i/core/faq_top_wide.gif) no-repeat;}
.faqStyle.wide .faqItem .faqItemBot {background:url(../_i/core/faq_bot_wide.gif) no-repeat;}
.faqStyle.wide .faqTitle a {background:#272828 url(../_i/core/faq_plus.gif) no-repeat 890px 16px;}
.faqStyle.wide .faqTitle {width:890px;}
.faqStyle.wide .faqItem.active .faqItemTop {background:url(../_i/core/faq_top_wide_s.gif) no-repeat;}
.faqStyle.wide .faqItem.active .faqItemBot {background:url(../_i/core/faq_bot_wide_s.gif) no-repeat;}
.faqStyle.wide .faqItem.active .faqTitle a {background:#272828 url(../_i/core/faq_neg.gif) no-repeat 890px 16px;}
.faqStyle.wide .faqItem .faqContent {width:858px;}




table.formView tr td {vertical-align:top; padding-bottom:6px; padding-top:2px; white-space:nowrap;}
table.formView tr td span.req {padding-left:3px;}
table.formView tr td span.req.not {font-size:0px; line-height:0px;}
table.formView tr td div.label {display:block; padding-bottom:5px; font-weight:bold;}
table.formView tr td label.error {display:block; clear:both; padding-top:5px; color:Red; font-size:11px;}



.two-cols {overflow:hidden; height:100%; padding-bottom:30px;}
.two-cols  .col-item {width:45%; float:left;}
.two-cols  .col-item.border-right {border-right:1px solid #eaeaea}

.blk {display:block;}
.pb10 {padding-bottom:10px;}


.jquery-selectbox {
	position: relative;
	height: 21px;
	width: 236px;
	z-index: 0;
	float: left;
	display: inline;
	margin: 0 0 0px 0;
	font-size: 12px;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #636363;
	padding: 5px 10px 9px 10px;
	background: url("../_i/core/bg_input.gif") no-repeat;
}
.jquery-selectbox.selecthover {
	z-index: 700;
}	
.jquery-selectbox .jquery-selectbox-currentItem {
	padding: 6px 0px 0px 3px;
	white-space: nowrap;
	display: block;
	overflow: hidden;
	color:#636363;
}

.jquery-selectbox .jquery-selectbox-list {
	display: none;
	position: absolute;
	top: 37px;
	padding: 2px;
	left: 0px;
	background: #FCFCFC;
	border:1px solid #eaeaea;
	width: 236px;
	height: 120px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1000;
	margin: 0 0 5px 0;
	font-size: 12px;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #636363;
	padding: 5px 10px 9px 10px;
}
.jquery-selectbox .jquery-selectbox-moreButton {
	/*
	position: absolute;
	top: 0px;
	right: 0px;
	*/
	float: right;
	width: 20px;
	height: 16px;
	cursor: pointer;
}

.jquery-selectbox .jquery-selectbox-item.listelementhover {
	background: #222;
	color: #FFF;
}
.jquery-selectbox .jquery-selectbox-item {
	display: block;
	cursor: default;
	padding:5px 3px;
}

/** ERROR classes **/
form .error .jquery-selectbox {
	color: #d00;
	border-color: #d00;
	background-image: url("../_i/selectbox/bg-TextFieldError.gif");
}

h6{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	visibility: hidden;
	color: #FFF; text-align: left; font-size: 25px;
	height:25px;
	line-height:140%;
	background:#2E2D2E;
}


.custom-upload label.cabinet
{
	width: 112px;
	height: 36px;
	background: url(../_i/btn-choose-file.gif) 0 0 no-repeat;
	display: block;
	overflow: hidden;
	cursor: pointer;
}

.custom-upload label.cabinet input.file
{
	position: relative;
	height: 100%;
	width: auto;
	opacity: 0;
	-moz-opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}







.input-txt {
    background:url(../_i/input_text_bg.png) no-repeat top left;
    padding-left:5px;
    display:inline-block;
    float:left;
}
.input-txt .input-txt-c {
    background:url(../_i/input_text_bg.png) no-repeat top right;
    padding-right:5px;
    display:inline-block;
    padding:4px 5px 5px 0px;
}
.input-txt .input-txt-c input {
    padding:6px 15px 7px 5px;
    _padding:5px 15px 5px 5px;
    font-size:11px;
    font-family:Tahoma;
    background:none;
    font-size:12px;
    color:#414042;
    border:none;
}
.input-txt.req .input-txt-c input {
    background:transparent url(../_i/ico_req.png) no-repeat center right;
}
.input-txt.active-state {
    background-position:left -40px;
}
.input-txt.active-state .input-txt-c {
    background-position:right -40px;
}
.input-txt.error-state {
    background-position:left -70px;
}
.input-txt.error-state .input-txt-c {
    background-position:right -70px;
}
.input-txt.error-state .input-txt-c input {
    color:Red;
}
.textarea-txt {
    background:url(../_i/txtarea_bg.png) no-repeat;
    padding:10px;
}
.textarea-txt textarea {
    height:65px;
    border:none;
    background:none;
    width:96%;
    font-family:Tahoma;
    font-size:12px;
    resize:none;
}

.w230 {width:230px;}
.w500 {width:510px;}

.pl20 {padding-left:20px;}

span.latest_tweets {display:block; padding-bottom:20px; padding-top:20px;}
ul.tweet_list {margin:0px; padding:0px;}
ul.tweet_list li {list-style-type:none; padding-bottom:20px; overflow:hidden; height:100%;}
ul.tweet_list li .tweet_avatar {
    width:32px;
    height:32px;
    float:left;
    border:1px solid #eaeaea;
}
ul.tweet_list li .tweet_text {
    floaT:right;
    width:235px;
    font-size:11px;
    line-height:135%;
    word-wrap:break-word;
}
ul.tweet_list li .tweet_text a {
    font-weight:bold;
    border-bottom:none;
}
ul.tweet_list li .tweet_time {
    display:block;
    floaT:right;
    width:235px;
    font-size:9px;
    padding-top:5px;
}
ul.tweet_list a {
    border-bottom:1px solid #ff3300;
    text-decoration:none;
    color:#636363;
}
ul.tweet_list li .tweet_time a {
    border-bottom:none;
    font-size:#eaeaea;
    text-align:right;
}