/* CSS Document */

* {
	margin:0;
	padding:0;
	border:none;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	margin: 0;
	padding: 0;
	}

body.default {	
	background: #ffffff url(../images/bg1.gif) repeat top left;	
}	
	
body.ctw_takeover {
background: #f1f2f7  url(../images/ctw_takeoverskin.jpg) no-repeat top center;
}
	
/* START TEXT  */

a:link, a:visited {
	text-decoration:none;
	color:#FFFFFF
}
a:hover {
	text-decoration:underline;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; 
line-height: 14px;
width:320px;
color: #333333;
padding-bottom:10px;
}

h1 {
	font-size:1em;
	color:#FFFFFF;
	padding: 11px 5px 0 5px;
	
}

h2 {
	font-size:1em;
	color:#FFFFFF;
	padding: 13px 0 0 30px;
}

.paneltext {
	text-align:center;
	height:50px;
	color:white;
	font-size: 10px;
	font-weight:normal;
	color:#05120e;
	margin: 6px 10px 10px 10px;
	
}

.subSectionText {
	font-size: 11px;
	font-weight:normal;
	color:#333333;
	
}

.subSectionText01 {
	font-size: 11px;
	font-weight:normal;
	color:#ccffff;
	
}

.subSectionText02 {
	font-size: 11px;
	font-weight:normal;
	color:#333333;
	
}


.footerText {
	font-size: 11px;
	font-weight:normal;
	color:#ffffff;
	
}


.mainCopy{
	width:380px;
	height:180px;
	padding-bottom:1px;
	float:left;	
	margin:25px 0 0 0;
}

.smallIcon{
padding-left:10px;
}

.homeMargin{
	width:15px;
	margin:25px 0 0 0;
	padding-bottom:10px;
	float:left;
	display:inline;
}


.titleGraphic{
	margin:7px 0 15px 0;


}

.cv{
	margin:225px 0 600px 0;


}

a:link.navlink, a:visited.navlink, link.navlink {
	color:#ffffff;
	font-family:Verdana,Arial;
	font-size:11px;
	font-weight:bold;


}

a:hover.navlink   { 
 
	color:#ffffff;
	font-family:Verdana,Arial;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	

} 

a:link.mainMore, a:visited.mainMore, link.mainMore {
	color:#003366;
	font-family:Verdana,Arial;
	font-size:10px;
	font-weight: bold;
}

a:hover.mainMore   { 
	text-decoration:underline;
} 


a:link.title, a:visited.title, link.title {
	color:#ffffff;
	text-decoration:none;
	
}

a:hover.title   { 
	color:#ffffff;
	text-decoration:none;
	
} 

a:link.more, a:visited.more, link.more {
	color:#ffffff;
	font-family:Verdana,Arial;
	font-size:10px;
	text-decoration:normal;
	line-height:18px;
}

a:hover.more   { 
	color:#ffffff;
	text-decoration:underline;
	font-family:Verdana,Arial;
	font-size:10px;
	text-decoration:bold;
	line-height:18px;
} 


a:link.watch, a:visited.watch, link.watch {
	color:#333333;
	font-family:Verdana,Arial;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	line-height:18px;
}

a:hover.watch   { 
	color:#333333;
	text-decoration:underline;
	font-family:Verdana,Arial;
	font-size:11px;
	text-decoration:underline;
	font-weight:bold;
	line-height:18px;
} 




/* END TEXT  */


#container {
	background: url(../images/bg_main.gif) repeat-y;
	width:969px;
}

#title {
	background-color:#006699;
	color:#ffffff;
	width:939px;
	height:16px;
	font-family:Verdana,Arial;
	font-size:10px;
	text-align:right;
	padding: 2px 0 0 0;
	
}

#header {
	width:939px;
	height:118px;
}

#movieContainer, #movie, #homemovie{
	background-color:#000000;
	width:512px;
	height:288px;
	margin: 0 0 0 15px;
	text-align:left;
	float:left;
	display:inline;
}

#viralbannercontainer{
	position:absolute;
	z-index:10;
	top:40px;
	left:15px;
	width:512px;
	height:288px;	
	background-image:url(../images/banner_bg.png);	
}

#viralexpandercontainer{
	position:absolute;
	z-index:9; /* Behind all over content */
	top:40px;
	left:15px;
	width:939px;
	height:288px;		
}

#movie {
	margin: 0 0 0 15px;
}

#movieAbout {
	background-color:#000000;
	width:812px;
	height:288px;
	margin: 0 0 0 15px;
	text-align:left;
	float:left;
	display:inline;
}

#homeIntro {
	background-image:url(../images/bg_text.png);
	background-repeat:no-repeat;
	width:427px;
	height:288px;
	text-align:left;
	float:right;
	display:inline;
	margin: 0 15px 0 0px;
}

.takeoverbutton a
{
	display:block;
	margin-left:76px;
	margin-top:2px;
	width:164px;
	height:76px;
	background-image:url(../images/takeover_button.png);
}

.takeoverbutton a:hover {
	background-position:0 -76px;
}


#homeAbout {
	width:5px;
	height:288px;
	text-align:left;
	float:left;
	display:inline;
	margin: 0 15px 0 0px;
}

#quoteContainer {
background-color:#006699;
}

#quoteContainer, #quote {
	width:939px;
	height:80px;
}

#localpresentation {
	margin-top:10px;
	width:939px;
	height:450px;
}

#quoteFooter {
	background-image:url(../images/quote_footer.png);
	background-repeat:no-repeat;
	width:939px;
	height:25px;
}

#footerSwap {
	background-image:url(../images/footer_swap.png);
	width:969px;
	height:46px;
	text-align:left;
}

#footer {
	background-image:url(../images/footer.png);
	width:969px;
	height:46px;
	text-align:left;
}

#footerContact {
	background-image:url(../images/footer_contact.gif);
	width:969px;
	height:46px;
	text-align:left;
}

/* START HEADER LINK */

#homeLink  {
		display:block;
		width:939px;
		height:118px;
		background: url(../images/header.gif);
		background-position: 0 -122px;
		
}

#homeLink a {
		display:block;
		width:939px;
		height:118px;
		background: url(../images/header.gif)  0 0 no-repeat;
		background-position: 0 -122px; 
}

#homeLink a:hover{	
		background-position: 0 0;
}

#homeLink a:active {
		background-position: 0 0;
		
}


/* END HEADER LINK */





/* START SPACING */

#spacer5 {
	height:5px;
}
#spacer20 {
	height:20px;
}
#spacer30 {
	height:30px;
}




.homeIntroRight  {
	width:300px;
}


.projectSub  {
	margin: 15px 0 0 0;
}

/* END SPACING */


/* START HOME PANEL */

#panelOne {
	background-image:url(../images/bg_panel1.gif);
}
#panelTwo {
	background-image:url(../images/bg_panel2.gif);
}
#panelThree {
	background-image:url(../images/bg_panel3.gif);
}
#panelFour {
	background-image:url(../images/bg_panel4.gif);
}
#panelFive {
	background-image:url(../images/bg_panel5.gif);
}

#moreOne {
	background-image:url(../images/more_one.gif);
}
#moreTwo {
	background-image:url(../images/more_two.gif);
}
#moreThree {
	background-image:url(../images/more_three.gif);
}
#moreFour {
	background-image:url(../images/more_four.gif);
}
#moreFive {
	background-image:url(../images/more_five.gif);
}

#panelOne, #panelTwo,  #panelThree, #panelFour, #panelFive {
	width:184px;
	height:230px;
	text-align:left;
	float:left;
	display:inline;
	margin: 0 4px 0 0;
}
#moreOne, #moreTwo, #moreThree, #moreFour, #moreFive {
	background-repeat:no-repeat;
	width:184px;
	height:20px;
	text-align:right;
	margin: 20px 0 0 0;
	_margin: 0px;
}

#panelBlock {
padding-left:16px;
padding-bottom:20px;
}

#panelContent {
	width:184px;
	height:192px;
	float:left;
	display:inline;
	margin-top: 9px;

}

.panelLogo {
height:49px;
border-top-style: solid;
border-top-width:4px;
border-top-color:black;
}

#panelOne  .panelLogo{
border-top-color:#455738;
}

#panelTwo .panelLogo{
border-top-color:#823743;
}

#panelThree  .panelLogo{
border-top-color:#a85a27;
}

#panelFour  .panelLogo{
border-top-color:#1a463a;
}

#panelFive .panelLogo{
border-top-color:#555555;
}

/* END HOME PANEL */

/* START NAV */

#nav{
	list-style-type: none;
	background-image: url(../images/nav.gif);
	background-repeat:no-repeat;
	height:40px;
	width:939px;
	margin: 0 0 0 15px;
	float:left;
	display:inline;
}
#nav li{
	float:left;
}

#nav li#navConference{
	width:189px;
	height:40px;
}
#nav li#navExperiential{
	width:188px;
	height:40px;
}
#nav li#navFilm{
	width:188px;
		height:40px;
}
#nav li#navDesign{
	width:188px;
		height:40px;
}
#nav li#navWeb{
	width:185px; 
		height:40px;
}

#nav li a{
	display:block;
	width:100%;
		height:40px;
}
#nav li a span{
	display:none;
}
#nav li a:hover{
	background-image: url(../images/navo.gif);
}
#nav li#navConference a:hover{
	background-position: 0 0;
}
#nav li#navExperiential a:hover{
	background-position:-188px 0; 
}
#nav li#navFilm a:hover{
	background-position:-376px 0; 
}
#nav li#navDesign a:hover{
	background-position:-565px 0; 
}
#nav li#navWeb a:hover{
	background-position:-754px 0; 
}



body#events #nav li#navConference{
	background-image: url(../images/navo.gif);
	background-position: 0 0;
}
body#events #nav li#navConference a{
	cursor:default;
}
body#corporate #nav li#navExperiential{
	background-image: url(../images/navo.gif);
	background-position:-188px 0;
}
body#corporate #nav li#navExperiential a{
	cursor:default;
}
body#broadcast #nav li#navFilm{
	background-image: url(../images/navo.gif);
	background-position:-376px 0;
}
body#broadcast #nav li#navFilm a{
	cursor:default;
}
body#design #nav li#navDesign{
	background-image: url(../images/navo.gif);
	background-position:-565px 0;
}
body#design #nav li#navDesign a{
	cursor:default;
}
body#web #nav li#navWeb{
	background-image: url(../images/navo.gif);
	background-position:-754px 0;
}
body#web #nav li#navWeb a{
	cursor:default;
}


#nav li a{
	display:block;
	width:100%;
		height:40px;
}
#nav li a span{
	display:none;
}
#nav li a:hover{
	background-image: url(../images/navo.gif);
}
#nav li#navConference a:hover{
	background-position: 0 0;
}
#nav li#navExperiential a:hover{
	background-position:-188px 0; 
}
#nav li#navFilm a:hover{
	background-position:-376px 0; 
}
#nav li#navDesign a:hover{
	background-position:-565px 0; 
}
#nav li#navWeb a:hover{
	background-position:-754px 0; 
}

/* END NAV */




/* START MAIN PANEL BG */
cv {
	background-position:-488px 0;
	clear: left;
	float: left;
	height: 150px;
	width: 50px;
	padding-top: 550px;
	margin-top: 550px;
	margin-right: 550px;
	padding-right: 550px;
}

#bgConference, #bgExperiential, #bgFilm, #bgDesign , #bgWeb {
	background-repeat:no-repeat;
	width:940px;
	height:460px;
	text-align:left;
}

#bgConference {
	background-image:url(../images/bg_events.png);
	/* Offline>> height:630px;	 */
}

#bgExperiential {
	background-image:url(../images/bg_corporate.png);
	height:680px;	
}

#bgFilm {
	background-image:url(../images/bg_broadcast.png);
	height:800px;		
}

#bgDesign {
	background-image:url(../images/bg_design.png);
	height:340px;
}

#bgWeb {
	background-image:url(../images/bg_web.png);
	height:570px;		
}


/* END MAIN PANEL BG */


/* START CONTACT PAGE*/

#contactContent{
	background-image:url(../images/bg_contact.gif);
	width:939px;
	height:338px;
	text-align:left;

}

#contactTop{
		height:70px;
}

#contactBottom{
		height:70px;
}

#contactOne{
	width:26px;
	text-align:left;
	float:left;
	display:inline;

}

#contactTwo{
	width:523px;
	text-align:left;
	float:left;
	display:inline;
}

#contactThree{
	width:190px;
	text-align:left;
	float:left;
	display:inline;

}

#contactCV{
	width:150px;
	text-align:left;
	float:left;
	display:inherit;
	margin-left: -60px;
	height: 400px;
	margin-top: 150px;

}


#mapLink  {
		display:block;
		width:499px;
		height:34px;
		background: url(../images/map.gif);
		background-position: 0 +34px;
		margin:60px 0 0 10px;
}

#mapLink a {
		display:block;
		width:499px;
		height:34px;
		background: url(../images/map.gif)  0 0 no-repeat;
		background-position: 0 +34px;
		margin:60px 0 0 0;
}

#mapLink a:hover{	
		background-position: 0 0;
	
}

#mapLink a:active {
		background-position: 0 0;
	
}


#emailLink  {
		display:block;
		width:166px;
		height:13px;
		background: url(../images/email.gif);
		background-position: 0 -15px;
		margin:150px 0 0 0;
}

#emailLink a {
		display:block;
		width:166px;
		height:13px;
		background: url(../images/email.gif)  0 0 no-repeat;
		background-position: 0 -15px;
		margin:150px 0 0 0;
}

#emailLink a:hover{	
		background-position: 0 0;
		
}

#emailLink a:active {
		background-position: 0 0;
}

/* END CONTACT PAGE*/



/* START ABOUT PAGE*/

#aboutContent{
	background-image:url(../images/bg_about.gif);
	width:939px;
	height:390px;
	text-align:left;
	position:relative;

}

#aboutContent a.cvLink
{
	position:absolute;
	height:231px;
	width:189px;
	top:136px;
	left:586px;
	text-indent: -10000em;
	overflow: hidden;
}


/* END ABOUT PAGE*/


/* START MAIN CONTENT CONTAINERS */

#mainOne {
	width:35px;
	text-align:left;
	float:left;
	display:inline;
	
}

#mainTwo {
	width:418px;
	text-align:left;
	float:left;
	display:inline;
	margin:60px 0 0 0;
	
}

#mainTwo_events {
	width:288px;
	text-align:left;
	float:left;
	display:inline;
	margin:60px 0 0 0;
	
}

#mainThree {
	width:100px;
	text-align:left;
	float:left;
	display:inline;
	
}

#mainThree_events {
	width:230px;
	text-align:center;
	float:left;
	display:inline;
	
}

#mainFour{
	width:186px;
	text-align:left;
	float:left;
	display:inline;
	margin:50px 0 0 0;
	
}

#mainFive{
	width:167px;
	text-align:left;
	float:left;
	display:inline;
	margin:50px 0 0 0;
	
}

#mainAbout {
	width:418px;
	text-align:left;
	float:left;
	display:inline;
	margin:40px 0 0 0;
	
}

sendcv{
	float:left;
	display:inline;
	padding: 45px;
	background-position: left top;
	top: 800px;
	right: 560px;
	left: 560px;
	margin: 0px;
	position: absolute;
	overflow: visible;
	visibility: visible;	
}


/* END MAIN CONTENT CONTAINERS  */


/* START SUB NAVS  */
.subConfOne a {
		background: url(../images/sub_o2_at_the_o2.png)  0 0 no-repeat;
}
.subConfTwo a {
		background: url(../images/sub_transform.png)  0 0 no-repeat;
}
.subConfThree a {
		background: url(../images/sub_endofthetunnel.png)  0 0 no-repeat;
}
.subConfFour a {
		background: url(../images/sub_retail.png)  0 0 no-repeat;
}
.subConfFive a {
		background: url(../images/sub_marvel.png)  0 0 no-repeat;
}
.subConfSix a {
		background: url(../images/sub_consumerconf2009.png)  0 0 no-repeat;
}
.subConfSeven a {
		background: url(../images/sub_event_seven.png)  0 0 no-repeat;
}
.subConfEight a {
		background: url(../images/sub_event_eight.png)  0 0 no-repeat;
}
.subConfNine a {
		background: url(../images/sub_event_nine.png)  0 0 no-repeat;
}
.subConfTen a {
		background: url(../images/sub_event_ten.png)  0 0 no-repeat;
}

.subExperientialOne a {
		background: url(../images/sub_ioc.png)  0 0 no-repeat;
}
.subExperientialTwo a {
		background: url(../images/sub_inbloom.png)  0 0 no-repeat;
}
.subExperientialThree a {
		background: url(../images/sub_biba_2009.png)  0 0 no-repeat;
}
.subExperientialFour a {
		background: url(../images/sub_escala.png)  0 0 no-repeat;
}
.subExperientialFive  a {
		background: url(../images/sub_marina.png)  0 0 no-repeat;
}
.subExperientialSix a {
		background: url(../images/sub_iphone.png)  0 0 no-repeat;
}
.subExperientialSeven  a {
		background: url(../images/sub_foodie.png)  0 0 no-repeat;
}
.subExperientialEight a {
		background: url(../images/sub_pataks.png)  0 0 no-repeat;
}
.subExperientialNine  a {
		background: url(../images/sub_gordonb.png)  0 0 no-repeat;
}
.subExperientialTen a {
		background: url(../images/sub_crimboroof.png)  0 0 no-repeat;
}


.subFilmOne a {
		background: url(../images/sub_arcticsurvey.png)  0 0 no-repeat;
}
.subFilmTwo a {
		background: url(../images/sub_legacy.png)  0 0 no-repeat;
}
.subFilmThree a {
		background: url(../images/sub_acai.png)  0 0 no-repeat;
}
.subFilmFour a {
		background: url(../images/sub_northfleet.png)  0 0 no-repeat;
}
.subFilmFive  a {
		background: url(../images/sub_qbebrand.png)  0 0 no-repeat;
}
.subFilmSix  a {
		background: url(../images/sub_howies.png)  0 0 no-repeat;
}
.subFilmSeven  a {
		background: url(../images/sub_bbbesfilm.png)  0 0 no-repeat;
}
.subFilmEight  a {
		background: url(../images/sub_tttc.png)  0 0 no-repeat;
}
.subFilmNine  a {
		background: url(../images/sub_bbtott.png)  0 0 no-repeat;
}
.subFilmTen  a {
		background: url(../images/sub_straight8.png)  0 0 no-repeat;
}
.subFilmEleven  a {
		background: url(../images/sub_westfield.png)  0 0 no-repeat;
}
.subFilmTwelve  a {
		background: url(../images/sub_canwetalk.png)  0 0 no-repeat;
}

.subDesignOne a {
		background: url(../images/sub_animation_folio.png)  0 0 no-repeat;
}
.subDesignTwo a {
		background: url(../images/sub_print_folio.png)  0 0 no-repeat;
}
.subDesignThree a {
		background: url(../images/sub_3d_folio.png)  0 0 no-repeat;
}
.subDesignFour a {
		background: url(../images/sub_presentation_folio.png)  0 0 no-repeat;
}

.subWebOne a {
		background: url(../images/sub_bro_sis.png)  0 0 no-repeat;
}
.subWebTwo a {
		background: url(../images/sub_hs1.png)  0 0 no-repeat;
}
.subWebThree a {
		background: url(../images/sub_sky_sports.png)  0 0 no-repeat;
}
.subWebFour a {
		background: url(../images/sub_summermagic.png)  0 0 no-repeat;
}
.subWebFive  a {
		background: url(../images/sub_stroud.png)  0 0 no-repeat;
}
.subWebSix  a {
		background: url(../images/sub_paul_day.png)  0 0 no-repeat;
}
.subWebSeven  a {
		background: url(../images/sub_tottweb.png)  0 0 no-repeat;
}
.subWebEight  a {
		background: url(../images/sub_adopta.png)  0 0 no-repeat;
}

#projectButton a {

		display:block;
		width:165px;
		height:94px;
		/* *height:75px; */		
		background-position: 0 -98px;
		margin:19px 0 0 0;
}

#projectButton a:hover, #projectButton a:active {	
		background-position: 0 0;
		/* *background-position: 0 -19px; */
}

/* END SUB NAVS  */