ul.ten_step_guide_list {
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
}
ul.ten_step_guide_list li {
	background: url(../images/10Step.gif) left center no-repeat;
	padding: 0 0 0 81px;
	min-height: 75px;
	height: auto !important;
	height: 75px;
}

img#wpstats{display:none}

body {
	background-color: #999;
	color: #333;
	font: 76% Verdana,Arial,Helvetica,sans-serif;
	margin: 20px 0;
	text-align: center;
}
form {
	margin: 0;
	padding: 0;
}
input,
textarea,
select,
button {
	font: 100% Verdana,Arial,Helvetica,sans-serif;
}
input.text,
select,
textarea {
	border: 1px solid #4F87C1;
	padding: 4px;
}
label.requiredValue {
	color: #c00;
}
input.requiredValue {
	border: 1px solid #c00;
	background: #f6e5e0;
}
fieldset {
	border: none;
	margin: 0;
	padding: 20px;
}
fieldset p {
	margin: 5px 0;
	width: 100%;
	overflow: hidden;
}
fieldset p label {
	float: left;
	font-weight: bold;
	width: 10em;
}
img {
	border: none;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Lucida Grande","Lucida Sans",Arial,Georgia,Times,serif;
}

h1 {
	color: #4F87C1;
	font-size: 150%;
	margin: 0 0 10px 0;
}
h2 {
	font-size: 125%;
	margin: 0 0 10px 0;
}
h3, h4, h5, h6 {
	font-size: 110%;
	margin: 0 0 5px 0;
}
ul,
ol {
	margin-bottom 10px;	
}
p,
li {
	line-height: 1.3em;
	margin: 0 0 10px 0;
	padding-bottom:5px;
}

li {
	padding-bottom:5px;	
}
a {
	color: #4F87C1;
	text-decoration: none;
}
a:hover {
	color: #111;	
}


td {
	width:80px;
	text-align:center;
	padding-top:5px;
	border-right:thin black solid;
}

td.last {
	border-right:none;
}

tr {
	width:100%;
}

#page_container {
	background: #e3e3e3 url(../images/page_bg.gif);
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	width: 955px;
}

#header {
	background: #4F87C1;
	border-bottom: 5px solid #333;
	color: #B2C9DF;
	font:  160% "Lucida Grande","Lucida Sans",Arial,Georgia,Times,serif;
	height: 39px;
	padding: 38px 218px 20px 20px;
	position: relative;
}
#header p span {
	color: #fff;
	float: right;
}
#header #logo {
	background: #F9F9F9;
	margin: 0;
	padding: 15px 36px;
	position: absolute;
	right: 0;
	top: 0;
}





#tabs {
	margin: 20px 20px -21px 30px;
	overflow: hidden;
	padding: 0;
	width: 690px;
}
#tabs li {
	background: #f9f9f9 url(../images/tab-bottom.gif) bottom repeat-x;
	border: 1px solid #b2c9df;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-radius-topleft: 5px;
	border-radius-topright: 5px;
	border-bottom: 0;
	float: left;
	display: inline;
	margin: 0 1px 0 0;
}
#tabs.active_first li.first,
#tabs li.active {
	background: #fff;
	position: relative;
	z-index: 9;
}
#tabs a {
	display: block;
	font-size: 90%;
	margin: 0;
	padding: 4px 7px;
	text-decoration:none;
}

#main_content {
	float: left;
	margin-right: -220px;
	width: 100%;
}
#content_container {
	margin-right: 214px;
}

#homepage_content ul {
	margin: 0 0 -20px 0;
	padding: 20px 0 0 11px;
	list-style: none;
	width: 100%;
	overflow: hidden;
}
#homepage_content ul li {
	background: #fff;
	border: 1px solid #b2c9df;
	float: left;
	display: block;
	height: 160px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 0 10px 10px;
	padding: 10px 20px;
	width: 303px;
}
#homepage_content ul li h2 {
	margin: 0 0 10px 0;	
}
#homepage_content ul li p {
	font-size: 90%;
}
#homepage_content ul li p.small {
	clear: left;
}
#homepage_content ul li p img {
	float: left;
	margin: 0 10px 10px 0;
}

#seo_table td.first {
	border-left:thin black solid;
	width:400px;
}

#seo_table {
	padding-left:auto;
	padding-left:auto;
}

#content,
.additional_content {
	background: #fff;
	border: 1px solid #b2c9df;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 20px;
	padding: 20px;
}

.additional_content {
	padding:20px;
}
.additional_content h2 {
	background: #4F87C1;
	color:#FFF;
	font-family:"Lucida Grande","Lucida Sans",Arial,Georgia,Times,serif;
	font-size:150%;
	margin:0 -20px 20px;
	padding:10px 20px;

}
.strapline {
	color: #999;
	font: italic bold 160% "Lucida Grande","Lucida Sans",Arial,Georgia,Times,serif;
}

#three_cols {
	padding: 10px 10px 10px 20px;
}
#three_cols ul {
	margin: 0;
	padding: 0 20px;
	list-style: none;
}
#right_content #three_cols ul li {
	background: #fff url(/images/numberedbullets.gif) 4px 4px no-repeat;
	border: 1px solid #b2c9df;
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 0 0 10px 0;
	padding: 10px;
	width: 148px;
	
	min-height: 160px;
	height: auto !important;
	height: 160px;
}
#right_content #three_cols ul li.middle {
	background-position: -295px 4px;
}
#right_content #three_cols ul li.right {
	background-position: -594px 4px;
}
#right_content #three_cols ul li h3 {
	color: #4F87C1;
	font-family: "Lucida Grande","Lucida Sans",Arial,Georgia,Times,serif;
	font-size: 150%;
	line-height: 1.2em;
	padding: 0 0 10px 50px;
}
#right_content {
	float: right;
	padding: 20px 20px 20px 0;
	position: relative;
	width: 185px;
}
#right_content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#right_content ul li {
	margin: 0;
	padding: 0;
}
#right_content ul li a {
	display: block;
	background: url(../images/NavBeam.gif) -15px 6px no-repeat;
	padding: 0 20px 10px 40px;
	text-decoration: none;
}

#right_content ul li.last a {
	font-size: 130%;	
}

#footer {
	clear: both;
}
#footer p {
	float: right;
	margin: 0 236px 0 0;
	padding: 0;
}
#links {
	color: #999999;
	font-size: 84%;
	margin: 0;
	padding: 0 0 20px 0;
}
#links ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#links li {
	border-right: 1px solid #999;
	display: inline;
	padding: 0 20px;
}
#links #right li {
	border-right: none;
}
#links a {
	color: #666;
	font-weight: normal;
	text-decoration: none;
}
#links a:hover {
	color: #003;
	text-decoration:underline;
}


ul.pdf_downloads {

}
ul.pdf_downloads li {
	background: url(../images/pdf.gif) left top no-repeat;
	list-style: none;
	padding: 2px 0 2px 30px;
}

.float_image_left,
{
	float: left;
	margin: 0 20px 20px 0;
}
.float_image_left {
	clear: left;	
}
#tinymce {
	text-align: left !important;
}


/* COLOUR CODED STUFF */
.eMarketing { color: #CC6600; }
.eCommerce { color: #006666; }
.eContent { color: #630460; }
.eMobile { color: #197b30; }
.eSurvey  { color: #9e0b0f; }
.eDocument  { color: #999; }

#header.emarketing { background: #CC6600; color: #ffcc99; }
#header.ecommerce { background: #006666; color:#50dede; }
#header.econtent { background: #630460; color:#ce5ccb; }
#header.emobile { background: #197b30; color: #6dd185; }
#header.esurvey  { background: #9e0b0f; color: #e4595c; }
#header.edocument  { background: #827b00; color: #d2ca52; }




.twitter {
	padding: 20px 20px 20px 40px;
}
.twitter a {
	text-decoration: none;
}



body.minimal {
	background: #E3E3E3;
	margin: 0;
}

body.minimal #page_container {
	background: none;
	width: auto;
}
body.minimal #content_container {
	margin-right: 0;	
}


#slider_container {
	position: relative;	
}

#slider_container_projects {
	position: relative;
}

#slider_container h2 {
	background: url(../images/slider_inner.png) 0 100% repeat-x;
	color: #fff;
	margin: 20px 20px -1px 20px;
	padding: 10px 20px;
}

#slider_container_projects h2 {
	background: url(../images/slider_inner.png) 0 100% repeat-x;
	color: #fff;
	margin: 20px 20px -1px 20px;
	padding: 10px 20px;
}

#slider {
	background: #fff;
	height: 420px;
	background: #fff;
	border: 1px solid #b2c9df;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0;
	border-radius: 5px;
	margin: 0 20px 20px 20px;
}
#slider .inner {
	background: repeat;
	margin: 0;
	padding: 0;
}
#slider p a {
	background: url(../images/slider_inner.png) 0 100% repeat-x;
	color: #fff;
	display: block;
	padding: 340px 20px 20px 20px;
	width: 658px;
	height: 60px;
}
#slider p a strong {
	display: block;
}
#slider ul, #slider li { 
	margin:0;
	padding:0;
	list-style:none;
}
#slider li a { 
	color: #fff;
}
#slider, #slider li{ 
	height: 420px;
	width: 698px;
	overflow:hidden;
}	

#slider_projects {
	background: #fff;
	height: 420px;
	background: #fff;
	border: 1px solid #b2c9df;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0;
	border-radius: 5px;
	margin: 0 20px 20px 20px;
}
#slider_projects .inner {
	background: repeat;
	margin: 0;
	padding: 0;
}
#slider_projects p a {
	background: url(../images/slider_inner.png) 0 100% repeat-x;
	color: #fff;
	display: block;
	padding: 340px 20px 20px 20px;
	width: 658px;
	height: 60px;
}
#slider_projects p a strong {
	display: block;
}
#slider_projects ul, #slider_projects li { 
	margin:0;
	padding:0;
	list-style:none;
}
#slider_projects li a { 
	color: #fff;
}
#slider_projects, #slider_projects li{ 
	height: 420px;
	width: 698px;
	overflow:hidden;
}

#prevBtn, #nextBtn{ 
	display:block;
	width:28px;
	height:95px;
	position:absolute;
	left: 18px;
	top: 162px;
}												
#prevBtn a, #nextBtn a {  
	display:block;
	width: 28px;
	height: 95px;
	background: url(../images/slider_controls.png) no-repeat 0 0;
	text-indent: -9999em;
	overflow: hidden;
}	
#nextBtn { 
	left: 694px;
}
#nextBtn a {
	background-position: -28px 0;
}
#nextBtn a:hover {
	background-position: -28px -95px;
}
#prevBtn a:hover {
	background-position: 0 -95px;
}





/*case study additions */
.case_study_header {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height:290px;
	margin:-20px -20px 20px -20px;
	position: relative;
}
.case_study_header h1 {
	background: url(../images/slider_inner.png) bottom repeat-x;
	bottom:0;
	color:#FFFFFF;
	left:0;
	margin:0;
	padding:20px;
	position:absolute;
	width:659px;
}

.case_study_header h1 a{
	color:#FFFFFF;
	text-decoration:none;
}

.case_study_header h1 a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

#carouselmain {
	background: #ccc;
	margin: 20px 0 30px 0;
	padding: 10px;
	position: relative;
	width: 640px !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#carouselmain ul {
	margin: 0;
	padding: 0;
}
#carouselmain ul li {
	margin: 0 0 0 10px;
	padding: 0;
}

#carouselmain #prevBtn {
	top: 36px;
	left: -2px;
	z-index: 5;
}
#carouselmain #nextBtn {
	left: 634px;
	top: 36px;
	z-index: 5;
}

#carouselmain p a {
	background: url(../images/slider_inner.png) 0 100% repeat-x;
	color: #fff;
	display: block;
	padding: 340px 20px 20px 20px;
	width: 656px;
	height: 60px;
}
#carouselmain ul li img {
	border: 2px solid #4f87c1;
	height: 141px;
	width: 250px;
}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{ background: #000000; }
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/images/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(/images/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/images/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(/images/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(/images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/images/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/images/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}