/* -------------------------------------------------------------------------------- */
/*																					*/
/*		[CHKS] 			Master Screen Stylesheet									*/
/*																					*/
/*		date:      15/04/08															*/
/*		author:    [True Designs - Ash Bryant]										*/
/*		email:     [ashbryant AT gmail DOT com]										*/
/*		website:   [http://www.truedesigns.co.uk/]									*/
/*																					*/
/*																					*/
/*		Colours used:	#898667  -  Green / Brown 	- Background 					*/
/*						#F4F3EF  -  Light Brown		- BG for non-content areas		*/
/*						#486469	 -	Blue			- Image Borders					*/
/*						#CCCCCC  -  Light Grey		- Borders						*/
/*						#8F0407	 -	Burgundy		- Heading Text					*/
/*						#333333  -  Very Dark Grey	- Body Text						*/
/*						#1070B6  -  Blue			- Some Links 					*/
/*						#679010  -  Green			- Ledgend Headings				*/
/*																					*/
/* -------------------------------------------------------------------------------- */


/****************************************************************************************/
/* These are the basics for the website.                                                */
/****************************************************************************************/

	/* import Generic Styles for applying to elements, i.e. floats, margins, text sizes etc */
	@import url(generic_styles.css);

	/* import Navigation Styles for applying to elementsc */
	@import url(navigation.css);

	/* import Navigation Styles for applying to elementsc */
	@import url(pagination.css);

	body {
		font: 62.5%/1.5em Arial, Helvetica, Verdana, sans-serif;
		background-color: #cccccc;
		color: #333;
		padding-bottom: 3em;
	}

/****************************************************************************************/
/* The layout, website defining areas                                                   */
/****************************************************************************************/

	#page_container {
		width: 96.8em;
		margin: 0 auto;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
	}

	#header_area {
		width: 96.8em;
		height: 16.75em;
		float: left;
		clear: left;
		background-color: #ffffff;
		color: #000000;
	}

	#navigation_area {
		background-color: #000000;
		width: 94.5em;
	}

	#content_area {
		width: 96.8em;
		background-color: #FFF;
		float: left;
		clear: left;
	}

	#left_column {
		width: 63em;
		float: left;
		margin: 3em 1em 1.5em 3em;
	}

	#right_column {
		width: 25em;
		float: right;
		margin: 1.5em 3em 1.5em 0;
	}

	#media_left_column {
		width: 20em;
		float: left;
		margin: 1.5em 1em 1.5em 3em;
	}

	#media_right_column {
		width: 68em;
		float: right;
		margin: 3em 3em 1.5em 0;
	}

	#footer_area {
		width: 96.8em;
		background-color: #FFFFFF;
		clear: both;
	}

/****************************************************************************************/
/* Header area                                                                          */
/****************************************************************************************/

	.mainLogo {
		margin: 0.75em 0 0 3em;
		border: 0px solid #666;
	}

	.insightLogo {
		margin: 2em 2em 0 3em;
		border: 0px solid #666;
	}

	#topBar {
		height: 1.5em;
		border-style: double;
		padding-left: 1em;
		padding-right: 1em;
		padding-top: 0.25em;
		border-bottom: 3px double #ccc;
		font-size: 1.2em;
	}

	#topBar a {
		text-decoration: none;
                color: #000;
	}

	#topBar img {
		margin: 0;
		padding: 0;
	}

	p.reasons20 {
		color: #807F83;
		width: 30em;
		font-size: 1.4em;
		line-height: 1.4em;
		margin: 0.9em 2em 0;
		text-align: right;
	}
	p.reasons20 span.reasons20_header {
		clear: left;
		color: #8F0407;
		float: right;
		font-size: 1.75em;
		margin: 0.6em 0 0 0;
	}

	p.reasons20 span.reasons20_footer {
		clear: left;
		color: #8F0407;
		float: right;
		font-size: 1em;
		margin: 0.2em 0 0 0;
	}

/****************************************************************************************/
/* Navigation area                                                                      */
/****************************************************************************************/

	#navigation_area p {
		color: #000;
	}

	#navigation_area form {
		margin: 0.2em 0 0 4em;
		float: left;
 	}

	#navigation_area form fieldset {
		border: none;
	}

	#ajaxSearch_form {
		margin: 0.2em 0 0 1em;
		float: left;
		color: #444;
		width: auto;
	}

	#ajaxSearch_input {
		background: #FFF url(/assets/templates/chks/images/forms/search_bg.png) no-repeat top left;
		height: 1.5em;
		border: 1px solid #CCC;
		padding: 0.3em 0 0 2em;
		float: left;
		color: #999;
		width: 12em;
	}

	#ajaxSearch_submit {
		background: #CCC url(/assets/templates/chks/images/forms/search_submit.png) no-repeat top left;
		width: 2.5em;
		height: 2em;
		border: 1px solid #CCC;
		padding: 0.3em 0 0 2em;
		float: left;
		display: block;
		cursor: pointer;
	}

	#navigation_area form fieldset input[type=text] {
		background: #FFF url(/assets/templates/chks/images/forms/search_bg.png) no-repeat top left;
		height: 1.5em;
		border: 1px solid #CCC;
		padding: 0.3em 0 0 2em;
		float: left;
		color: #999;
		width: 12em;
	}

	#navigation_area form fieldset input[type=button] {
		background: #CCC url(/assets/templates/chks/images/forms/search_submit.png) no-repeat top left;
		width: 2.5em;
		height: 2em;
		border: 1px solid #CCC;
		padding: 0.3em 0 0 2em;
		float: left;
		display: block;
		cursor: pointer;
	}

/****************************************************************************************/
/* Footer area.                                                                         */
/****************************************************************************************/

	#footer_area fieldset {
		border: 1px solid #CCC;
		padding: 1.5em;
		margin: 0 3em 2em 3em;
	}

	#footer_area p {
		font-size: 1.4em;
	}

	#footer_area p.iso {
		font-size: 1em;
	}

	#footer_area p span {
		color: #8F0407;
	}

	#footer_area ul {
		float: right;
		list-style: none;
		margin: 0.5em 0 0 0;
	}

	#footer_area ul li {
		display: inline;
		border-right: 1px solid #666;
		margin: 0 1em 0 0;
	}

	.noBar {
		border-right: 0px;
	}

	#footer_area ul li a {
		margin: 0 1em 0 0;
		font-size: 1.4em;
		color: #666;
		text-decoration: none;
	}

	#footer_area ul li a:hover {
		color: #618C09;
		text-decoration: underline;
	}

/****************************************************************************************/
/* End of main style sheet.                                                             */
/****************************************************************************************/

/* Independent style for each page
body#home a.link1,
body#ourStyles a.link2,
body#projects a.link3 {
	border-bottom: 0.05em solid #486469;
}*/

/* CENTERED SITE
#holding_wrapper {
	position:absolute;
	left: 50%;
	top:50%;
	width:750px;
	margin-left: -375px; half of the width
	height: 527px;	/* change for email sign up
	margin-top: -263px; /* half of the height - change for email sign up
}*/