/******** FLOAT CLEARANCE *********/
#container,
#footer, 
#top-content, 
#mid-section,
#flash-block,
.casestudy-item, 
.cols-container,
#inner-container  {
	position:relative;
	_height:1%;
	overflow:hidden
	}
/***********************************/

/***********  CORE PAGE STRUCTURE ***********/
body {
	font-family: Arial, Helvetica, sans-serif ;
	font-size:100%;
	background: url(../images/common/bg.gif) fixed;	
	color:#333;
	text-align:center;
	margin:0;
	}
#skipnav, .print_only {
	display:none
	}

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

#container {
	display: block;
	position:relative;
	padding: 0 40px 25px 40px;
	} 
#inner-container {
	margin-top:17px;
	background:url(../images/common/bg_container.gif) repeat-y 0px 0px;
	}
.wide#inner-container{
	background:url(../images/common/bg_container_alt.gif) repeat-y 0px 0px;
	}
#mid-section {
	height:130px;
	}
#top-content {
	width:100%;
	}
#shelf {
	position:relative;
	/*width:864px;*/
	margin-bottom:15px;
	padding:0 0 8px 0;
	width: 100%;
	height:68px;
	background: url(../images/common/bg_lines.gif) repeat-x bottom;
	text-align: right;
	}
#shelf .inner {
	width: 70%;
	position: absolute;
	right: 0px;
	bottom: 8px;
	}
#shelf img {
	margin-right:15px
	}
#logo {
	float: left;
	}
#strapline {
	float:right;
	width:440px;
	font-size:1.1em;
	}
#col-left {
	float:left;
	position:relative;
	width:144px;
	left:0px;
	}
#col-right {
	float:right; 
	position:relative; 
	width:145px; 
	right:0px;
	/*background:url(../images/common/rightcol_divider.gif) repeat-y left;*/
	padding-left: 10px;
	}
#col-content {
	float:left;
	width: 540px;
	/*background:url(../images/common/leftcol_divider.gif) repeat-y left;*/
	padding-left: 12px;
	}	
.wide #col-content {
	width:700px;
}
.col-1 {
	float:left;
	width:48%;
	clear:left
	}	
.col-2 {
	float:right;
	width:48%;
	clear:right
	}
.wide .col-1 {
	width:40%
	}
.wide .col-2 {
	width:55%
	}
#col-left, #col-content, #col-right {
	padding-bottom:1.5em;
	}
#flash-block {
	position:relative;
	padding-bottom:7px;
	background: url(../images/common/bg_lines.gif) repeat-x bottom;
	}
#flash-block.image-only {
	width: 864px;
	height: 262px;
}
#container.wide #col-content, 
#container.wide #foot-centre {
	margin-right:0;
	}
#container.wide #col-content p {
	padding-right: 25em;
	}	

#footer {
	display: block;
	position: relative;
	padding:15px 0 10px 0;
	background:url(../images/common/bg_lines.gif) repeat-x top;
	margin: 30px;
	}
#footer, #footer a {
	font-size:0.9em;
	color:#707070;
	width: 864px;
}
#footer a:active, 
#footer a:link, 
#footer a:visited {
	text-decoration:none;
	background:url(../images/common/bg_dots_link.gif) repeat-x bottom left;
	margin:0 2px;
	padding-bottom:1px;
}

#foot-left, #foot-centre, #foot-right {
	padding-top: 15px;
}
#foot-right, #foot-centre {
	text-align:right;
}	



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

p {
	margin:0 0 1.5em 0;
}

#col-content p {
}
#map {
	}
/*em {
	font-style:normal;
	font-weight:bold
	}*/
h1 {
	color:#333;
	font-weight:normal;
	margin:0em 0 0.2em 0;
	padding:0;
	}
#col-content h1 {
	font-size:4em;
	}
#col-left h1,
#col-right h1 {
	color:#333;
	font-size:1.3em;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0
	}
h1.alt {
	color:#B30057;
	font-size:1.8em;
	}
#col-content h1.home, 
#col-content h1.about
 {
	font-size:2.3em;
	}
	
h2 {
	color:#B30057;
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 0.2em 0;
	padding:0
	}
h2.alt {
	color:#333;
	}
#col-left h2, #col-right h2 {
	color:#999;
	font-size:1.1em;
	font-weight:bold;
	margin:0 0 0.2em 0;
	padding:0
	}	
h3 {
	color:#676767;
	font-size:1.1em;
	font-weight:bold;
	margin:0 0 0.6em 0;
	padding:0;
	}
#col-left h3, #col-right h3 {
	color:#B30057;
	font-size:1.4em;
	font-weight:bold;
	margin:0 0 0.2em 0;
	padding:0
	}		
h4 {
	color:#018AD2;
	font-size:1em;
	font-weight:normal;
	margin:1em 0 0.5em 0;
	padding:0;
	}
h5 {}

.highlight {
	color:#B30057
	}

.introtext {
	color:#808386;
	font-weight:bold;
	font-size:1.4em;
	}
.col-1 .introtext, .col-2 .introtext {
	font-size:1.1em;
	}	
a img {
	border:none;
	}

form {
	margin:0; 
	padding:0
	}
input, textarea, select {
	margin:0.8em 0.4em 0em 0;
	font-size:0.9em;
	font-weight:normal;
	}
input {
	border:1px solid #C3C3C3;
	}
	

	
/************** GENERAL STYLES **************/

a {
	color:#333;
	}
a.action-link, 
a.action-link:active, 
a.action-link:link, 
a.action-link:visited,
a.action-link-external,
a.action-link-external:active,
a.action-link-external:link,
a.action-link-external:visited {
	color:#707070;
	text-decoration:none !important;
	padding:4px 9px 0px 0;
	background:url(../images/common/action_link.gif) no-repeat bottom right;
	}
a.action-link:hover, 
a.action-link-external:hover
 {
	color:#4F4F4F;
	}
a.action-link-external  {
	background:url(../images/common/ext_link.gif) no-repeat 100% 85% !important;
	padding-right:15px !important;
	}

.flash-holder {
	padding-bottom:7px;
	}
.image-holder {
	margin-bottom:1em;
	}

.info-item {
	margin-bottom:20px;
	font-size: 0.9em;
	}
.info-item a,
.info-item a:active,
.info-item a:link,
.info-item a:visited {
	color:#999;
	font-size:0.9em;
	text-decoration:none;
	padding-right:7px;
	padding-bottom:1px;	
	background: url(../images/common/info_link.gif) no-repeat 100% 50%;
	}
.info-item a:hover {
	color:#666;
	}
.info-item img {
	margin-bottom: 10px;
	width:145px
	}
.info-item h1 {
	color:#FF0066
	}
.info-item h2 {
	}


.links-list a,
.links-list a:active,
.links-list a:link,
.links-list a:visited {
	color:#B30057;
	text-decoration:none;
	line-height: 1.6em;
	font-size:0.9em
	}
.links-list a:hover {
	text-decoration:underline;
	}


.news-item {
	padding:0 3em 4px 0;
	margin-bottom:2em;
	}
.news-item img {
	}
.news-item p {
	}
.news-item a.action-link {
	}	


.casestudy-container {
	background:url(../images/common/contentcol_divider.gif) repeat-x bottom;
	}
.casestudy-item {
	background:url(../images/common/contentcol_divider.gif) repeat-x top;
	padding-top: 15px;
	margin-bottom: 15px;
	}
.casestudy-item img {
	width:260px;
	float:left
	}
.casestudy-item .text-info {
	margin-left:270px;
	}
.casestudy-image, .projects-image {
	margin-bottom:15px;
	}
ul.task-list {
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
}
ul.task-list li {
	list-style:none;
	margin:0;
	padding:2px 0;
	color:#8F9295;
	font-weight:bold
}
/************* LEFT NAV **************/


ul#nav {
	position:relative;
	list-style:none;
	margin:0;
	padding:0 0 17px 0;
	_height:1%;
	overflow:hidden;
	width: 100%;
	background: url(../images/common/bg_lines.gif) repeat-x bottom;
	}	

#nav li {
	float:left;
	}
#nav a {
	font-weight: bold;
	color: 333333;
	text-decoration: none;
	padding:0 8.6em 0 0;
	}
ul#nav li.on a, 
ul#nav a:hover {
	background-color:#fff;
	color:#B30057;
	}
#nav li#end a {
	padding-right:0;
	}
/* subnav */

ul#subnav {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
/*	background:url(../images/common/bg_dots_nav.gif) repeat-x top left;
*/	}	
ul#nav li #subnav a {
	font-weight: bold;
	font-size:0.9em;
	color: #BEBDBD;
	text-decoration: none;
	padding:3px 2px 3px 10px;
	display:block;
	background: #FbFbFb url(../images/common/bg_dots_nav.gif) repeat-x top left;
	}

ul#nav li ul#subnav li a.on, 
ul#nav li ul#subnav a:hover {
	color:#888;
	}


/********* sIFR STYLES SECTION *******	
	THESE ARE THE STANDARD sIFR STYLES
		**** DO NOT MODIFY ****
*/
.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;
}

/* modify below */

.sIFR-active #col-content h1 {
	visibility: hidden;
	line-height:1em;
	}
/*.sIFR-active h1.alt {
	visibility: hidden;
	line-height:1em;
	color:#B30057;
	}
.sIFR-active h1 {
	visibility: hidden;
	line-height:1em;
	}*/	
.sIFR-active #col-left h1, 
.sIFR-active #col-right h1  {
	visibility: hidden;
	line-height:1em;
	font-size:1.7em;
	}
.sIFR-active #strapline {
	visibility: hidden;
	line-height:1em;
	}		
/* END sIFR STYLES SECTION */