/* Internal Styles
----------------------------------------------------
Author:   Steve McKeogh
Date:   26th June 2007
---------------------------------------------------- */

/* Generic Styles
----------------------------------------------- */
#content_c,#content_c_wleft,#content_c_wnav,#content_c_wleft_wnav{
  width:958px;
  margin:16px 0 0;
  float:left
  }
/*#content_c_wleft,#content_c_wleft_wnav{background:url(../images/backgrounds/dotted_vertical.gif) 258px repeat-y}*/
#content_c_wnav,#content_c_wleft_wnav{margin:0}

#navsec_c{
  margin:0 0 16px;
  float:left
  }

p.error{
  width:100%;
  color:#CC0000;
  font-weight:bold;
  text-align:center
  }

/* Left Side Styles
----------------------------------------------- */
#left_c{
  width:220px;
  padding:0 12px;
  float:left
  }

/* portfolio image */
#left_image{
  width:219px;
  float:left
  }
#left_image_bg{
  margin:0 0 10px;
  padding:0 0 11px;
  background:url(../images/backgrounds/photo_bg.gif) 50% bottom no-repeat;
  float:left
  }
/* portfolio info */
#left_info{
  width:220px;
  margin:0 0 30px;
  font-size:85%;
  float:left
  }
#left_info p{margin:0 0 0.2em}
#left_info p span.label{font-weight:bold}
/* portfolio buttons */
#left_buttons{
  width:220px;
  margin:0 0 10px;
  float:left
  }
#left_buttons p{margin:0 0 6px}


/* NEW Wider left col */
#left2_c{
  width:290px;
  float:left
  }
div.left_contact_c{
  width:266px;
  padding:0 12px 18px;
  float:left
  }
div.left_contact_c h2{
  margin:0 0 2px;
  padding:0;
  color:#999;
  font-size:110%;
  font-weight:normal
  }
div.left_contact_text,div.left_contact_email{
  width:249px;
  padding:0 0 0 17px;
  color:#777;
  font-size:55%;
  font-weight:bold;
  line-height:1.6em;
  float:left
  }
div.left_contact_email{
  padding:2px 0 0 17px;
  background:url(../images/icons/arrow2_right.gif) 0 4px no-repeat
  }
#left_us_c{
  width:278px;
  padding:201px 12px 24px 0;
  float:left
  }
#left_us{
  margin:0;
  padding:0;
  list-style:none;
  float:right
  }
#left_us li,#left_us li a{
  width:124px;
  height:15px
  }
#left_us li{
  padding:0 0 7px;
  font-size:10%;
  text-indent:-9999px;
  line-height:1px /* IE */
  }
#left_us li a{
  background-repeat:no-repeat;
  background-position:right top;
  overflow:hidden;
  display:block
  }
#left_us li a:hover,#left_us li a:visited:hover,#left_us li a.selected{background-position:right bottom}
/* nav item */
#left_us #left_us1 a{background-image:url(../images/navigation/secondary/strategic.gif)}
/* nav item */
#left_us #left_us2 a{background-image:url(../images/navigation/secondary/focussed.gif)}
/* nav item */
#left_us #left_us3 a{background-image:url(../images/navigation/secondary/inspired.gif)}
/* nav item */
#left_us #left_us4 a{background-image:url(../images/navigation/secondary/effective.gif)}
/* nav item */
#left_us #left_us5 a{background-image:url(../images/navigation/secondary/independent.gif)}
/* nav item */
#left_us #left_us6 a{background-image:url(../images/navigation/secondary/ethical.gif)}
/* nav item */
#left_us #left_us7 a{background-image:url(../images/navigation/secondary/sevensquared.gif)}

#left_news{
  width:278px;
  padding:65px 0 24px 12px;
  float:left
  }
div.left_news_c{
  width:278px;
  margin:0 0 24px;
  float:left
  }
div.left_news_c h2{
  height:12px;
  margin:0 0 1px;
  background-repeat:no-repeat;
  font-size:10%;
  text-indent:-9999px
  }
h2.recentstories{background-image:url(../images/titles/recentstories.gif)}
h2.recentfeatures{background-image:url(../images/titles/recentfeatures.gif)}
h2.archive{background-image:url(../images/titles/archive.gif)}
#left_recent,#left_archive{
  width:228px;
  margin:0;
  padding:0;
  list-style:none
  }
#left_archive{margin-top:6px}
#left_recent li,#left_archive li{
  width:228px;
  color:#777;
  font-size:65%;
  line-height:1.35em
  }
#left_recent li{border-bottom:solid 1px #999;}
#left_recent li.nobdr{border:0}
#left_recent li a,#left_archive li a{
  width:201px;
  background-image:url(../images/icons/arrow2_right.gif);
  background-repeat:no-repeat;
  color:#777;
  text-decoration:none;
  display:block
  }
#left_recent li a{
  padding:8px 8px 8px 19px;
  background-position: 0 10px;
  }
#left_archive li a{
  padding:0 8px 2px 19px;
  background-position: 0 2px;
  }
#left_recent li a:hover,#left_recent li a:visited:hover,#left_recent li a.selected,#left_archive li a:hover,#left_archive li a:visited:hover,#left_archive li a.selected{
  color:#1A5A7F;
  background-image:url(../images/icons/arrow2_right_on.gif)
  }


/* Centre/Right Side Styles
----------------------------------------------- */
#right_c{
  width:714px;
  float:right
  }
#right_l,#right_l_wright{float:left}
#right_l{width:714px}
#right_l_wright{width:467px}
#right_r{
  width:223px;
  padding:0 12px 0 0;
  float:right
  }

/* centre */
div.right_entry_c{
  padding:0 12px 30px 0;
  float:left
  }
div.right_entry_l{
  width:95px;
  float:left
  }
div.right_entry_l a img{margin:1px}
div.right_entry_l a{
  width:82px;
  height:82px;
  border:solid 2px #D8D8D8;
  overflow:hidden;
  display:block;
  float:left
  }
div.right_entry_l a:hover,div.right_entry_l avisited:hover{border:solid 2px #C5C4C4}
div.right_entry_r{
  width:561px;
  float:right
  }
div.right_entry_r h2{
  margin:0 0 0.3em;
  padding:0;
  font-size:90%;
  }
div.right_entry_r p.date{color:#999;margin:0 0 0.5em}
div.right_entry_r p{
  margin:0;
  font-size:70%;
  line-height:1.4em
  }

#right_text_c{
  padding:0 0 20px;
  font-size:60%;
  color:#666;
  float:left
  }
#right_text_c h2,#right_r h2{
  margin:0;
  padding:0;
  font-size:120%
  }
#right_r h2.portquote{
  }
#right_text_c h3,#right_r h3{
  margin:0 0 1.6em;
  padding:0;
  color:#666;
  font-size:80%;
  }
#right_text_c h4{
  margin:0 0 1.3em;
  padding:0;
  font-size:130%
  }
#right_text_c,#right_text_c *{line-height:1.7em}
#right_text_c p.date{
  margin:0 0 1.6em;
  color:#999
  }
#right_spread_c{
  width:438px;
  min-height:335px;
  }
#right_spread{
  width:438px;
  margin:0;
  padding:0 0 9px;
  background:url(../images/backgrounds/spread_drop.gif) bottom no-repeat;
  float:left
  }

div.right_pages_c{
  width:658px;
  margin:10px 20px 20px;
  padding:10px 0 0;
  border-top:solid 1px #E8E8E8;
  display:inline;
  float:left
  }
div.pages_text{
  /*padding:10px 20px 10px 0;*/
  font-size:70%;
  float:right
  }


/* NEW Wider right col */
#right2_c,#right2_c_news{
  width:668px;
  float:right
  }
#right2_c_news{
  padding:65px 0 0;
  }
#right_contact_thames{
  width:668px;
  padding:0 0 35px;
  float:left
  }
.right_contact_c{
  width:656px;
  padding:0 12px 0 0;
  color:#777;
  font-size:60%;
  float:left
  }
.right_contact_c,.right_contact_c *{line-height:1.5em}
.right_contact_l {width:440px}
.right_contact_r_r {width:208px}
.right_contact_l,.right_contact_r_l{float:left}
.right_contact_r,.right_contact_r_r{float:right}
.right_contact_r{width:437px}
.right_contact_r_l{width:219px}

#right2_l{
  width:425px;
  float:left
  }
#right2_l_us,#right2_l_news{
  color:#666;
  float:left
  }
#right2_l_us{font-size:70%}
#right2_l_us{
  width:425px;
  padding:10px 0 0
  }
#right2_l_news{
  width:442px;
  padding:60px 0 0
  }
#right2_l_us,#right2_l_us *,#right2_l_news,#right2_l_news *{line-height:1.5em}
#right2_l_us h2{
  margin:0 0 7px;
  padding:0
  }
#right2_l_news h2{
  margin:0;
  padding:0;
  color:#093C5A;
  font-size:170%;
  font-weight:normal
  }
#right2_l_news p{font-size:70%}
#right2_l_us h2{
  height:50px;
  background-repeat:no-repeat;
  font-size:10%;
  text-indent:-9999px
  }
#right2_l_us h2.strategic{background-image:url(../images/titles/strategic.gif)}
#right2_l_us h2.focussed{background-image:url(../images/titles/focussed.gif)}
#right2_l_us h2.inspired{background-image:url(../images/titles/inspired.gif)}
#right2_l_us h2.effective{background-image:url(../images/titles/effective.gif)}
#right2_l_us h2.independent{background-image:url(../images/titles/independent.gif)}
#right2_l_us h2.ethical{background-image:url(../images/titles/ethical.gif)}
#right2_l_us h2.sevensquared{background-image:url(../images/titles/transcontinental.gif)}
#right2_l_us h2.pagenotfound{background-image:url(../images/titles/pagenotfound.gif)}
#right2_1_us h2.transcontinental{background-image:url(../images/titles/transcontinental.gif)}
#right2_r{
  width:231px;
  float:right
  }
#right2_r_us{
  width:231px;
  text-align:right;
  float:right
  }
#right2_r_news{
  width:202px;
  padding:65px 12px 0 0;
  text-align:right;
  float:right
  }


/* clients */
div.centre_c{
  padding:0 0 15px 20px;
  font-size:80%;
  margin:0 auto;
  }
div.centre_c h2{
  margin:0 0 0.5em;
  padding:0;
  color:#093C5A;
  font-size:130%
  }
div.centre_c h1{
  margin:0 0 1em;
  padding:0;
  font-size:190%
  }

ul.logos,ul.portfolio{
  margin:0;
  padding:0;
  list-style:none
  }
ul.logos li,ul.logos li a{
  width:103px;
  height:80px;
  float:left
  }
ul.portfolio li,ul.portfolio li a{
  width:219px;
  height:275px;
  float:left
  }
ul.logos li,ul.portfolio li{
  margin:0 11px 11px 0;
  text-indent:-9999px
  }
ul.logos li a,ul.portfolio li a{
  background-repeat:no-repeat;
  border:solid 1px #C5C5C5;
  background-color:#fbfbfb;
  overflow:hidden;
  display:block
  }
ul.logos li a{background-position:50% 50%}
ul.portfolio li a{background-position:left top}
ul.logos li a:hover,ul.logos li a:visited:hover,ul.portfolio li a:hover,ul.portfolio li a:visited:hover{
  opacity: .7;
  filter: alpha(opacity=70);
  }
/* category li's */
ul.portfolio li.magazine,ul.portfolio li.brochure,ul.portfolio li.website,ul.portfolio li.minimagazine{
  padding-bottom:23px;
  background-position:50% bottom;
  background-repeat:no-repeat
  }
ul.portfolio li.magazine{background-image:url(../images/backgrounds/port_magazine.gif)}
ul.portfolio li.brochure{background-image:url(../images/backgrounds/port_brochure.gif)}
ul.portfolio li.website{background-image:url(../images/backgrounds/port_website.gif)}
ul.portfolio li.minimagazine{background-image:url(../images/backgrounds/port_minimagazine.gif)}

/* news tabs */
#tabs_c{
  width:442px;
  margin:0 0 1.3em;
  float:left
  }
#tabs_nav_c{
  width:442px;
  float:left
  }
#tabs_nav{
  margin:0;
  padding:0;
  list-style:none
  }
#tabs_nav li,#tabs_nav li a{
  width:221px;
  height:29px;
  float:left
  }
#tabs_nav li{
  margin:0;
  padding:0;
  text-indent:-9999px;
  }
#tabs_nav li a{
  background-repeat:no-repeat;
  overflow:hidden;
  display:block
  }
#tabs_nav li a:hover,#tabs_nav li a:visited:hover,#tabs_nav li a.selected{background-position:bottom}
#tabs_nav #tabs_nav_watch a{background-image:url(../images/elements/newstab_watchinterview.gif)}
#tabs_nav #tabs_nav_see a{background-image:url(../images/elements/newstab_seemagazine.gif)}
#tabs_nav #tabs_nav_movie2,#tabs_nav #tabs_nav_movie2 a{width:148px}
#tabs_nav #tabs_nav_movie1,#tabs_nav #tabs_nav_movie1 a,#tabs_nav #tabs_nav_movie3,#tabs_nav #tabs_nav_movie3 a{width:147px}
#tabs_nav #tabs_nav_movie1 a{background-image:url(../images/elements/lookattab_movie1.gif)}
#tabs_nav #tabs_nav_movie2 a{background-image:url(../images/elements/lookattab_movie2.gif)}
#tabs_nav #tabs_nav_movie3 a{background-image:url(../images/elements/lookattab_movie3.gif)}
#tabs_content_c{
  width:422px;
  padding:10px;
  background:#4C4C4C;
  color:#FFF;
  font-size:70%;
  text-align:center;
  float:left
  }
#tabs_content_vid,#tabs_content_vid1,#tabs_content_vid2,#tabs_content_vid3,#tabs_content_img{
  width:422px;
  float:left
  }
#tabs_content_c #tabs_content_vid img,#tabs_content_c #tabs_content_vid1 img,#tabs_content_c #tabs_content_vid2 img,#tabs_content_c #tabs_content_vid3 img{
  margin:0 0 20px
  }

/* contact */
#map_l{
  width:217px;
  float:left
  }
div.map_text{
  width:217px;
  text-align:center;
  float:left
  }
#map_r{
  width:436px;
  float:right
  }
#map_r_l{
  width:219px;
  float:left
  }
#map_r_r{
  width:217px;
  float:right
  }

/* blog comments */
div.comment_title_c{
  width:440px;
  float:left
  }
div.comment_title_l{
  float:left
  }
div.comment_title_r{
  padding:5px 0 0;
  font-size:90%;
  font-weight:bold;
  float:right
  }
div.comment_c{
  width:440px;
  margin:0 0 20px;
  float:left
  }
div.comment_top_c{
  width:440px;
  margin:0 0 1px;
  background:#262626;
  float:left
  }
div.comment_top_l{
  width:40px;
  padding:3px 6px 4px 0;
  border-right:solid 1px #FFF;
  color:#FFF;
  font-family:Georgia;
  font-size:150%;
  text-align:right;
  float:left
  }
div.comment_top_r{
  width:393px;
  float:right
  }
div.comment_top_r_l{
  padding:11px 0 0 10px;
  color:#FFF;
  font-size:70%;
  float:left
  }
div.comment_top_r_r{
  padding:11px 10px 0 0;
  color:#999;
  font-size:70%;
  float:right
  }
div.comment_bottom_c{
  width:373px;
  padding:10px 10px 10px 11px;
  border-left:solid 46px #F2F2F2;
  font-size:70%;
  color:#666;
  float:left
  }
div.comment_bottom_c,div.comment_bottom_c p{line-height:1.4em}
div.comment_form_c{
  width:440px;
  margin:0 0 6px;
  float:left
  }
div.comment_form_l{
  width:160px;
  padding:2px 0 0;
  font-size:70%;
  float:left
  }
div.comment_form_r{
  width:280px;
  font-size:70%;
  float:right
  }


/* generic text div */
div.generic_text{
  width:100%;
  padding:60px 0 0;
  font-size:80%;
  text-align:center;
  float:left
  }

/* right */
#right_r img.bdr{border:solid 1px #D8D8D8}