:focus
	{
	  -moz-outline-style: none;
	  outline: 0 none;
	}


	html {
		background-color: #000000;
	}
	
	#container {
		width: 880px;
		margin: 0 auto;
		font-family: "Trebuchet MS", Helvetica, Arial;
		font-size: 12px;
		color: #222;
	}
	
	#header {
		margin: 15px 0 10px 0;	
		text-align: right;		
	}
	
	#header h1 {
		width: 101px;
		height: 29px;
 		float:left;
	}
		
	#header h1 a {
		display: block;
		height: 29px;
		background: url(../images/title.png) top left no-repeat;
		text-align: left;
		text-indent: -5000px;
	}
	
	#header h2 {
		font-size: 12px;
		line-height: 16px;
		/* color: #B2B2B2; */
		color: #333;
		font-weight: normal;
		text-transform: uppercase;
	}
	
	#header h2 span {
		color: #333;
	}
	
	#header h2 a {
		/* color: #3F44C3; */
		color: #777;
		text-decoration: none;
	}
	
	#header h2 a:hover {
		text-decoration: underline;
	}	
		
	#content {
		padding: 20px;
		background-color: #2d2d2d;
	}
	
	dt, dd {
		margin-top:1px;
		width: 840px;
		background-color: #2d2d2d; 
	}
	
	dt {
		height: 88px;
		cursor:pointer;
	}	
	
	dt#we {
		background: url(../images/sections/we.png) 0px 0px no-repeat;
	}

	dt#create {
		background: url(../images/sections/create.png) 0px 0px no-repeat;
	}
		
	dt#great {
		background: url(../images/sections/great.png) 0px 0px no-repeat;
	}
	
	dt#work {
		background: url(../images/sections/work.png) 0px 0px no-repeat;
	}	
	
	dt#joinUs {
		background: url(../images/sections/joinUs.png) 0px 0px no-repeat;
	}
	
	
	dt.selected {
		background-position:  0px -88px !important;
		cursor:default;
	}

	dt.first {
		display:none;
	}	
	
	dt ul {
		position: relative;
		top: 58px;
		left: 15px;
		display: none;
	}
	
	dt.selected ul {
		display: block;
	}
	
	dt ul.hovered {
		display: block;
	}
	
	dt ul li {
		letter-spacing: 0px;
		display: inline;
		margin-right: 5px;
		color: #777777;
	}
	dt ul li.active {
		color: #FFFFFF;	
	}
	
	dt ul li a {
		color: #777777;
		text-decoration: none;
		cursor: pointer;
	}
	
	dt ul li a:hover {
		color: #FFFFFF;	
	}
	
	dt ul li.active a {
		color: #FFFFFF;	
	}	
	
	dt ul img {
		position: absolute;
		left: 25px;
		top: 30px;
	}
	
	dd {
		margin-bottom: 1px;
	}
	
	dd.first .panel{
		height: 240px;
	}
	
	dd .panel {
		width: 840px;
		height: 470px;
		background-color: #2d2d2d;		
	}
	
	dd .panel a {
		color: #b5b5b5;
		text-decoration: none;
		font-size: 11px;
	}
	
	dd .panel a:hover {
		text-decoration: underline;
	}
	
	.scroll {
	  height: 470px;
	  overflow: hidden;
	  clear: left;
	}
	
	.scrollContainer div.scrollPanel {
	  height: 470px;
	  width: 840px; 
	  float : left;
	}
	
	#whoWeAre {
		background: url(../images/whoWeAre_bg.jpg) top left no-repeat; 
	}
	
	#whoWeAre p {
		color: #1f504f;
		font-size: 14px;
		line-height: 20px;
		text-align: center;
	}
	
	#whoWeAre p.first {
		float: left;
		width: 595px;
		margin: 65px 0 0 230px;
	}
	
	#whoWeAre p.second {
		float: left;
		width: 320px;
		margin: 40px 0 0 495px;
	}
	
	#ourServices {
		background: url(../images/ourServices_bg.png) top left no-repeat; 
	}
	
	#ourServices li {
		margin-bottom: 7px;
		font-size: 12px;
 		line-height: 12px; 
 		color: #cccccc;
	}
	
	#ourServices .activationMarketing {
		float: right;
		width: 180px;
		margin: 80px 50px 0 0;
		text-align: right;
	}
	
	#ourServices .relationshipMarketing {
		float: left;
		width: 240px;
		margin: 75px 0 112px 50px;
	}
	
	#ourServices .digital {
		clear: both;
		width: 300px;
		margin-left:50px;
	}
	
	#howWeDoIt {
		background: url(../images/howWeDoIt_bg.jpg)  top left no-repeat; 
	}
	
	#disruption {
		background: url(../images/disruption_bg.png) top left no-repeat; 
	}
	
	#understandTheAudience {
		background: url(../images/understandTheAudience_bg.png) top left no-repeat; 
	}
	
	dd .great {
 		background: url('../images/great_bg.jpg') top left no-repeat; 
		background-color: #000;
		height: 470px;
	}
	
	dd .great .columns{
		height: 470px;
	}
	
	dd .great .columns ul {
		margin-top: 25px;
		width: 280px;
		float: left;
	}
	
	dd .great .columns ul li {
		margin: 0 0 10px 15px;
		text-align: center;
		color: #b5b5b5;
	}

	dd .great ul li h4 {
		font-weight: bold;
		font-size: 11px;
		line-height: 13px;
	}
	
	dd .great ul li p {
		font-size: 11px;
		line-height: 13px;
		color: #777777;
	}
	
	dd .work .featured a {
		margin-left: 15px;
	}

	dd .work .columns{
		height: 410px;
	}
	
	dd .work .columns ul {
		margin-top: 25px;
		width: 280px;
		float: left;
	}
	
	dd .work .columns ul li {
		margin: 0 0 10px 15px;
	}
	
	dd .work .featured {
		width: 280px;
		height: 60px;
		background: url('../images/trans.png') top left;
	}

	dd .work .featured h3 {
		color: #575757;
		padding: 15px 0 3px 15px;
	}
	
	dd .joinUs {
 		background: url('../images/joinUs_bg.jpg') top left no-repeat; 
	}
	
	dd .joinUs p {
		color: #FFFFFF;
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		float: left;
	}
	
	dd .joinUs #enquiries {
		padding: 195px 200px 175px 380px;	
	}

	#footer {
		margin: 15px 0 30px 0;
		font-size: 11px;
	}