/*************************************************
	Site:			www.consensus.com
	Client:		CONSENSUS BUSINESS GROUP
	Created:	Oct 2006
	Author: 	Emma Verity
	Agency: 	www.orangutanstudio.com

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

/*div, img, h1 {border:1px solid blue}*/

/*\*/
 html>body*#nav a {
 	font-size:10px; 
}
 /* I hate doing this but it fixes a weird safari issue with nav font size */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	background:#E9EDEF;	
	color:#3B3B3B;
	text-align:center;
	margin-top:20px;
	}

/************** ELEMENT STYLES **************/

blockquote {
	margin:0 0 1.2em 0;
	font-style:italic;
}
p, .form-row {
	margin:0 0 1em 0;
	line-height:1.3em;
}
em {
	font-style:normal;
	font-weight:bold;
	}

h1 {
	color:#fff;
	font-size:1.6em;
	font-weight:normal;
	margin:0 0 22px 0;
	padding:0;
	letter-spacing: 0.1em;
	}
h1 span {
	color:#000;
	}
h1.alt {
	font-size:1.2em;
	margin-bottom:10px;
	margin-top:15px;
	background:none;
	filter:none;
	width:auto;
	}	
h2 {
	color:#3B3B3B;
	font-size:1.1em;
	font-weight:bold;
	margin:0 0 0.3em 0;
	padding:0;
	}

.home h2 {
	color:#494C4D;
	font-size:1.2em;
	font-weight:normal;
	margin:10px 0 10px 0;
	padding:0;
	letter-spacing: 0.1em;
	}	

h3 {
	color:#fff;
	font-size:1em;
	margin:0 0 1.7em 0;
	padding:0;
	}
.home h3 {
	margin:0 0 1em 0;
	}
h4 {
	color:#fff;
	font-weight:normal;
	margin:1em 0 0.5em 0;
	padding:0;
	font-size:1em;
	}

h5 {}

a img {
	border:none;
	}

form {
	margin:0; 
	padding:0;
	display:inline
	}
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	border:1px solid #647F8C;
	background:#F7F7F7;
	font-size:0.9em;
	font-weight:normal;
	}

input {
	/*border:1px solid #CCC;*/
	}

input.submit {
	font-weight:bold;
	color:#7A0A4B;
	background:url(../images/arrow_link.gif) no-repeat right;
	border:none;
	padding:0 6px 1px 5px;
	margin:0
	}
	
#col-content ul {
	list-style:url(../images/bullet.gif);
	margin:0 0 1em 0;
	padding:0 0 0 8px;
	}
#col-content li {
	margin:0 0 0.2em 5px;
	padding:0;
	}

#col-content li ul {
	list-style-image: url(../images/dash.gif);
	margin-left:15px;
	margin-bottom:0;
	}

/* LINK STYLES */

a:active, a:link {
	color:#3B3B3B;
	text-decoration:underline;
	}
a:hover {
	color:#666;	
	}
a:visited {
	color:#3B3B3B;
	}

a.action-link, 
a.action-link:active, 
a.action-link:link, 
a.action-link:visited {
	font-weight:bold;
	text-decoration:none;	
	padding:4px 6px 2px 0;
	background:url(../images/action_link.gif) no-repeat 100% 60%;
	}
a.action-link:hover {
	text-decoration:underline;
	}	

a.download-link, 
a.download-link:active, 
a.download-link:link, 
a.download-link:visited {
	font-weight:bold;
	color:#fff;
	text-decoration:none;	
	padding:4px 6px 2px 0;
	background:url(../images/action_link.gif) no-repeat 100% 55%;
	}
a.download-link img, a.action-link img {
	margin-right:4px;
	}


a.top-link, 
a.top-link:active, 
a.top-link:link, 
a.top-link:visited {
	font-weight:bold;
	text-decoration:none;	
	padding:4px 12px 2px 0;
	background:url(../images/arrow_top.gif) no-repeat 100% 60%;
	font-size:0.9em;
	}
a.top-link:hover {
	text-decoration:underline;
	}	

#footer a:link, 
#footer a:active, 
#footer a:visited {
	color:#ECF0F2;
	text-decoration:none;
	padding:0 2px;
	}
#footer a:hover {
	text-decoration:underline;
	}	


/* GENERAL CONTENT STYLES */

#skipnav, #print-logo, .print-only {
	display:none
	}
.strapline {
	color:#ffffff;
	font-size:1.2em;
	font-weight:normal;
	margin:0 1.5em 2.5em 0;
	padding:0;
	font-size: 1.2em;
	}
.intro {
	color:#FFFFFF;
	font-weight:bold
	}
.highlight-text {
	color:#F1F1F1;
	}
.right-block {
	margin-bottom:10px;
	}
.infobox {
	border:1px solid #B0BFC4;
	color:#fff;
	margin:0 15px 0 15px;
	}
.infobox p {
	font-size:0.9em;
	padding:8px 5px;
	margin:0;
	background: url(../images/dots_infobox.gif) repeat-x left top
	}
.infobox h4 {
	margin:5px;
	padding:0;
	font-size:0.9em;
	text-transform:uppercase;
	color:#fff;
	}	
.note {
	font-size:0.9em;
	}

/************* TOP NAV BAR **************/
	
ul#nav {
	list-style:none;
	margin:0;
	padding:0;
	background:url(../images/div_topnav.gif) repeat-y left 88%;

	}	
#nav a {
	color: #D2D6D7;
	text-decoration: none;
	padding:0.5em 0.6em 0.6em 0.6em;
	display:block;
	font-size:0.9em;
	font-weight:bold;
	}
#nav li {
	float: left;
	position: relative;
	text-align: center;
	background:url(../images/div_topnav.gif) repeat-y right 88%;
	}
ul#nav li.on a {
	color:#fff;
	}

ul#nav a:hover {
	color:#fff;
	}	


/************** LEFT NAV **************/

#col-subnav h4 {
	position:absolute;
	top:19px;
	left:0px;
	color:#fff;
	margin:0 0 0 22px;
	padding:0;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.1em;
	}

/* main nav items */
ul#subnav , ul.tertiarynav {
	margin:0.3em 0 2em 0;
	padding:0;
	list-style:none;
	position:relative;
	width:135px;/*border:1px solid yellow;*/
	}
/* used in conjuction with javascript to show tertiary nav */
#subnav li.on ul.tertiarynav {
	display:block
	}
ul#subnav {
	padding-top:35px;
	left:10px;
	background: url(../images/dots.gif) repeat-x bottom left;
	padding-bottom:1px;
	}
#subnav li, .tertiarynav li  {
	margin:0;
	padding:0;
	background: url(../images/dots.gif) repeat-x top left;
	width:100%;
	}
	
#subnav li a, .tertiarynav li a {
	display:block;
	padding:4px 4px 4px 3px;
	margin:0;
	text-decoration:none;
	color:#5D7C8B;
	font-weight:bold;
	text-transform: uppercase;
	width:95%;
	}
#subnav li a {
	font-size:0.9em;
	}
#subnav li ul.tertiarynav li a {
	font-size:0.8em;
	letter-spacing:-1px;
	}

#subnav[id] li.on ul.tertiarynav li.on a,
#subnav[id] li.on a,
#subnav[id] li a:hover, 
#subnav[id] li ul.tertiarynav li a:hover,
#subnav[id] li.on ul.tertiarynav li a:hover {
	color:#fff;
	background:url(/images/bg_subnav.png) repeat;
	}
	
	
#subnav li.on,
#subnav li.on ul.tertiarynav li.on {
	background: url(../images/dots.gif) repeat-x top left;
	padding-top:1px;
	}
#subnav li,
#subnav li.on ul.tertiarynav li {
	padding-top:1px; 
	}

#subnav li.on a,
#subnav li.on a:hover,
#subnav li.on ul.tertiarynav li.on a {
	color:#fff;	
	}
#subnav li.on ul.tertiarynav li.on a,
#subnav li.on a {
	/*margin-top:1px;*/
	}

#subnav li.on {
	/*background:url(../images/arrow_nav.gif) no-repeat 99% 10% !important;*/
}

/* subnav items*/	
ul.tertiarynav  {
	margin:0 !important;
	}
#subnav li ul.tertiarynav li a, 
#subnav li.on ul.tertiarynav li a {
	padding:3px 3px 3px 3px !important;
	margin:0;
	background:none;
	color: #4C6977;
	filter:none;
	}		
	
#subnav[id] li.on ul.tertiarynav {
	background: url(../images/bg_ternav.png) repeat;
	}

ul.tertiarynav li, 
#subnav li.on li {
	}

/*#subnav li.on ul.tertiarynav li a.on {
	background-color: #9DA9AE;
	color:#fff;
	}*/	
#subnav li ul.tertiarynav li a:hover {
	color:#fff;
	}	

/* GENERAL */
.block-container {
	background: url(../images/dots_mediapacks.gif) no-repeat bottom left;
	padding-bottom:10px;
	/*margin-bottom:20px;*/
	overflow : hidden; 
	_height : 1%;
	}
.block-container h2 {
	padding-top:10px
}
.pages {
	margin-top:1em;
}
.fund-container {
	margin-bottom:0.5em;
	margin-top:1em;
	padding-bottom:1px;
	background: url(../images/dots.gif) repeat-x bottom left;
}
.fund-container em {
	color:#fff;
	font-weight:normal;
}
.back-to-top {
	padding-top:0;
	text-align:right;
	margin-bottom:10px;
	}

	/* IE6 ignores styles with [attributes], so it will skip the following.
	see ie6 only css for alternative */
.block-container.alt[class]{
  background: url(../images/bg_dots_fade.png) no-repeat bottom left;
	}
	
.section-container {
  background:#8399A4 url(../images/bg_dots_fade.gif) repeat-x top left;
	width:auto;
	}		
.section-inner {
	padding:15px 20px;
  background:url(../images/dots.gif) repeat-x bottom left;
	}	
.section-container h2 {
	color:#fff;
	margin-bottom: 0.1em;
	padding-top: 0.5em;
	}		
	
	
.block-inner {
	padding:0 10px
}
.home .block-inner {
	padding:0 10px 0 0
}
/* HOME PAGE */

.home #flash-holder {
	position:absolute;
	right:2px;
	top:2px;
	width:418px;
	}
.home #flashbar-text {
	width:24em;
	height:310px;
	color:#fff;
	left: 25px;
	position: relative;
	top: 20px;
	}
.home #flashbar-text a {
	color:#fff;
	}
.home #col-content {
	padding-right:33em;
	margin-left:0;
	padding-left:25px;
	/*color:#fff;*/
	}	
.home #col-right {
	padding-right:10px;
	width:27em;
	}	
.home #text-container {
	margin-bottom:3em;
	width:26em;
	}
.home #news-container {
	background:url(../images/dots.gif) repeat-x top;
	padding-top:10px;
	margin-bottom:2em;
	}
.home .block-container {
	background: url(../images/dots_mediapacks.gif) no-repeat bottom left;
	padding-bottom:3px;
	margin-bottom:10px;
	}
/* HUB PAGES */

.hub #col-content {
	background:#92A5AE url(../images/bg_content_hub.gif) repeat-x top left;
	padding-right:0;
	}	
#hub-branding {
	float:left;
	width:192px;
	}
#hub-text {
	float:left;
	width: 320px;
	}
#hub-image {
	position:relative;
	left:-18px;
	}

	
/* MEDIA PACKS PAGE */

.mediapacks #col-content {
	padding-right:0;
	}	
.mediapacks .block-container {
	float: left;
	}
.mediapacks .block-container.alt {
	 width:44em;
	}

.mediapacks .block-text {
	float:left;
	width: 24em;
	padding:10px 10px 0 10px;
	}
.mediapacks .block-info {
	float:right;
	width: 14em;
	}
.mediapacks .infobox {
	margin-right:0;
	border-color:#C9D2D7
	}	
	
.image-with-caption {
	position:relative;
	width: 28.5em;
	margin-bottom:1.2em;
	overflow : hidden; 
	_height : 1%;
	}	
.image-with-caption img {
	float:left;
	padding-right:10px;
	}
.image-with-caption .caption {
	padding:5px;
	/*padding:5px 5px 0 170px*/
	}
.image-with-caption[class] {
	background: url(../images/bg_caption.png) repeat-x bottom left;
	}

img.inline-pic {
	float:left;
	padding-right:10px;
	}



	

/*.clear:after{ 
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0; 
	clear: both; 
	visibility:hidden; 
	} 

.clear { display: inline-block; } */

/* Hides from IE Mac \ 
* html .clear {height: 1%;} 
.clear{display:block;} */
/* End Hack */