/* CSS Document */

img, #top, #bottom, #menu, #jumpmenu, #menu_container, #menu_opener, #featureillu, #violator, #bottom_shadow, #top_shadow { behavior: url(scripts/iepngfix.htc); }

body {
	font-family: "Lucida Console", Verdana, monospace;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	font-size: 12px;
}


a {
	color: #000000;
	text-decoration: underline;
}

h4{
	font-size:1em;
	margin-bottom:0px;
}

h4 + p{
	margin-top:0px;
}

#violator {
	position: absolute;
	left:838px;
	top:107px;
	z-index:3;
}
#navigation{
	position: fixed;
	left: 750px;
	top: 90px;
	font-family: "Lucida Console", Verdana, monospace;
	font-size: 11px;
	color: #000000;
	padding-top: 5px;
	padding-left: 8px;
	margin:0px;
	padding:0px;
	z-index:9;
	word-spacing: 1px;
	letter-spacing: 1px;
}
#navigation em,#navigation a{
	display:block;
	
}
#navigation a{
	width:270px;
}
#navigation em, #navigation a{
}

#navigation em{
	padding-top: 5px;
	padding-bottom: 7px;
	background-image: url(content/structural/menu_div.gif);
	background-repeat: no-repeat;
	background-position: left 65%;
	font-style:normal;
	line-height:10px;
}

#menu{
	padding-left:8px;
	margin:0px;
	background-image: url(content/structural/right_shadow2.png);
	background-repeat: repeat-y;
	background-position: left;
	width: 299px;
	display:none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#menu a {
	width:279px;
	text-decoration:none;
	height:15px;
	line-height:15px;
	background-color:#FFFFFF;
	display:block;
}
#menu a:hover{
	background-color:#00c4c2;
	color: #FFFFFF;
}
#menu_opener{
	width:310px;
	background-image: url(content/structural/jumpmenu.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:transparent;
	height: 28px;
	text-decoration:none;
	margin:0;
	padding-bottom:0px;
	margin-bottom:0px;


}

#menu_opener a{
	width:290px;
	background-color:transparent;
	text-decoration:none;
	padding:0px;
	margin:0px;
	padding-top:2px;
	padding-left:9px;
		line-height:17px;
}


.outer_link{
	width: 299px;
	display:block;
	background-color:white;
	margin-left: 0px;
	padding-left: 0px;
}

.inner_link{
	width: 200px;
	display:block;
	background-color:white;
	margin-left: 0px;
	padding-left: 0px;
}
#top_shadow, #bottom_shadow{
	width: 307px;
	margin:0px;
	padding:0px;
	display:none;
}

#bottom_shadow{
	background-image: url(content/structural/bottom_shadow.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#top_shadow{
	height:10px;
	background-image: url(content/structural/shadow_top.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top:-2px
}

#navigation em{
	width:291px;
	background-color:#FFFFFF;
}

/*\*/ * html #navigation { position:absolute;} /**/
/*\*/ * html #ie_fix{position: absolute;left: 314px;top: 41px;width: 20px;visibility:hidden; } /**/
/*\*/ * html #ie_panel{position: absolute;left: 15px;top: 41px;width: 300px;height:370px;visibility:hidden;background-color:white;z-index:3;} /**/

#fill {
	background-color: #FFFFFF;
	width: 299px;
	margin: 0px;
	height: 10px;
}


#menu_items {
	background-color: #FFFFFF;
	width: 299px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 25px;
}

#menu_ul {
	font-family: Monaco, "Courier New", Verdana, monospaced;
	font-size: 9px;
	line-height: 15px;
	margin-left: 0px;
	padding-left: 8px;
	list-style-type: none;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 10px;
}

#link, #jumpmenu, #home {
	cursor: pointer; 
}



#menu_ul a {
	color: #000000;
	text-decoration: none;
}

.head {
	padding-top: 10px;
	padding-bottom: 3px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left bottom;
	font-family: "Lucida Console", Verdana, monospace;
	font-size: 14px;
	color: #333333;
	letter-spacing: 1px;
}

.headwhite {
	padding-top: 10px;
	padding-bottom: 3px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left bottom;
	font-family: "Lucida Console", Verdana, monospace;
	font-size: 24px;
	color: #FFFFFF;
}

#home {
	margin-top:12px;
	padding-top: 3px;
	background-image: url(content/structural/menu_div.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#invisible {
	
	width: 1000px;
	position: absolute;
	left: 0px;
	top: 0px;
	visibility: hidden;
	z-index: 2;
}

#content_shell {
	position: absolute;
	visibility: visible;
	z-index: 0;
	width: 1000px;
	left: 0px;
	top: 0px;
}
#movie {
	position: absolute;
	visibility: visible;
	z-index: 3;
	height: 266px;
	width: 472px;
	left: 20px;
	top: 67px;
}

#movie_new {
	position: absolute;
	visibility: visible;
	z-index: 3;
	height: 266px;
	width: 472px;
	left: 321px;
	top: 150px;
}


#text_page p {
	width: 480px;
	font-size:12px;
	line-height:15px;
}
#news_area, #text_page{
	padding-left: 16px;	
	margin:0px;
}
#news_area{
	width:900px;
}
#text_page h2, #news_area h2{
	margin-bottom:0px;
	font-size:12px;
}

#text_page img{
	padding-top:3em;
}

#text_page p:first-child img {
	padding-top:0em;
}

#text_page{
	width: 500px;
	margin-top:183px;
}
/*\*/ * html #text_page { padding-top:183px;} /**/
*+html #text_page { padding-top:183px; }
#news_area{
	margin-top:170px;
	font-size:12px;
	line-height:15px;
}

#newsgrid {
	width: 238px;
	margin-right:18px;
	margin-bottom:18px;
	float: left;
}

#news_area p.clear{
	clear:both;
	padding-top:2em;
}
#text_page h2 + p, #news_area h2 + p{
	margin-top:0px;
}

#leftcolumn {
	width: 370px;
	margin-right: 18px;
	float: left;
}

#leftcolumn p {
	width: 238px;
}

#gridshell , #news_story, #gridshell2 {
	width: 800px;
	left: 18px;
	margin-left: 16px;
	margin-bottom: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	clear: both;
}
#news_story{
	margin-top:145px;
}
#news_story a{
	font-family: Monaco, Arial, "Courier New", monospaced;
	font-size: 9px;
	color: #000000;
	text-decoration:none;
}


#col1 {
	width: 700px;
	}

#onecolumn {
	width: 550px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 19px;
	color: #000000;
	float: left;
	margin-right: 30px;
}

#twocolumn {
	width: 365px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
	float: left;
	margin-right: 5px;
	margin-left: 3px;
}

#twocolumn h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
}

#dateheader, #dateheaderoutside {
	font-family: "Lucida Console", Verdana, monospace;
	font-size: 11px;
	color: #000000;
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 256px;
	padding-bottom: 9px;
	padding-left: 5px;
	margin-bottom: 20px;
}
 
#viewheader {
	font-family: Monaco, Arial, "Courier New", monospaced;
	font-size: 9px;
	color: #000000;
	background-image: url(content/structural/viewdots.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 380px;
	padding-bottom: 2px;
	margin-bottom: 9px;
}

#viewh {
	padding-bottom: 18px;

}

#views img {
	margin-bottom: 5px;
}
#views p {
	margin-top: 0px;
}

#dateheaderoutside {
	margin-left: 18px;
}

#gridBleft {
	float: left;
	width: 256px;
	margin-right: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;}
	
#gridBleft3 {
	float: left;
	width: 256px;
	margin-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	background-image: url(content/structural/menu_div.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 15px;
}

#more {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	width: 300px;
}
#gridBleft2 {
	float: left;
	width: 256px;
	margin-right: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	margin-top: 10px;
}

#gridBleft, #gridBleft2 h2, #gridBright h3 {
	font-size: 15px;
	line-height: 22px;
	font-weight: bold;
}


#gridBright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	float: left;
	width: 500px;
}

#views {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	clear: both;
	width: 542px;
	margin-bottom: 35px;
}

#gridBright ul {
	margin-left: 0px;
	padding-left: 2px;
	
}
#gridBright li {
	margin-top: 6px;
	list-style-image: url(content/structural/bullet.gif);

}





#newsgrid2 {
	width: 290px;
	margin-right: 30px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
}
#newsgrid h3, #newsgrid2 h3 {
	font-family: Monaco, Arial, "Courier New", monospaced;
	font-size: 9px;
	background-image: url(content/structural/dotted.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-weight: normal;
	padding-bottom: 8px;
	margin-bottom: -7px;
	line-height: 17px;
}

#newsfeature {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	width: 500px;
	margin-bottom: 30px;
	float: left;
	padding-top: 15px;
}

#featureillu {
	float: left;
	width: 255px;
	height: 150px;
}

#clear {
	clear: both;
}

#macmenu {
	clear: both;
	height: 20px;
	width: 5000px;
	margin: 0px;
	position: fixed;
	left: 0px;
	top: 0px;
	background-color: #FFFFFF;
}

#mosaic {
	clear: both;
	height: 2500px;
	width: 10000px;
	margin-right: 30px;
	margin-left: 0px;
	margin-top: 0px;
}

.mosaictable {
	padding-left: 30px;
	padding-top: 135px;
}

.guitable {
	padding-left: 79px;
	padding-top: 104px;
	background-image: url(content/device.jpg);
	background-repeat: no-repeat;
	background-position: 30px 30px;
	height: 650px;
	width: 370px;
	margin: 0px;
	vertical-align: top;
}

.guitable2 {
	padding-left: 30px;
	padding-top: 30px;
	background-repeat: no-repeat;
	height: 650px;
	width: 370px;
	margin: 0px;
	vertical-align: top;
}

#gui {
	clear: both;
	height: 1750px;
	width: 2250px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	z-index: 1;
	top: 130px;
	position: relative;
	left: 50px;
}


#video {
	clear: both;
	height: 1300px;
	width: 2000px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	z-index: 1;
	top: 100px;
	position: relative;
	left: 50px;
}

#audio {
	clear: both;
	height: 1300px;
	width: 2000px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	z-index: 1;
	top: 125px;
	position: relative;
	left: 100px;
}

#contact {
	clear: both;
	height: 1000px;
	width: 900px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	z-index: 1;
	top: 200px;
	position: relative;
	left: 200px;
}

#about {
	clear: both;
	height: 1000px;
	width: 900px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	z-index: 1;
	top: 200px;
	position: relative;
	left: 200px;
}


.identitytable {
	padding-left: 85px;
	padding-top: 50px;
	text-align: center;
	vertical-align: middle;
}

#identity {
	clear: both;
	height: 2000px;
	width: 2000px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	z-index: 1;
	position: relative;
	top: 100px;
}

.videotable {
	padding-left: 85px;
	padding-top: 50px;
	text-align: center;
	vertical-align: middle;
}

.audiotable {
	padding-left: 25px;
	padding-top: 25px;
	text-align: left;
	vertical-align: middle;
}

.audiotable2 {
	padding-left: 55px;
	padding-top: 25px;
	text-align: left;
}

#headimage {
	margin-bottom: 1px;
}
.highlight , .yellowheader{
	background-color: #FFFF00;
}


#space {
	height: 150px;
}

#floatingtitle {
	position: absolute;
	z-index: 5;
	top: 316px;
	left: 300px;
	height: 80px;
	width: 550px;
	padding-top: 20px;
	padding-left: 15px;
	background-color: #FFFFFF;
}

.copyright {
	font-size: 10px;
}

#sideimages {
	position: absolute;
	visibility: visible;
	z-index: 5;
	left: 801px;
	top: 0px;
}

#sideimages img {
	margin-bottom: 30px;
}

#radartop img {
	float: left;
	margin-top: 30px;
	margin-right: 30px;
}

#background {
	position: absolute;
	visibility: visible;
	z-index: 1;
	left: 400px;
	top: 0px;
}

#footer {
	font-family: "Lucida Console", Verdana, monospace;
	font-size: 10px;
	line-height: 13px;
	color: #000000;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 15px;
	margin-left:16px;
	margin-bottom:30px;
	padding-bottom:30px;
	padding-top:30px;
	display:block;
}

#footer2 {
	font-family: "Lucida Console", Verdana, monospace;
	font-size: 10px;
	line-height: 13px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 15px;
	margin-left:16px;
	margin-bottom:50px;
	padding-bottom:30px;
	padding-top:30px;
	display:block;
}

#footer2 a {
	color: #FFFFFF;
	text-decoration: none;
}

#footer2 a:hover {
	text-decoration: underline;
}

.somerights{
	clear:both;
	margin-left:18px;
}
#brandnexthead {
	margin-top:20px;
	padding-top: 50px;
	padding-bottom: 15px;
/*	background-image: url(content/structural/longdiv.gif);
	background-repeat: no-repeat; */
	clear: both;
}

#commentshead {
	margin-top: 50px;
}


/* CLEANUP */

#brandnext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #000000;
	width: 450px;
}

#red {
	height: 600px;
	margin-top: 0px;
	margin-left: 0px;
}

#olympicstrip {
	height: 600px;
	width: 2554px;
	margin-top: 0px;
	margin-left: 0x;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
}

#olympicspace {
	height: 600px;
}

#wamu {
	position: absolute;
	z-index: 1;
	height: 600px;
	left: 0px;
	top: 0px;
	white-space:nowrap;
}

#unilever {
}

#unilever, #wamu{
	left:0px;
}
#unilever_movie{
	margin-top:180px;
	margin-left:180px;
	margin-bottom:130px;
}

#macright{
	position:absolute;
	top:1980px;
	left:581px;
	width: 249px;
	height: 561px;
}
#red img {
white-space:nowrap;
}
#mac_container {

}
#se_text, #se_text a{
	font-size:12px;
	color:white;
	
}
#se_text{
	position:absolute;
	top:4500px;
	padding-left:190px;
}
#column1{
	float:left;
	padding-left:100px;
}
#column2{
	float:left;
	padding-left:25px;
}
#column3{
	float:left;
	padding-left:25px;
}
#abouthead {
	background-image: url(content/structural/longdiv.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 30px;
	padding-top: 15px;
	clear: both;
}
#abouthead2 {
	margin-top: 30px;
	padding-top: 15px;
	clear: both;
}
#abouttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	width: 542px;
	margin-top: 30px;
}


#abouttext img {

}



.yellowheader{
	font-size: 1em;
	line-height: 17px;
	font-weight:normal;
	display:inline;
}


#abouttext2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	width: 400px;
}
#gallery {
	position: relative;
	width:770px;
	height:18;
	margin:0;
	padding:0;
}
#gallery li { display: block; }


#2012images {
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
}

#pdf2012{
	display:block;
	position:absolute;
	left: 2215;
	top:464px;
	width: 186px;
	z-index:2;
}


#olympic1 {
	display:block;
	position:absolute;
	left: 1713px;
	top:8px;
	width: 186px;
	z-index:2;
}

#olympic2 {
	display:block;
	position:absolute;
	left: 1930px;
	top:8px;
	width: 186px;
	z-index:2;
}

#universal {
	display:block;
	position:absolute;
	left: 1293px;
	top:211px;
	width: 186px;
	z-index:2;
}


#olympicpdf {
	display:block;
	position:absolute;
	left: 2215px;
	top:464px;
	width: 186px;
	z-index:2;
}

#olympic3 {
	display:block;
	position:absolute;
	left: 2165px;
	top:8px;
	width: 214px;
	z-index:2;
}

#olympic4 {
	display:block;
	position:absolute;
	left: 2365px;
	top:8px;
	width: 182px;
	z-index:2;
}


#olympicpdf a, #olympic1 a, #olympic2 a,  #olympic3 a, #olympic4 a, #universal a  {
	color:#E00094;
	text-decoration: underline;
}

#olympicpdf a:hover, #olympic1 a:hover, #olympic2 a:hover,  #olympic3 a:hover, #olympic4 a:hover, #universal a:hover  {
	color:#660000;
	text-decoration: underline;
}

#shaker{
	position:absolute;
	left:2277px;
	top:401px;
	z-index: 5;
}
#adidas{
	position:absolute;
	top:212px;
	left:992px;
	overflow:hidden;
	width:332px;
	z-index: 2;
}
#olympic_container{
	background-color:#FFEB00;
}
.horizontal_rights{
	position:absolute;
	top:700px;
	left:18px;
}

#galleryrights {
	position: absolute;
	left: 2px;
	top: 980px;
}

#gallery, #triggers, #translucent{
	position:absolute;
	top:7px;
	left:7px;
	width: 950px;
	
}
#gallery{
	z-index:1;
}
#triggers{
	z-index:4;
}
#translucent{
	z-index:2;
}

#gallery img, #triggers img{
	padding-right:7px;
	padding-bottom:7px;
	
}
#preloader{
	position:absolute;
	height:100px;
	visibility:hidden;
}

#se_film{
	position:absolute;
	top:4059px;
	left:289px;
}

form.comments input.text{
	width:190px;
}
form.comments label{
	padding-left:10px;
	font-weight:bold;
}
form.comments textarea{
	width:380px;
	height:200px;
}
#comments h4 {
	padding-top:18px;
	margin-bottom:0px;
	font-size:12px;
	padding-bottom: 0px;
}
#comments p:first-child {
	margin-top: 0px;
}
#comments {
	line-height: 15px;
}



#se_copyright{
	position:absolute;
	top:4550px;
	left:10px;
}

.floatleft{
	float:left;
	padding-left:7px;
}

#ge_links{
	position:absolute;
	font-size: 12px;
	line-height: 18px;
	top:3070px;
	left:190px;

}
#ge_links a{
	color: #711371;
}

#downloads {
	font-size:12px;
	margin-top: 18px;
	margin-left: 16px;
	clear: both;
}
#downloads a {
	color: #000000;
}
#downloads .casestudy {
	color: #FF00FF;
}
#downloads .unilever {
	color: #006699;
}
#downloads .macmillan {
	color: #339900;
}
#downloads .olympics {
	color: #CC0099;
}
#downloads .se {
	color: #33CC99;
}
#downloads .gallery {
	color: #009999;
}
#downloads .red {
	color: #FF0000;
}
#downloads .wamu {
	color: #CC0033;
}
#downloads .beeline {
	color: #999999;
}
#downloads .oi {
	color: #FF3300;
}
#downloads .southbank {
	color: #CC0033;
}
.casestudy a:hover {
	color: #FF00FF;
}

#client_gif {
	margin-top: 15px;
}



/* NEW HOMEPAGE */


#home_single {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	width: 740px;
	margin-top: 70px;
}
#home_intro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	margin-top: 20px;
	width: 740px;
}
#home_single h2 {
	font-size: 24px;
}

#home_single p:first-child {

	margin-top: 0px;
	padding-top: 0px;
}

#home_imagecontainer {
	clear: both;
}
#home2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	width: 240px;
	margin-right: 18px;
	float: left;
}

#home2 p {
	width: 220px;
}

#home1 {
	width: 495px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	padding-left: 3px;
	padding-top: 0px;
	margin-right: 18px;
}

#home1 p {
	width: 480px;
}

#oi_images {
	margin-top: 20px;
	margin-left: 15px;
}

#oi_images td img {
	margin-right: 15px;
}

#oi_movie {
	position: absolute;
	z-index: 2;
	left: 1900px;
	top: 251px;
	height: 115px;
	width: 168px;
	background-color: #000000;
}