@charset "ISO-8859-1";
/* CSS Document */

/* commented backslash hack v2 \*/
html, body{height:100%;} 
/* end hack */ 

*{margin:0;padding:0}

body {
        padding:0;
	margin:0;
	font-size: 62.5%;	
	font-family: Helvetica, Arial, sans-serif;	
	color: #666;	
	background: #fff url(../images/body-bg3.jpg) top center repeat-y;
}

#outer{
	min-height:100%;
	margin-bottom:-111px; /* needs to be same as footer, safari wrapper height values */
}
 
* html #outer{
	height:100%
} /*for IE as IE treats height as min-height anyway*/



/*	html	__________	*/


ul, ol	{
	font-size: 1.2em;		/* Font size: Top navigation bar: text */
}

p	{				/* Spacing - main display window */
	padding: .2em 0;
}

a:link, a:visited	{		/* Colour of hyperlinks - currently maintain standard for blue...*/
	color: #1b78c1;	
	text-decoration: none;	
	/*border-bottom: 1px dotted #1b78c1;*/	
}

a:hover	{	
	text-decoration: none;	
}

/*	base structure	______________________________	*/
.clearFix:after {	
	content: ".";	
	display: block;	
	height: 0;	
	clear: both;	
	visibility: hidden;	
}

#mainContainer	{	
	margin: 0 auto;	
}

*#headerContainer	{	
	background: #29182a url(../images/header_bg.jpg) repeat-x bottom center;	/* 9c057a 29182a*/
}

#header	{	
	position: relative;	
	margin-bottom: 30px;	
	margin: 0 auto;	
	width: 990px;	
	height: 115px;	
}

#primaryNavContainer	{	
	float: left;	
	width: 100%;	
	background: url("http://www.cheshirenicholas.co.uk/archive/images/wrapper_main_nav_bg.gif") no-repeat 50% 0;	
}

#primaryNav	{	
	margin: 0 auto;	
	width: 990px;		
	background: #eee;	
}

#bodyContainer	{	
	margin: 0 auto;	
	width: 990px;	
}

#bodyWrap	{	
	width: 990px;	
	float: left;	
	background: #fff;	
}

#main	{				/* Main container window */
	float: right;	
	width: 950px;	
	margin-right: 10px;	
	margin-top: 30px;	
	margin-bottom: 20px;	
}

#secondary	{	
	width: 1px;	
	float: left;	
	margin-left: 10px;	
	margin-top: 30px;	
	margin-bottom: 20px;	
}

.col	{	
	float: left;	
}

/*	logo	______________________________	*/
#logoContainer	{	
	position: absolute;	
	top: 45px;	
	width: 200px;	

}

#logoContainer h1 a	{		/* Text: CN in logo */
	display: block;	
	border: 1px solid #ffffff;	
	background: #9c057a;	
	color: #ffffff;	
	height: 50px;	
	width: 50px;
	font-size: 1.15em;

		
}

#logoContainer h1 a:hover	{	
	background: #000000;	
}

#logoContainer p	{		/* Text: Cheshire Nicholas (next to logo) */
	position: absolute;	
	top: 33px;	
	left: 56px;	
	display: block;	
	color: #ffffff;	
	font-size: 1.6em;	
}


/*	layout	______________________________	*/
.block	{	
	clear: left;	
}

.col.single	{	
	width: 725px;		
}

.col h2 strong	{	
	color: #1b78c1;	
	border-right: 1px solid #1b78c1;	
	padding-right: 20px;	
	margin-right: 20px;	
}

.col h2	{	
	font-weight: normal;	
	color: #666666	
}

.block.home-header	{	
	width: 935px;	
	height: 300px;	
	background: #211022 url("http://www.cheshirenicholas.co.uk/archive/images/main-img-curve-bg.jpg") no-repeat top right;	
					/* Background colour main display window */
					/* Purple */
}

/* Add new box colours/types here */
.block.mng-header	{	
	width: 935px;	
	height: 300px;	
	background: #050100 url("http://www.cheshirenicholas.co.uk/archive/images/main-img-curve-bg-mng.jpg") no-repeat top right;	
					/* Background colour main display window */
					/* black */
}

.block.ldr-header	{	
	width: 935px;	
	height: 300px;	
	background: #0f144c url(../images/main-img-curve-bg-ldr.jpg) no-repeat top right;	
					/* Background colour main display window */
					/* deep blue */
}

.block.inv-header	{	
	width: 935px;	
	height: 300px;	
	background: #d19b5b url(../images/main-img-curve-bg-inv.jpg) no-repeat top right;	
					/* Background colour main display window */
					/* cream */
}

.block.pln-header	{	
	width: 935px;	
	height: 300px;	
	background: #779ec3 url(../images/main-img-curve-bg-pln.jpg) no-repeat top right;	
					/* Background colour main display window */
					/* cream */
}


.col.left-image	{	
	width: 253px;	
	float: left;	
}


.block.home-header.contact	{		
	background: none;	
}

.col.right-text	{	
	width: 580px;			/* Width of main display window, from right moving left */
	float: right;	
	padding: 20px 50px 20px 0;		
}

.col.right-text h2	{		/* Main heading eg: Light from recession is here */
	margin-bottom: 20px;		/* Margin underneath heading */	
	color: #fff;
	font-size: 2.1em;
}

.col.right-text p	{		/* General text in main display window eg: text underneath Light from recession is here */
	padding-bottom: 15px;	
	font-size: 1.4em;	
	color: #fff;			
}

.col.right-text.contact h2, .col.right-text.contact p	{	
	color: #666;	
}

.col.double	{	
	width: 355px;	
	margin-right: 15px;	
}

.col.double.last	{	
	margin-right: 0;	
}

.col.thirds	{	
	width: 235px;	
	margin-right: 10px;	
	padding-top: 10px;	
	background: url(../images/col-thirds-bg.gif) no-repeat top left;	
}

.col.thirds h2	{	
	background: url(../images/col-thirds-title-left.gif) no-repeat top left;	
	margin: 0 0 0 5px;	
	padding: 0;	
}

.col.thirds h2 a	{	
	padding: 5px;	
	margin: 0 0 0 5px;	
	background: url(../images/col-thirds-title-right.gif) no-repeat top right;	
}

.col.thirds p	{	
	background: url(../images/col-thirds-inner-bg.gif) no-repeat top left;	
	padding: 10px;	
}

.col.thirds.last	{	
	margin-right: 0;	
}

/*	Footer	*/
#footer	{	
	width: 990px;	
	margin-top: 20px;	
	padding-top: 20px;	
	clear: both;	
	border-top: 1px solid;
	position: relative;
}


#footer h3 	{	
	color: #474a51; /*#9c057a;*/	/* Footer: Cheshire Nicholas sub-title */
	padding: 0 20px;		
	font-size: 1.4em;		
}


#footer h4	{
	color: #9c057a;			/* Text colour: not used? */
	padding: 0 20px;	
}

#footer p	{	
	color: #474a51;			/* Footer: Main text (telephone number etc) */ 
	padding: 0 20px;	
	font-size: 1.2em;		
	line-height: 1.2em;


}

/*#footer div.ch-logo	{	
	position: absolute;	
	right: 10px;	
	top: 22px;	
	background: url(../images/ch-logo.jpg) no-repeat top right;	
	height: 40px;	
	width: 40px;	
}*/

/*#footer div.ch-logo p a	{	
	position: absolute;	
	top: 15px;	
	right: 40px;	
	width: 40px;	
	display: block;	
}*/
