@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: #f7f4ea;/*edeae1;*/
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
}

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


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


/****************************************************************
 * GENERAL STYLES
 ***/
h1 { }
h2 { font-size: 25px; font-weight: normal; font-family:"Times New Roman", Times, serif; font-style:italic; }
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: #666666/*6c40d4*/; }
.cyan { color: #0699ff; }
.lime { color: #36B200/*36B200*/; }
.red { color: #666666/*d0000d*/; }
.grey { color: #666666; }
.brown { color: #666666/*996633*/; }
.magenta { color:#666666/*f7007a*/; }
.black { color: #000000; }
.navy { color: #666666/*222c6a*/; }
.turquoise {color: #666666/*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:#36B200; 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, #footer .sub_footer a:hover {
	color: #0699ff;
}

/* 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:#36B200; 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;}

a.cta {
    background: url("images/breadcrumb_arrow.png") no-repeat 97%;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    display: block;
    padding: 5px;
}
a.cta:hover {
    background-position: 98% 50%;
    background-color: #666666;
	color:#fff!important;
}
a.cta:active {
    background-color: #999;
}
.third a.cta {
    width: 278px;
}

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:#36B200; text-transform: uppercase; }

#grey h3 a.lime { color:#36B200; }
#grey h3 a.purple { color:#6c40d4; }

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


#recaptcha-submit-btn-area{
	padding-top:1em;
}	


/****************************************************************
 * 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: 922px;
	font-weight: bold;
	color: #666666;
	text-align: right;
	float: left;
	font-size:1.5em;
	border-top:solid 1px #bebbbb;
	border-bottom:solid 1px #bebbbb;
	margin-top:11px;
	padding-top:6px;
	padding-bottom:7px;
}

/*#header .strapline p#icma{
    border-left: 5px solid #00AEEF;
    display: block;
    height: 12px;
}*/
#header .strapline p#icma a{
    /*border-left: 5px solid #E67C12;
    display: block;*/
    float: left;
    /*height: 12px;*/
}
#header .strapline p#icma a span{
	background-image: url("/wp-content/themes/standout/images/icma-with-stripes.gif");
    background-position: 0 1px;
    background-repeat: no-repeat;
    display: block;
    height: 14px;
    line-height: 13px;
    text-align: left;
    text-indent: -9999px;
    width: 191px;
	/*
    border-left: 5px solid #8BB947;
    font-family: Times New Roman;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    letter-spacing: -0.5px;

	color:#58595b;*/
}
#header .strapline p#phonenumber,
#header .strapline p#emailaddress{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-repeat:no-repeat;
	float:right;
}
#header .strapline p#phonenumber{
	background-image:url(/wp-content/themes/standout/images/telephone.gif);
	background-position:0 2px;
	padding-left:18px;
}
#header .strapline p#emailaddress{
	background-image:url(/wp-content/themes/standout/images/envelope.gif);
	background-position:0 2px;
	padding-left:16px;
	margin-left:17px;
}
#navigation ul li .social-networking{
	/*margin-top:14px;*/
}
#navigation ul li .social-networking a{
	float:right;
	width:28px;
	height:28px;
	text-indent:-9999px;
	text-align:left;
	background-image:url('/wp-content/themes/standout/images/socialnetworking.gif');
	padding:0;
	margin:0;
}
#navigation ul li .social-networking a:hover{
	border:none;
}
#navigation ul li .social-networking a#googleplus{
	background-position:0 0;
}
#navigation ul li .social-networking a#twitter{
	background-position:-33px 0;
	margin-left:6px;
	margin-right:0px;
}
#header {
	display: block;
	margin-bottom: 15px;
	font-size: 1.1em;
}

/* navigation */
#navigation {
	height: 37px;
	display: block;
	float:left;
	margin-top:10px;
	position:relative;
}

#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: 2;
	position:relative;
}

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

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

#navigation ul li a {
	color: #444444;
	font-weight: bold;
	display: block;
	/*padding: 9px;*/
	margin:12px 0 9px 0;
	float: left;
	text-decoration: none;
	/*padding-bottom: 6px;*/
	padding: 0 18px 6px 0;
	line-height:14px;
}
#navigation ul li a.first {
	padding-left:0;
}
#navigation ul li a:hover {
	border-bottom: 5px solid #454545;
	color:#454545;
}
#menu-border{
	background-color:#FFF;
	height:5px;
	width:922px;
	position:absolute;
	bottom:0px;
	left:0;
	font-size:1px;
}
/*#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:#36B200; border-bottom: 5px solid #36B200; }
#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:#36B200; border-bottom: 5px solid #36B200; }
#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;
	width:124px;
	float:left;
	margin-top:14px;
	border:0;
}

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

#footer .sub_footer a {
	color: #7A7979;
}


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

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

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

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



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

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

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

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

#breadcrumbs span a:hover, #breadcrumbs a:hover {
	color: #666666;
}





/****************************************************************
 * 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!important; }
#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: #36B200; border-left: 5px solid #36B200; 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: #676767;
}

.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;
	clear: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;
}

a.client_logo_link img.client_logo_hover{display:none;}
				
a.client_logo_link:hover img.client_logo{display:none;}
a.client_logo_link:hover img.client_logo_hover{display:inline;}


/****************************************************************
 * 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 15px 12px;
}




/* SUB FOOTER STYLING */
#footer .sub_footer {
	border-top: 1px solid #cccccc;
	padding: 19px 0;
	/*background:url(images/white_20_percent_alpha.png) repeat;*/
	float:left;
	width:232px;
	color:#7a7979;
}
#footer .last{
	width:226px;
}
#footer .sub_footer h4 {
	/*text-transform: uppercase;*/
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	font-style:italic;
	font-weight:normal;
}
#footer .sub_footer ul {
	list-style-type: none;
	margin: 7px 0 0;
}
#footer .sub_footer li {
	list-style: none;
	padding: 0;
	font-size: 10px;
	text-transform: uppercase;
	line-height:14px;
}




/****************************************************************
 * 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;
}
.body_contact-us #content .st_panel .third img, .body_contact-us #content .st_panel .tmiddle img {
	padding-bottom: 0;
	border-bottom:none;
}

#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; }

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{}

/**************************************/
/************** 7 REASONS *************/
/**************************************/

/*ONLINE*/
 .body_7reasons{}
 	.body_7reasons .st_panel{background-color:#ffffff; padding:0 0 50px 0; width:922px;}
	.body_7reasons #content .main_column{width:345px; height:386px; float:left; background-image:url('images/sevenreasons/seven.jpg'); background-position:top left; background-repeat:no-repeat;}
	.body_7reasons #content .sidebar{width:490px; padding: 60px 82px 0 0; text-align:center;}
/*fonts*/	
	.body_7reasons #content .sidebar h2{color:#6d6e71; font-size:36px;}
		.body_7reasons #content .sidebar h2 span{color:#0699ff;}
		
	.body_7reasons #content .sidebar p{margin:44px 0 0 0; color:#6d6e71; font-size:18px;}	
		#sevenreasonsform h3{border-bottom:1px solid #e5e5e5; padding:0 0 12px 0; margin:0 0 24px 0; font-size:18px; font-weight:bold;}
/*links*/		
	.body_7reasons #content .sidebar a, .body_7reasons #content .sidebar a:active, .body_7reasons #content .sidebar a:visited{color:#0699ff; text-decoration:underline;}
		.body_7reasons #content .sidebar a:hover{color:#ff6600;}
/*form*/
	#sevenreasonsform{margin:0 50px 0 50px; padding:32px 32px 20px 32px; border:4px solid #6d6e71;}	
		#sevenreasonsform .col12{width:334px; float:left;}
		#sevenreasonsform .col22{width:392px; float:left; margin:0 0 0 24px;}
	#sevenreasonsform ul{list-style:none;}
		#sevenreasonsform ul li label{display:block; font-size:12px; font-weight:bold; color:#6d6e71;}
			#sevenreasonsform ul li.checkbox{text-align:right;}
				#sevenreasonsform .col12 ul li input{width:326px; padding:4px; border:4px solid #e7e6e6; font-size:12px; margin:3px 0 12px 0;}
				#sevenreasonsform .col22 ul li textarea{height:130px; width:376px; border:4px solid #e7e6e6; padding:4px; margin:3px 0 8px 0; font-family: Arial,Helvetica,sans-serif; font-size:12px;}
	
	#sevenreasonsform .col22 ul li input.submit{background-color:#0699ff; color:#ffffff; border:0; width:120px; cursor:pointer; float:right; margin:12px 0 0 0; padding:4px 2px 4px 2px;}
		#sevenreasonsform .col22 ul li input.submit:hover{background-color:#ff6600;}
		
		#seven-reasons-thanks{ 
			display:none;
			margin-left:86px;	
   			width: 300px;
			color:#666;
		}
		#seven-reasons-thanks p{
			margin:10px 0;	
		}
		
/*OFFLINE*/
 .body_7reasonsoffline{}
 	.body_7reasonsoffline .st_panel{background-color:#ffffff; padding:0 0 50px 0; width:922px;}
	.body_7reasonsoffline #content .main_column{width:345px; height:386px; float:left; background-image:url('images/sevenreasons/sevenoffline.jpg'); background-position:top left; background-repeat:no-repeat;}
	.body_7reasonsoffline #content .sidebar{width:490px; padding: 60px 82px 0 0; text-align:center;}
/*fonts*/	
	.body_7reasonsoffline #content .sidebar h2{color:#6d6e71; font-size:36px;}
		.body_7reasonsoffline #content .sidebar h2 span{color:#ff6600;}
		
	.body_7reasonsoffline #content .sidebar p{margin:44px 0 0 0; color:#6d6e71; font-size:18px;}	
/*links*/		
	.body_7reasonsoffline #content .sidebar a, .body_7reasons #content .sidebar a:active, .body_7reasons #content .sidebar a:visited{color:#ff6600; text-decoration:underline;}
		.body_7reasonsoffline #content .sidebar a:hover{color:#0699ff;}
	
	.body_7reasonsoffline #sevenreasonsform h3.cyan{color:#ff6600;}
	.body_7reasonsoffline #sevenreasonsform .col22 ul li input.submit{background-color:#ff6600; color:#ffffff; border:0; width:120px; cursor:pointer; float:right; margin:12px 0 0 0; padding:4px 2px 4px 2px;}
		.body_7reasonsoffline #sevenreasonsform .col22 ul li input.submit:hover{background-color:#0699ff;}
		
/*THINKING*/
 .body_7reasonsthinking{}
 	.body_7reasonsthinking .st_panel{background-color:#ffffff; padding:0 0 50px 0; width:922px;}
	.body_7reasonsthinking #content .main_column{width:345px; height:386px; float:left; background-image:url('images/sevenreasons/seventhinking.jpg'); background-position:top left; background-repeat:no-repeat;}
	.body_7reasonsthinking #content .sidebar{width:490px; padding: 60px 82px 0 0; text-align:center;}
/*fonts*/	
	.body_7reasonsthinking #content .sidebar h2{color:#6d6e71; font-size:36px;}
		.body_7reasonsthinking #content .sidebar h2 span{color:#36B200;}
		
	.body_7reasonsthinking #content .sidebar p{margin:44px 0 0 0; color:#6d6e71; font-size:18px;}	
/*links*/		
	.body_7reasonsthinking #content .sidebar a, .body_7reasons #content .sidebar a:active, .body_7reasons #content .sidebar a:visited{color:#36B200; text-decoration:underline;}
		.body_7reasonsthinking #content .sidebar a:hover{color:#ff6600;}
		
	.body_7reasonsthinking #sevenreasonsform h3.cyan{color:#36B200;}
	.body_7reasonsthinking #sevenreasonsform .col22 ul li input.submit{background-color:#36B200; color:#ffffff; border:0; width:120px; cursor:pointer; float:right; margin:12px 0 0 0; padding:4px 2px 4px 2px;}
		.body_7reasonsthinking #sevenreasonsform .col22 ul li input.submit:hover{background-color:#ff6600;}			
			
				
/**************************************/
/************** CHRISTMAS *************/
/**************************************/
	body.body_christmas2011{}
		body.body_christmas2011{}
		
		/* DISPLAY WHOLE FORM just to be sure everyone can see it! */
		body.body_christmas2011 #step1,
		body.body_christmas2011 #step2{display:block!important;}


		body.body_christmas2011 #page {width:100%; padding:53px 0 0 0;}
		body.body_christmas2011 #header{margin-bottom:0px;}
			body.body_christmas2011 #header, #christmascontent, body.body_christmas2011 #footer{margin-left: auto;  margin-right: auto;  padding: 0px 34px 0px;  width: 922px;}
		body.body_christmas2011 #content{position:relative; background-color:#69add9;}
/*font*/
	body.body_christmas2011 h2 {position:relative; z-index:1; background-image: url('images/christmas/merry-christmas-from-the-standout-team.png'); background-position:top left; background-repeat:no-repeat; width:90px; height:90px; width:915px; text-indent:-9999px; font-size:1px; text-transform:uppercase;}
	body.body_christmas2011 h3 {color:#ffffff; font-size:26px; padding:0 0 0 0;}
	body.body_christmas2011 .step2form h3{margin:0 0 12px 0;}
	
	body.body_christmas2011 h3.grey{color:#666666;}
		
/*scenery*/		
		body.body_christmas2011 #snow-scene{position:relative; z-index:0; background-image: url('images/christmas/snow-scenery.jpg'); background-position:top center; height:255px; background-repeat:repeat-x;}
		body.body_christmas2011 #content{/*margin:0 0 0 0;*/ padding:24px 0 0px 0;}
		/*#page {margin-left: auto;  margin-right: auto;  padding: 53px 34px 34px;  width: 922px;}*/

/*form*/
	body.body_christmas2011 #giftForm{position:relative; width: 100%; z-index:10; text-align:center;}
		body.body_christmas2011 #christmascontent input{padding:4px; border-top:1px solid #bcbcbc; border-left:1px solid #bcbcbc; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb;}	
	body.body_christmas2011 #christmascontent ul#gifts input{border:0;}
	body.body_christmas2011 #christmascontent input.submit{background-color:#ff6600; color:#ffffff; border:0; width:120px; cursor:pointer; float:right; margin:12px 6px 0 0;}
	body.body_christmas2011 #christmascontent input.submit:hover{background-color:#02ac42;}
	
/*prizes*/	
	body.body_christmas2011 #giftForm .step1{display:block; position:relative; z-index:2;}
		body.body_christmas2011 #giftForm .step1 ul{list-style:none; margin:0 0px 0 68px;}
		body.body_christmas2011 #giftForm .step1 ul li{list-style:none; float:left; display:inline-block; font-size:14px; margin:0 2px 0 2px;}
			body.body_christmas2011 #giftForm .step1 ul li label{float:left;}	
				body.body_christmas2011 #giftForm .step1 ul li span{color:#0699ff; font-weight:bold;}	
/*prize items*/				
				body.body_christmas2011 #giftForm .step1 ul li.chocolates{margin:0 0 0 0; background-image:url('images/christmas/gifts-chocolates.png'); background-repeat:no-repeat; background-position:top left; width:207px; height:0px; padding:148px 0 0 0;}
					body.body_christmas2011 #giftForm .step1 ul li.chocolates label{margin:0 0 0 12px;}
				body.body_christmas2011 #giftForm .step1 ul li.prosecco{margin:36px 0 0 0; background-image:url('images/christmas/gifts-prosecco.png'); background-repeat:no-repeat; background-position:top left; width:200px; height:0px; padding:142px 0 0 0;}
				body.body_christmas2011 #giftForm .step1 ul li.christmas_pudding{background-image:url('images/christmas/gifts-christmas-pudding.png'); background-repeat:no-repeat; background-position:top left; width:218px; height:0px; padding:168px 0 0 0;}
					body.body_christmas2011 #giftForm .step1 ul li.christmas_pudding label{margin:0 0 0 16px;}
				body.body_christmas2011 #giftForm .step1 ul li.charity_donation{background-image:url('images/christmas/gifts-charty-donation.png'); background-repeat:no-repeat; background-position:top left; width:203px; height:0px; padding:154px 0 0 0;}
/*form*/
	body.body_christmas2011 #giftForm .step2{text-align:left; margin:42px 0px 0 80px; border-top:1px dotted #bdd5e3; padding-top:18px;}
		body.body_christmas2011 #giftForm .step2 ul{list-style:none;}
				body.body_christmas2011 #giftForm .step2 label{font-size:12px;}
				body.body_christmas2011 #giftForm .step2 span.label{width:60px; display:inline-block;}
					body.body_christmas2011 #giftForm .step2 input{display:inline-block; margin:3px 6px 3px 0; width:200px;}
						body.body_christmas2011 #giftForm .step2 .col22 input{margin:3px 0 3px 0;}
		body.body_christmas2011 #giftForm .step2 .step2form{float:left; width:570px;}
			body.body_christmas2011 #giftForm .step2 .step2form a, body.body_christmas2011 #giftForm .step2 .step2form a:active, body.body_christmas2011 #giftForm .step2 .step2form a:visited {color:#333333; text-decoration:underline;}
				body.body_christmas2011 #giftForm .step2 .step2form a:hover {color:#ffffff; text-decoration:underline;}
			body.body_christmas2011 #giftForm .step2 .step2form li.checkbox label{display:block; padding:3px 0 3px 0;}
			body.body_christmas2011 #giftForm .step2 .step2form li.checkbox input{width:20px; display:inline-block; float:right; border:none; padding:0;}
				body.body_christmas2011 #giftForm .step2 .step2form li.checkbox span.label{width:200px; text-align:left; float:left; padding:3px 0 3px 0;}
				
		body.body_christmas2011 #giftForm .step2 .step2form .col12{float:left; width:285px;}
		body.body_christmas2011 #giftForm .step2 .step2form .col22{float:right; width:275px;}
					
/*form - prize items*/
	body #step2_image{width:252px; height:275px; float:right; background-repeat:no-repeat; background-position:bottom right; margin:32px 0 -80px 0;}
	body #step2_image.chocolates{background-image:url('images/christmas/chosen-chocolates.png');}
	body #step2_image.prosecco{background-image:url('images/christmas/chosen-prosecco.png');}
	body #step2_image.pudding{background-image:url('images/christmas/chosen-christmas-pudding.png');}
	body #step2_image.donation{background-image:url('images/christmas/chosen-charity-donation.png');}

/*thankyou*/	

	body.body_christmas2011 #step3{text-align:center;height:305px;}
	body.body_christmas2011 #step3 .shareContent{width:350px;margin:0 auto;}
	
	body.body_christmas2011 #step3 h3{margin-bottom:20px;}
	body.body_christmas2011 #shareForm{width:275px;text-align:center;margin: 0 auto;}
	body.body_christmas2011 #shareForm label{width:275px;font-size:12px;display:block;margin:10px 0 0 0;}
	body.body_christmas2011 #shareForm label input{width:275px;display:block;margin:5px 0 0 0;}
	body.body_christmas2011 #thanks p{width:275px;margin:20px auto;}
	body.body_christmas2011 #thanks a{color:#fff;}
	body.body_christmas2011 #thanks h2 {position:relative; z-index:1; background-image: url('images/christmas/thank-you-title.png'); background-position:top left; background-repeat:no-repeat; width:90px; height:90px; width:915px; text-indent:-9999px; font-size:1px; text-transform:uppercase;}
	

/**************************************/
/******* Right header info ************/
/**************************************/
            .header-info {
                display: block;
                font-size: 1em;
                text-transform: uppercase;
                color: #666;
                text-align: right;
                position: relative;
                margin-top: -5.2em;
                margin-bottom: 0.75em;
             }
             .header-info a {
                 color: #666;
                 font-weight: normal;
             }
             .header-info a:hover {
                color: #444;
             }
             .header-info .seperator {
                padding: 0 0.5em;
             }
             .header-info p {
                 background-color: #eee9e1;
                 display: inline-block;
                 padding: 0.75em;
             }
             .header-info img {                 
                 position: relative;
                 right: 0;
                 top: 1px;
                 border: 0;
                 outline: 0;
             }
             .header-info .telephone {
                font-weight: bold;
             }
	     
/***********************************/
/******* SOCIAL NETWORK ************/
/***********************************/
.social-networking{float:right;width:201px; }	
	#footer .section a.sn_facebook, #navigation ul li span.social-networking a.sn_facebook {text-align:left; border:0; width:25px; height:25px; background-image:url('images/sn_facebook2.jpg'); background-repeat:no-repeat; background-position:top left; float:right; padding:0; overflow:hidden; text-indent:-999999px; font-size:1px; text-transform:uppercase;}
		#footer .section a.sn_facebook:hover, #navigation ul li span.social-networking a.sn_facebook:hover{border:0; background-position:bottom left;}
	#footer .section a.sn_twitter, #navigation ul li span.social-networking a.sn_twitter{text-align:left; width:25px; height:25px; margin:0 6px 0 6px; background-image:url('images/sn_twitter2.jpg'); background-repeat:no-repeat; background-position:top left; float:right; padding:0; overflow:hidden; text-indent:-999999px; font-size:1px; text-transform:uppercase;}
		#footer .section a.sn_twitter:hover, #navigation ul li span.social-networking a.sn_twitter:hover{border:0;background-position:bottom left;}
	#footer .section a.sn_googleplus, #navigation ul li span.social-networking a.sn_googleplus{text-align:left; width:25px; height:25px; background-image:url('images/sn_googleplus2.jpg'); background-repeat:no-repeat; background-position:top left; float:right; padding:0; overflow:hidden; text-indent:-999999px; font-size:1px; text-transform:uppercase;}
		#footer .section a.sn_googleplus:hover, #navigation ul li span.social-networking a.sn_googleplus:hover{border:0; background-position:bottom left;}
	#footer .section a.sn_youtube, #navigation ul li span.social-networking a.sn_youtube{text-align:left; width:25px; height:25px; margin:0 6px 0 0; background-image:url('images/sn_youtube2.jpg'); background-repeat:no-repeat; background-position:top left; float:right; padding:0; overflow:hidden; text-indent:-999999px; font-size:1px; text-transform:uppercase;}
		#footer .section a.sn_youtube:hover, #navigation ul li span.social-networking a.sn_youtube:hover{border:0; background-position:bottom left;}
		
	
		
	li.clear{height:1px; overflow:hidden;clear:both;}
	
	#header .strapline .straplinecont{font-size:12px; color:#4E4E4E; font-weight:normal; margin-bottom:6px;}
	#header .strapline .straplinecont a, #header .strapline .straplinecont a:active, #header .strapline .straplinecont a:visited{color:#4E4E4E; text-decoration:none;}
		#header .strapline .straplinecont a:hover{color:#757678; text-decoration:underline;}
		
.body_default #content .st_panel .main_column .box p.strap_intro {text-transform:uppercase; font-size:25px; margin-bottom:12px;}

	.body_default .strap_intro cufon{margin-bottom:-1px;}
	#grey.body_default .strap_intro a.online{color:#0699ff/*#0699ff*/;}	
		#grey.body_default .strap_intro a.online:hover{color:#0699ff;}
	#grey.body_default .strap_intro a.offline{color:#ff6600/*#ff6600*/;}
		#grey.body_default .strap_intro a.offline:hover{color:#ff6600;}
	#grey.body_default .strap_intro a.thinking{color:#36B200/*#36B200*/;}
		#grey.body_default .strap_intro a.thinking:hover{color:#36B200;}
	span.icon_telephone{padding:0 0 0 22px; background-image:url('images/icon_telephone.gif'); background-repeat:no-repeat; background-position:top left;}	
	span.icon_email{margin:0 0 0 12px;}	
	
	#sect_title{border-bottom:1px solid #cccccc; color:#6d6f71; font-family:"Times New Roman", Times, serif; font-style:italic; font-size:11px; margin:6px 14px 0 14px; padding:0 0 4px 22px; background-image:url('images/standout-stripe.gif'); background-repeat:no-repeat; background-position:top left;}		
	
	
	
	
	
	
	
	
	



ul#info-dropdowns{
	list-style:none;
	padding-top:11px;
	/*margin-top:7px;*/
	float:left;
	border-top:1px solid #bebbbb;
}
ul#info-dropdowns li{
	float:left;
	margin-right:2px;
	width:229px;
	list-style:none;
	position:relative;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:12px;
}
ul#info-dropdowns li.last{
	margin:0;
}
ul#info-dropdowns li ul li.last{
	position:absolute;
	bottom:5px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:12px;
}
ul#info-dropdowns li a{
	display:block;
	width:206px;
	height:25px;
	padding:11px 9px 0 14px;
	background-color:#bebbbb;
}
ul#info-dropdowns li a:hover{
	background-color:#949292;
	color:#fff;
}
ul#info-dropdowns li ul li a,
ul#info-dropdowns li ul li a:hover{
	background-color:inherit;
	display:inline;
	padding:0;
}
ul#info-dropdowns li ul li a:hover{
	color:#0699FF;
}
ul#info-dropdowns li #quick-contact-form a{
	font-weight:bold;
}
ul#info-dropdowns li a .plus{
	float:right;
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	color:#848482;
	line-height: 15px;
	font-style:normal;
}
ul#info-dropdowns li a .minus{
	margin-top: -13px;
}

ul#info-dropdowns li ul{
    float: left;
    padding: 15px 0 15px;
    width: 229px;
	background-color:#fff;
	position:relative;
}
						
ul#info-dropdowns li ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	color:#666666;
	padding:0 9px 8px 14px;
	width:200px;
	line-height:14px;
}

ul#info-dropdowns li ul li .inputtext{
	width:180px;
	border: 1px solid #CCCCCC;
    padding: 3px;
}
ul#info-dropdowns li ul li .inputsubmit{
	background-color: #959595;
    background-image: url("/wp-content/themes/standout/images/arrow.gif");
    background-position: 53px 7px;
    background-repeat: no-repeat;
    border: medium none;
    color: #FFFFFF;
    float: right;
    font-family: times New Roman;
    font-style: italic;
    margin-right: 12px;
    margin-top: 8px;
    padding: 1px 20px 2px 5px;
	font-size:14px;
	line-height:14px;
	height:22px;
	cursor:pointer;
}

ul#info-dropdowns li ul li label{
	display:block;
}
ul#info-dropdowns li ul li span{
	font-weight:bold;
}
#quick-contact-form ul li .social-networking{
	float:left;
	width:96px;
	margin-top:3px;
}

#quick-contact-form ul li .social-networking a{
	float:left;
	width:28px;
	height:28px;
	text-indent:-9999px;
	text-align:left;
	background-image:url('/wp-content/themes/standout/images/socialnetworking-on-grey.gif');
	padding:0;
	margin:0;
}
#quick-contact-form ul li .social-networking a:hover{
	border:none;
}
#quick-contact-form ul li .social-networking a#googleplus{
	background-position:0 0;
}
#quick-contact-form ul li .social-networking a#twitter{
	background-position:-33px 0;
	margin-right:6px;
	margin-left:0px;
}











.hidden{
	display:none;
}

	
	
	
	
	
#dbalogo{
	float:right;
	margin-top:-44px;
}
#dbalogo a img{
	border:none;
}
.body_contact-us #content .st_panel .third h3,
.body_contact-us #content .st_panel .tmiddle h3{
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
}

#contact-form label{
	display:none;
}
#content #contact-form li{
	padding:0;
	border:none;
	margin-bottom:1px;
	height:20px;
}
#content #contact-form li#gap{
	height:24px;
}
#contact-form .input-text{
	border:none;
	background-color:#bebbbb;
	padding:0 3px;
	height:20px;
	width:286px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
}
#contact-form .input-submit{
	border:none;
	background-color:#bebbbb;
	padding-right:5px;
	height:20px;
	width:292px;
	font-family:"Times New Roman", Times, serif;
	font-size:11px;	
	font-style:italic;
	color:#6f6e6b;
	text-align:right;
	cursor:pointer;
}
.divider{
	border-bottom:solid 1px #bebbbb;
	height:33px;
	margin-bottom:11px;
}
.body_contact-us .st_panel{
	margin:15px 0 63px;
	float:left;
}
#content .st_panel .third .row1,
#content .st_panel .tmiddle .row1{
	margin-top:0px;
}
.body_contact-us #content .st_panel .third p,
.body_contact-us #content .st_panel .tmiddle p {
	font-size: 11px;
}
.bigger-top-margin{
	margin-top:18px!important;
}
.smaller-top-margin{
	margin-top:0px!important;
}
.smaller-bottom-margin{
	margin-bottom:6px!important;
	padding-bottom:0!important;
}



.body_why-standout #content .st_panel .third h3,
.body_why-standout #content .st_panel .tmiddle h3{
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:25px;
	font-weight:normal;
	padding-bottom:1px;
}
.body_why-standout #content .st_panel .third .copy,
.body_why-standout #content .st_panel .tmiddle .copy{
	background-color:#d3cfca;
	padding:10px 10px 20px;
	margin-top:0px;
	min-height: 86px;
}

.body_why-standout #content .st_panel .third h4,
.body_why-standout #content .st_panel .tmiddle h4{
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:12px;
	font-weight:bold;
}
.body_why-standout #content .st_panel .third p,
.body_why-standout #content .st_panel .tmiddle p{
	margin:0 0 11px;
	font-size:11px;
	line-height:14px;
}

.body_why-standout #content .st_panel .third ul,
.body_why-standout #content .st_panel .tmiddle ul{
	margin-left:0;
	padding-left:0;
}
.body_why-standout #content .st_panel .third ul li,
.body_why-standout #content .st_panel .tmiddle ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:12px;
	padding:0;
	font-style:normal;
	color:#666666;
}
.body_why-standout #content .st_panel .tmiddle .row1 ul li{
	margin:0 0 5px;
}
.body_why-standout #content .st_panel .third .row1 ul li{
	margin:0;
}
.body_why-standout #content .st_panel .third .row1 ul{
	margin-bottom:14px;
}

.body_why-standout #content .st_panel .third ul li span,
.body_why-standout #content .st_panel .tmiddle ul span{
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:13px;
	font-weight:bold;
	margin-right:4px;
}
.body_why-standout .row1{
	/*height:300px;*/
	margin-bottom:5px;
	position:relative;
	padding-bottom:10px;
}
.body_why-standout #content .st_panel .third p.minus,
.body_why-standout #content .st_panel .tmiddle p.minus{
    bottom: 6px;
    font-family: "Times New Roman",Times,serif;
    font-size: 20px;
    position: absolute;
    right: 18px;
}
.body_why-standout .row2{
	margin-bottom:26px;
}
.body_why-standout #content .st_panel .third .row2 h3,
.body_why-standout #content .st_panel .tmiddle .row2 h3{
	font-size:15px;
	font-weight:bold;
}
.body_why-standout .row2 ul{
	margin-bottom:10px;
}
#grey .row2 p.lime a,
#grey .row2 p.orange a,
#grey .row2 p.cyan a{
	color:inherit;
}
#grey .row2 p.lime a:hover,
#grey .row2 p.orange a:hover,
#grey .row2 p.cyan a:hover{
	color:#000;
}
#grey .row2 ul.lime a:hover,
#grey .row2 ul.lime .active a{
	color:#36B200;
}
#grey .row2 ul.orange a:hover,
#grey .row2 ul.orange .active a{
	color:#ff6600;
}
#grey .row2 ul.cyan a:hover,
#grey .row2 ul.cyan .active a{
	color:#0699ff;
}

.body_why-standout #content .st_panel .tmiddle .row2 ul li,
.body_why-standout #content .st_panel .third .row2 ul li{
	margin:0 0 5px;
}

.body_why-standout .row1 .more-link{
    bottom: 10px;
    position: absolute;
    right: 10px;
	font-family:"Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: normal;
    line-height: 15px;
	color: #848482;
}
.body_why-standout .row2 p.detail{
	margin:5px 0 0 !important
}
.body_why-standout .row1 .more-link .minus{
	margin-bottom: 13px;
	display:block;
}
.body_why-standout .row1 a.more-link.lime{
	color:#36B200!important;
}
.body_why-standout .row1 a.more-link.orange {
	color:#FF6600!important;
}
.body_why-standout .row1 a.more-link.cyan {
	color:#36B200!important;
}
.body_why-standout .row1 a.more-link:hover{
	color:#000!important;
}
.body_why-standout .row1 .detail{
	margin-bottom:10px;
}

.body_our-services h2{
	font-family:"Times New Roman", Times, serif;
	color:#58595b;
	font-size:25px;
	font-style:italic;
	margin-bottom:3px;
}
.body_our-services .cyan a h2{
	color:#0699FF;
}
.body_our-services .lime a h2{
	color:#36B200;
}
.body_our-services .orange a h2{
	color:#FF6600;
}
.body_our-services .cyan h2,
.body_our-services .lime h2,
.body_our-services .orange h2{
	color:inherit;
	margin-bottom:20px;
}
.body_our-services h2 span{
	font-size:15px;
}
.body_our-services .services-image{
    background-color: #9E9FA0;
	padding-top:24px;
    height: 126px;
    text-align: center;
    width: 290px;
	margin-bottom:16px;
}
.body_our-services .services-image span{
	background-position:center top;
	display:block;
	width:290px;
	background-repeat:no-repeat;
}
.body_our-services a:hover .services-image span{
	background-position:center bottom;
}
.body_our-services a:hover .services-image{
	background-color:#fff;
}
.body_our-services #online-services span{
	background-image:url(/wp-content/themes/standout/images/services_icons/online-services.gif);
	height:95px;
}
.body_our-services #offline-services span{
	background-image:url(/wp-content/themes/standout/images/services_icons/offline-services.gif);
	height:93px;
}
.body_our-services #thinking-services span{
	background-image:url(/wp-content/themes/standout/images/services_icons/thinking-services.gif);
	height:98px;
}
.body_our-services .product-logo{
    background-color: #FFFFFF;
	padding-top:65px;
    height: 85px;
    text-align: center;
    width: 290px;
	margin-top:20px;
	margin-bottom:16px;
}
.body_our-services .product-logo h2{
	height:27px;
	width:290px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:center 0;
}
.body_our-services .product-logo:hover h2,
.body_our-services .active .product-logo h2,
.body_our-services .hover .product-logo h2{
	background-position:center -27px;
}
.body_our-services #social-heatwave h2{
	background-image:url(/wp-content/themes/standout/images/services_icons/social-heatwave.gif);
}
.body_our-services #brandcamp h2{
	background-image:url(/wp-content/themes/standout/images/services_icons/brandcamp.gif);
}
.body_our-services #datamobilisation h2{
	background-image:url(/wp-content/themes/standout/images/services_icons/datamobilisation.gif);
}
.body_our-services #impacked h2{
	background-image:url(/wp-content/themes/standout/images/services_icons/impacked.gif);
}
.body_our-services #marketing-toolkit h2{
	background-image:url(/wp-content/themes/standout/images/services_icons/marketing-toolkit.gif);
}
.body_our-services #datahub h2{
	background-image:url(/wp-content/themes/standout/images/services_icons/datahub.gif);
}
.body_our-services #online360 h2{
	background-image:url(/wp-content/themes/standout/images/services_icons/online360.gif);
}


.body_our-services .divider{
	height:12px;
}
.body_our-services #content .st_panel .third .product-logo img,
.body_our-services #content .st_panel .tmiddle .product-logo img,
.body_our-services #content .st_panel .third .services-image img,
.body_our-services #content .st_panel .tmiddle .services-image img{
	padding:0;
	margin:0;
	border:none;
}
.detail{
	display:none;
}
.body_our-services a.more-link span{
    display: block;
    float: left;
    width: 9px;
}
.body_our-services .lime a span{
	color:#36B200;
}
.body_our-services .orange a span{
	color:#ff6600;
}
.body_our-services .cyan a span{
	color:#0699ff;
}



#grey .cyan a:hover,
#grey .orange a:hover,
#grey .lime a:hover,
#grey .active a.more-link,
#grey .hover a.more-link{
	color:inherit;
}

.body_our-services #content .st_panel .third p,
.body_our-services #content .st_panel .tmiddle p{
	font-size:11px;
	margin-top:2px;
}

.body_our-services #content .st_panel .third p.detail,
.body_our-services #content .st_panel .tmiddle p.detail{
	overflow:hidden;
	margin-left: 9px;
	margin-bottom:5px;
	color:#666666;
}
.body_our-services .st_panel a{
	font-weight:bold;
}

ul#social li p span div{/*Google+1 button in share bar*/
	float:left!important;
	margin-right:3px !important;
}

#creativedetail{
	height:203px;
}
#resultsdetail{
	height:200px;
}
#servicedetail{
	height:217px;
}
#contact-form{
	height:150px;
}
#contact-form p{
	margin:0!important;
}

::-webkit-input-placeholder {
color: #666!important;
}
:-moz-placeholder {
color: #666!important;
}