@charset "utf-8";

/*
Theme Name: STANDOUT
Theme URI: http://www.standoutuk.com
Description: The theme for the STANDOUT UK website
Version: 0.1
Author: Aaron Yates
Author URI: http://www.standoutuk.com/
*/

/****************************************************************
 * GENERIC
 ***/
* {
	margin: 0;
	padding: 0;
}
 
html {
	height: 100%;
	width: 100%;
}

body{
	height: 100%;
	width: 100%;
	background-color: #e7e2d9;
	background-image:url(images/bg_test.jpg);
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
}

#page {
	width: 922px;
	margin-left: auto;
	margin-right: auto;
	padding: 53px 34px 34px 34px;
}


/* basics */
p { font-size: 1.2em; }
.clear { clear: both; }
.bold {font-weight:bold;}


/****************************************************************
 * GENERAL STYLES
 ***/
h1 { }
h2 { font-size: 2.4em; font-weight: bold; }
h3 { font-size: 1.8em; font-weight: normal; }
h4 { font-size: 1.6em; font-weight: normal; }
h5 { font-size: 1.3em; font-weight: bold; margin-bottom: 0; margin-top: 10px; }

.orange { color: #ff6600; }
.purple { color: #6c40d4; }
.cyan { color: #0699ff; }
.lime { color: #00ac41; }
.red { color: #d0000d; }
.grey { color: #666666; }
.brown { color: #996633; }
.magenta { color:#f7007a; }
.black { color: #000000; }
.navy { color: #222c6a; }
.turquoise {color: #38a99d;}

#brown a { text-decoration: none; color: #996633; }
#grey a { text-decoration: none; color: #666666; }
#orange a { text-decoration: none; color: #ff6600; }
#purple a { color:#6c40d4; text-decoration: none; }
#cyan a { color:#0699ff; text-decoration: none; }
#lime a { color:#00ac41; text-decoration: none; }
#red a { color:#d0000d; text-decoration: none; }
#magenta a { color:#f7007a; text-decoration: none; }
#black a { color:#000000; text-decoration: none; }
#navy a { color:#222c6a; text-decoration: none; }
#turquoise a {color:#38a99d; text-decoration:none;}

.phone_no{float:right; width:150px; text-align:right; padding-top:9px;}

#orange a:hover, #navy a:hover, #purple a:hover, #cyan a:hover, #lime a:hover, #grey a:hover, #brown a:hover, #magenta a:hover, #content .st_panel .sidebar a.grey:hover, #content .st_panel .third a.grey:hover, #content .st_panel .tmiddle a.grey:hover {
	color: #000000;
}

/* Override page link styles for unique link colouring */
a.orange { font-weight: bold; color:#ff6600; text-decoration: none; }
a.purple { font-weight: bold; color:#6c40d4; text-decoration: none; }
a.cyan { font-weight: bold; color:#0699ff; text-decoration: none; }
a.lime { font-weight: bold; color:#00ac41; text-decoration: none; }
a.red { font-weight: bold; color:#d0000d; text-decoration: none; }
a.grey { font-weight: bold; color: #666666; text-decoration: none; }
a.brown { font-weight: bold; color: #996633; text-decoration: none; }
a.magenta { font-weight: bold; color:#f7007a; text-decoration: none; }
a.navy { font-weight: bold; color:#222c6a; text-decoration: none; }
a.turquoise {color:#38a99d;}

h3 a.black { color:#000000; text-decoration: none; }
h3 a.black:hover { color:#666666; text-decoration: none; }

h3 a.orange, h3 a.purple, h3 a.cyan, h3 a.lime, h3 a.red, h3 a.grey, h3 a.magenta, h3 a.navy {
	font-weight: normal;
}

a.orange:hover, a.purple:hover, a.cyan:hover, a.lime:hover, a.grey:hover, a.brown:hover, a.magenta:hover, a.navy:hover {
	color: #000000;
}

#content .st_panel .sidebar a.grey, #content .st_panel .third a.grey, #content .st_panel .tmiddle a.grey {
	font-weight: bold; color: #555555; text-decoration: none;
}

#grey a.online_title { font-weight:bold; color:#0699ff; text-transform: uppercase; }
#grey a.offline_title { font-weight:bold; color:#ff6600; text-transform: uppercase; }
#grey a.thinking_title { font-weight:bold; color:#00ac41; text-transform: uppercase; }

#grey h3 a.lime { color:#00ac41; }
#grey h3 a.purple { color:#6c40d4; }

body #header .strapline a.cyan { color:#0699ff; }
body #header .strapline a.lime { color:#00ac41; }
body #header .strapline a.orange { color:#ff6600; }


/****************************************************************
 * TABLE
 ***/

table.nice{
	border:none;
	border-right: 1px solid #999;	
	border-bottom: 1px solid #999;
	margin-bottom:1em;
}
table.nice th{
	background:url("images/white_20_percent_alpha.png") repeat scroll 0 0 transparent;
}

table.nice td,
table.nice th{
	color:#666666;
	font-size:1.2em;
	padding:0.5em;
	border:none;
	border-top: 0.1em solid #999;	
	border-left: 0.1em solid #999;
	margin:0;
}

/****************************************************************
 * HEADER
 ***/
#header .top_bar {
	width: 922px;
	padding-bottom: 15px;
}

#header .logo{
	width: 211px;
	float: left;
}

#header a img {
	border: none;
}

#header .strapline{
	width: 711px;
	font-weight: bold;
	color: #666666;
	text-align: right;
	float: left;
	padding-top: 16px;
	font-size:1.5em;
}

#header {
	display: block;
	margin-bottom: 15px;
	font-size: 1.1em;
}

/* navigation */
#navigation {
	height: 37px;
	display: block;
}

#navigation .nav_border ul{
	width: 922px;
	background: url('images/nav_border_bg_new.gif'); background-position:bottom; background-repeat:repeat-x;
	z-index: 0;
	height: 37px;
}


#navigation .nav_border{background-image:none;}
	
#navigation ul {
	margin: 0px;
	padding: 0px;
	width: 922px;
	z-index: 1;
}

#navigation ul li {
	list-style: none;
	display: inline;
}

/*#navigation ul li.right {
	float: right;
}*/

#navigation ul li a {
	color: #666666;
	font-weight: bold;
	display: block;
	padding: 9px;
	float: left;
	margin: 0px;
	text-decoration: none;
}
#navigation ul li a:hover {
	border-bottom: 5px solid #454545;
	color:#454545;
}

/*#navigation ul li .first { padding-left: 0px; }
#navigation ul li .last { padding-right: 0px; }*/



/****************************************************************
 * NAVIGATION LINK COLOUR
 ***/
#navigation ul li a.brown:hover { color:#996633; border-bottom: 5px solid #996633; }
#navigation ul li a.grey:hover { color:#666666; border-bottom: 5px solid #666666; }
#navigation ul li a.lime:hover { color:#00ac41; border-bottom: 5px solid #00ac41; }
#navigation ul li a.red:hover { color:#d0000d; border-bottom: 5px solid #d0000d; }
#navigation ul li a.cyan:hover { color:#0699ff; border-bottom: 5px solid #0699ff; }
#navigation ul li a.purple:hover { color:#6c40d4; border-bottom: 5px solid #6c40d4; }
#navigation ul li a.magenta:hover { color:#f7007a; border-bottom: 5px solid #f7007a; }
#navigation ul li a.orange:hover { color:#ff9000; border-bottom: 5px solid #ff9000; }
#navigation ul li a.navy:hover { color:#222c6a; border-bottom: 5px solid #222c6a; }
#navigation ul li a.turquoise:hover { color:#38a99d; border-bottom: 5px solid #38a99d; }

#navigation ul li.active a.brown:hover, #navigation ul li.active a.brown { color:#996633; border-bottom: 5px solid #996633; }
#navigation ul li.active a.grey:hover, #navigation ul li.active a.grey { color:#454545; border-bottom: 5px solid #454545; }
#navigation ul li.active a.lime:hover, #navigation ul li.active a.lime { color:#00ac41; border-bottom: 5px solid #00ac41; }
#navigation ul li.active a.red:hover, #navigation ul li.active a.red { color:#d0000d; border-bottom: 5px solid #d0000d; }
#navigation ul li.active a.cyan:hover, #navigation ul li.active a.cyan { color:#0699ff; border-bottom: 5px solid #0699ff; }
#navigation ul li.active a.purple:hover, #navigation ul li.active a.purple { color:#6c40d4; border-bottom: 5px solid #6c40d4; }
#navigation ul li.active a.magenta:hover, #navigation ul li.active a.magenta { color:#f7007a; border-bottom: 5px solid #f7007a; }
#navigation ul li.active a.orange:hover, #navigation ul li.active a.orange { color:#ff9000; border-bottom: 5px solid #ff9000; }
#navigation ul li.active a.navy:hover, #navigation ul li.active a.navy { color:#222c6a; border-bottom: 5px solid #222c6a; }
#navigation ul li.active a.turquoise:hover, #navigation ul li.active a.turquoise { color:#38a99d; border-bottom: 5px solid #38a99d; }

/****************************************************************
 * FOOTER
 ***/
#footer { 
	clear: both;
	font-size: 1.1em;
	/*border-top: 1px solid #cccccc;*/
}

#footer .section {
	border-top: 1px solid #cccccc;
	padding: 10px 0;
	color:#999999;
	text-transform: uppercase;
	font-weight: bold;
	line-height: normal;
	display: block;
	color: #cccccc;
}

#footer .section span {
	padding: 0 5px;
	color: #999999;
}

#footer .section span.first, #footer .section a.first {
	padding: 0 5px 0 0;	
}

#footer .section span.last {
	padding: 0 0 0 5px;
}

#footer .section a {
	color: #999999;
	text-decoration: none;
	padding: 0 5px;
}

#footer .section a:hover {
	color: #666666;
}

#footer .section img {
	float: left;
	margin-right: 12px;
}

#footer .section .dba {
	margin-top: 14px;
	color: #999999;
}

#footer .sub_footer a {
	color: #999999;
}


/****************************************************************
 * CONTENT
 ***/
#content {
	padding: 0;
	margin: 0 0 15px 0;
}

#content .main_column {
	width: 612px;
	float: left;
}

#content .sidebar {
	width: 310px;
	float: left;
}

#content .shifted_sidebar {
	margin-top: 35px;
}



/****************************************************************
 * BREADCRUMBS
 ***/
#content #breadcrumbs {
	margin: 0 0 10px 0;
	padding-bottom: 15px;
	font-size: 1.2em;
	color: #999999;
	clear: both;
	display: block;
}

#content #breadcrumbs .main_column span {
	padding: 3px 18px 3px 0;
	background: url('images/breadcrumb_arrow.png') no-repeat 92% 50%;
}

#content #breadcrumbs .main_column span.end {
	background: none;
	padding: 3px 3px 3px 0;
}

#content #breadcrumbs .main_column span a, #content #breadcrumbs .sidebar a {
	color: #999999;
	text-decoration: none;
	font-weight: normal;
}

#content #breadcrumbs .main_column span a:hover, #content #breadcrumbs .sidebar a:hover {
	color: #666666;
}

#content #breadcrumbs .sidebar {
	text-align: right;
}



/****************************************************************
 * PAGE BASIC ELEMENTS
 ***/

/* three column for boxes */
#content .st_panel .third .push, #content .st_panel .tmiddle .push, #content .st_panel .sidebar .push {
	margin-bottom: 15px;
}

#content .st_panel .third .m10, #content .st_panel .tmiddle .m10, #content .st_panel .sidebar .m10 {
		margin-bottom: 10px;
}

#content .st_panel .third .m5, #content .st_panel .tmiddle .m5, #content .st_panel .sidebar .m5 {
		margin-bottom: 5px;
}

#content .st_panel .third .m0, #content .st_panel .tmiddle .m0, #content .st_panel .sidebar .m0 {
		margin-bottom: 0px;
}


#content .st_panel .third .p10, #content .st_panel .tmiddle .p10, #content .st_panel .sidebar .p10 {
		padding-bottom: 10px;
}

#content .st_panel .third .p5, #content .st_panel .tmiddle .p5, #content .st_panel .sidebar .p5 {
		padding-bottom: 5px;
}

#content .st_panel .third .p0, #content .st_panel .tmiddle .p0, #content .st_panel .sidebar .p0 {
		padding-bottom: 0px;
}


#content .st_panel .third, #footer .third {
	width: 290px;
	display: block;
	float: left;
	padding-left:0px;
}

#content .st_panel .tmiddle, #footer .tmiddle {
	width: 290px;
	display: block;
	margin: 0 25px;
	float: left;
}

#content .st_panel .third h3, #content .st_panel .tmiddle h3 {
	border-bottom: 1px solid #cccccc;
	padding: 0 0 10px;
	margin-bottom: 10px;
}

#content .st_panel .third img, #content .st_panel .tmiddle img {
	margin: 0;
	border-bottom: 1px solid #cccccc;
	padding: 0 0 10px;
}

#content .st_panel .third ul, #content .st_panel .tmiddle ul {
	list-style:	none;
	font-size: 1.1em;
	color: #666666;
}

#content .st_panel .third li, #content .st_panel .tmiddle li {
	list-style-type: none;
	padding: 8px 0;
	border-bottom: 1px solid #cccccc;
	color: #999999;
}

#content .st_panel .third p, #content .st_panel .tmiddle p {
	margin-top: 10px;
	font-size: 1.2em;
}

#content .st_panel .third .copy, #content .st_panel .tmiddle .copy {
	margin-top: 20px;
	color: #666666;
}

#content .st_panel .third p.inner_title, #content .st_panel .tmiddle p.inner_title {
	margin-bottom: 10px;
	font-size: 1.2em;
	border-top: 1px solid #CCCCCC;
	padding-top: 10px;
}


.st_panel .main_column .margin00.box {
	margin: 0;
}

/* refinement of thirds for project view */
#content .st_panel .viewtwo {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

#content .st_panel .no_border { border: none; }
#content .st_panel .dotted_border { border-bottom: 1px dotted #CCCCCC; }

#content .st_panel .sidebar .viewtwo {
	margin: 0 0 0 20px;
}

#content .st_panel .viewtwo h3 {
	padding: 0;
	border: none;
	margin: 0;
}

#content .st_panel .viewtwo img {
	margin: 0;
	padding: 0 0 10px;
	border: none;
}

#content .st_panel .viewtwo ul {
	list-style:	none;
	font-size: 1.2em;
	color: #666666;
}

#content .st_panel .viewtwo li {
	list-style-type: none;
	padding: 8px 0;
	border-bottom: 1px solid #cccccc;
}

#content .st_panel .viewtwo p {
	margin-top: 10px;
	font-size: 1.2em;
}

#content .st_panel .viewtwo p.inner_title {
	margin-bottom: 10px;
	padding-top: 10px;
	font-size: 1.2em;
	border-top: 1px solid #CCCCCC;
}


/* single project / casestudy view & single article view */
#content .st_panel .project {}

#content .st_panel .project img, #content .st_panel .article img {
	margin: 5px 0 20px;
}

#content .st_panel .project h3, #content .st_panel .article h3 {
	margin-bottom: 10px;
}

#content .st_panel .main_column .article h3.strap, #content .st_panel .main_column .article h3.project {
	margin-bottom: 25px;
}

#content .st_panel .project p {
	margin-bottom: 25px;
}

#content .st_panel .article .art_content {
	margin-bottom: 15px;	
}

#content .st_panel .article .art_content p {
	margin-bottom: 12px;
}

#content .st_panel .project a, #content .st_panel .article a {
	color: #454545;
	font-weight: bold;
	text-decoration: none;
	margin: 5px 0;
}

#content .st_panel .project a:hover, #content .st_panel .article a:hover {
	color: #000000;
}


/* Nested lists */
#content .st_panel .article ul, #content .st_panel .box ul.inc, #content .st_panel .article ol, #content .st_panel .box ol.inc {
	margin: 0 0 10px 40px;
	font-size: 1.2em;
}

#content .st_panel .box ul.inc, #content .st_panel .box ol.inc {
	margin-bottom: 15px;
}

#content .st_panel .article ul ol, #content .st_panel .article ol ul, #content .st_panel .article ul ul, #content .st_panel .article ol ol,
#content .st_panel .box ul ol, #content .st_panel .box ol ul, #content .st_panel .box ul ul, #content .st_panel .box ol ol {
	margin:  0 0 0 40px;
	color: #454545;
	font-size: 1.1em;
	list-style-type: none;
}

#content .st_panel .box ul.inc li, #content .st_panel .box ol.inc li {
	color: #676767;
}

#content .st_panel .article ul li, #content .st_panel .article ol li,
#content .st_panel .box ul li, #content .st_panel .box ol li {
	margin: 0;
	padding: 2px 0;
	list-style: disc;
}

#content .st_panel .article ul ol li, #content .st_panel .article ol ul li, #content .st_panel .article ul ul li, #content .st_panel .article ol ol li {
	margin: 0;
	padding: 2px 0;
	list-style:	upper-roman;
}


/* article seperator */
#content .st_panel .box .sep_article {
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 15px;
	margin-bottom: 25px;
	color: #666666;
}

#content .st_panel .box .no_border {
	border-bottom: none;
	margin-bottom: 5px;
}

#content .st_panel .box .end {
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#content .st_panel .box .sep_article h3 {
	margin-bottom: 10px;
}

#content .st_panel .box .sep_article p {
	margin-bottom: 10px;
	color: #999999;
}

/****************************************************************
 * HOME / LANDING PAGE
 ***/
 
 /* promo panel and navigation */
#promo {
	margin: 0;
}

#promo .main_column #panel {
	width: 597px;
	height: 286px;
	display: block;
	/*background: #cccccc;*/
}

#promo .sidebar ul { list-style-type: none; }

#promo .sidebar li {
	/*background: #f6f6f6;*/
	font-size: 1.8em;
	margin-bottom: 1px;
	font-weight: normal;
}

#promo .sidebar li a {
	text-decoration: none;
	display: block;
	height: 44px;
	padding: 27px 0px 0px 10px;
}

#promo .sidebar li.sb_online a { color: #0699ff; border-left: 5px solid #0699ff; background:url(images/white_20_percent_alpha.png) repeat;}
#promo .sidebar li.sb_offline a { color: #ff6600; border-left: 5px solid #ff6600; background:url(images/white_20_percent_alpha.png) repeat; }
#promo .sidebar li.sb_thinking a { color: #00ac41; border-left: 5px solid #00ac41; background:url(images/white_20_percent_alpha.png) repeat; }
#promo .sidebar li.sb_integrated a { color: #888888; border-left: 5px solid #888888; background:url(images/white_20_percent_alpha.png) repeat; }


#promo .sidebar li a:hover { color: #666666; border-left: 5px solid #666666; background:url(images/black_20_percent_alpha.png) repeat;}


/* main content panel */
.st_panel {
	margin: 15px 0 0 0;
	color: #3a3a3a;
}

.st_panel .main_column .box {
	padding: 0 20px 0 0;	
	margin: 0 0 20px 0;
}

.st_panel .main_column .box h2 {
	margin-bottom: 15px;
}


/* recent company news articles */
.st_panel .main_column .latest_news {
	padding-top: 20px;
	padding-left: 12px;
}

.st_panel .main_column .box .latest_article {
	padding: 10px 0 10px 0;
	margin: 0 0 10px 0;
}

.st_panel .main_column .box .latest_article h3 {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 10px;
}

.st_panel .main_column .box .latest_article .la_excerpt img {
	border: none;
	margin: 0 15px 0 0;
	width: 290px;
	height: 150px;
	float: left;
}

.st_panel .main_column .box .latest_article .la_excerpt p {
	padding: 0 0 5px;
	float: left;
	vertical-align: top;
	width: 273px;
	color: #999999;
}

.st_panel .main_column .box .latest_article .la_excerpt a.readmore {
	font-size: 1.2em;
	font-weight: bold;
	color: #6c40d4;
	text-decoration: none;
}

.st_panel .main_column .box .latest_article .la_excerpt a.readmore:hover { color: #000000; }



/****************************************************************
 * SIDEBAR AND MODULES
 ***/
#content .st_panel .sidebar .module {
	width: 288px;
	padding: 12px 12px 6px;
	/*background: #f6f6f6;*/
	margin-bottom: 15px;
	border-bottom: 1px solid #cccccc;
}

#content .st_panel .sidebar .viewtwo {
	width: 290px;
}

#content .st_panel .sidebar .module ul, #content .st_panel .sidebar .module h4, #content .st_panel .sidebar .module p.indent {
	margin: 0;
}

#content .st_panel .sidebar .module ul li {
	border: none;
	padding: 5px 0;
}

#content .st_panel .sidebar .module p, #content .st_panel .sidebar .module h3, #content .st_panel .sidebar .module h4, #content .st_panel .sidebar .module p.indent {
	margin-bottom: 10px;
}



/****************************************************************
 * CAREERS FUNCTIONALITY AND ADDITIONAL STYLING
 ***/
#content ul#social li span a.share_link {
 	display: block;
	width: 75px;
	height: 18px;
	background: url('images/icons/share_btn.jpg');
	border: none;
	text-decoration: none;
	text-indent: -9000px;
	margin-top: -2px;
}

#content ul#social li span a.share_link:hover {
	background: url('images/icons/share_hover_btn.jpg');
}

#content ul#social li span a.active {
	background: url('images/icons/share_up_btn.jpg');
}

#content ul#social li span a.active:hover {
	background: url('images/icons/share_up_hover_btn.jpg');
}
 
#content ul#social li span {
	float: right;
}
 
#content ul#social li p {
	font-size: 0.9em;
	background: #F6F6F6;
	color: #666666;
	padding: 4px;
	display: block;
	height: 14px;
	margin: 5px 0 0;
}

#content ul#social li p a img {
	border: none;
	opacity: 0.6;
}

#content ul#social li p a:hover img {
	border: none;
	opacity: 1;
}

#content ul#social li p img {
	width: 16px;
	height: 16px;
}



/****************************************************************
 * SINGLE NEWS / BLOG ARTICLE INFO PANEL
 ***/
#content ul.article_info_panel {
	border-top: 1px solid #CCCCCC;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 1.1em;
	color: #666666;
	margin-bottom: 15px;
	clear: both;
}

#content ul.article_info_panel li {
	list-style: none;
	display: inline-block;
	padding: 5px;
}

#content ul.article_info_panel li.author {
	float: right;
}

#content ul.article_info_panel li.date {
	background-color: #f6f6f6;
}

#content .st_panel .main_column blockquote {
	margin: 10px 0 15px 30px;
	font-style: italic;
	font-size: 1.1em;
	line-height: 1.7em;
	display: block;
}

#content .st_panel .main_column .article_excerpt a img.excerpt_img {
	width: 290px;
	height: 150px;
	float: left;
	margin: 0 15px 0 0;
	border: none;
}

#content .st_panel .main_column .article_excerpt a:hover img.excerpt_img {
	border: none;
}

#content .st_panel .main_column .article_excerpt p {
	float: left;
	width: 280px;
}

#content .st_panel ul.tweets .date {
	font-size: 0.9em;
	font-weight: bold;
	margin-top: 5px;
}

#content .st_panel .main_column .navigation_b_a {
	margin-top: 10px;
	border-top: 1px dotted #CCCCCC;
	padding-top: 10px;
	font-size: 1.2em;
}

#content .st_panel .main_column .navigation_b {
	margin-top: 0px;
	border:	none;
	font-size: 1.2em;
}

#content .st_panel .main_column .navigation_b_a .alignleft, #content .st_panel .main_column .navigation_b .alignleft {
	float: left;
	width: 296px;
}

#content .st_panel .main_column .navigation_b_a .alignright, #content .st_panel .main_column .navigation_b .alignright {
	width: 296px;
	float: right;
	text-align: right;
}



/****************************************************************
 * CLIENTS SINGLE
 ***/

#content .st_panel .clients_panel {
	margin-bottom: 15px;	
}
	
#content .st_panel .clients_panel .client_excerpt {
	width: 144px;
	float: left;
	display: inline-block;
	margin: 0 5px 5px 0;
	padding: 0 5px 5px 0;
	border-right: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
}

#content .st_panel .clients_panel .client_excerpt a img, #content .st_panel .clients_panel .client_excerpt a:hover img {
	border: none;	
}

#content .st_panel .clients_panel .last {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-right: none;
}

#content .st_panel .clients_panel .no_bottom_border {
	border-bottom: none;
}


/****************************************************************
 * COMMENT FIELD
 ***/
#content .st_panel .sidebar textarea#comment {
	width: 290px;
}

#content .st_panel ol.commentlist {
	margin-left: 20px;
	padding: 10px 0;
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 20px;
	width: 571px;
}

#content .st_panel ol.commentlist li {
	clear: both;	
}

#content .st_panel ol.commentlist li .comment-meta {
	margin: 5px 0;
}



/****************************************************************
 * TEAM MEMBER SINGLE
 ***/
#content .st_panel img.team_member {
	width: 80px;
	height: 80px;
	padding: 1px;
	border: 1px solid #CCCCCC;
	float: left;
	margin: 0 15px 0 0;
	display: block;
}

#content .st_panel img.team_member_large {
	width: 290px;
	height: 150px;
	margin: 5px 0 0;
	padding: 5px 0;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#content .st_panel .team_member_excerpt {}

#content .st_panel .team_member_excerpt h3 {
	margin-bottom: 5px;
}

#content .st_panel .team_member_excerpt h4 {
	margin: 0;
}

#content .st_panel .team_member_excerpt p {
	padding-top: 0px;	
}

/****************************************************************
 * OUR SERVICES MAIN PAGE
 ***/
 
.services_icon_holder_main{
	width:300px;
	height:200px;
	margin:0 0 -30px -10px;
	border:1px solid #ccc;
	background:url("images/white_20_percent_alpha.png") repeat scroll 0 0 transparent;
}
.services_icon_holder_main.middle{
	width:304px;
}
.services_icon_main{
	margin:0;
	padding:0;
}
.services_icon_holder_main a{
	width:300px;
	height:200px;
	display:block;
}

/****************************************************************
 * OUR SERVICES SINGLE SUB PAGE
 ***/
 
.service_icon_small{
	float:left; 
	margin:-8px 10px 0 0;
}
 
#content .st_panel .service_content {
	
}

#content .st_panel .main_column .service_content h3 {
	padding: 15px 0 10px;
	color: #666666;
}

#content .st_panel .main_column .service_content h4 {
	color: #666666;
	font-weight: bold;
	padding: 0 0 10px;
}

#content .st_panel .main_column .service_content p {
	padding: 0 0 15px;
}



/****************************************************************
 * OUR WORK FILTER NAVIGATION
 ***/
#content .st_panel .main_column .box p.our-work-navigation-filters {
	font-weight: normal;
	clear: both;
	display: block;
	margin: 15px 0 15px;
}



/****************************************************************
 * IMAGE VIEWER PANEL
 ***/
#content .st_panel ul#imgViewer {
	list-style-type: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

#content .st_panel ul#imgViewer li {
	list-style: none;
}



/****************************************************************
 * HOME PANEL IMAGE VIEWER
 ***/
#content .main_column ul.homePanel {
	list-style-type: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

#content .main_column ul.homePanel li {
	list-style: none;
	position: relative;
}

#content .main_column ul.homePanel li .intro {
	position: absolute;
	height: 20px;
	padding: 12px 12px;
	width: 573px;
	top: 242px;
	z-index: 2;
	background: url('images/bg_grey_50pc.png') top left;
}

#content .main_column ul.homePanel li .intro a {
	color: #FFFFFF;	
}

/****************************************************************
 * SEARCH FORM TIDY UP
 ***/
#searchform {
	margin-bottom: 6px;
}


#searchform label {
	display: none;	
}

#searchform input#s {
	color: #666666;
	padding: 3px;
	border: 1px solid #CCCCCC;
	width: 240px;
}

#searchform input#searchsubmit {
  width: 22px;
  height: 22px;
  margin: 0;
  display: inline-block;
  padding: 0;
  border: 0;
  background: url('images/breadcrumb_arrow.png') no-repeat 50% 50% #FFFFFF;
  border: 1px solid #CCCCCC;
  text-indent: -1000em;
  cursor: pointer;
}


/****************************************************************
 * INDEX AMENDS
 ***/
#content .home_push_welcome {
	margin: 15px 0 30px 12px;
}




/* SUB FOOTER STYLING */
#footer .sub_footer {
	border-top: 1px solid #cccccc;
	padding: 10px 0;
	background:url(images/white_20_percent_alpha.png) repeat;
}
#footer .sub_footer h4 {
	/*text-transform: uppercase;*/
	color: #999999;
}
#footer .sub_footer ul {
	list-style-type: none;
	margin: 10px 0 0;
}
#footer .sub_footer li {
	list-style: none;
	padding: 3px 0;
	font-size: 1.1em;
	/*font-weight: bold;
	text-transform: uppercase;*/
	color: #999999;
}




/****************************************************************
 * CLEAR UP
 ***/
p.clientLogoPTag {
	width: 288px;
	text-align: center;
	background:url(images/white_20_percent_alpha.png) repeat;
}
 
.push {
	margin-bottom: 25px;
}

#content .st_panel .main_column .box p {
	margin-bottom: 1.2em;
	font-size: 1.2em;
	color: #676767;
}

p { font-size: 1.2em; }

#content .st_panel .sidebar .viewtwo ul li.no_border {
	border: none;	
}

#orange .st_panel a.no_border img {
	border: none;
}
#orange #content .st_panel .third img, #orange #content .st_panel .tmiddle img {
	padding-bottom: 0;
}

#content .st_panel .sidebar .viewtwo {
	margin-left: 0px;
	width: 280px;
}

#content .st_panel .main_column .box h3 p { font-size: 99%; } /*CUFON ADDS A P TAG*/

ul.article_grey li, ol.article_grey li {
	color: #676767;	
}

#content .st_panel .sidebar .viewtwo .pad_left {
	padding-left: 20px;
}



p.cs_excerpt {
	color: #676767;	
}




/* FILTERS */
.ow_filter {
	position: absolute;
	z-index:5;
	display: block;
	width: 290px;
	height: 50px;
	margin: -19px 0 0 -6px;
}

.ow_filter .title {
	background: #FFFFFF;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	position: absolute;
	z-index: 10;
	padding: 3px 5px 0;
	display: inline-block;
	height: 21px;
}

.ow_filter .title span {
	padding-bottom: 4px;
	border-bottom: 1px dotted #999999;
	cursor: pointer;
}

.ow_filter .client_title { width: 49px; }
.ow_filter .discipline_title { width: 72px; margin-left: 64px; }
.ow_filter .sector_title { width: 55px; margin-left: 151px }

/* Handling diff dimensions of OW Filter */
.bcc .client_title { width: 85px; }
.bcc .discipline_title { width: 72px; margin-left: 100px; }
.bcc .sector_title { width: 55px; margin-left: 187px }

.bdf .discipline_title { width: 108px; margin-left: 64px; }
.bdf .sector_title { width: 55px; margin-left: 187px }

.bss .sector_title { width: 91px; margin-left: 151px }


.ow_filter .menu {
	display: block;
	width: 280px;
	padding: 4px 5px;
	background: #FFFFFF;
	border: 1px solid #999999;
	position: absolute;
	margin: 24px 0 0;
	z-index: 2;
}

.ow_filter .menu select {
	width: 276px;
	padding: 2px;
}

.ow_filter .menu .boxed_up {
	width: 276px;
	height: 45px;
	position: relative;
	overflow: auto;
}

.dashedListItem {
	border-top: 1px dotted #CCCCCC;
	padding-top: 10px;
}





/* Sitemap style */
#content .st_panel .article .ddsg-wrapper h3 {
	border-bottom: 1px solid #666666;
	text-transform: uppercase;
	padding-bottom: 10px;
	margin-top: 10px;
}

#content .st_panel .article .ddsg-wrapper ul, 
#content .st_panel .article .ddsg-wrapper ul ul, 
#content .st_panel .article .ddsg-wrapper ul ul ul {
	border-bottom: none;
}

#content .st_panel .article .ddsg-wrapper ul ul, 
#content .st_panel .article .ddsg-wrapper ul ul ul {
	margin-top: 3px;	
}

#content .st_panel .article .ddsg-wrapper li {
	border-top: 1px solid #b0b0b0;
}

#content .st_panel .article .ddsg-wrapper ul ul li {
	font-size: 0.9em;	
}
#content .st_panel .article .ddsg-wrapper ul ul ul li {
	font-size: 0.95em;
	padding-bottom: 2px;
}

#content .st_panel .article .ddsg-wrapper ul li:first-child {
	border-top: none;
}
#content .st_panel .article .ddsg-wrapper ul ul li:first-child,
#content .st_panel .article .ddsg-wrapper ul ul ul li:first-child {
	border-top: 1px solid #b0b0b0;
}


/* Services poster link */
.sidebar .services_poster a img {
	border: none;
	margin: 33px 0 0 9px;
}

.sidebar .services_poster_temp a img {
	border: none;
	margin: 33px 0 0;
}


/* PSUH STYLES */
.mb0 { margin-bottom: 0px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mt0 { margin-top: 0px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }

.pb0 { padding-bottom: 0px; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pt0 { padding-top: 0px; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }

.bt1 { border-top: 1px solid #CCCCCC; }
.bb1 { border-bottom: 1px solid #CCCCCC; }





/****************************************************************
 * Marketing Show Contact Form (MSCF)
 ***/
#mc-app {}

#mc-app .app .contact {}
#mc-app .app .success { display: none; }

#mc-app .app .contact p label {
	display: block;
	margin-bottom: 3px;
	font-weight: bold;
	width: 260px;
}
#mc-app .app .contact p label span {
	color: red;
	float: none;
	display: inline;
}
#mc-app .app .contact p label span.attr {
	float: right;
}
#mc-app .app .contact p input.txt {
	width: 250px;
	border: 1px solid #CCCCCC;
	padding: 5px;
}
#mc-app .app .contact p select {
	width: 257px;
	border: 1px solid #CCCCCC;
	padding: 5px;
}

#mc-app .app .contact p.checkbox {
	width: 245px;
}
#mc-app .app .contact p.checkbox input {
	display: inline;
	margin: 0 5px 0 0;
}
#mc-app .app .contact p.checkbox label {
	display: inline;
}

#mc-app .app .contact p input#submit {
	background: #38a99d;
	border: 0;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 1em;
	padding: 5px;
	cursor:pointer;
}

#mc-app .app .contact p input#submit:hover {
	background: #666666;
	cursor:pointer;
}

#mc-app .app .contact p textarea {
	width: 250px;
	border: 1px solid #CCCCCC;
	padding: 5px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1em;
}

#mc-app .app .contact p label img {
	padding: 0;
	border: none;
	margin: 0 0 0 5px;
	vertical-align: bottom;
}

#mc-app .app .contact p .tick { background: url('images/icons/tick.png') no-repeat 99% 50% #FFFFFF; }
#mc-app .app .contact p .cross { background: url('images/icons/cross.png') no-repeat 99% 50% #FFFFFF; }

#mc-app .app .contact p span.error_msg {
	color: red;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}

#mc-app .app .js_error {
	width: 260px;
	color: red;
}

/**************************************/
/************* NEWS SIGNUP ************/
/**************************************/
li.signup{float:right; width:220px; text-align:right; margin-top:-15px;}

input.textfield {color: #666666; padding: 4px;	border: 1px solid #CCCCCC; width: 185px; font-size:11px;display:inline-block; float:left;}

.button { width: 22px; height: 23px;  margin: 0; display: inline-block;  padding: 0 0 3px 0;  border: 0;  background: url('images/breadcrumb_arrow.png') no-repeat 50% 50% #FFFFFF;
  	border: 1px solid #CCCCCC;  text-indent: -1000em;  cursor: pointer; float:right;}

.disnon{display:none;}
						

.sep_article ul{font-size:1.2em;margin-left:14px;}
.sep_article li{}