body{height:100%;text-align:left;color:#B3B3B3;font-family:Arial Black,"Franklin Gothic Heavy", Helvetica, sans-serif;margin:0;padding:0}
#qe_toolbar h1{letter-spacing:normal}
#backgroundPic{background:#81c3cf}
#wrapper{height:99%;min-height:50%;text-align:left}
#wrapper,#width{width:expression(document.body.clientWidth > 1000 ? "999px" : "97%");max-width:1000px;margin:0 auto}
#wrapper[id],#width[id]{width:97%;height:auto}
.wrapper {width:1000px; margin: 0 auto}
#header{position:relative;z-index:11;width:100%;height:148px}
label{height:20px;width:98%;position:relative;font-weight:400;clear:both;display:block;font-family:Arial, Helvetica;margin:0}
input,select,textarea{background:#F9F9F9;color:#666;display:block;height:auto;width:auto;border-color:#F2BB7E #F2BB7E #F7941D #F7941D;border-style:solid;border-width:1px;margin:0 7px 0 0}
#cfMessage {border-color:#F2BB7E #F2BB7E #F7941D #F7941D;border-style:dashed;border-width:3px;}
textarea{width:550px;height:300px;overflow:scroll;clear:both;margin-bottom:10px}
a:link{color:#a7a7a7;background:none;list-style-type:none;text-decoration:underline;margin:none;padding:none;outline:0}
a:visited{color:#333}
a:hover{color:#000;outline:0}
a:active{outline:0;background:#F7941D;color:#fff}
a.clickme{text-decoration:none;color:#037CC5;background-color:#fff;padding-left:3px;font-size:1.6em;letter-spacing:-2px;font-weight:900;float:right;width:30%;margin-right:10px}
a.clickme:hover{color:#fff;background-color:#037CC5}
img { border: 0px; }
div#logo{z-index:3;left:-25px;text-align:left;position:relative;width:50%;top:0;padding:5px}
div#logo h1{letter-spacing:-20px;color:#fff;font-size:13em;font-weight:900;line-height:165px;text-transform:none;margin:0;padding:0}
div#logo h2{bottom:-21px;color:#a7a7a7;letter-spacing:-1px;font-size:.9em;text-transform:lowercase;position:absolute;left:148px;margin:0;padding:0}
div#logo p{left:20em;margin:0pt;padding:0pt;position:absolute;top:130px;width:100%;color:#fff}
div#logo a {text-decoration:none}
.clearboth{clear:both;width:0;height:0;margin:0;padding:0;overflow: hidden}
.floatright{float:right}
.columnContent{z-index:11;margin-bottom:10px;float:right;width:70%;position:relative;padding:5px}
#sidebarlogin{z-index:10;border-top:1px #c7c7c7 dashed;border-bottom:1px #c7c7c7 dashed;position:absolute;width:30%;top:17px;right:0;padding:0}
div#WebLoginLayer0 label,div#WebLoginLayer2 label{display:block;margin-top:5px!important;font-family:Arial, Helvetica, sans-serif;color:#fff;font-size:.7em;padding:0}
div#WebLoginLayer0 label{width:100%;position:relative;height:15px; color:#a7a7a7}
div#WebLoginLayer0 input {background:#e4e4e2; border:none; color:#000}
div#WebLoginLayer0 .submit {top:-11px; position: relative; right:0;text-indent: -2000px;height:86px; width:86px; background:url(../images/goLogin.png) no-repeat ; border:none; cursor:pointer}
div#WebLoginLayer0 .fieldsHolder {float:left}
.rightCorn {background:transparent url(../images/rightCorn.png) no-repeat scroll 0 0;
border:medium none;
height:90px;
overflow:hidden;
position:absolute;
right:59px;
top:-2px;
width:90px;}
.rightCorn img{width:100%}
.projectHolder {background:url(../images/whiteOpac.png) repeat; padding:10px}
div#WebLoginLayer0 fieldset {top:13px}
.projectPageDiv {width:100%}
.rightSideProject {float:right;width:66%}
.imageSide {float:left; width:192px}
div#WebLoginLayer2 label{height:30px;position:relative;width:90%;clear:both}
#sidebarlogin input.buttonRight,#sidebarlogin input.buttonNormal,#sidebarlogin input.button,input#ajaxSearch_submit{position:relative;left:0;top:0;height:25px;background:#333;color:#fff;cursor:pointer;margin:0;padding:0}
#sidebarlogin input.buttonNormal{float:left;width:75px;margin-top:5px}
#sidebarlogin input.buttonRight{float:right;width:75px;margin-top:5px}
#sidebarlogin input.button{width:50px;float:right;right:10px;position:relative}
#sidebarlogin #checkbox_1{width:auto;float:right;border:0!important;top:5px;position:relative}
#sidebarlogin h3{display:block;color:#fff;padding-left:0;font-size:1em;margin:0}
#sidebarlogin #forgotpsswd{font-size:.7em;display:block;float:left;color:#fff;text-decoration:none;letter-spacing:-1px;position:relative;clear:left;width:100px}
div#WebLoginLayer0,div#WebLoginLayer2{margin:0;padding:0}
div#WebLoginLayer0 form,div#WebLoginLayer2 form{margin:0}
#WebLoginLayer2 input{display:block;position:relative;left:0}
#loggedin{width:97%;height:55px;background:transparent;margin:auto;padding:5px}
h1{font-size:1.3em;padding-top:0;margin-top:0;letter-spacing:-3px;color:#4D4D4D;text-transform:uppercase}
h2{font-size:2.4em;letter-spacing:-2.8px;margin-top:0;padding-top:0;color:#8F8F8F;text-transform:uppercase;line-height:35px}
h3{font-size:1.5em;letter-spacing:-1.9px;display:block;color:#4D4D4D;margin:0;padding:0}
h4{font-size:1.2em;letter-spacing:-1.4px;color:#fff;clear:both;margin:0;padding:0}
h5{font-size:.9em;letter-spacing:-.05em;margin:0;padding:0;color:#F7941D}
h6{font-size:.6em;margin:0;padding:0}
p{font-size:1em;letter-spacing:-.5px;color:#B3B3B3;margin:0;padding:0 4% 4% 0}
.navigation{text-transform:uppercase;font:Arial;left:0;margin:auto;padding:0}
.navigation li{list-style-type:none;float:left;letter-spacing:-5px;height:auto;margin:-15px 10px;padding:0 0 5px; display: block}
.navigation li {text-decoration:none;font-size:3.8em;padding:0px 5px 0px 0}
.navigation2{text-transform:uppercase;font:Arial;left:0;position:relative;margin:0 auto;padding:0}
.navigation2 li{list-style-type:none;float:left;font-size:2em;letter-spacing:-4px;height:auto;padding:0 0 5px}
.navigation2 li a#item50{color:#595959}
.navigation2 li a{text-decoration:none;padding:5px 5px 5px 0}
.navigation li.wwd,.subnav li.wwd{font-size:16px;background: url(../images/cross.png) no-repeat bottom left;display:block;width:200px;height:55px;text-align:right;text-transform:uppercase;float:left;margin:0;padding:0}
.wwd h1{font-size:1em;letter-spacing:-1px;font-weight:400;color:#777;margin:0;padding:30px 5px 0 0}
span.wwd {font-size:0.9em;background: url(../images/cross.png) no-repeat bottom left;display:block;width:200px;height:55px;text-align:right;text-transform:uppercase;float:left;margin:28px 0 7px;padding:0;color:#777; line-height: 90px}
.topMenu {margin: 30px 0 0;}

span.powerOn {font-size:0.9em;background:url(../images/powerOn.png) no-repeat center left;display:block;width:217px;height:35px;text-align:left;text-transform:uppercase;float:left;margin:8px 0 7px;padding: 0px 12px 0 0;color:#333; line-height: 35px;text-indent: 42px; cursor: pointer}
span.powerOff {font-size:0.9em;background:url(../images/powerOff.png) no-repeat center left;display:block;width:217px;height:35px;text-align:left;text-transform:uppercase;float:left;margin:8px 0 7px;padding: 0px 12px 0 0;color:#333; line-height: 35px; text-indent: 42px;cursor: pointer}

.middleSec3Inner .navigation li {margin: 0 10px 0 0; line-height:36px}
.middleSec3Inner .navigation li a{margin: -5px 10px -5px 0; height:60px; display: block; width:100%}

html>body .middleSec3Inner .navigation li { *min-width: 315px;*line-height:60px }

.wrapperOuter{width:100%;padding: 14px 0px 29px;}
.topSec  {background:#fff url(../images/BKHeader.jpg) repeat-x top center; padding: 0 0 29px} 
.topSecInner {padding:40px 0 34px;}
.middleSec1 {background:#c84246 repeat-x top; padding:34px 0 29px}
.middleSec2 {background:#333; position:relative}
.middleSec3 {background:#81c3cf; overflow:hidden;position:relative}
.middleSec4 {background:#dcdcdc}
.middleSec4Inner {}

#holder{width:100%;clear:both;position:relative;z-index:50;margin:15px 0 0}
#footer{z-index:15;height:29px;color:#333;width:100%;clear:both;font-size:.8em;margin:0; text-indent: 30px}
.subnav{border:none;width:200px;text-transform:uppercase;letter-spacing:-1px;float:left;position:relative}
.subnav ul{list-style-type:none;margin:0;padding:0}
.subnav ul li{display:inline;width:auto}
.subnav ul li a{display:inline;color:#fff;text-decoration:none;font-size:1em}
.holder{width:100%;float:left}
#footer a.footerLink{color:#666;background:none;text-decoration:none;float:left;margin:0 15px; line-height:45px}
#footer a.footerLink:hover{color:#222;background:none}
#footer span {line-height:45px; right:35px; position:absolute}
#websignupfrm label{display:block;margin-top:5px!important;height:auto;font-size:.8em;width:50%;padding:0}
#websignupfrm fieldset{border:none;width:80%;float:left}
#websignupfrm input#signup{width:20%}
.sitemap{position:relative;margin-left:0;left:0;float:left;width:60%}
#sidebarlogin fieldset,form#newspublisher fieldset{border:none;margin:0;padding:0}
form,fieldset{clear:both;height:auto;color:#fff;border:none;margin:0;padding:0}
fieldset {position:relative; top:35px}
fieldset.group {height:35px}
fieldset.group *{float:left; clear:none; width:auto}
fieldset.group label {bottom:20px;
position:absolute;}
fieldset.group input {border-color:#F2BB7E #F2BB7E #F7941D #F7941D;border-style:dashed;border-width:3px}
fieldset.group select {border-color:#F2BB7E #F2BB7E #F7941D #F7941D;border-style:dashed;border-width:3px}
#cfContact {padding:7px 15px}
.navigation ul,.navigation2 ul{z-index:0;position:relative;margin:0;padding:0}

li#item33 a{color:#D5D4D4}

li#item6 a, li#item15 a,li a#item52 a{color:#d47563}

li#item53 a,li#item2 a,li#item32 a,li#item47 a{color:#4D4D4D}

li#item48 a, li#item39 a, li a#item51 a, li a#item54 a{color:#2f2f2f}


#subLeft li#item48 a,#subLeft li#item39 a,#subLeft li a#item51 a,#subLeft li a#item54 a{color:#6f6f6f}
#subLeft li#item48 a:hover,#subLeft li#item39 a:hover,#subLeft li #item51 a:hover,#subLeft li a:hover{color:#fff}


.navigation2 li a:active#item50,.navigation2 li a:active#item51,.navigation2 li a:active#item52,.navigation2 li a:active#item53,.navigation2 li a:active#item54,#footer h4{color:#fff}
.navigation li a {text-transform:uppercase; text-decoration:none; display: block}
.navigation li a.execs {text-transform:lowercase}
.subnav li a {text-transform:uppercase}

.navigation li#item48 a:hover,.navigation li#item39 a:hover,.navigation li#item47 a:hover,.navigation li#item32 a:hover,.navigation li#item2 a:hover,.navigation li#item6 a:hover,.navigation li#item15 a:hover,.navigation li#item33 a:hover {color:#fff}

.subnav li#item48 a:hover,.subnav li#item39 a:hover,.subnav li#item47 a:hover,.subnav li#item32 a:hover,.subnav li#item2 a:hover,.subnav li#item6 a:hover,.subnav li#item15 a:hover,.subnav li#item33 a:hover {color:#fff; background:#afaaa4}
.textPannel {background: #fff; padding:10px 10px 10px 20px; margin:30px 0 0 0; color:#6a6a6a }
.textPannel p {color:#6a6a6a}
.clientArea {float:left;position:relative;left:0; padding:0 7px;text-align: center;width: 50px; background:#f5f5f5}
.clientArea img {width:100%}

.clientHome {padding:0 50px 0 28px;
position:absolute;
right:0;height:52px;
top:28px; background:#f5f5f5; width:465px} 
.clientHome .clientArea {float:left;position:relative;left:0; margin-right:0;text-align: center;width: 35px; padding:0 7px 7px;background:#f5f5f5}
.clientHome .clientArea img {width:100%}  
.clientHome .clientArea p {display:none}

.rightSide {float:right;position:relative;
right:52px;top:50px;height:351px}
.leftSide {float:left; position:relative; left:60px; top:40px;width:60%; height:351px }
.clientAreaTitle {color:#666}
#overlay {width:100%;  background:#000000 none repeat scroll 0 0;
left:0;
position:fixed;
top:-1500px; height:100%; z-index:60}
#EmailForm {left:6px;
position:relative;}
#cfMessage {height:230px}
div#projectInfoArea {
	height:461px;position: fixed;
	width: 800px;
	top: -3000px;
	padding-top: 10px; z-index:61; margin:50px auto -50px; text-align:left; background:transparent url(../images/projectBG.png) no-repeat; 
}

div#sectionTalk {
	left:312px;height:461px;position: fixed;width: 465px;top: -3000px;padding-top: 10px; z-index:61; margin:50px auto -50px; text-align:left;color:#fff; 
}
#contactFormDiv{
	height:461px;position: fixed;
	width: 665px;
	top: -3000px;
	padding-top: 10px; z-index:61; margin:50px auto -50px; text-align:left;color:#fff
}
#ideaDiv {height:461px;position: fixed;
	width: 665px;
	top: -3000px;
	padding-top: 10px; z-index:62; margin:50px auto -50px; text-align:left;color:#fff
}
#ideaDiv fieldset textarea{height:75px}
#contactFormDiv h1, #contactFormDiv h2 {padding:0; margin:0}
#contactFormDiv h1 {color:#fff}
#subLeft {	height:661px;position: fixed;
	width: 325px;
	top: -3000px;
	z-index:62;
	color:#fff
}
#ideasButton {cursor:pointer}
input[type=hidden] {display:none}
#closeRight {color:#333;
display:block;
height:55px;
line-height:52px;
position:fixed;
right:0;
text-indent:90px;top:-3000px;cursor:pointer;
width:200px;
z-index:62; background: #fff url(../images/Close.jpg) no-repeat left center;}

#teamTitle h1{font-size:26px; margin:0; color:#95979a}
#teamType h2{font-size:26px;color:#589ebe; margin:0 0 14px}
#teamContent p {color:#fff}
#subLeft ul {list-style-type:none; margin:0; padding:56px 0 0 14px}
#subLeft li {list-style-type:none; margin:0; padding:0; width:300px}
#subLeft li a {font-size:20px; display:block; text-decoration:none; height:35px; background:none}
#subLeft li a:hover {color:#fff}
#projectInfoArea h1{font-size:3.3em; color:#939598; font-family:"Arial Narrow", Arial, Helvetica;font-weight:500;text-transform: uppercase;letter-spacing:-6px;margin:0 0 7px} 
#projectInfo h2 {font-size:1.2em;
left:30px;
letter-spacing:-2px;
position:absolute;
top:35px;
width:716px;}
#projectInfoArea h3{font-size:2em; color:#000; font-family:"Arial Narrow", Arial, Helvetica;font-weight:500;text-transform: uppercase; position:absolute; top:-50px} 
#projectInfoArea p {color:#000; font-weight:500;font-family:"Arial Narrow", Arial, Helvetica;}
#projectInfoArea .bottomSection {position:absolute; bottom:-12px; width:711px; left: -59px; background:#f5f5f5;padding:14px 0 0 67px}
#closeArea {position:absolute; right:0; top:0; width:50px; height:50px; cursor: pointer;z-index: 63}
.lessPad {padding:0 4% 7px 0; text-transform: lowercase; font-family: Arial;}
.currentProj {width:380px;margin:0; float:left;height:241px; position:relative}
.currentLogo{bottom:12px;
left:22px;
position:absolute;
z-index:2; display:block; width:120px}
.currentBG {position:absolute; z-index:1; width:100%; background:#333}
.currentBG img {display:block; opacity:0.3;
	filter: alpha(opacity = 30);
	-moz-opacity: 0.30;
}
.currentLogo img {width:100%}
.currentProj {color:#8F8F8F; font-family: Arial,"Gill Sans", Helvetica; text-transform:none}
.currentProj h4 {color:#eee; text-transform:uppercase; display: inline}
a.callAjax {margin:0 5px 7px 0; background: none; border: #999 8px solid; width:120px; float:left; display:block}
a.callAjax:hover {border: #111 8px solid;}
.currentInfo {top:250px;width:54%; position:absolute; right:0; height:241px; background: url(../images/currentBG.png) repeat; padding:7px 0 0 14px;z-index:2}
.catchlightLink img {width:150px; display:block;}
.catchlightLink h3 {font-size:1.2em}
.currentInfo p {color:#fff; font-size:0.8em}
#makeMeScrollable {width:980px; position:relative}
a.execs {color:#4d4d4d;
text-decoration:none;
text-transform:lowercase;padding: 0px 5px 0px 3px; height:86px; font-size:0.8em; background:#81c3cf}
a.execs.type54 {color:#4d4d4d}
a.execs.type95 {color:#ccc}
a.execs:hover {color:#000}
.event {width:400px; background:#e5e5e5; padding:14px 14px 14px 24px; float:left; margin: 0 40px 7px 0}
.eventInfo {width:229px; float:right; color:#000}
.eventInfo p {color:#000}
.event img {float:left}
div.scrollingHotSpotLeft
{
	min-width: 75px;
	width: 85px;
	height: 241px;
	position: absolute;
	z-index: 20;
	left: 0;
	cursor: url(../images/cursors/cursor_arrow_left.cur), w-resize;display:none
}
.descriptionPan {width:800px; display:none; position:fixed; top:55px; left:23%}
.descriptionPan.opened {display:block}
.callPan {cursor:pointer}
.descriptionPanUpper{background:url(../images/wrapperTopShad.png) no-repeat; width:100%; height:60px;display:block}
.descriptionPanUpper img {width:42px; float:right; position:relative; right:15px; top:7px}
.descriptionPanUpper h3 {position:relative; top:20px; left:32px}
.descriptionPanInner {background:url(../images/wrapperMidShad.png) repeat-y; width:93%; padding:0 32px}
.descriptionPanUnder{background:url(../images/wrapperBotShad.png) no-repeat; width:100%; height:60px;display:block}
.catchlightLink {min-height:125px}
.closeIcon {z-index:2}
#item51 {border:none;color:#fff; cursor: pointer}
#item51:hover {color: #000}
/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
 background:#000 url(../images/arrow_left.png) right center no-repeat;
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
	
		opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 85px;
	height: 241px;
	position: absolute;
	z-index: 20;
	right: 0;
	cursor: url(../images/cursors/cursor_arrow_right.cur), e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
 background:#000 url(../images/arrow_right.png) left center no-repeat;
	zoom: 1;

	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;

}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
	width:7000px
}

.community {zoom: 1;
	opacity: 0.1;
	filter: alpha(opacity = 10);
	-moz-opacity: 0.10;}
.Design{zoom: 1;
	opacity: 0.1;
	filter: alpha(opacity = 10);
	-moz-opacity: 0.10;}
.Desktop{zoom: 1;
	opacity: 0.1;
	filter: alpha(opacity = 10);
	-moz-opacity: 0.10;}
.exams{zoom: 1;
	opacity: 0.1;
	filter: alpha(opacity = 10);
	-moz-opacity: 0.10;}
.games{zoom: 1;
	opacity: 0.1;
	filter: alpha(opacity = 10);
	-moz-opacity: 0.10;}
.mobile{zoom: 1;
	opacity: 0.1;
	filter: alpha(opacity = 10);
	-moz-opacity: 0.10;}
.online{zoom: 1;
	opacity: 0.1;
	filter: alpha(opacity = 10);
	-moz-opacity: 0.10;}
.Theatre{zoom: 1;
	opacity: 0.1;
	filter: alpha(opacity = 10);
	-moz-opacity: 0.10;}
.tv{zoom: 1;
	opacity: 0.1;
	filter: alpha(opacity = 10);
	-moz-opacity: 0.10;}
	
.toolTipWrapper { /* The wrapper holds its insides together */
		width: 175px;
		position: absolute; /* Absolute will make the tooltip float above other content in the page */
		top: -73px;
		left:-115px;
		display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
		color: #FFF;
		font-weight: bold;
		font-size: 9pt; /* A font size is needed to maintain consistancy */
		z-index:10;
	}
	
		.toolTipTop { /* Top section of the tooltip */
			width: 175px;
			height: 13px;
			background: transparent url(../images/bubble/bubbleTop.png) no-repeat;
		}

		.toolTipMid { /* Middle section of the tooltip */
			padding: 8px 15px;
			background: #333 url(../images/bubble/bubbleMid.png) repeat-x top;
		}
		
		.toolTipBtm { /* Bottom Section of the tooltip */
			height: 30px;
			background: transparent url(../images/bubble/bubbleBtm.png) no-repeat;
		}

#loginArea {position:absolute;
right:0;
top:20px;
width:425px; overflow: hidden}
#loginForm {padding: 0 0 0 25px; background:url(../images/loginForm.png) no-repeat 0 3px; height:86px; overflow: hidden; right:0; position: relative; z-index: 2;opacity: 0;
	filter: alpha(opacity = 0);
	-moz-opacity: 0;}
.logoutPan {padding: 0 0 0 25px; background:url(../images/logoutPannel.png) no-repeat 0 3px; height:86px; width:350px}

.logoutPan a {line-height: 82px;  margin-right:20px; text-decoration: none; left:23px; position: relative}
#loginClick {width:86px; height: 86px; background:url(../images/loginLock.png) no-repeat; position: absolute; right:0; z-index: 3}