/* Start of CMSMS style sheet 'Everything' */
/* Start of CMSMS style sheet 'Everything' */
body.homepage{
	background:#fff url('images/bg_home.jpg') repeat-x;
	font-family:arial;
  min-height:100%;
}

body.internal{
	background:#fff url('images/bg_int.jpg') repeat-x;
  font-family:arial;
}

#outerwrapper{
	float:left;
	position:relative;
	width:100%;
  min-height:100%;
}

#innerwrapper{
	position:relative;
	float:none;
	margin: 0px auto;
	width:980px;
  min-height:100%;
}
.pink, .pink a{
  color:#cc0066;
  text-decoration:none;
}
a{
  color:#cc0066;
  text-decoration:none;
}
#content a:hover{
  text-decoration:underline;
}
.homepage #topcontent{
  float:left;
  height:67px;
  width:980px;
}
.internal #topcontent{
  float:left;
  height:272px;
  width:980px;
}

/* Tabs at the top */
#considernav{
 display:block;
 width:100%;
 background:#000;
 font-family:arial;
 font-size:10px;
}
#considernav a{
 float:left;
 margin-left:8px;
 padding:2px 3px 5px 7px;
 color:#999;
 text-decoration:none;
}
#considernav a.currenttab{
  color:#fff;
  background:#cc0066 url('images/currenttab.gif');
  width:91px;
  margin:0px;
}

#topnav{
  display:block;
  background:#cc0066;
  margin-top:43px;
  left:10px;
  vertical-align:top;
}
#topnav a img{
  border:0px;
  padding-right:11px;
}
#subnav{
  display:block;
  margin-top:145px;
  font-family:arial;
  font-size:14px;
  background:#000;
  width:950px;
  padding:14px 20px 15px 10px;
}
#subnav.ourwork{
  padding:13px 20px 16px 10px;
}
#subnav.ourwork input{
  margin:0px;
  float:left;
}
input.search-input{
  border:0px;
  background:#333;
  padding:3px;
  color:#999;
  height:14px;
}
#subnav a{
  color:#fff;
  text-decoration:none;
  margin-right:20px;
}
#subnav.ourwork{
  color:#fff;
}
#subnav.ourwork .pink{
  margin-left:12px;
}
#subnav .current{
  color:#cc0066;
  font-weight:bold;
}
#subnav.ourwork #search{
  float:right;
}
#considerlogo{
  position:absolute;
  left:831px;
  top:36px;
}
#titleimage{
  position:absolute;
  top:127px;
  left:10px;
  font-family:arial;
  font-size:28px;
  color:#fff;
  margin:0px;
  font-weight:normal;
}
#footer{
  float:left;
  bottom:0px;
  height:34px;
  background:#fff;
  border-top:5px solid #cc0066;
  color:#999;
  font-family:arial;
  font-size:11px;
  padding:17px 0px 0px 0px;
  text-align:center;
  width:100%;
  margin-top:22px;
}

#footer a{
  color:#999;
  text-decoration:none;
}

/* Homepage-specific styling */
.homepage #content{
  float:left;
left:0px;
margin-top:18px;
width:980px;
}
#portfolio{
  float:left;
  width:980px;
  background:#f3c2da;
  margin-bottom:5px;
  text-align:center;
}
.portfolio_item a{
  text-decoration:none;
}
#portfolio .portfolioimage_large img{
  width:980px;
  padding:0px;
  margin:0px;
  border:0px;
}
#portfolio .portfolioimage_large{
  padding:0px;
  margin:0px;
}
#portfolio #portfoliothumbs{
  float:right;
  height:35px;
  padding:8px 24px 10px 56px;
}
#portfolio #portfoliothumbs img.portfolioimage_small{
  height:30px;
  width:44px;
  display:inline;
  margin-left:5px;
  border:1px solid #e4e4e4;
  padding:1px;
}
#portfolio #portfoliothumbs img.portfolioimage_small.currentthumbnail{
  border:1px solid #666;
}
#portfolio #portfoliothumbs #slider{
  display:block;
  margin-left:5px;
  width:48px;
  height:4px;
  position:absolute;
}
#portfolio #portfoliocontainer{
  background:#e4e4e4;
  padding:0px;
  margin:0px;
  float:left;
  width:980px;
  height:362px;
}
#portfolio #portfoliotext{
  float:left;
  height:35px;
  padding:11px 72px 11px 8px;
}
#portfolio #portfoliotext .portfoliosummary{
  display:block;
  margin-top:10px;
  font-size:12px;
}
.homepage #cols{
  float:left;
  width:980px;
  margin-top:0px;
  margin-bottom:12px;
}
.homepage .col{
  float:left;
	width:300px;
	font-size:12px;
	color:#666;
	line-height:151%;
}

.homepage .col h1{
	color:#cc0066;
	font-size:21px;
	font-weight:normal;
	width:300px;
	border-bottom:3px solid #f3c2da;
	padding-bottom:10px;
}
.homepage .col h1 a{
  text-decoration:none;
  color:#cc0066;
}
.homepage .col a{
  text-decoration:none;
  color:#cc0066;
}
.homepage .col .introtext{
	color:#000;
	font-weight:bold;
}
.homepage .col p, .homepage .col .introtext{
/*  width:264px;*/
}
.homepage .col#one{
	margin-left:10px;
}
.homepage .col#two, .homepage .col#three{
	margin-left:30px;
}
.homepage .col#two h1{
  margin-bottom:4px;
}
.homepage .col#two a.storytitle{
  display:block;
  height:26px;
  /*background:url('images/bg_homepagenews.gif') no-repeat right;*/
  padding-top:10px;
  border-bottom:1px solid #e8e8e8;
  color:#333;
  font-size:11px;
  text-decoration:none;
}
.homepage #cols_img{
  float:left;
  width:980px;
  margin-left:10px;
}
.homepage #cols_img #cols_img1, .homepage #cols_img #cols_img2{
  float:left;
  margin-right:30px;
}

.hand{
cursor:pointer
}

/* Internal page-specific styling */
.internal #content{
  float:left;
}

.internal #content.work{
  margin-top:10px;
}

/* About overview page */

#content #aboutuscontent{
  float:left;
  width:731px;
  font-family:arial;
  margin-right:9px;
}
#content #aboutuscontent h1{
  font-size:21px;
  color:#cc0066;
  margin:0px 0px 12px;
  font-weight:normal;
  padding-left:11px;
}
#content #aboutuscontent h2{
  font-size:15px;
  color:#cc0066;
  font-weight:bold;
  padding-left:11px;
}
#content #aboutuscontent p, #content #aboutuscontent li{
  font-size:13px;
  color:#666;
/*  list-style:square url('images/bullet_pinksquare.gif');*/
  list-style:none;
  padding-left:11px;
}
#content li{
  font-size:13px;
  color:#666;
/*  list-style:square url('images/bullet_pinksquare.gif');*/
  background:url('images/bullet_pinksquare.gif') no-repeat 0 6px;
  padding-left:11px;
  list-style:none;
  width:650px;
  margin-bottom:6px;
}

/* About us overview page, right hand side */
#content #aboutuscols{
  float:right;
  width:220px;
  font-family:arial;
  color:#fff;
}
#content #aboutuscols #clients{
  float:left;
  width:212px;
/*  height:435px;*/
  background:#69003F url('images/bg_clients.png');
  padding:8px 13px 10px 14px;
  color:#fff;
}
#content #aboutuscols #clients a{
  color:#fff;
  text-decoration:none;
}
#content #aboutuscols #clients h1{
  margin:0px;
  font-size:16px;
}
#content #aboutuscols #clients p, #content #aboutuscols #clients ul{
  font-size:13px;
  line-height:141%;
  list-style-type:none;
}
#content #aboutuscols #clients li{
  background:url('images/bg_clientlist.gif') no-repeat 0 6px;
  padding-left:21px;
  color:#fff;
  margin-bottom:0px;
  width:auto;
}
#content #aboutuscols #clients ul{
  padding-left:0px;
}
#content #aboutuscols #testimonial{
  float:left;
  width:220px;
  margin-top:11px;
}

/* Meet the team page */
.teammembers{
  float:left;
  height:402px;
  width:980px;
  margin-bottom:10px;
}
.teammember{
  float:left;
  border:5px solid #ccc;
  width:229px;
  height:392px;
  margin-right:8px;
  margin-bottom:10px;
}
.teammember.last{
  margin-right:0px;
}
.teammembernamepic{
  margin-top:4px;
  margin-left:10px;
}
.teammember_details{
  padding:0px 10px 10px;
  font-family:arial;
  height:115px;
}
p.teammember_title{
  color:#cc0066;
  font-weight:bold;
  font-size:14px;
  margin: 2px 0px 2px 0px;
}
p.teammember_text {
  color:#666;
  margin-top:0px;
  font-size:13px;
}
.teammember_email{
  margin-left:10px;
  border:0px;
}

/* Testimonials page */
div.testimonial {
  float:left;
  position:relative;
	width:239px;
	margin:0px 0px 10px 0px;
  font-family:arial;
  font-size:13px;
}
div.testimonial.nopadding{
  margin:0px 0px 10px 0px;
}
div.testimonial_text {
	float:left;
	width:207px;
	padding:7px 20px 17px 12px;
	color:#fff;
}
div.arrow_colour1 {
	background: url(images/b_colour1_arrow.gif) no-repeat bottom left;
	padding-bottom:14px;
}
div.arrow_colour2 {
	background: url(images/b_colour2_arrow.gif) no-repeat bottom left;
	padding-bottom:14px;
}
div.arrow_colour3 {
	background: url(images/b_colour3_arrow.gif) no-repeat bottom left;
	padding-bottom:14px;
}
div.arrow_colour4 {
	background: url(images/b_colour4_arrow.gif) no-repeat bottom left;
	padding-bottom:14px;
}
div.arrow_colour5 {
	background: url(images/b_colour5_arrow.gif) no-repeat bottom left;
	padding-bottom:14px;
}
div.arrow_colour6 {
	background: url(images/b_colour6_arrow.gif) no-repeat bottom left;
	padding-bottom:14px;
}


div.colour1 {
	background:#6E0042;
}
div.colour2 {
	background:#CC0066;
}
div.colour3 {
	background:#9E004B;
}
div.colour4 {
	background:#982E88;
}
div.colour5 {
	background:#960061;
}
div.colour6 {
	background:#571675;
}

/* Contact us / Get In Touch page */

#contactform{
  float:left;
  width:325px;
  margin-left:10px;
  margin-right:29px;
}
#contactform fieldset{
  padding:0px;
  border:0px;
}
#contactform legend{
  display:none;
  visibility:hidden;
}
#contactform label{
  display:block;
  font-family:arial;
  font-size:12px;
  color:#000;
  font-weight:bold;
  margin-top:11px;
  margin-bottom:4px;
}
#contactform .required{
  color:#666;
  font-weight:normal;
}
#contactform textarea, #contactform input{
  width:325px;
  border:1px solid #e4e4e4;
  padding:4px;
  font-family:arial;
  font-size:12px;
  color:#000;
}
#contactform textarea{
  height:92px;
}
#contactform input{
  height:15px;
}
#contactform textarea.idle, #contactform input.idle, #commentform textarea.idle, #commentform input.idle{
  border:1px solid #e4e4e4;
}
#contactform textarea.focus, #contactform input.focus, #commentform textarea.focus, #commentform input.focus{
  border:1px solid #666;
}
#contactform input.fbsubmit{
  padding:0px;
  border:0px;
  width:126px;
  height:27px;
  margin-top:6px;
}
#contactmap{
  float:right;
  width:606px;
  height:393px;
  background:#e4e4e4;
  margin-top:11px;
  padding:5px;
  font-family:arial;
  font-size:11px;
  line-height:131%;
}
#contactmap a{
  color:#000;
  text-decoration:none;
}
#contactmap .pink{
  font-weight:bold;
}
#contactmap #directionsform{
  float:left;
  padding:10px;
  height:17px;
  font-size:12px;
  font-weight:bold;
}
#contactmap #col1{
  float:left;
  margin-left:10px;
  margin-top:10px;
}
#contactmap #col2{
  float:left;
  margin-left:36px;
  margin-top:10px;
}
#contactmap #col3{
  float:left;
  margin-left:36px;
  margin-top:10px;
}

/******************** NEWS DETAIL PAGE / UPDATED 18/12 *******************/
#content #newsdetail{
	float:left;
	width:730px;
}
#content #newsdetail .newspostdetail{
	float:left;
	margin: 0px 0px 10px 10px;
}
#content #newsdetail .newspostdetail img{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	border: 0px;
}
#content #newsdetail .newspostdetail img.news_headerimage {

}
#content #newsdetail .newspostdetail h2{
	width:690px;
	color:#cc0066;
	line-height:111%;
	font-size:21px;
	font-weight:normal;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#content #newsdetail .newspostdetail h3{
	color:#CC0066;
	font-size:13px;
	font-weight:normal;
	margin-bottom: -12px;
}
#content #newsdetail .newspostdetail p{
	width:690px;
	font-size:13px;
	color:#666;
}
#content #newsdetail .newspostdetail p.introtext{
	
	color:#000;
	font-size:16px;
	font-weight:regular;
}
#content #newsdetail .newspostdetail p.newsdate{
	color:#333;
	font-size:12px;
	font-weight:regular;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#content #newsdetail .newspostdetail p a{
	color:#cc0066;
	text-decoration: none;
}
#content #newsdetail .newspostdetail p a:hover{
	color:#cc0066;
	text-decoration: underline;
}
#content #comments .comment{
  float:left;
  background:#78003C;
  padding:10px 10px 10px 10px;
  width:440px;
  color:#fff;
  font-size:13px;
}
#content #comments .comment .commentauthor{
  font-size:16px;
}
#content #comments .comment .commentauthor a{
  color:#fff;
  font-weight:bold;
  text-decoration:none;
}
#content #comments .commentfooter{
  float:left;
  background:#cc0066 url('images/bg_comment.png') repeat-x bottom;
  width:461px;
  height:20px;
  margin-bottom:10px;
}
#content #leaveacomment{
  border:0px;
}
#content #newsdetail #commentform{
  float:left;
  background:#fff;
  width:440px;
  padding:10px;
  margin-top:10px;
}
#content #newsdetail #commentform .grey{
	color:#666;
	background:transparent;
	font-size:12px;
	font-family:helvetica,arial;
	margin-left:11px;
}
#commentform fieldset{
  border:0px;
  padding:0px;
  margin:0px;
}
#commentform span.commentlabel{
  font-size:16px;
  font-weight:bold;
}
#commentform span.required{
  padding-right:60px;
  background:url('images/ico_required.gif') no-repeat center right;
}
#commentform input, #commentform textarea{
  margin:5px 0px;
  border:1px solid #e4e4e4;
  padding:5px;
  font-size:15px;
}
#commentform input{
  height:20px;
  width:305px;
}
#commentform textarea{
  height:90px;
  width:430px;
}
#commentform #submitcomment{
  float:right;
  width:122px;
  height:21px;
  border:0px;
}
#newsdetail .error{
  display:block;
  margin-bottom:10px;
  color:#666;
  font-size:13px;
}
#newsdetail .error h3{
  margin-top:0px;
}
/******************** END: NEWS DETAIL PAGE *******************************/

img.floater{
  position:absolute;
  z-index:10000;
  border:0px;
}
img.floater#car{
  left:297px;
  top:500px;
}
img.floater#phone{
  left:671px;
  top:93px;
  z-index:9000;
}
img.floater#goodjob{
  left:653px;
  top:65px;
}
img.floater#tweet{
  left:664px;
  top:52px;
}
img.floater#mask{
  left:513px;
  top:505px;
}
img.floater#love{
  left:731px;
  top:104px;
}
img.floater#helpwanted{
  left:700px;
  top:70px;
}
img.floater#heart{
  left:601px;
  top:80px;
}
.portfolio_items{
  display:block;
  width:980px;
  height:210px;
}
.portfolio_item{
  float:left;
  margin-right:8px;
  height:210px;
  width:239px;
}
.portfolio_item.nomargin{
  margin-right:0px;
}
.portfolio_item a img{
  border:0px;
}
.portfolio_item .portfolio_client{
  display:block;
  font-size:15px;
  color:#cc0066;
  font-weight:bold;
  margin-top:9px;
  margin-left:8px;
}
.portfolio_item .portfolio_title{
  display:block;
  font-size:11px;
  color:#333;
  margin-left:8px;
}
.divider{
  float:left;
  width:980px;
  height:1px;
  color:#d6d6d6;
  background:#d6d6d6;
  border:#d6d6d6;
  margin:0px 0px 14px;
}
/* Pagination for portfolio items */

#content #pager{
  float:left;
  height:25px;
  width:490px;
}
#content #pager a img{
  border:0px;
}
#content #pager #pager_previous{
  float:left;
  width:104px;
}
#content #pager #pager_text{
  font-weight:bold;
  float:left;
  width:311px;
  text-align:center;
  padding-top:5px;
}
#content #pager #pager_next{
  float:left;
  width:75px;
}
#workdetail{
  float:left;
  width:731px;
  margin-right:10px;
  margin-top:10px;
}
#workdetailmenu{
  float:right;
  width:239px;
  height:500px;
  margin-top:10px;
}
#workdetail .heading, #workdetailmenu .heading{
  color:#999;
  font-size:15px;
  margin-bottom:9px;
  margin-left:10px;
}
#workdetail h1{
  color:#cc0066;
  font-size:24px;
  font-weight:normal;
  margin:10px 0px 5px 10px;
  width:683px;
}
#workdetail h2{
  color:#CC0066;
  font-size:15px;
  font-weight:normal;
  margin-bottom:-12px;
  margin-left:10px;
}
#workdetail h3{
  color:#CC0066;
  font-size:13px;
  font-weight:normal;
  margin-bottom:-12px;
  margin-left:10px;
}
#workdetail p{
  font-size:13px;
  line-height:131%;
  color:#666;
  width:683px;
  margin-left:10px;
}
#workdetail a{
  text-decoration:none;
  color:#cc0066;
}
#workdetail a:hover{
  text-decoration:underline;
}
#workdetail .introtext{
  color:#000;
  font-size:18px;
  margin:0px 0px 25px 10px;
}
#workdetail img{
  margin:10px 0px;
}
#workdetail img.headerimage{
  margin:0px;
}
#accordion h3{
  display:block;
  padding:8px 10px;
  background:#eee url('images/bg_workdetailmenu.png') no-repeat;
  margin:0px;
  font-size:15px;
  color:#cc0066;
  text-decoration:none;
  font-weight:normal;
}
#accordion h3.ui-state-active{
  background:#eee url('images/bg_workdetailmenu_active.png') no-repeat;
}
#accordion h3 a{
  color:#cc0066;
  text-decoration:none;
}
#accordion .workitems{
  background:#e2e2e2;
}
#accordion .workitem{
  display:block;
  padding:8px 10px;
}
#accordion .workitem a{
  color:#000;
  font-size:13px;
  text-decoration:none;
}
#accordion .workitem a.current{
  font-weight:bold;
}
#accordion hr{
  width:219px;
  height:1px;
  color:#999;
  background:#ccc;
  margin:0px 0px 0px 10px;
  padding:0px;
  text-align:center;
  border:#ccc;
}

/************ NEWS: JAMES 17/12 *************************************/

#content #newscontent{
	float:left;
	width:730px;
	font-family:arial;
	margin:0px 10px 0px 0px;
}
#content #newscontent ol#listing.news{
	float:left;
	width:730px;
	margin:0px;
	padding:0px;
	list-style-type: none;
	list-style-image: none;
}
#content #newscontent ol#listing.news li {
	float:left;
	border:5px solid #eeeef2;
	width:700px;
	height:128px;
	padding:10px;
	margin:0px 0px 10px 0px;
	cursor:pointer;
	list-style-image: none;
	list-style-type: none;
	background-image: none;
}
#content #newscontent ol#listing.news li div.newsimage{
	float:left;
	width:128px;
	height:128px;
	margin-right:17px;
}
#content #newscontent ol#listing.news li div.newstext{
	float:left;
	width:555px;
	height:112px;
	margin: 0px;
	padding: 0px;
}
#content #newscontent ol#listing.news li div.newstext h2{
	font-weight: normal;
	margin: 0px 0px 8px 0px;
}
#content #newscontent ol#listing.news li div.newstext h2 a{
	display:block;
	text-decoration:none;
	color:#cc0066;
	font-size:21px;
	line-height:111%;
}
#content #newscontent ol#listing.news li div.newstext p{
	font-size:13px;
	color:#333;
	line-height:121%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#content #newscontent ol#listing.news li div.newstext p.newsdate{
	float:left;
	display:block;
	width: 555px;
	color:#666;
	font-size:12px;
	margin: -1px 0px 4px 0px;
}
#content #newscontent ol#listing.news li div.commentcount{
	float:left;
	display:block;
	width: 555px;
	height:15px;
}
#content #newscontent ol#listing.news li div.commentcount p {
	font-size:12px;
	color:#000;
	padding-left:15px;
	margin:2px 0px 0px 0px;
	background:url('images/commentspink.png') no-repeat;
}

/************ PAGINATION FOR NEWS ****************************************/

#content #newscontent #pager{
  float:left;
  display:block;
  height:25px;
  width:731px;
  margin-bottom:20px;
  
}
#content #newscontent #pager a img{
  border:0px;
}
#content #newscontent #pager #pager_previous{
  float:left;
  width:250px;
}
#content #newscontent #pager #pager_text{
  font-weight:bold;
  float:left;
  width:211px;
  text-align:center;
  padding-top:5px;
}
#content #newscontent #pager #pager_text p{
	margin:0px;
	padding:0px;
}
#content #newscontent #pager #pager_next{
  float:right;
  width:75px;
}


/************ NEWS END **************************************************/

#content #newssidebar{
  float:right;
  width:239px;
  font-family:arial;
  color:#fff;
}
#content #newssidebar #clients{
  float:left;
  width:212px;
  background:#69003F url('images/bg_clients.png');
  padding:8px 13px 25px 14px;
  color:#fff;
}
#content #newssidebar #clients a{
  color:#fff;
  text-decoration:none;
}
#content #newssidebar #clients h1{
  margin:0px;
  font-size:16px;
}
#content #newssidebar #clients p, #content #newssidebar #clients ul{
  font-size:13px;
  line-height:141%;
  list-style-type:none;
}
#content #newssidebar #clients li{
  background:url('images/bg_clientlist.gif') no-repeat 0 6px;
  padding-left:21px;
  color:#fff;
}
#content #newssidebar #clients ul{
  padding-left:0px;
}
#content #newssidebar #testimonial{
  float:left;
  width:220px;
  margin-top:11px;
}
div#flickr {
	float:left;
	width:239px;
	margin:0px 0px;
	background:#fff;
}
#flickr h2 {
  font-size:11px;
  padding:0px 9px 6px 6px;
  margin:0px;
}
#flickr h2 a{
  text-decoration:none;
}
div#flickrcontent {
	float:left;
	width:239px;
}

div.flickr_badge_image{
	float:left;
	margin-right:6px;
	margin-top:3px;
}
div.flickr_badge_image a img{
	width:65px;
	height:65px;
	border:0px;
	padding:5px;
	background-image:url('images/bg_flickrimg.jpg');
}
div#flickr_badge_image3, div#flickr_badge_image6, div#flickr_badge_image9{
margin-right:0px;
}

div.flickrimg img {
	float:left;
}
#flickr #viewphotos{
  float:right;
  margin:8px 5px 0px 0px;
  border:0px;
}

/* Sitemap page */
#content ul.sitemap{
  list-style:none;
  padding:0;
  margin:0; 
}
#content ul.sitemap ul{
  list-style:none;
  margin-left:10px;
  margin-bottom:15px;
}
#content ul.sitemap li{
  background:none;
}
.sitemap a{
  text-decoration:none;
  color:#cc0066;
}
ul.sitemap a{
  color:#CC0066;
  font-size:15px;
  font-weight:normal;
  padding-left:14px;
  background:url('images/bullet_pinksquare.gif') no-repeat left center;
}
ul.sitemap ul a{
  font-size:12px;
  padding-left:15px;
  color:#666666;
  background:url('images/bullet_pinksquare.gif') no-repeat left 5px;
}
ul.sitemap p.titleattribute{
  margin-left:4px;
  margin-top:0px;
}
/* End of 'Everything' */





/* End of 'Everything' */