/* - - - -  PageLayout - - - - - */

html {
	/* hide overflow:hidden from IE5/Mac */
 	/* \*/
	overflow:hidden; /*get rid of scroll bars in IE */
	/* */
}

#content{
	display:block;
	width:100%;
	height:100%;
	max-height:100%;
	overflow:scroll;
	overflow-y:scroll;
	overflow-x:scroll;
	position:relative;
	z-index:1;
}

.contentCenterWrapper {
	margin: 0px auto;
	width: 970px;
	overflow:hidden;
}

.contentContainer {
	width: 100%;
}

.contentCenter {
	width: 920px;
	padding:20px 0px 20px 0px;
	position:relative;
	left: 25px;
}

.columnRight {
	width: 300px;
	float: right;
}

.columnLeft {
	width: 600px;
	float: left;
}

.content_header {
	height:196px;
	background:url('/_img/company-house/case_header_bg.gif') bottom;
}

.content_header h1 {
	margin:10px 0 10px 20px;
}

.content_header p {
	margin:0px 340px 0 20px;
}

#frontpage_header h1 { /* heading */
	color: #1a4d1a;
	font-size: 14px;
	line-height: 17px;
	padding: 0px;
}

#frontpage_header p {
	color: #666;
}


#case_header {
	height:196px;
	background:url('/_img/company-house/case_header_bg.gif');
}

#case_header h1 {
	padding:140px 0 0 20px;
}

/* - - - header styles - - - - */

#header_frontpage {
	background:url('/_img/company-house/header_bg_newer.gif') repeat-x top;
	height:90px;
}

#header_frontpage img {
	margin:8px 0px 0px 25px;
}

#header_frontpage a {
	border:none;
}

#header_frontpage p {
	display:inline;
	position:relative;
	width:305px;
	color:#d1e5ca;
	height:70px;
	top:-2px;
}

#header {
	position:absolute;
	margin:0;
	top:0;
	display:block;
	width:100%;
	z-index:2;
	background: url('/_img/company-house/header_bg.gif') repeat-x top; 
	height:30px;
	right:15px;	
}

#header img {
	margin:8px 0px 0px 32px;
}

#header a {
	border:none;
}

#header p {
	display:inline;
	position:relative;
	width:305px;
	color:#d1e5ca;
	height:70px;
	top:-2px;
}

#header_fade {
	position:absolute;
	margin:0 0 15px 0;
	top:30px;
	display:block;
	width:100%;
	z-index:2;
	height:10px;
	background: url(/_img/company-house/header_fade_bg.png) repeat-x top;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
	_background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/_img/company-house/header_fade_bg.png');
}

/* - - - mainContent styles - - - - */

.mainContent {
	padding: 26px 0px 0px 0px;
}

.case_hover img, .case_hover p, .case_hover h1, .case_hover h2, .case_hover h3 , .case_hover h4 {
	cursor:hand; 
	cursor:pointer;
	color:#c63;
}

.mainContent .columnLeft #featureCase img {
	float:right;
	padding:5px;
}

.mainContent .columnLeft #featureCase h3 {
	margin:0;
	padding:0;
}

.mainContent .columnLeft #featureCase #featureCaseContent img {
	float:left;
	padding:5px;
}

.mainContent .caseHeading  {
	font-style:italic;
	color: #1a4d1a;
	line-height: 11px;
	border-top: 1px solid #c9d6c9;
	padding-top: 10px;
	margin: 15px 0px 10px 0px;
}

#news {
	width:100%;
	padding: 0;
	margin: 0;
	color: #999;
}

#news span.news_left {
	float:left;
	width:15em;
	text-align: right;
	margin-right: 1ex;
	background: url('/_img/company-house/news_ligatur.gif') no-repeat 20px center;
	color: #cbcbcb;
}

#news div.news_more {
	cursor:hand; 
	cursor:pointer;
	margin-left:172px;
}

#news ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#news li {
	border-bottom: 1px solid #CCC;
	margin: 0;
	padding:1px;
}

#news li a {
	display: block;
	padding: 1px;
	text-decoration: none;
	width: 100%;
	color:#999;
}

html>body #news li a {
	width: auto;
}

#news li a:hover {
	background: url('/_img/company-house/menu_bg.gif') repeat-x;
}

#news li a:hover {
	color:#000;
}

.people {
	height:150px;
	margin:10px 0;
}

.people p {
	margin-left:120px;
}

/* - - - columnRight styles - - - - */

.mainContent .columnRight .cases  {
	padding:15px 0;
}

.mainContent .columnRight h2 { /* heading */
	padding: 7px 0px 3px 0px;
}

.mainContent .columnRight .cases  img {
	margin:0px 2px;
	float:right;
}

.mainContent .columnRight .case h5 {
	margin:0;
	padding:0;
}

/* - - - footer styles - - - - */

/* liquid footer */

.xxmainContent
{
	height: 100%;
}

.xxcontentContainer
{
	height: 100%;
}

#nonFooter
{
	position: relative;
	min-height: 100%;
}

* html #nonFooter
{
	height: 100%;
}

#xxfooter
{
	position: relative;
	margin: -7.5em auto 0 auto;
}

/* A CSS hack that only applies to IE -- specifies a different height for the footer */

* html #xxfooter
{
	margin-top: -7.4em;
}

.footer1 {
	background: #FFF url('/_img/company-house/footer1_bg.png') top repeat-x;
	padding: 0px 0px 30px 0px;
}

.footer1 h5 {
	background-image: url(/_img/company-house/footer1_h5_bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom: 1px solid #CBCBCB;
	padding:0 0 0 5px;
	margin:0;
	color: #B0B0B0;
	font-size: 10px;
}

.footer1Left {
	width:290px;
	float:left;
}

.footer1Right {
	width:290px;
	float:right;
}
.address {
	margin-top:5px;
}

.address p {
	color:#999;
	padding:0 0 0 6px;	
}

#menu {
	width:100%;
	padding: 0 0 0 0;
	margin: 0px;
	color: #333;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#menu li {
	border-bottom: 1px solid #CCC;
	margin: 0;
	padding:1px;
}

#menu li a {
	display: block;
	padding: 3px;
	text-decoration: none;
	width: 100%;
	color:#999;
}

#menu li a span {
	background: url('/_img/company-house/menu_bullet.gif') -400px no-repeat;
}

#menu li a span b {
	padding-left:13px;
}

html>body #menu li a {
	width: auto;
}

#menu li a:hover {
	color:#000;
	background: url('/_img/company-house/menu_bg.gif') repeat-x;
}

#menu li a:hover span {
	background: url('/_img/company-house/menu_bullet.gif') -800px no-repeat;
}

/* static footer */

.footer2 {
	position:absolute;
	margin:0 0 15px 0;
	bottom:0;
	display:block;
	width:100%;
	height:30px;
	z-index:2;
	right:15px;
	background-image:url(/_img/company-house/footer2_bg.png);
	background-repeat:repeat-x;
}

.footer2 h5 {
	color: #828486;
	font-size: 9px;
	line-height: 9px;
	padding: 10px 0px 5px 0px;
	margin: 0px;
}

.footer2 a, .footer2 a:link, .footer2 a:visited {
	color: #828486;
	text-decoration: none;
	border-bottom: 1px solid #828486;
}
.footer2 a:hover, .footer2 a:hover .showlink {
	text-decoration: none;
	border-bottom: 1px solid #336600;
	color: #336600;
}

/* GENERAL PURPOSE STYLES */

blockquote {
	margin:10px;
	background: transparent url('/_img/company-house/quote_left.gif') left top no-repeat;
}

blockquote p {
	font-size: 10px;
	padding: 0 35px;
	background: transparent url('/_img/company-house/quote_right.gif') right bottom no-repeat;
}