/* 
	Complete Personal Styling:	
	11/05/2009
	Simon Browne (Symart Media)
*/


/* CONTAINERS -----------------------------------------------------*/

html {
	overflow-y: scroll;
}

body {	
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
	font-size: 80%;
	text-align: center;
	color: #4D4D4D;
}

body {
	background: #444 url(../img/background_home.png) top repeat-x;
}

body.standard {
	background: #333 url(../img/background_standard.jpg) top repeat-x;
}

.bounding {	
	width: 960px;
	margin: 0 auto;		
	text-align: left;	
}

#page {		
	margin: 0 auto;
	height: 400px;
}

#page.home {
	background: url(../img/background_page_home.png) no-repeat top center;
}

#page.standard {
	background: url(../img/background_page_standard.jpg) no-repeat top center;
}



/* HEADER ---------------------------------------------------------*/

#page.standard div#header {
	height: 150px;	
}

div#logo {
	float: left;
	width: 225px;
	height: 70px;
	margin-top: 15px;
}

div#logo img {
	margin-left: -20px;
}

#logo_and_text {
	float: left;
	width: 960px;
	margin-top: 30px;
}

#logo_and_text a#logo {
	float: left;
	width: 225px;
	height: 70px;
	margin-top: 50px;
}

#logo_and_text h1 {
	float: right;
	width: 450px;
	height: 180px;
	color: transparent;
	text-transform: capitalize;
	text-indent: -9999px;
	background: url(../img/home_text.png);
}

#menu-and-page-title {
	float: left;
	width: 735px;
	height: 80px;
}

h1#page-title {
	float: right;
	height: 70px;
	width: 350px;
	color: transparent;
	text-transform: capitalize;
	text-indent: -9999px;
}

h1.about-us {
	background: url(../img/h1_about-us.png);
}

h1.what-we-do {
	background: url(../img/h1_what-we-do.png);
}

h1.our-clients {
	background: url(../img/h1_our-clients.png);
}

h1.news-and-insights {
	background: url(../img/h1_news-and-insights.png);
}

h1.contact {
	background: url(../img/h1_contact.png);
}
	
/* MENU -----------------------------------------------------------*/

#menu {
	float: right;
	height: 40px;
}

#menu ul.top {
	height: 40px;
	float: left;
}

#menu ul.top li {
	float: left;
	height: 40px;
	padding: 0 5px;
}

#menu ul.top li a {
	float: left;
	color: #072A42;
	height: 40px;
	padding-left: 5px;
	line-height: 30px;
	text-decoration: none;
	vertical-align: middle;
	background: url(../img/background_menu_left.png) left 0 no-repeat;
	cursor: pointer;
}

#menu ul.top li a:hover, #menu ul.top li.sfHover a {
	color: #0A5997;
	background-position: left -80px;
}

#menu ul.top li.noclick a:hover, #menu ul.top li.sfHover.noclick a {
	background-position: left -40px;
	cursor: default;
}


#menu ul.top li a.active {
	color: #EBFAFF;
	background-position: left -40px;
}

#menu ul.top li a span {
	float: left;
	background: url(../img/background_menu_right.png) right 0 no-repeat;
	height: 40px;
	padding: 0 15px 0 10px;
}

#menu ul.top li a:hover span, #menu ul.top li.sfHover a span {
	background-position: right -80px;
}

#menu ul.top li.noclick a:hover span, #menu ul.top li.sfHover.noclick a span {
	background-position: right -40px;
	cursor: default;
}

#menu ul.top li a.active span {
	background-position: right -40px;
}

#menu ul.top li ul li a {
	color: #072A42;
}

#menu ul.top li ul li a.active {
	color: #0A5997;
}

/* Sub-menu */

#sub-menu {
	float: left;
	width: 960px;
	height: 35px;
	margin-top: 30px;
}

#sub-menu ul {
	float: left;
	height: 35px;
}

#sub-menu ul li {
	float: left;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	padding: 0 20px;
	background: url(../img/sub_menu_separator.png) right 0 no-repeat;
}

#sub-menu ul li.first {
	padding-left: 0px;
}

#sub-menu ul li.last {
	background: none;
}

#sub-menu ul li a {
	float: left;
	height: 35px;
	font-size: 90%;
	color: #FFF;
	text-decoration: none;
}

#sub-menu ul li a:hover {
	color: #00AAFF;
}

#sub-menu ul li a.active {
	background: url(../img/sub_menu_active.png) center bottom no-repeat;	
}

/* Crumb-trail */

#crumb_trail {
	float: left;
	width: 960px;
	margin-top: 20px;
	font-size: 85%;
}

#crumb_trail a {
	color: #666;
	margin-right: 5px;
	margin-left: 5px;
}

#crumb_trail a.first {
	margin-left: 0;
}

#crumb_trail span {
	color: #999;
	margin-left: 5px;
}

/* MAIN -----------------------------------------------------------*/

#main.standard {
	background: #FFF;
}

/* CONTENT --------------------------------------------------------*/

#content.home {
	float: left;
	width: 960px;
	margin-top: 30px;
}

#content div.col_four_fifths {
	float: left;
	width: 768px;
}

#content #home_text {
	width: 746px;
	padding: 0 11px;
}

#content div.col_fifth {
	float: left;
	width: 170px;
	padding: 0 11px;
}

#content div.col_fifth h2{ 
	color: #FFF;
	height: 2em;
	margin-top: 1em;
	line-height: 1.5em;
}

#home_text p {
	float: left;
	color: #FFF;
	font-size: 90%;
	line-height: 1.8em;
	margin-top: 20px;
	margin-bottom: 2em;
}

	
#content div.col_fifth p {
	width: 170px;
	float: left;
	color: #CCCCCC;
	font-size: 85%;
	line-height: 1.5em;
	margin-bottom: 2em;
}

#content div.col_fifth a.read_more {
	float: left;
	color: #4DA9E8;
	text-decoration: none;
	font-size: 85%;
	padding-bottom: 1px;
}

#content div.col_fifth a.read_more:hover {
	text-decoration: underline;
}

#content div.col_fifth a.case_studies {
	float: left;
	color: #999;
	text-decoration: none;
	font-size: 85%;
	padding-left: 10px;
	border-left: solid 1px #58595B;
	padding-bottom: 1px;
}

#content div.col_fifth a.case_studies:hover {
	text-decoration: underline;
}

#content div.col_fifth p.home_phone {
	float: left;
	width: 160px;
	height: 32px;
	margin: 70px 0 10px 10px;
	color: transparent;
	text-transform: capitalize;
	text-indent: -9999px;
	background: url(../img/phone.png);
}

#content div.col_fifth p.home_phone {
	margin: 90px 0 10px 10px;
}

#content div.col_fifth a.home_email {
	float: left;
	width: 160px;
	height: 32px;
	margin-left: 10px;
	color: transparent;
	text-transform: capitalize;
	text-indent: -9999px;
	background: url(../img/email.png) 0 0;
}

#content div.col_fifth a.home_email:hover {
	background-position: 0 -32px;
}

#content div.two_thirds {
	float: left;
	width: 640px;
	padding-top: 30px;
	padding-bottom: 30px;
}

#content div.director div.two_thirds {
	padding-top: 0px;
}

#content div.two_thirds p {
	line-height: 1.5em;
	padding-bottom: 1em;
	padding-right: 40px;
}

#content div.two_thirds ul {
	line-height: 2em;
	padding-bottom: 1em;
	padding-right: 40px;
}

#content div.two_thirds ul li {
	list-style:disc;
	list-style-position: inside;
	padding-left: 20px;
}

#content div.two_thirds a {
	color: #4DA9E8;
	text-decoration: none;
}

#content div.two_thirds a:hover {
	text-decoration: underline;
}

#content div.two_thirds h2 {
	font-size: 150%;
	color: #0A457C;
	margin-bottom: 1em;
	font-weight: normal;
}

#content div.two_thirds h2 span {
	color: #4DA9E8;
	padding-left: 5px;
	font-weight: normal;
}

#content div.two_thirds h3 {
	font-size: 110%;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #0A457C;
	font-weight: normal;
}

#content div.one_third {
	float: left;
	width: 320px;
	padding-bottom: 30px;
}

#content div.one_third h3 {
	margin-top: 2em;
	margin-bottom: 1em;
	color: #8BAF09;
}

#content div.one_third h3 a {
	color: #999;
	text-decoration: none;
	font-size: 80%;
	padding-left: 5px;
}

#content div.one_third h3 a:hover {
	text-decoration: underline;
}

#content div.one_third p {
	line-height: 1.5em;
	color: #808080;
	font-size: 90%;
	margin-bottom: .5em;
}

#content div.one_third a.read_more {
	display: inline;
	color: #4DA9E8;
	text-decoration: none;
	font-size: 85%;
	padding-right: 10px;
	padding-bottom: 1px;
}

#content div.one_third a.read_more:hover {
	text-decoration: underline;
}

#content div.one_third a.case_studies {
	display: inline;
	color: #999;
	text-decoration: none;
	font-size: 85%;
	padding-left: 10px;
	border-left: solid 1px #CCC;
	padding-bottom: 1px;
}

#content div.one_third a.case_studies:hover {
	text-decoration: underline;
}

#content div.one_third div.case_study {
	float: left;
	width: 320px;
	margin-bottom: 30px;
}

#content div.one_third div.case_study img {
	float: left;
}

#content div.one_third div.case_study h2 {
	float: left;
	font-size: 100%;
	margin-left: 10px;
	margin-top: 15px;
}

#content div.one_third div.case_study p {
	margin-top: .5em;
	float: left;
	width: 320px;
}

#content div.one_third div.case_study a {
	float: left;
	color: #4DA9E8;
	text-decoration: none;
}

#content div.one_third div.case_study a:hover {
	text-decoration: underline;
}

#content div.one_third div.case_study_images {
	margin-top: 25px;
}

#content div.one_third div.case_study_images img{
	/* border: solid 2px #4D4D4D; */
	margin-left: 13px;
	margin-bottom: 30px;
}

#content div.two_thirds div.case_study img {
	float: left;
}

#content div.two_thirds div.case_study h2 {
	float: left;
	font-size: 120%;
	margin-left: 10px;
	margin-top: 15px;
	color: #0A457C;
}

div.case_study {
	float: left;
	width: 640px;
	margin-bottom: 20px;
}

#content div.two_thirds div.case_study p {
	float: left;
	width: 640px;
}

#content div.two_thirds div.case_study a {
	float: left;
	color: #4DA9E8;
	text-decoration: none;
}

#content div.two_thirds div.case_study a:hover {
	text-decoration: underline;
}

/* Case study tab content */

#content h2.case_studies {
	float: left;
	width: 960px;
	font-size: 150%;
	font-weight: normal;
	color: #4DA9E8;
	margin-bottom: 1em;
}

#content h2.case_studies span {
	color: #0A457C;
}

#case_studies ul.case_studies 
{
	float: left;
	height: 30px;
	width: 955px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 5px;
	float: left;
	height: 30px;
	font-size: 75%;
	background: url(../img/background_tabs.jpg) repeat-x;
}

#case_studies ul.case_studies  li
{
	float: left;
	padding: 0 3px;
}

#case_studies ul.case_studies  li a
{
	float: left;
	color: #666;
	text-decoration: none;
	vertical-align: middle;
	background: url(../img/tab_right.jpg) right 0 no-repeat;
	cursor: pointer;
}

#case_studies ul.case_studies li a:hover
{
	background-position: right -30px;
	color: #333;
}

#case_studies ul.case_studies li.active a
{
	background-position: right -60px;
	color: #4D4D4D;
}

#case_studies ul.case_studies li a span
{
	float: left;
	background: url(../img/tab_left.jpg) left 0 no-repeat;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
}

#case_studies ul.case_studies li a:hover span
{
	background-position: left -30px;
}

#case_studies ul.case_studies li.active a span
{
	background-position: left -60px;
}


/* SIDE PANEL -----------------------------------------------------*/

/* ABOUT US -------------------------------------------------------*/

.one_third img.director, .one_third img.consultant {
	/* border: solid 2px #4D4D4D; */
	margin-top: 40px;
}

#content div.two_thirds ul.team li {
	list-style: none;
	padding: 0;
}

div.one-third img.team-photo {
	margin-top: 50px;
	margin-bottom: 40px;
}

/* OUR CLIENTS -------------------------------------------------------*/

ul.clients {
	float: left;
	width: 640px;
}

ul.clients li {
	float: left;	
	width: 320px;
	padding: 0 !important;
}

/* NEWS and INSIGHTS ----------------------------------------------*/

div.article img {
	float: right;
	/* border: solid 2px #4D4D4D; */
	margin-top: 90px;
}

div.embedded h2 {
	font-size: 120% !important;
	color: #0A457C !important;
	font-weight: normal;
}

p.date {
	font-size: 85%;
}

a.article_more {
	display: block;
	color: #4DA9E8;
	text-decoration: none;
	margin-bottom: 30px;
}

a.article_more:hover {
	text-decoration: underline;
} 


/* CONTACT --------------------------------------------------------*/

#content div.one_third div.contact_images {
	margin-top: 25px;
}

#content div.one_third div.contact_images img{
	border: solid 2px #4D4D4D;
}

a#map_link {
	float: left;
	color: #4da9e8;
	font-size: 90%;
	margin: 5px 0 25px 195px;
	text-decoration: none;
}

a#map_link:hover {
	text-decoration: underline;
}

div#contact_details {
	float: left;
	margin-top:  15px;
	height: 50px;
	width: 580px;
	background: #F7F7F7;
	padding: 10px;
}

div#contact_details p {
	padding: 0 0 1em 0 !important;
}

div#contact_details a {
	color: #4D4D4D;
	text-decoration: none;
}

div#contact_details a:hover {
	text-decoration: underline;
}

div#contact_details .column_left {
	float: left;
	width: 360px;
}

div#contact_details .column_left span.label {
	float: left;
	font-weight: bold;
	width: 120px;
}

div#contact_details .column_right {
	float: left;
	width: 220px;
}

div#contact_details .column_right span.label {
	float: left;
	font-weight: bold;
	width: 60px;
}

ul.contact_forms 
{
	float: left;
	height: 30px;
	width: 600px;
	margin-top: 30px;
	margin-bottom: 10px;
	padding-left: 5px;
	float: left;
	height: 30px;
	font-size: 90%;
	background: url(../img/background_tabs.jpg) repeat-x;
}

ul.contact_forms  li
{
	float: left;
	padding: 0 3px !important;
	list-style: none !important;
}

ul.contact_forms  li a
{
	float: left;
	color: #666 !important;
	text-decoration: none;
	vertical-align: middle;
	background: url(../img/tab_right.jpg) right 0 no-repeat;
	cursor: pointer;
}

ul.contact_forms li a:hover
{
	background-position: right -30px;
	color: #333 !important;
	text-decoration: none !important;
}

ul.contact_forms li.active a
{
	background-position: right -60px;
	color: #4D4D4D;
}

ul.contact_forms li a span
{
	float: left;
	background: url(../img/tab_left.jpg) left 0 no-repeat;
	height: 30px;
	line-height: 30px;
	padding: 0 20px;
}

ul.contact_forms li a:hover span
{
	background-position: left -30px;
}

ul.contact_forms li.active a span
{
	background-position: left -60px;
}

/* Contact Form */
#request_proposal,
#contactformWrapper {
	float: left;
	/* margin-top: 10px; */
	width: 600px;
}

#request_proposal_form,
#contactform {
	width: 600px;
	position: relative;
}

#request_proposal_form input, #request_proposal_form textarea,
#contactform input, #contactform textarea {
	background-color: #F2F2F2;
	border: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 10px;   
	border: 1px solid #ccc;
}

#request_proposal_form label,
#contactform label {   
	height: 20px;
	display: block;
}

div.thankyou {	
	position: absolute;
	display: none;
	height: 270px;
	background: #fff;
	width: 602px;
	z-index: 10;
}

div.s1 {
	width: 200px;
	height: 60px;
	top: 10px;
	left: 0px;
	position: absolute;
	z-index: 1;
}

div.s1 input {
	width: 180px; 
}
div.s2 {
	width: 200px;
	height: 60px;
	top: 80px;
	left: 0px;
	position: absolute;
	z-index: 1;
}
div.s2 input {
	width: 180px; 
}
div.s3 {
	width: 200px;
	height: 60px;
	top: 150px;
	left: 0px;
	position: absolute;
	z-index: 1;
}

div.s3 input {
	width: 180px;
}

div.s4 {
	width: 390px;
	height: 200px;
	top: 10px;
	left: 210px;
	position: absolute;
	z-index: 1;
}

div.s4 label {
	height: 19px;
}

div.s4 textarea {
	width: 370px;
	height: 156px;
	overflow: auto;
}

#request_proposal div.s4 textarea {
	height: 85px;	
}

div.sbutt {
	width: 600px;
	height: 40px;
	top: 215px;
	position: absolute;
	z-index: 1;
}

div.sbutt div.error {
	float: left;	
	height: 40px !important;
	line-height: 40px !important;
}

div.sbutt input {
	background: url(../img/btn_submitcontact.png) 0 0;
	margin-top: 10px;
	height: 40px;
	width: 100px;
	float: right;    
	border: 0 none !important;
	color: div.fff;
	color: #FFF;
}

div.sbutt input:hover {
	background: url(../img/btn_submitcontact.png) 0 -40px;
	cursor: pointer;
}

div.file {
	margin-top: 10px;
}

#attachmentQueue {
	position: relative;
	top: -20px;	
}


/* FOOTER ---------------------------------------------------------*/

#footer {
	color: #777;
	font-size: 90%;
}

#footer_outer {
	background: url(../img/background_footer.jpg) repeat-x;
	height: 90px;
}

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

#footer a:hover {
	text-decoration: underline;
}

#footer.home #footer_left {
	float: left;
	width: 576px;
	height: 20px;
	margin: 60px 0 50px 10px;
	margin-top: 60px;
	margin-bottom: 50px;
}

#footer.standard #footer_left {
	float: left;
	width: 576px;
	height: 20px;
	margin-top: 20px;
}

#footer_left ul li {
	float: left;
	padding: 0 20px;
	border-right: solid 1px #666;
}

#footer_left ul li.first {
	padding-left: 0px;
}

#footer_left ul li.last {
	border: none;
}

#footer_right {
	float: right;
	margin-top: 15px;
}

#footer_right p.home_phone {
	float: left;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	padding-left: 25px;
	padding-right: 20px;
	background: url(../img/phone_icon.png) no-repeat;
}

#footer_right a.home_email {
	float: left;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	padding-left: 25px;
	background: url(../img/email_icon.png) no-repeat;
}

/* UTILITY CLASSES ------------------------------------------------*/

.hidden
{
	position: absolute;
	left: -9999px;
	height: 1px;
	width: 1px;
	overflow: hidden;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

.clearer
{
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-top: -1px;
	font-size: 1px;
	line-height: 1px;
}