/*=============================================================
Type:				Baringa Partners website - main stylesheet
Build by:			VGroup
Document Author:	Mark Perkins
Author Email:		mark.perkins@vgroup.com
Copyright:			(c) VGroup 2008	
---------------------------------------------------------------
Creation Date:		06-11-2008
============================================================ */

/*==============================================
General colours

background grey:	#CCCED0
text grey:			#666
miniblock grey:		#595C67
lines grey:			#CCC
==============================================*/

/*==============================================
general layout
==============================================*/

body {
	background: #CCCED0;
}

.ie7 .person img {
	-ms-interpolation-mode : bicubic; /* improve quality of scaled images in IE7 */
}

#page {
	background: #FFF;
	width: 940px;
	margin: 20px auto 0 auto;
	padding: 20px 20px 12px 20px;
	position: relative;
}

#header {
	position: relative;
	height: 180px;
}

#main_nav {
	width: 180px;
	border-top: 2px solid #CCC;
	list-style: none;
	float: left;
	padding-bottom: 20px;
}

#content {
	margin-left: 190px;
	margin-bottom: 20px;
}

#main_content {
	width: 560px;
	float: left;
	margin: 0 0 20px 0;
	border-top: 2px solid #CCC;
}

#main_content_extended {
	width: 750px;
	border-top: 2px solid #CCC;
	background: #F2F2F2;
	padding-bottom: 1px;
}

.ie6 #main_content_extended {
	float: left;
}

#content .people_section {
	background: #E6E6E6 url('../cssimages/bg_people.gif') repeat-y 0 0;
}

#sub_content {
	float: right;
	width: 180px;
	border-top: 2px solid #FFF;
}

#footer {
	clear: both;
}

.printlink {
	display: none;
}

/*==============================================
header
==============================================*/

h1#main_logo {
	padding-top: 1px;
	width: 180px;
	margin: 0;
	position: absolute;
	top: -2px;
	left: 0;
}

h1#main_logo a {
	background: url('../cssimages/logo_main.gif') no-repeat 0 0;
	width: 169px;
	height: 40px;
	text-indent: -9999px;
	display: block;
}


h1 a {
	color: #00487C;
}

p#strapline, h2#section_title {
	position: absolute;
	top: 0;
	left: 190px;
	border-top: 2px solid #CCC;
	margin: 0;
	padding-top: 10px;
	width: 370px;
	height: 24px;
	text-indent: -9999px;
	background: url('../cssimages/text_reputation.gif') no-repeat 0 10px;
}

h2#section_title {
	background: none;
	text-indent: 0;
	font-size: 1.6em;
	line-height: 1.3;
}

ul#additional_nav {
	position: absolute;
	top: 0;
	left: 570px;
	padding-top: 10px;
	border-top: 2px solid #CCC;
	width: 180px;
	list-style: none;
}

#symbol {
	position: absolute;
	top: -2px;
	right: -5px;
}

/*==============================================
navigation styles
==============================================*/

/* top additonal nav */

#additional_nav a {
	color: #666;
	text-decoration: none;
}

#additional_nav a:hover, #additional_nav li.current a {
	color: #00487C;
}

/* main nav */

#main_nav {
	padding-top: 12px;
}

#main_nav li {
	margin-bottom: 3px;
}

#main_nav a {
	color: #666;
	font-size: 1.2em;
	text-decoration: none;
	line-height: 1.0em;
}

#main_nav a:hover,
#main_nav li.current a {
	color: #00487C;
}

#main_nav li.current li a,
.scheme_one #main_nav li.current li a,
.scheme_two #main_nav li.current li a,
.scheme_three #main_nav li.current li a,
.scheme_four #main_nav li.current li a,
#page #main_nav li.current li.current li a {
	color: #666;
}

#page #main_nav li.current li.current li a {
	color: #666 !important;
}

#main_nav ul {
	list-style: none;
	margin-left: 10px;
	padding-top: 3px;
	display: none;
}

#main_nav ul a {
	padding-left: 10px;
	background: url('../cssimages/bullet_morelinks.gif') no-repeat 0 -71px;
	font-size: 1.0em;
}

#main_nav ul li {
	padding-left: 10px;
}

#main_nav li.current ul {
	display: block;
}

#main_nav li.current li li {
	padding-left: 0;
	margin-bottom: 0;
}

#main_nav li.current li ul {
	margin-bottom: 7px;
	margin-top: -2px;
}

#main_nav li.current li li a {
	background: none;
	padding-left: 0;
	font-size: 0.94em;
}

/* footer nav */

#footer_nav {
	list-style: none;
	width: 370px;
	margin-left: 190px;
}

#footer_nav li {
	float: left;
	width: 120px;
}

#footer_nav li.col1 {
	width: 134px;
}

#footer_nav li.col2 {
	width: 100px;
}

#footer_nav a {
	color: #666;
	font-size: 0.95em;
	text-decoration: none;
}

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

/* pagers */

#pager {
	position: absolute;
	top: 151px;
	right: 10px;
}

#pager .next, #pager .prev {
	display: block;
	width: 13px;
	height: 18px;
	float: left;
	text-indent: -9999px;
	background-image: url('../cssimages/icon_pager.gif');
	background-repeat: no-repeat;
	margin-left: 12px;
}

#pager .next {
	background-position: -28px -4px;
}

#pager .next:hover {
	background-position: -28px -29px;
}

#pager .prev {
	background-position: -3px -4px;	
}

#pager .prev:hover {
	background-position: -3px -29px;
}

/*==============================================
main content
==============================================*/

#homeflash {
	margin-bottom: 5px;
}

/* general */

h1#page_heading, div#filter {
	font-size: 1.3em;
	border-bottom: 1px solid #CCC;
	margin: 0;
	padding: 3px 10px 4px 10px;
	background: #F2F2F2;
	position: relative;
	height: 23px;
}

div#filter {
	display: none;
}

p#overview {
	position: absolute;
	bottom: -2px;
	left: 192px;
	font-size: 1.1em;
	width: 360px;
	line-height: 1.4;
	color: #999;
}

#main_content_extended p a, #main_content p a {
	text-decoration: none;
}

#main_content_extended p a:hover, #main_content p a:hover {
	text-decoration: underline;
}

#column1 h1, #column2 h1 {
	font-size: 1.2em;
	font-weight: bold;
}

#column1 h2, #column2 h2 {
	font-size: 1.0em;
	font-weight: bold;
	margin: 0em 0 0 0;
	line-height: 1.0em;
}

#column1 h3, #column2 h3 {
	font-size: 1.0em;
	font-style: italic;
	margin: 0em 0 0 0;
	line-height: 1.0em;
}

/* homepage */

#homepage_image {
	margin-bottom: 5px;
}

.ie6 #homepage_image, .ie7 #homepage_image {
	margin-bottom: 10px;
}

#main_content_extended p {
	margin-top: 8px;
}

/* two column text or text and image layout */

#column1 {
	width: 360px;
	padding-left: 10px;
	float: left;
/*	overflow-x: hidden;
	overflow-y: auto;*/
}

#column2 {
	width: 360px;
	float: right;
	margin-right: 10px;	
}

.people_section #column1 p {
	width: 350px;
}

.ie6 #column2 {
	margin-right: 0;
	padding-left: 10px;
}

#main_image {
	float: right;
	margin-top: 10px;
}

#main_image .mcms_editable {
	width: 360px;
}

.twintext #column1 img, .twintext #column2 img {
	border-bottom-width: 10px;
	border-bottom-style: solid;
}	

#column1 p, #column2 p {
	line-height: 1.4;
}

#column1 p.pullquote, #column2 p.pullquote {
	font-size: 1.5em;
	padding-left: 20px;
	line-height: 1.3;
	width: 80%;
}

p.pullquote {
	background-repeat: no-repeat;
	background-position: 2px 5px;
}

/* people page */

#person_visual {
	position: relative;
	top: 0;
	left: -10px;
	width: 370px;
	height: 275px;
	background: #DDD;
	margin-bottom: 19px;
}

h2#person_name {
	margin: 0;
	border-bottom: 2px solid #7F828A;
	position: relative;
	top: 0;
	left: -10px;
	padding: 1px 10px 6px 10px;
	font-size: 1.2em;
	font-weight: bold;
	width: 350px;
}

h2#person_name span {
	font-weight: normal;
	padding-left: 6px;
	color: #333;
}

body #content .person {
	width: 115px;
	float: left;
	margin-top: 10px;
	background: #E6E6E6;
	margin-right: 7px;
}

.people_section .last {
	margin-right: 0 !important;
}

.people_section #column2 {
	padding-bottom: 20px;
}

.ie6 .people_section #column2 {
	padding-left: 3px !important;
	margin-right: 5px;
}

.person h3 {
	margin: 0;
}

#person_visual img {
	border-bottom: 15px solid #50535D;
}

.person h3 a {
	display: block;
	text-decoration: none;
	background: #666;
	margin: 0;
	font-size: 0.75em;
	font-weight: bold;
	color: #FFF;
	line-height: 1.2;
}

.person h3 a.person_name {
	padding: 6px 5px 7px 5px !important;
/*	margin-top: -3px;*/
}

.people_section #column2 .current a.person_name {
	background: #FFF;
	color: #595C67;
}

.person_thumb {
	background: #FFF !important;
	display: block;
	width: 113px;
	height: 84px;
}

.person img {
	opacity: 1.0;
}

.current img, .person:hover img {
	opacity: 0.8;
}

#page .person p.job_title {
	margin: 0;
	background: #E6E6E6;
	height: 2.2em;
}

#page .person p.job_title a {
	display: block;
	text-decoration: none;
	font-size: 0.9em;
	font-weight: bold;
	color: #595C67;
	padding:  0px 6px;
	line-height: 1.2;
	margin-top: 4px;
}

/* news and knowledge sections */

div#filter {
	padding: 6px 10px 7px 10px;
}

div#filter span.wrapper {
	position: absolute;
	top: 4px;
	right: 10px;
}

div#filter span.chkbx {
	font-size: 0.8em;
	color: #444;
	margin-left: 28px;
}

div#filter span.chkbx input {
	position: relative;
	top: 2px;
}

div#filter select {
	margin-left: 10px;
	min-width: 176px;
}

.article_list {
	float: left;
}

.article_item {
	position: relative;
	border-bottom: 1px solid #CCC;
	padding: 6px 0 8px 0;
	padding-left: 95px;
}

#main_content_extended p.article_date, #main_content_extended p.article_download {
	width: 75px;
	padding: 3px 10px 0 10px;
	position: absolute;
	top: 7px;
	left: 0;
	margin: 0;
	font-weight: bold;
	color: #666666;
}

#main_content_extended p.article_download {
	top: 25px;
	display: none;
}

#main_content_extended p.article_download a {
	background-repeat: no-repeat;
	background-image: url('../cssimages/bullet_morelinks.gif');
	padding-right: 14px;
	color: #666 !important;	
}

.article_item h2 {
	width: 260px;	
	font-size: 1.5em;
	float: left;
	margin: 0;
	line-height: 1.3;
	font-weight: bold;
	padding-left: 10px;
}

.article_item h2 a {
	color: #555;
	text-decoration: none;
}

#main_content_extended p.article_excerpt {
	width: 360px;
	margin: 0 0 0 10px;
	float: left;
}

#article_pager {
	margin: 5px 0 20px 0;
	float: left;
	font-size: 0.9em;
	display: none;
}

#article_pager .prev, #article_pager .next {
	background-repeat: no-repeat;
	background-image: url('../cssimages/bullet_morelinks.gif');	
	color: #333;
	text-decoration: none;
} 

#article_pager .prev {
	padding: 0 0 0 12px;
	margin-right: 20px;
}

#article_pager a:hover {
	text-decoration: underline !important;
}

#article_pager .next {
	padding: 0 12px 0 0;
	margin-left: 20px;
}

#article_pager span {
	font-weight: bold;
}

#article_wrapper {
	padding: 6px 0px 6px 10px;
	background: #F2F2F2;
	margin-top: -10px;
}

#article {
	width: 350px;
	float: left;
}

#article_sidebar {
	width: 180px;
	float: right;
	padding-top: 12px;
}

#article_sidebar p {
	margin: 0;
}

#article_sidebar p a {
	padding-left: 17px;
}

#article_sidebar p#download_article a, #article_sidebar p#email_article a, #article_sidebar p#print_article a {
	background-image: url('../cssimages/bullet_articles.gif');
	background-repeat: no-repeat;
}

#article_sidebar #article_pic {
	margin-top: 10px;
	border-top: 1px solid #CCC;
	padding-top: 16px;
	width: 180px;
	height: 118px;
	overflow: hidden;
}

#content .recent {
	border-top: 2px solid #CCC;
}

.recent h3 {
	font-size: 1.3em;
	border-bottom: 1px solid #CCC;
	margin: 0;
	padding: 3px 0 4px 0;
	position: relative;
}

#recent_news {
	list-style: none;
}

#recent_news li a {
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	padding: 7px 0 6px 0;
	border-bottom: 1px solid #CCC;
	display: block;
	font-size: 0.98em;
	line-height: 1.4;
}

.ie6 #recent_news li a {
	zoom: 1;
}

#recent_news li a:hover {
	text-decoration: underline;
} 

.recent p {
	margin: 5px 0 20px 0;
}

.recent p a {
	font-weight: bold;
	text-decoration: none;
	color: #666;
	font-size: 0.98em;
}

.recent p a:hover {
	text-decoration: underline;
}

p.no_items {
	margin: 10px;
	padding: 20px 0;
	font-weight: bold;
}

/* sitemap */

#sitemap, #sitemap ul, #sitemap ul ul, #sitemap ul ul ul {
	list-style: none;
}

#sitemap {
	padding: 6px 0 20px 0;
}

#sitemap a {
	text-transform: capitalize;
	color: #00487C;
	text-decoration: none;
	font-weight: bold;
}

#sitemap ul ul a {
	font-weight: normal;
	color: #333;
}

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

#sitemap ul ul {
	padding-left: 16px;
}

/*==============================================
box styles
==============================================*/

#content div.colourblock {
	width: 180px;
	height: 160px;
	position: relative;
	padding-bottom: 20px;
	float: left;
	border-right: 10px solid #FFF;
	overflow: hidden;
	border-top: 0px;
	margin-bottom: 10px;
}

.ie6 #content div.colourblock  {
	border-right: 10px solid #FFF;
	margin-bottom: 9px;
}

div.last {
	border-right: 0 !important;
}

.colourblock p {
	font-size: 0.9em;
	line-height: 1.3;
	margin: 0;
	padding: 10px;
	color: #FFF;
}

.colourblock p.description, .colourblock img {
	position: absolute;
	top: 77px;
	left: 0;
}

.colourblock p.description {
	top: 72px;
}

.colourblock h2 {
	margin: 0 10px;
	color: #FFF;
	font-size: 1.8em;
	margin-top: 12px;
	line-height: 1.2;
}

.colourblock h2 a {
	color: #FFF;
	text-decoration: none;
	width: 150px;
}

.colourblock p.more {
	padding: 5px 10px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 160px;
}

.colourblock p.more a {
	color: #FFF;
	text-decoration: none;
	padding-left: 9px;
	background-image: url('../cssimages/bullet_morelinks.gif');
	background-repeat: no-repeat;
}

.colourblock p.more a:hover {
	text-decoration: underline;
}

/* colour 'topped' blocks */

#content div.toppedblock {
	background: #595C67;
	color: #FFF;
	padding: 7px 10px 13px 10px;
	border-top-width: 7px;
	border-top-style: solid;
	margin-bottom: 10px;
}

.toppedblock h2 {
	margin: 2px 0 9px 0;
	font-size: 1.34em;
}

.toppedblock h2 a {
	color: #FFF;
	text-decoration: none;
}

.toppedblock p {
	font-size: 0.9em;
	line-height: 1.3;
	margin: 0;
}

/* column - type toppedblock style */

#content div.columns {
	padding: 0;
	width: 180px;
	float: left;
	margin-right: 10px;
	position: relative;
	height: 345px;
	background: #7a7a84;
/*	background: #595C67;*/
}

.ie6 div.columns {
	margin-right: 9px !important;
}

#content div.columns h2  {
	padding: 10px 0 10px 10px;
	margin: 0;
}

#content div.last {
	margin-right: 0 !important;
}

div.columns .header {
	height: 77px;
	background: #595C67;
}

div.columns div.description {
	padding: 10px;
}

div.columns p, div.columns li {
	font-size:0.9em;
	line-height:1.3;
}

div.columns ul {
	margin-top: 10px;
	list-style: none;
}

div.columns li {
	margin-bottom: 3px;
}

div.columns a {
	color: #FFF;
	text-decoration: none;
}

div.columns a:hover {
	text-decoration: underline;
}

.columns p.more {
	padding: 5px 10px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 160px;
}

.columns p.more a {
	color: #FFF;
	text-decoration: none;
	padding-left: 9px;
	background-image: url('../cssimages/bullet_morelinks.gif');
	background-repeat: no-repeat;
}

.columns p.more a:hover {
	text-decoration: underline;
}

div.placeholder {
	background: url('../cssimages/column_placeholder.gif') no-repeat 0 0 !important;
	border-top: 0 !important;
	padding-top: 7px !important;
}

/* small square navigation blocks */

#block_nav {
	list-style: none;
	margin: 20px 0 20px 0;
}

#block_nav li {
	float: left;
	border-right: 10px solid #FFF;
}

#block_nav li a {
	display: block;
	width: 73px;
	height: 73px;
	overflow: hidden;
	float: left;
	margin: 0 0 10px 0;
	color: #FFF;
	text-decoration: none;
	border: 1px solid #CCC;
	background: #CCC;
	padding: 5px;
	font-size: 0.85em;
	color: #666;
	line-height: 1.3;
}

#block_nav li.last {
	border-right: 0;
}

#content #block_nav li.current a {
	background: #F2F2F2;
	color: #333;
}

/*==============================================
footer
==============================================*/

#footer {
	border-top: 2px solid #CCC;
	padding-top: 8px;
	position: relative;
}

#footer p {
	margin: 0;
	font-size: 0.9em;
	color: #666;
	line-height: 1.7;
}

#footer p#credits {
	position: absolute;
	width: 180px;
	top: 8px;
	left: 760px;	
}

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

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

/*==============================================
404 Error Page
==============================================*/

#error_box {
	background: #FFF;
	width: 400px;
	margin: 90px auto;
	padding: 16px;
}

#error_box h1#main_logo {
	position: static;
	width: 100%;
	margin-bottom: 30px;
}

#error_box h2 {
	font-size: 1.4em;
	margin-bottom: 0;
	font-weight: bold;
}

#error_box p {
	margin: 7px 0 0 0;
}

#error_box a {
	color: #00487C;
}

/*==============================================
misc cms fixes
==============================================*/

.colourblock .mcms_editable_linkedpanel {
	min-height: 160px;
}

/*==============================================
SIFR styles
==============================================*/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

@media screen {
	
	.sIFR-active h2#section_title {
		padding-top: 7px !important;
	}
	
	.sIFR-active .colourblock h2 {
		margin-top: 8px;
	}

	
}

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px !important;
  z-index: 0;
}

/* News ticker styles
============================================== */

.newsticker_wrapper {
    display: none;
    padding: 8px 10px 4px 10px;
    position: absolute;
    bottom: 0;
    left: 190px;
    background: #EEE;
    width: 540px;
}

.ie6 .newsticker_wrapper {
    left: 193px;
}

.hasJS .newsticker_wrapper {
    display: block;
}

.newsticker {
	position: relative;
	display: block;
	width: 500px;
    height: 20px;
    display: none;
}

.newsticker li {
	overflow: hidden;
	position: absolute;
	display: block;
	width: 500px;
	top: 0;
	left: 0;
	font-weight: bold;
}

.newsticker .ticker_header {
    text-transform: uppercase;
    color: #660033;
}

.newsticker a {
    color: #666;
    text-decoration: none;
}

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

.newsticker .ticker_slider {
	position: absolute;
	background: #EEE;
	top: 0;
	left: 0;
	width: 10000px;
}