@charset "utf-8";
html{width:100%; height:100%; overflow:hidden} /* To hide scroollBars*/
body{
	width:100%;
	height:100%;
	color:#ccc;
	text-align:center;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	background:#000 url(../../images/backgrounds/back01.jpg) center top repeat;
	overflow:hidden;
}
/*=================COMMON STYLES===================*/
*{padding:0; margin:0; outline:none}
li{list-style:none}
a{text-decoration:none; color:#ff6600}
a:hover{color:#9900cc}
img, fieldset, button{border:none; background:none}
p{line-height:16px; margin-bottom:16px}

#wrap{
	width:100%;
	height:100%;
	text-align:left;
	position:fixed; /*Only for Mozila */
	left:0; top:0;
	display:table;
	z-index:2;
}
#wrapCell{
	width:100%;
	height:100%;
	display:table-cell; vertical-align:middle;
}
/*=================FOOTER=====================*/
#wrapFtr{
	width:100%;
	height:37px;
	background:#000;
	border-top:1px solid #333;
	position:fixed;
	left:0; bottom:0;
	z-index:4;
}
#wrapInner{
	width:950px;
	height:100%;
	margin:0 auto;
	background:url(../../images/interface/aNewMediaAgency.gif) no-repeat left center;
}
#bottomNav{
	height:100%;
	line-height:17px;
	padding:3px 0 0 12px;
	float:right;
	text-align:right;
	font-size:11px;
	color:#ccc;
	position:relative;
}
#bottomNav small{
	line-height:normal;
	font-size:10px;
	color:#666;
	display:block;
}
#bottomNav span#followUs{
	width:104px;
	height:17px;
	background:url(../../images/interface/followUs.png) no-repeat;
	text-align:left;
	position:absolute;
	left:0;
	top:-18px;
}
#bottomNav span#followUs a{
	display:block;
	position:absolute;
	background:no-repeat center top;
	text-indent:-10000px;
	overflow:hidden;
}
#bottomNav span#followUs a#twitter{
	width:34px;
	height:28px;
	left:-23px;
	top:-6px;
	background-image:url(../../images/interface/twitter.png);
}
#bottomNav span#followUs a#facebook{
	width:21px;
	height:21px;
	left:-17px;
	top:24px;
	background-image:url(../../images/interface/facebook.png);
}

#bottomNav span#followUs a:hover{background-position:center bottom}

#bottomNav span#followUs.twitterBlinkEyesOff a#twitter{background-position:center center}
#bottomNav span#followUs a#twitter:hover{width:77px; left:-44px; background-position:center bottom}

/*===============LEFT NAVIGATION===================*/
#vMiddle{
	width:100%;
	height:301px;
	margin:0 auto 60px; /*37+23; (footerHeight+ExtraUnknownAsPSD)*/
	position:relative;
}
#window950NoBg, #vMiddleWithBg{
	width:950px;
	height:295px; /*301*/
	padding:3px 0;
	margin:0 auto;
	position:relative;
	z-index:1;
}
#vMiddleWithBg{
	width:100%;
	background:url(../../images/interface/middleBgRptX.png) repeat-x center top;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
}

h1#logo{width:278px; height:37px; background:url(../../images/interface/logo.png) no-repeat; text-indent:-1000px; overflow:hidden; position:absolute; left:0; top:-43px}
h1#logo a{width:100%; height:37px; display:block}
#window950{
	width:950px;
	height:100%;
	margin:0 auto;
	position:relative;
}

/*===============CUSTOMIZE===================*/
dl#customize{
	height:57px;
	padding-left:5px;
	background-color:#333;
	float:left;
	position:absolute;
	left:auto;	/*reset onLoad by js*/
	right:100%;	/*reset onLoad by js*/
	top:12px;
	z-index:4;
}
#customize dt{
	width:15px;
	height:100%;
	background:url(../../images/interface/customize.gif) no-repeat right center;
	text-indent:-10000px;
	overflow:hidden;
	cursor:pointer;
	float:right;
}
#customize dd{
	height:45px;/*57*/
	padding:6px 0;
	float:right;
}
#customize dd img{
	width:45px;
	height:45px;
	float:right;
	margin-right:3px;
	border:1px solid #333;
	cursor:pointer;
}
#customize dd img:hover{
	/*border-color:#ccc; /*by JS*/
	/*source is changed by JS*/
}

/*===============SPECIAL ANNOUNCMENTs===================*/
div#specialAnnouncements{
	width:273px;
	background-color:#333;
	text-align:left;
	position:absolute;
	right:0;	/*reset onLoad by js*/
	top:-23px;	/*reset onLoad by js*/
	z-index:3;
}
#specialAnnouncementsContainer{
	width:100%;
	display:none;
}
#specialAnnouncements .hdr{
	width:100%;
	height:23px;
	line-height:23px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:10px;
	text-indent:7px;
	color:#666;
	cursor:pointer;
}


/*====================================*/
#slideDownBg1, #slideDownBg2{
	width:351px;
	height:100%;
	background:url(../../images/interface/slideBg.png) repeat;
	position:fixed;
	left:0;
	top:0;
}
#slideDownBg2{display:none}
#pressReleases{
	width:331px;/*351*/
	padding:33px 10px 0;
	position:absolute;
	left:0;
	top:100%;
	z-index:1;
}
#pressReleases h2{
	width:100%;
	height:19px;
	background:url(../../images/interface/pressReleases.png) no-repeat;
	text-indent:-10000px;
	overflow:hidden;
	margin-bottom:10px;
}
ul.newsList{
	width:100%;
	overflow:hidden;
}
#otherNews ul.newsList{
	width:164px;/*182*/
	padding-left:18px;
}
ul.newsList li{
	width:100%;
	padding-bottom:14px;
	float:left;
}
ul.newsList li a{font-weight:bold}
ul.newsList li a small{
	font-size:10px;
	color:#999;
	display:block;
}

/*#newsDetails ul.newsList li a{color:#e4701e}*/

/*===================*/
#allPopUps{
	width:100%;
	height:100%;
	background:url(../../images/interface/popUpShade.png);
	text-align:left;
	position:fixed;
	left:0;
	top:100%;
	z-index:3;
}
#allPopUpsIn{
	width:100%;
	height:100%;
	display:table;
}
#allPopUpsInner{
	width:100%;
	height:100%;
	padding-bottom:38px;
	display:table-cell;
	vertical-align:middle;
}
#newsDetails{
	width:674px;
	height:100%;/*??*/
	background-color:#333;
	margin:0 auto;
	position:relative;
}

.butn_last,
.butn_next,
.butn_close{
	width:28px;
	height:28px;
	background:url(../../images/interface/butn_close.png) no-repeat;
	display:block;
	text-indent:-1000px;
	overflow:hidden;
	cursor:pointer;
	position:absolute;
	right:-17px;
	top:10%;
	z-index:10;
}
#peopleEnlarge .butn_close, #careerEnlarge .butn_close{right:auto; left:493px; top:-7px}
#careerApplyForm .butn_close{right:-16px; left:auto; top:-8px}
#featureEnlarge .butn_close{right:-14px; left:auto; top:-7px}

.butn_last,
.butn_next{
	width:57px;
	background-image:url(../../images/interface/butn_last.png);
	right:auto;
	left:-8px;
	top:auto;
	bottom:16px;
	z-index:10;
}
.butn_next{
	width:70px;
	background-image:url(../../images/interface/butn_next.png);
	left:auto;
	right:-14px;
}



/*-----------------------*/
#newsSingleContainer{
	width:414px;/*446*/
	height:90%;
	padding:3% 0 7% 32px;
	float:left;
	position:relative;
	z-index:1;
}
#scrollMe{
	width:414px;
	height:100%;
	position:relative;
	display:table;
}

#otherNewsContainer{
	width:187px;/*212*/
	height:100%;
	padding-right:25px;
	display:table;
	float:right;
}
#otherNews h2{
	width:100%;
	height:29px;
	background:url(../../images/interface/otherNews.png) no-repeat;
	text-indent:-1000px;
	overflow:hidden;
	margin-bottom:13px;
}


ul#newsDetailsListWithHeader, #otherNews{
	width:100%;
	overflow:hidden;
	display:table-cell; vertical-align:middle;
}
ul#newsDetailsListWithHeader{width:394px;/*414*/ padding-right:20px}
#newsDetailsListWithHeader li{
	width:100%;
	padding-bottom:16px;
	display:none;
	float:left;
}
#newsDetailsListWithHeader li h3{
	font-size:14px;
	line-height:16px;
	margin-bottom:18px;
}




/*====================*/
#featureContainer{
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;/*fix any: just to fadeOut only for ie*/
}
#featureContainer h2{
	width:136px;
	height:19px;
	background:url(../../images/interface/recentWork.png) no-repeat;
	text-indent:-1000px;
	overflow:hidden;
	position:absolute;
	left:677px;
	top:25px;
}
ul#featureDetailsList{
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
}
ul#featureDetailsList li{
	width:100%;
	height:100%;
	overflow:hidden;
	display:none;
	position:absolute;
	left:0;
	top:0;
}
ul#featureDetailsList li img{
	display:block;
	position:absolute;
	right:278px;
	top:0;
}
ul#featureDetailsList li img.screenImg{
	right:auto;
	left:372px;
	top:75px;
	z-index:1;/*fix any: just to fadeOut only for ie*/
}

/*======== VIDEO ============*/
#featureDetailsList .screenVid{
	position:relative;
	left:120px;
	top:45px;
	z-index:1;/*fix any: just to fadeOut only for ie*/
}

/*======== VIDEO ============*/

#featureDetailsList .featureRight{
	width:272px;
	height:166px;
	position:absolute;
	right:0;
	top:48px;
}
#featureDetailsList .featureRight h4{
	width:282px;
	height:44px;
	color:#ff6600;
	position:relative;
	margin-bottom:2px;
}
#featureDetailsList .featureRight h4 img{
	left:-27px;
	right:auto;
	top:0;
}
#featureDetailsList .featureRight a{color:#cc00cc}
#featureDetailsList .featureRight a:hover{color:#ff9900}
ul#featureList{
	width:285px;
	height:81px;
	overflow:hidden;
	position:absolute;
	right:0;
	top:214px;
	z-index:2;
}
ul#featureList li{
	width:81px;
	height:100%;
	display:inline;
	margin-left:14px;
	float:left; cursor:pointer;
}
ul#featureList li a{
	width:100%;
	height:100%;
	float:left;
}
ul#featureList li a img{
	display:block;
	margin:1px 0 0;
	border:1px solid #666;
	opacity:0.50; filter:alpha(opacity=50);
}
ul#featureList li a span{
	display:block;
	line-height:16px;
	font-size:10px;
	color:#ccc;
}
ul#featureList li.selected a img{opacity:1.0; filter:alpha(opacity=100)}
ul#featureList li.selected a span,
ul#featureList li a:hover span{color:#FF9900}

/*=========MAIN NAV===========*/
ul#mainNavList{
	height:17px;
	float:right;
	position:absolute;
	right:0;
	top:-28px;
}
ul#mainNavList li{
	height:15px;
	padding:1px 20px 1px 0;
	background:url(../../images/interface/nav_divider.png) no-repeat right top;
	float:left;
	position:absolute;
	top:0;
}
ul#mainNavList li.nav0{width:54px; left:-277px}
ul#mainNavList li.nav1{width:34px; left:-200px}
ul#mainNavList li.nav2{width:60px; left:-145px}
ul#mainNavList li.nav3{width:48px; left:-63px}
ul#mainNavList li.clicked{background-position:right bottom}
ul#mainNavList li a{
	width:100%;
	height:15px;
	float:left;
	background:no-repeat left center;
	text-indent:-1000px;
	overflow:hidden;
}
ul#mainNavList li.nav0 a{background-image:url(../../images/interface/nav_offerings.png)}
ul#mainNavList li.nav1 a{background-image:url(../../images/interface/nav_work.png)}
ul#mainNavList li.nav2 a{background-image:url(../../images/interface/nav_company.png)}
ul#mainNavList li.nav3 a{background-image:url(../../images/interface/nav_contact.png)}
ul#mainNavList li.clicked a, ul#mainNavList li a:hover{background-position:right center}

/*---Sub Nav--*/
ul#mainNavList li ul.subNavList{
	width:351px;
	/*overflow:hidden;*/
	display:none;
	position:absolute;
	right:-361px;
	top:-24px;/*reset by js*/
}
ul#mainNavList li ul.subNavList li{
	width:334px;/*351*/
	padding:0 0 0 17px;
	background:none;
	
	line-height:17px;
	font-size:14px;
	left:0;
	
	/*by js*/
	/*font-size:24px;
	line-height:auto;
	top:0;*/
}
ul#mainNavList li ul.subNavList li a{
	width:auto;
	height:auto;
	font-weight:normal;
	color:#666;
	text-indent:0;
	background:none;
}
ul#mainNavList li ul.subNavList li a:hover{color:#ccc}
ul#mainNavList li ul.subNavList li.showing a{color:#fff}

ul#mainNavList li ul.subNavList li div.showBelow{
	width:100%;
	padding-top:308px;
	font-size:12px!important;
	line-height:normal!important;
	float:left;
}
div.showBelow strong,
div.showBelow span{
	display:block;
}
div.showBelow span{margin-bottom:15px}


/*=============================*/
#vMiddleIn{
	width:965px;/*EXTRA=15 to digest margin*/
	height:100%;
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
#vMiddleIn.mainNavDetailListShow{display:table}
#mainNavDetailList{
	width:100%;
	height:100%;
	display:table-cell;
	vertical-align:middle;
}
.mainSection, .subSection{
	width:100%;
	overflow:hidden;
	display:none;
}
.subSection{list-style:none}
.subSection img{display:block}
.splitSubSectionIn5 img{border:1px solid #969696}
.subLeftVAlign, .subRightVAlign{
	width:478px;
	height:294px;
	float:left;
	display:table;
}
.subRightVAlign{width:410px;/*471*/ padding-left:61px; float:right}
.subSection .subLeftContainer, .subSection .subRightContainer{
	width:100%;
	display:table-cell;
	vertical-align:middle;
	overflow:visible;
}
.subSection .subRightContainer li{
	width:100%;
	padding:0;
	margin:7px 0 8px;
	color:#666;
	float:left;
	position:relative;
}
.subSection .subRightContainer li a{font-weight:bold}
.subSection .subRightContainer li a small{display:block; font-size:10px; font-weight:normal; color:#999}
.subPeople .subRightContainer li a small{display:inline}
.subPeople .subRightContainer li{margin:10px 0 15px}
.subRightContainer li img{
	border:none;
	display:none;
	position:absolute;
	left:-61px;
	top:-7px;
}
.subPeople .subRightContainer li img{top:-17px}
/*.subRightContainer li:hover img{display:block}*/

.subLeftContainer h1{
	font-size:36px;
	font-weight:normal;
	margin-bottom:3px;
	color:#fff;
}

.splitSubSectionIn5, .splitSubSectionIn2{
	width:100%;
	overflow:hidden;
}
.splitSubSectionIn5 li, .splitSubSectionIn2 li, .gridCell5 li{
	width:178px;
	float:left;
	margin-right:15px;
	overflow:hidden;
}
.subSection li h3{
	width:100%;
	float:left;
	font-size:15px;
	font-weight:normal;
	line-height:26px;
}
.splitSubSectionIn5 li ul{width:100%; float:left}
.splitSubSectionIn5 li li{width:158px;/*178*/ padding-left:20px; line-height:18px; background:url(../../images/interface/bullet_square.gif) no-repeat 10px 0; float:left}

.clientList{display:table}
.clientList .clientListColumn{width:178px; padding-right:15px; display:table-cell; vertical-align:middle}
.clientList .clientListColumn ul{width:100%; overflow:hidden}
.clientList .clientListColumn li{width:100%; line-height:16px; float:left}
.splitSubSectionIn2 li{width:371px}

.gridCell5 li{
	width:176px;
	height:117px;
	border:1px solid #939393;
	margin:7px 15px 8px 0;
	position:relative;
	cursor:pointer;
}
.gridCell5 li dl.description{
	width:162px;/*176*/
	padding:0 7px;
	background:url(../../images/interface/featureBg.png) repeat;
	color:#fff;
	position:absolute;
	left:0;
	bottom:0;
}
.gridCell5 li dl.description dt{
	width:100%;
	line-height:20px;
	font-weight:bold;
}
.gridCell5 li dl.description dd{
	width:100%;
	padding-bottom:2px;
	display:none;
}




/*================*/
#featureEnlarge{
	width:916px;
	height:468px;
	margin:0 auto;
	position:relative;
	border:1px solid #666;
	background-color:#000;
	display:none;
}
#featureEnlarge ul{
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
}
#featureEnlarge ul li{
	width:100%;
	height:100%;
	overflow:hidden;
	display:none;
	position:absolute;
	left:0;
	top:0
}

/*=====================*/
#peopleEnlarge, #careerEnlarge{
	width:950px;
	height:600px;
	margin:0 auto;
	position:relative; display:none;
	z-index:1;
}
#peopleEnlargeInner, #careerEnlargeInner{
	width:510px;
	height:470px;
	/*padding:73px 53px 57px 37px;*/
	position:absolute;
	left:23px;
	top:73px;
	border:1px solid #666;
	background-color:#ff6600;
}
#careerEnlargeInner{
	width:482px;/*510*/
	height:430px;/*470*/
	padding:40px 14px 0;
	background-color:#333;
}
ul#careerEnlargeList, ul#careerEnlargeList li{
	width:100%;
	height:100%;
	position:relative;
}
ul#careerEnlargeList li{
	position:absolute;
	left:0;
	top:0;
}
#careerEnlargeList li ul{
	width:100%;
	font-size:10px;
	overflow:hidden;
}
#careerEnlargeList li ul li{
	width:auto;
	height:auto;
	position:static;
	line-height:16px;
	padding-left:11px;
}
#careerEnlargeList li h6{
	width:100%;
	color:#fff;
	font-size:0.99em;
	margin-bottom:16px;
}
ul#peopleDetails{
	width:600px;
	height:600px;/*416px;/*470-54*/
	position:absolute;
	left:-36px;
	top:-72px;
}
ul#peopleDetails li{
	width:395px;/*600*/
	height:371px;/*600*/
	padding:119px 152px 110px 53px;
	overflow:hidden;
	display:none;
	color:#060101;
	position:absolute;
	left:0;
	bottom:0;
}
ul#peopleDetails li h1, #careerEnlargeList h1{
	font-size:44px;
	font-weight:normal;
	color:#fff;
}
#careerEnlargeList h1{margin-bottom:5px}
ul#peopleDetails li p{margin-top:16px}
ul#peopleDetails li img{position:absolute; left:0; top:0}
ul#peopleBox{
	width:100%;
	height:48px;
	padding-bottom:6px;
	position:absolute;
	left:-1px;
	bottom:0;
}
ul#peopleBox li{
	width:48px;
	height:48px;
	margin-right:1px;
	float:left;
	cursor:pointer;
	position:relative;
}

.subLeftContainer ul{
	width:100%;
	padding-top:5px;
	overflow:hidden;
}
.subLeftContainer li{
	width:439px;/*478*/
	padding-left:39px;
	line-height:16px;
	float:left;
}
/*--fakeCheckBox--*/
ul.fakeCheckBox li{background:url(../../images/interface/checkbox.gif) no-repeat -26px top; position:relative}
ul.fakeCheckBox li.fakechecked{background-position:15px -34px}
ul.fakeCheckBox li input{display:block; position:absolute; left:-100%;}


/*-----FORM----*/
.subRightContainer label{line-height:13px; padding-bottom:2px; display:block}
.subRightContainer input, .subRightContainer textarea{width:322px;/*327*/ height:20px; line-height:20px; padding-left:5px; border:1px solid #ff9900; background-color:#666; display:block; margin-bottom:5px}
.subRightContainer textarea{height:60px}
.subRightContainer .mandatoryErr,
#careerApplyFormCenter span .mandatoryErr{border-color:#ff0000; background-color:#ff9900}
.subRightContainer .focused,
#careerApplyFormCenter span .focused{border-color:#00f}
.subRightContainer .butn_submit{width:57px; height:15px; margin:11px 0 0 252px; padding:0; background:none; border:none}

.thankYou{display:none}
.thankYou ul{padding-left:30px}
.thankYou ul li{clear:both}
.thankYou ul li strong{width:65px; float:left; font-weight:normal; display:none}
.thankYou ul li span{float:left; margin-right:10px}
#careerApplyFormCenter .thankYou{width:70%; padding:0 0 8% 5%; height:90%}


.tableThanks{width:100%; height:100%; display:table}
.tableThanksCell{width:100%; display:table-cell; vertical-align:middle}

.butn_apply{
	width:105px;
	height:71px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:10;
}


/*========================*/
#careerApplyForm{
	width:100%;
	height:100%;
	background:url(../../images/interface/popUpShade.png) repeat;
	position:fixed;
	left:0;
	top:0;
	z-index:11;
	display:none;
}
#careerApplyFormIn{
	width:100%;
	height:100%;
	display:table;
}
#careerApplyFormInner{
	width:100%;
	height:100%;
	padding-bottom:31px;
	display:table-cell; vertical-align:middle;
}
#careerApplyFormCenter{
	width:881px;/*899*/
	height:371px;/*403*/
	padding:32px 10px 0 12px;
	margin:0 auto;
	border:1px solid #666;
	background-color:#333;
	position:relative;
}
#careerApplyFormCenter h1{
	width:100%;
	line-height:62px;
	color:#fff;
	font-size:40px;
	font-weight:normal;
}
#careerApplyFormCenter .smallField,
#careerApplyFormCenter .largeField,
#careerApplyFormCenter .rightField{
	width:203px;
	float:left;
	padding:0 17px 3px 0;
}
#careerApplyFormCenter .largeField,
#careerApplyFormCenter .rightField{width:423px}
#careerApplyFormCenter .rightField{float:right}

#careerApplyFormCenter span label{width:100%; line-height:13px; padding-bottom:2px; float:left}
#careerApplyFormCenter span input,
#careerApplyFormCenter span textarea{
	width:201px;
	height:20px;
	font-size:10px;
	color:#00080c;
	line-height:20px;
	float:left;
	border:1px solid #ff9900;
	background-color:#666;
}
#careerApplyFormCenter span textarea{height:100px}
#careerApplyFormCenter .largeField input,
#careerApplyFormCenter .rightField textarea{width:421px}

#careerApplyFormCenter .textField{
	width:290px;/*423*/
	padding-right:150px;
	float:right;
	clear:both;
}



#temporaryLoad{
	width:100%;
	position:absolute;
	left:-100%;
	top:0;
	overflow:hidden;
}


/*=================CUSTOMIZED AREA===================*/