/*************************************************
	Site:			www.consensus.com
	Client:		CONSENSUS BUSINESS GROUP
	Created:	Oct 2006
	Author: 	Emma Verity
	Agency: 	www.orangutanstudio.com
	
	Stylesheet for layout classes/structural markup

 *************************************************/

#wrapper {
	position: relative;
	margin-right:auto;
	margin-left:auto;
	font-size:0.76em;
	width:63em;
	text-align: left;
	}

#top-content {
	position:relative;
	clear:both;
	padding-left:15px;
	background:#617D8A url(../images/top_left.gif) no-repeat top left;
	}

#top-inner {
	position:relative;
	background:#617D8A url(../images/top_right.gif) no-repeat top right;
	padding-right:15px;
	height:5em;
	}

#logo {
	position:relative;
	padding-top: 1.3em;
	padding-left: 5px;
	}

#nav {
	position:absolute;
	bottom:0;
	left:160px;
	}
#top-flashbar{
	position:relative;
	background:#2973A8 url(../images/bg_shadow.gif) repeat-y top right;
	padding-right:5px;
	}	
#flash-inner {
	position:relative;
	background: url(../images/bg_flashbar.gif) repeat-x top left;
	padding-top:2px;
	margin-right:-1px;
	}
#flash-holder {
	position:relative;

	}
#main-content {
	position:relative;
	background:url(../images/bg_shadow.gif) repeat-y top right;
	padding-right:5px;
	/*width:100%*/
	}
#content-inner {
	position:relative;
	background:#92A5AE url(../images/bg_content.gif) repeat-x top left;
	padding-top: 15px;
	padding-bottom:5em;
	}
#col-content {
	position:relative;
	margin-left:15.5em;
	padding-right:15em;
	width:auto;
	padding-top:10px;
	padding-left:18px;
	margin-right:20px;
	overflow : hidden; 
	_height : 1%;
	min-height:460px;
	}	
.home #col-content {
	min-height:310px;
	}	
.wide-content #col-content {
	padding-right:7em;
	}
.full-width-content #col-content {
	margin-left:20px;
	padding-right:0;
	margin-right:5px;
	padding-left:0px
	}
#col-content.full-width-page  {
	padding-right:1em;
	}

#col-right {
	position:absolute;
	top: 16px;
	right:15px;
	width:13.5em;
	}	
.casestudy #col-right {
	width:14.5em;
	background:#92A5AE url(../images/bg_content_hub.gif) repeat-x;
	padding-top: 15px;
	padding-bottom: 35px;
	}
#col-subnav {
	position:absolute;
	top:10px;
	left:0px;
	width:14.6em;
	}	
#subnav-inner {
	margin-left:13px;
	background:url(../images/bg_subnav.gif) no-repeat top left
	}
#subnav-footer {
	background:url(../images/bg_subnav_footer.gif) no-repeat top left;
	height:70px;
	}

#footer {
	position: relative;
	color:#ECF0F2;
	font-size:0.9em;
	background: url(../images/footer_right.gif) no-repeat top right;
	padding-right: 20px;
	overflow : hidden; 
	_height : 1%;
	}
#footer-inner {
	position:relative;
	background:url(../images/footer_left.gif) no-repeat top left;
	padding-left:20px;
	height:37px;
	}
#footer-left {
	position:relative;
	float: left;	
	margin-top:5px
	}
#footer-right {
	position:relative;
	float: right;
	text-align:right;
	margin-top:5px
	}

/********* sIFR STYLES SECTION *******	
	THESE ARE THE STANDARD sIFR STYLES
		**** DO NOT MODIFY ****
*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
	
/*
	These "decoy" styles are used to hide the browser text before 
	it is replaced...
	the negative-letter spacing can be used to make the browser
	text metrics match up with the sIFR text metrics if the sIFR text
	is much narrower...
	any weird sizing issues you may run into are usually fixed by
	tweaking these decoy styles
*/
.sIFR-hasFlash h1 {
	visibility: hidden;
	}
.sIFR-hasFlash .home h2 {
	visibility: hidden;
	}
.sIFR-hasFlash .col-subnav h4 {
	visibility: hidden;	
	letter-spacing:-1px;
	}		

/* END sIFR STYLES SECTION */