/* Master Resets */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} 
table {border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0;outline:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6, p {font-size:100%; font-weight: normal;} 
abbr,acronym {border:0;} 
a {outline: none; text-decoration: none;}
.clear {clear: both;}
.no_display{display:none;}
.display{display:block;}

/* Default Layout */

body { font-family: Georgia,Arial,Helvetica,Sans-Serif; color:#596268; text-align: center;}

div#topbody { text-align: center; font-size: 10pt; min-width: 960px; background-position: 0 133px;}
.grey_body {background-image: url(../images/top_grey_band.png);  background-repeat: no-repeat; background-position: -10px 127px; }
.pink_body {background-image: url(../images/pink_band.png);  background-repeat: no-repeat; background-position: -10px 127px;  }

div#topwrap { width: 960px; text-align: left; margin: 0 auto; position: relative; overflow: hidden; text-align:left;}


#banner h1
{
	margin: 0px;
	padding: 0px;
}

h1 { font:22pt Georgia,Times New Roman,Serif; color:#ED0C8D; font-weight:normal; line-height:1.1em; width:540px; margin:7px 45px 22px; padding:0 0 3px; }
h2 { font:16pt Georgia,Arial,Helvetica,Serif; color:#818587; font-weight:normal; margin:8px 0 9px; padding:0; }
h3 { font:7pt Georgia,Arial,Helvetica,Sans-serif; font-weight:bold; margin:0 0 7px; padding:0; font-weight:normal; }

p { margin:0 0 15px; padding:0; }
a { color:#ED0C8D; text-decoration:none; }
a:hover { color:#ED0C8D; text-decoration:underline; }
img { border:0; }

/* head*/
div#head { border-bottom:1px solid #AAB1B5; height: 99px; overflow: hidden;}
div#head ul {font-size: 11pt;}
div#head ul li {float: left; margin: 0 0 0 0;}
div#head ul li a{ color: #444; padding: 4px 6px 0px 6px; }
div#head ul li a:hover{ color: #EC0B8D;}
div#head ul li a.active { color: #EC0B8D;}

.header_content
{
	padding: 0px 0px 8px 0px;
}

.header_logo
{
	float: left;
	padding: 30px 0px 0px 0px;
}

.header_menu
{
	float: right;
	padding: 74px 0px 0px 0px;
}

/* banner*/
.banner_holder {margin: 27px 0px 0px 0px; background-color: #fff; height: 146px; overflow: hidden;}

/* main */
div#main { padding: 0px 0px 15px 0px;}

 /* content */
div#content_holder h1 { font:22pt Georgia,Times New Roman,Serif; color:#ED0C8D; font-weight:normal; line-height:1.1em; margin:32px 0 ; padding:0 0 3px; } 
 
div#content_holder {float: left;  width: 615px;}

.content {padding: 0px 0px 40px 40px;}

.content h2
{
	color:#ED0C8D;
	font-size: 18pt;
	margin: 0px;
	padding: 15px 0px 20px 0px;
}
 
div#content_holder {font-size:11pt;}
div#content_holder p { font-size:10pt; line-height: 1.6em; }
div#content_holder ul { list-style: disc; margin:0 0 15px; list-style-position: inside;}
div#content_holder ul li { font-size:10pt; line-height: 1.6em; }

div#content_holder ol { list-style: decimal; margin:0 0 15px; list-style-position: inside;}
div#content_holder ol li { font-size:12pt; line-height: 1.8em; }

 /* sidebar */
div#sidebar { float: right; width: 305px; padding: 1px 10px 40px 0px; }
div#sidebar h2 { font:22pt Georgia,Times New Roman,Serif; margin: 30px 0 10px 0;}
			
div#sidebar ul.follow-large {}	
div#sidebar ul.follow-large li { clear: left; padding: 5px 0; font-size: 10pt;}	
.social_link {display: block; width: 51px; height: 49px;}

.social_icon
{
	float: left;
	width: 51px;
	margin: 0px 5px 5px 0px;
}

.social_text
{
	float: left;
	width: 244px;
}

div#sidebar ul.follow-large li a img {}	
div#sidebar ul.follow-large li p {padding:7px 0px 0px 0px; margin:0px;}	
div#sidebar ul.follow-large li p a {}	

.tweetbox_header {background-image: url(../images/tweetbox_header.png); background-repeat: no-repeat; height: 5px; overflow: hidden;}			
div#sidebar div#tweetbox { background-image: url(../images/tweetbox.png); background-repeat: repeat-y; text-align: center; padding: 10px; height: 105px;}
.tweetbox_footer {background-image: url(../images/tweetbox_header.png); background-repeat: no-repeat; height: 23px; overflow: hidden; background-position: 0px -5px;}
			
/* footer */
div#footerbody {text-align: center; font-size: 10pt; min-width: 960px; background-image: url(../images/grey_band.png);  background-repeat: repeat-x; background-position: top left;}

div#footerwrap { width: 960px; text-align: left; margin: 0 auto; position: relative; overflow: hidden;}
div#footer { font-size:8pt; line-height: 12pt; clear: both; }
div#footer h3 { font-size:9pt; line-height: 16pt; color:#EC0B8D;}
div#footer strong { color:#ED0C8D; font-weight:normal; }
div#footer a { color:#596268; text-decoration:none; }
div#footer a:hover { text-decoration:underline; }

div#footer div#address { float:left; width:360px; padding: 13px 0px 0 0; }
.address_content {padding-left: 30px;}
.address_content p { padding:0px; margin: 0px; }

div#footer ul#follow { width:180px; padding: 40px 0px 0 0px;}
.follow_content {float:left; padding: 0px 0px 0px 30px;}
div#footer ul#follow li { clear: left; padding-bottom: 5px;}
div#footer ul#follow li a:link,
div#footer ul#follow li a:active,
div#footer ul#follow li a:visited,
div#footer ul#follow li a:hover
{
	display:block;
	padding: 0px 0px 0px 20px;
	background-image: url(../images/footer_links_icons.png);
	background-repeat: no-repeat;
}

.google a:link,
.google a:active,
.google a:visited
{
	background-position: 0px 0px;
}

.google a:hover
{
	background-position: 0px -59px;
}

.facebook a:link,
.facebook a:active,
.facebook a:visited
{
	background-position: 0px -20px;
}

.facebook a:hover
{
	background-position: 0px -79px;
}

.twitter a:link,
.twitter a:active,
.twitter a:visited
{
	background-position: 0px -40px;
}

.twitter a:hover
{
	background-position: 0px -99px;
}

#twitter_update_list a:link,
#twitter_update_list a:active,
#twitter_update_list a:visited,
#twitter_update_list a:hover
{
	display: block;
	padding: 10px 0px 0px 0px;
}

#twitter_update_list span a:link,
#twitter_update_list span a:active,
#twitter_update_list span a:visited,
#twitter_update_list span a:hover
{
	display: inline !important;
}

div#footer div#terms { float:left; width:385px; padding: 40px 0px 0 0px; color:#818587;}
.terms_content {padding-right: 20px;}

/* Case studies scroller */
div#case-studies-scroller { height: 160px; margin: 0 0 10px 0;}
 div#case-studies-scroller { position: relative; overflow: hidden; width: 960px; z-index: 0;}
		
		 div#case-studies-scroller div.left { background-image: url(../images/arrows.png); height: 158px; width: 34px; position: absolute; top: 0px; left: 0px; display: none; background-position: 0 0; z-index: 50; cursor: pointer; background-color: #E6E8E9;}
			 div#case-studies-scroller div.left:hover { background-position: 0 -396px;}	
			 div#case-studies-scroller div.left:active { background-position: 0 -191px;}		
	
		 div#case-studies-scroller div.right { background-image: url(../images/arrows.png); height: 158px; width: 34px; position: absolute; top: 0px; right: 0px; display: none; background-position: -34px 0; z-index: 50; cursor: pointer; background-color: #E6E8E9;}
			 div#case-studies-scroller div.right:hover { background-position: -34px -396px;}
			 div#case-studies-scroller div.right:active { background-position: -34px -191px;}
			 
		 div#case-studies-scroller ul {width: 20000em; position:absolute; margin: 0; z-index: 20;}
		 div#case-studies-scroller ul li { height: 150px; width: 960px; float: left; background-position: 0 0; background-image: url(../images/banner.png); z-index: 30; position: relative;}
		
			 div#case-studies-scroller ul li span.quote { position: absolute; top: 25px; right: 245px; z-index: 40; font-size: 10pt; line-height: 14pt; margin: 0px; font-weight: normal; text-decoration: none; border: none; padding: 8px 0px 7px 15px; z-index: 100; clear: both; background-color: transparent; overflow: hidden; width: 325px;}
						 div#case-studies-scroller ul li span.quote a {color:#EC0B8D;}
			 div#case-studies-scroller li { cursor: pointer;}				 
			 div#case-studies-scroller li.money { background-position: 0px -479px;}
			 div#case-studies-scroller li.obsidian { background-position: 0px -319px;}			
			 div#case-studies-scroller li.loreal {background-position: 0px -639px;}				
			 div#case-studies-scroller li.alenak {background-position: 0px -1119px;}				
			 div#case-studies-scroller li.dudley {background-position: 0px -799px;}				
			 div#case-studies-scroller li.dakota {background-position: 0px -959px;}				
			 div#case-studies-scroller li.severnprint {background-position: 0px -160px;}				
			 div#case-studies-scroller li.mgf {background-position: 0px 0px;}				

.media_switch
{
	height: 366px;
	overflow: hidden;
}

			 
/* extra  */
div#extra { color:#818587; border-bottom:1px solid #AAB1B5; padding: 15px 30px 30px 30px;}
div#extra p { margin:10px 0; }

div#extra ul { margin:0 0 30px; padding:0; list-style-type:none; display:inline; }
	div#extra ul li { margin:0 15px 0 0; padding:0; display:inline; line-height: 12pt; }
div#extra a { color:#B8BEC1; text-decoration:none; }
	div#extra a:hover { color:#818587; background:#FDE6F3; }


/* Page specific CSS */

/* Showreel page needs so uniques stsyling for the showeel flash foot */
#showreel { margin-bottom: 20px; height: 321px; overflow: hidden;}


/* Case Studies - Overview */
#casestudies li { list-style: none; border-bottom: 1px solid #e1e4e5;}
#casestudies li a img { border: 1px solid #e1e4e5; margin: 10px 0 15px 0;}
#casestudies h2 {float: left;}

.read-more { float: right; padding: 20px 0px 0px 0px;}

/* Case Studies - Singular */

.project_details
{
	width: 100%;
}

.project_details td
{
	padding: 5px;
	vertical-align: top;
}

.project_head
{
	width: 120px;
}

div#casestudy-direction_holder {height: 67px; width: 305px; text-align: right; padding: 10px 0px 55px 0px;}
div#casestudy-direction {padding: 43px 0px 0px 0px;}
div#casestudy-direction a {color: #727d84;}

.casestudy_item
{
	padding: 0px 0px 20px 0px;
	border-bottom: 1px solid #e1e4e5;
}

.casestudy_item h2
{
	padding: 15px 0px 20px 0px;
	margin: 0px;
}

.casestudy_item ul
{
	position: relative;
	width: 572px;
	height: 366px;
	overflow: hidden;
	padding: 0px;
	margin:0px !important;
}

.casestudy_item ul li
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}


img#client-logo { margin: 30px 0 20px 0;}

ul#deets li { margin: 0 0 10px 0; padding: 0 0 4px; }

div#visuals-nav { text-align: center; font-size: 20px; padding: 10px 0; height: 20px; overflow: hidden; position: relative;}
	div#visuals-nav a { padding: 0 3px; color: #fab5dd;}
	div#visuals-nav a:hover { text-decoration: none;}
	
		div#visuals-nav a.activeSlide { color: #ed0b8d;}
	
#vid_link
{
	position: absolute;
	width: 21px;
	height: 18px;
}
	
.port_next
{
	padding: 0px 15px 0px 0px;
	background-image: url("../images/next_arrow.png");
	background-repeat: no-repeat;
	background-position: top right;
	font-weight: bold;
}

.map_holder
{
	height: 350px;
}

#map_canvas
{
	height: 300px;
}

div#visuals { height: 366px; width: 572px; border: 1px solid #e1e4e5; overflow: hidden;}

ul#casestudies-list li { line-height: 26px;}

ul#casestudies-list li a { color:#727d84}
ul#casestudies-list .active a{ color:#ED0C8D !important}

.sub_case li
{
	padding: 0px 0px 0px 15px;
	background-image: url("../images/sub_items.gif");
	background-repeat: no-repeat;
	background-position: 5px 9px;
	line-height: 1.25em !important;
	background-color: #fff;
}

.contact_side
{
	padding: 35px 0px 0px 30px;
	text-align: left;
}

.contact_side strong
{
	color:#ED0C8D;
}

.contact_side h1
{
	text-align: left;
	margin: 0px 0px 10px 0px;
}

.contact_side_item
{
	padding: 0px 0px 30px 0px;
}

.reputation_side
{
	display: none;
	padding: 200px 0px 40px 0px !important;
	font-size:10pt;
	line-height:1.6em;
	color:#ED0C8D;
}

.reputation_side table tr td
{
	background-color: #fff;
}

#takeover
{
	position: absolute;
	top: 0px;
	width: 200px;
	height: 70px;
	z-index: 1000;
	overflow: hidden;
}

.takeover_right
{
	right: 0px;
}

.takeover_left
{
	left: 0px;
}

.takeover_left_super
{
	left: 790px;
}