@charset "UTF-8";
/* CSS Document */

div#container{ width:960px; margin:0 auto; }


div#header { border-bottom:#000000 1px solid; margin: 0 0 18px 0; }
div#header img { margin: 28px 0 6px 0; }

div#home{ width:960px; height:440px; }
img#homeImg{ cursor:pointer; }

div#hContent { display:none; }


div#content { background:#FFFFFF; height:460px; width:960px; overflow:hidden; margin: 0 0 0 0; }
div#content div#items { width:8000px; position:relative; top:0; left:0; }
div#content div.item { width:960px; height:440px; overflow:hidden; margin:0 20px 0 0; float:left; }

div#content h1 { margin:0; padding: 50px 0 10px 1px; margin: 0 0 17px 0; border-bottom:#000000 1px solid; font-size:1.3em; }
div#content p { margin:0; padding: 0 0 10px 1px;  font-size:1.0em; }

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

div#content div#news { float:left }
div#content div#newsImage { width:677px; height:340px; text-align:center; float:right }



div#content div#contact { height:440px; background:url(/images/contact/map.gif) top right no-repeat; }
div#content div#contact b { display:block; float:left; width:75px; }
div#content div#contact p { font-size:1.1em; }
div#content div#contact img.contact { margin: 5px 0 20px 0; }



/**
 * About
 *
 */
div.splash { padding: 0 0 18px 0; border-bottom:#000000 1px solid; }

div.what_we_do { height:226px; margin: 18px 0 0 0; background:url(/images/about/what_we_do_text.gif) top left no-repeat; }
div.what_we_do p { display:none; }

div.about_digital { height:226px; margin: 18px 0 0 0; background:url(/images/about/digital_text.gif) top left no-repeat; }
div.about_digital p { display:none; }

div.about_print { height:223px; margin: 18px 0 0 0; background:url(/images/about/print_text_2.gif) top left no-repeat; }
div.about_print p { display:none; }


div.about_environment { height:148px; margin: 18px 0 0 0; background:url(/images/about/environment_text.gif) top left no-repeat; }
div.about_environment p { display:none; }
div.about_environment_icons { margin: 0 0 0 0;  }
div.about_environment_icons img{ margin: 25px 0 0 0; }

div.about_film { height:226px; margin: 18px 0 0 0; background:url(/images/about/film_text.gif) top left no-repeat; }
div.about_film p { display:none; }

div#client_list      { height:256px; margin: 18px 0 0 0; }
div#client_list span { font-size:1.3em; cursor:default; }
div#client_list span.active {  }
div#client_list span.active:hover { font-weight:bold;  cursor:pointer;}
div#client_list ul   { float:left; list-style:none; }
div#client_list li   { width:320px; height:17px; display:block; margin: 0 0 6px 0; }






/**
 * Navigation
 *
 */
div#nav          { width:145px; height:140px; overflow:hidden; float:left; border-top:#000000 1px solid; border-bottom:#000000 1px solid; background:url(/images/line.gif) left 24px repeat-x; margin:0 20px 20px 0; }
div#nav ul       { list-style:none; position:relative; top:0; left:0; height:140px; }
div#nav li       { height:23px; margin:0; padding:0; cursor:pointer; }
div#nav a        { display:block; padding:6px 0 4px 1px; color:#000000; cursor:pointer; }
div#nav a:hover, 
div#nav a.high   { font-weight:bold; cursor:pointer; }





/**
 * Menu
 *
 */
div#menu          { width:795px; height:140px; overflow:hidden; float:left; border-top:#000000 1px solid; border-bottom:#000000 1px solid; background: url(/images/line.gif) left 24px repeat-x; margin:0 0 20px 0; }
div#menu:hover    { cursor:default; }
div#menu ul       { list-style:none; position:relative; top:0; left:0; height:140px;  }
div#menu li       { height:23px; margin:0 20px 0 0; padding:0; }
div#menu a        { display:block; padding:6px 0 4px 1px; color:#000000; }
div#menu a:hover, 
div#menu a.high	  { font-weight:bold; }



div#menu h1       { font-size:1.0em; margin:0; padding: 6px 0 4px 1px; color:#000000; }
div#menu h1#fixed { position:relative; z-index:80; top:0; left:0; height:24px; overflow:hidden; width:795px; font-size:1.0em; margin:0; padding: 0; color:#000000; background:#FFFFFF;}

div#menu p      { font-size:1.0em; padding: 6px 0 2px 1px; }
div#menu p.grey { color:#808080; }

div#menu span.title { width:260px; display:block; float:left; }
div#menu span.description {  width:160px;  float:left; }

div#up   { position:relative; z-index:90; top:-130px; left:948px; height:10px; width:11px; }
div#down { position:relative; z-index:90; top:-38px; left:948px; height:10px; width:11px; }
div#up   img:hover { cursor:pointer; }
div#down img:hover { cursor:pointer; }




/**
 * Portfolio
 *
 */
div#content div#items h1{ display:none; }
div#slider { height:11px; text-align:right; }
div#slider img{ margin: 4px 0 0 5px; cursor:pointer; padding: 0 0 5px 0; }

div#clicker        { z-index:90; position:relative; top:0; left:0; height:440px; width:960px; cursor:pointer; }
div#clicker:focus  { cursor:pointer; }
div#clicker:active { cursor:pointer; }

a#website       { position:relative; top:-455px; left:0; display:block; z-index:100; overflow:hidden; }
a#website:hover { cursor:pointer; }

div#items h2 { font-size:1.0em; }
div#items p { font-size:1.0em; }

div#items div.argent{ width:960px; height:440px; background:#000000 url(/images/projects/argent_kings_cross/logo.gif) top left no-repeat; color:#FFFFFF; }
div#items div.argent h2{ font-weight:bold; padding:20px 20px 0 630px; margin:0; }
div#items div.argent  p{ padding:5px 20px 10px 630px; margin:0; }
a.argent_website { width:584px; height:351px; margin:41px 0 0 33px; }

div#items div.design_clarity{ width:960px; height:440px; float:left; background:#FFFFFF url(/images/projects/design_clarity/logo.gif) 400px 0 no-repeat; color:#000000; }
div#items div.design_clarity h2 { font-weight:bold; margin:0 20px 0 0; padding:0; }
div#items div.design_clarity p{ margin:5px 20px 20px 0; padding:0; }
a.design_clarity_website { width:595px; height:358px; margin:41px 0 0 333px;  }

div#items div.seba{ width:960px; height:440px; background:#000000 url(/images/projects/seba/brief.jpg) top left no-repeat; color:#FFFFFF; }
div#items div.seba h2{ font-weight:bold; padding:20px 20px 0 20px; margin:0; }
div#items div.seba  p{ padding:5px 20px 10px 20px; margin:0; }

div#items div.waterman{ width:960px; height:440px; float:left; background:#7B221A url(/images/projects/waterman/crates.jpg) top right no-repeat; color:#FFFFFF; }
div#items div.waterman h2{ font-weight:bold; margin:20px 20px 0 20px; padding:0; }
div#items div.waterman  p{ margin:5px 20px 10px 20px; padding:0; }
a.waterman_website { width:595px; height:355px; margin:41px 0 0 33px; }


div#items div.sport_islington{ width:960px; height:440px; background:#496928 url(/images/projects/sport_islington/brief.jpg) top left no-repeat; color:#FFFFFF; }
div#items div.sport_islington h2{ font-weight:bold; padding:20px 20px 0 20px; margin:0; }
div#items div.sport_islington  p{ padding:5px 20px 10px 20px; margin:0; }


div#items div.plain_text{ width:960px; height:440px; background:url(/images/projects/plain_text/logo.gif) 553px 159px no-repeat; color:#000000; }
div#items div.plain_text h2{ font-weight:bold; padding:0 20px 0 0; margin:0; }
div#items div.plain_text  p{ padding:5px 20px 10px 0; margin:0; }


div#items div.cpa_logo { float:left; }
div#items div.cpa_global{ float:left; width:310px; height:440px; float:left; background:#0F1C5C; color:#FFFFFF; }
div#items div.cpa_global h2{ font-weight:bold; margin:20px 20px 0 20px; padding:0; }
div#items div.cpa_global  p{ margin:5px 20px 10px 20px; padding:0; }

div#cpa_showreel_bg{ width:960px; height:440px; padding: 0; float:left; background: url(/images/projects/cpa_global/showreel_bg.jpg) top left no-repeat; }
div#cpa_showreel{  }

div#cpa_showreel_btn{ width:476px; height:268px; }
div#cpa_showreel_btn:hover{ cursor:pointer; }
div#cpa_showreel_holding{ position:absolute; top:0; left:0; width:476px; height:268px; background:url(/images/projects/cpa_global/btn.jpg) top left no-repeat;  }


div#items div.dan_mcnally{ width:960px; height:440px; float:left; background:#FFFFFF url(/images/projects/dan_mcnally/brief.jpg) 415px 0 no-repeat; color:#000000; }
div#items div.dan_mcnally h2 { font-weight:bold; margin:0 20px 0 0; padding:0; }
div#items div.dan_mcnally p{ margin:5px 20px 10px 0; padding:0; }
a.dan_mcnally_website { width:584px; height:351px; margin:41px 0 0 33px; }

div#items div.no_cows{ width:960px; height:440px; float:left; color:#FFFFFF; background: url(/images/projects/no_cows/brief.gif) top left no-repeat; }
div#items div.no_cows h2{ font-weight:bold; margin:20px 20px 0 20px; padding:0; }
div#items div.no_cows  p{ margin:5px 20px 10px 20px; padding:0; }

div#items div.regeneris{ width:960px; height:440px; float:left; color:#000000; background: #F5F7F7 url(/images/projects/regeneris/image1.jpg) top right no-repeat; }
div#items div.regeneris h2{ font-weight:bold; margin:20px 20px 0 20px; padding:0; }
div#items div.regeneris  p{ margin:5px 20px 10px 20px; padding:0; }

div#items div.wese{ width:960px; height:440px; float:left; color:#FFFFFF; background: #7BB643 url(/images/projects/wese/logo.gif) top right no-repeat; }
div#items div.wese h2{ font-weight:bold; margin:20px 20px 0 20px; padding:0; }
div#items div.wese  p{ margin:5px 20px 10px 20px; padding:0; }
a.wese_website { width:584px; height:351px; margin:41px 0 0 33px; }

div#items div.bliss{ width:960px; height:440px; float:left; color:#FFFFFF; background: #DF1C24 url(/images/projects/bliss_catering/brief.gif) top left no-repeat; }
div#items div.bliss h2{ font-weight:bold; padding:20px 20px 0 670px; margin:0; }
div#items div.bliss  p{ padding:5px 20px 10px 670px; margin:0; }
a.bliss_website { width:584px; height:351px; margin:41px 0 0 33px; }


div#items div.circle_square{ width:960px; height:440px; float:left; color:#FFFFFF; background: #4b575f url(/images/projects/circle_square/logo.gif) top right no-repeat; }
div#items div.circle_square h2{ font-weight:bold; margin:20px 20px 0 20px; padding:0; }
div#items div.circle_square  p{ margin:5px 20px 10px 20px; padding:0; }
a.circle_square_website { width:584px; height:351px; margin:41px 0 0 33px; }


div#items div.innovation_growth{ width:960px; height:440px; float:left; color:#FFFFFF; background: #4b575f url(/images/projects/innovation_growth/logo.gif) top right no-repeat; }
div#items div.innovation_growth h2{ font-weight:bold; margin:20px 20px 0 20px; padding:0; }
div#items div.innovation_growth  p{ margin:5px 20px 10px 20px; padding:0; }
a.innovation_growth_website { width:584px; height:351px; margin:41px 0 0 33px; }
	
	
	
/**
 * Clients
 *
 */
div.clients h2{ font-size:1.3em; margin:25px 0 0 0; padding:0; font-weight:normal; }
div#login label{ width:80px; color:#000000; display:block; float:left; margin: 10px 0 0 0; }
div#login input.text{ font-size:0.9em; width:140px; color:#000000; float:left; margin: 10px 0 0 0; border:#000000 1px solid; }
div#login input.login{ font-size:0.9em; width:70px; color:#FFFFFF; background:#000000; float:left; margin: 10px 0 0 0; border:#000000 1px solid; }
div#login span {  display:block; float:left; margin:5px 0 0 10px; }


/**
 * Footer
 *
 */
div#footer { font-size:0.9em; height:20px; position:relative; top:-14px; left:1px; }