/*
	Template CSS 
	Developed by Alliance Software
	
	
	==========================================================
	
	TABLE OF CONTENTS
	
		1. Reset and colours
		2. General Setup
		3. Tiny MCE Default Styles
		4. Everything else
	
	=========================================================

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

		1. RESET AND COLOURS
		
	*********************************
*/
	@import url(reset.css);
	
	/*
		page colours go here for easy reference
	*/


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

		2. GENERAL SETUP
		
	*********************************
*/
	body{
		font-family:"Helvetica Neue", Arial, Helvetica, Sans-serif;	
		font-size:75%;
		line-height:1.5;																		
		background:url(../images/header_bg.png) repeat-x center 0px;															
		color:#7e7e7e;
	}
	
	h3,h4,h5,h6 {
		margin:1em 0 0 0;
	}
	h1,h2,h3,h4{font-weight:bold; color:#7e7e7e;}
	h1{font-size: 1.75em;}
	h2{font-size:1.3em;}
	h3{font-size:1.25em;}
	h4{font-size:1em; color:#7e7e7e;}
	
	p{margin:0.5em 0 1em;}
	em{font-style:italic;}
	strong{font-weight:bold;}
	.text-left{text-align:left;}
	.text-right{text-align:right;}
	.text-center{text-align:center;}
	
	ul, ol, dl{margin:1em 0;}																																											
	ol{list-style-type:decimal;}
	li{margin:0 0 0.5em;}													
	ul{list-style-type:square;}
	.no-bullet li{	list-style-type:none;}
	
	/* keep in LoVe HAte */
	a:link{color:#79abd9;}
	a:visited{color:#7094c2;}
	a:hover{color:#E67700; text-decoration:none;}
	a:active{color:#7094c2;}
	
	#content a:link{color:#3475B2;}
	#content a:visited{color:#3475B2;}
	#content a:hover{color:#E67700;}
	#content a:active{color:#3475B2;}
	
	blockquote{border:1px solid #ccc; padding:12px; width:90%; margin:12px auto;}
	blockquote h2{font-size:1.4em;}
	blockquote img{float:right; margin:3px 8px;}
	
	/* To force the blockquote to clear itself */
	blockquote:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
	blockquote {display:inline-block;}/* Hide from IE Mac \*/
	blockquote {display:block;}/* End hide from IE Mac */
	
	/* generic float and clear classes */
	.left{float:left;}
	.right{float:right;}
	.clear{clear:both;}
	.clear-left{clear:left;}
	.clear-right{clear:right;}
	
	/* clearfix enables self clearing floats, add class="clearfix" to any floated element to clear itself */
	.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
	.clearfix {display:inline-block;}/* Hide from IE Mac \*/
	.clearfix {display:block;}/* End hide from IE Mac */
	
	#main-content-inner ul, #main-content-inner ol {list-style-position:inside;}


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

		3. TINY MCE STYLES
		
	*********************************
*/
	.mceContentBody{
		background:#fff;															/* sets background to white when editing in CMS */
		color:#222;																	/* sets text colour at a good contrast on white background */
		text-align:left;															/* to make sure it does not take centre styles from body */
	}
	.mceContentBody ul, .mceContentBody ol, .mceContentBody dl{margin:1em 0;}									
	.mceContentBody ol li{list-style-type:decimal; margin-left:30px;}
	.mceContentBody li{margin:0 0 0.5em;}															
	.mceContentBody ul li{list-style-type:square; margin:0 0 0 30px;}




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

		4. EVERYTHING ELSE
		
	*********************************
*/

#page {margin:0 auto; text-align:center; width:890px;}

#header {height:91px;}

#header #logo{ float:left;
}

#header #t_logo {float:right; margin:0 35px 0 0; margin-top:5px; font-size:11px; font-weight:bold; color:#FFFFFF; text-align:center;}
#header #t_logo span {}

#header p {margin:0; }

#content {background:#F5F5F5;}

#main-content {text-align:left; padding: 28px 28px; background:url(../images/red_x.png) no-repeat 28px 28px; overflow:hidden;}
#main-content-inner {background:url(../images/red_x.png) no-repeat bottom left; border-left:1px solid #E3CCCC; padding:14px 28px; overflow:hidden;}

#top_content {padding:28px 36px 10px 26px; background:#F5F5F5;}
#top_content #left{float:left; text-align:center; width:390px;}
#top_content #right{float:right; text-align:center; width:390px; padding-top:25px;}
#top_content h1 {}
#top_content h2 {line-height:1em; margin:1em 0;}

#top_content #left img {border: 1px solid #E3CCCC;}

#ribbon {background:url(../images/ribbon.png) repeat-x center #7d0000; height:64px;}

.red_line {background:url(../images/red_x.png) no-repeat left center; height:1px;}


#footer {background:url(../images/footer_bg.png) repeat-x center #7d0000; height:49px; text-align:center; color:#ffde00; padding-top:15px;}
#footer p {margin:0 0 .5em 0; font-size:11px}
#footer a, 
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active{color:#ffde00; text-decoration:underline; font-size:12px; font-weight:bold; margin:0 8px;}

#nav {color:#ffde00;float:right;  position:relative; top: 65px; font-size:14px; font-weight:bold; left:55px}
#nav a, 
#nav a:link,
#nav a:visited,
#nav a:hover,
#nav a:active{color:#ffde00; text-decoration:none; font-size:14px; font-weight:bold; margin:0 8px;}

#nav a:hover {text-decoration:underline;}


/********************************************************************************/
/*	SIDE BAR	
/********************************************************************************/		
#sidebar{float:right; width: 240px;}
#sidebar ul {margin:0; padding:0; list-style:none; list-style-position:inside;}
#sidebar ul li {margin:0 0 1.5em 0; padding:0;}
#content #sidebar a,  
#content #sidebar a:link, 
#content #sidebar a:visited, 
#content #sidebar a:active {display:block;color:#ffde00; font-weight:bold; background:url(../images/list_a_bg.png) repeat-x center; height:40px; text-decoration:none; line-height:40px; font-size:16px; font-weight:bold; padding-left:15px;}
#content #sidebar a:hover {text-decoration:underline;}



.projectLayout { background-color: #ddd; min-height: 500px; padding: 10px; -moz-border-radius: 10px; }

.controller li { display: inline; padding: 5px;}
.layoutitem { background-color: white; border: 1px solid #666; -moz-border-radius: 10px; float: left; height; 90%; margin: 10px; min-height: 400px;}
.layoutitem h3 { text-align: center; margin-top: 2px; }
.controller a { color: white; }
.controller .visible {  }

.story { border: 1px solid #666; padding: 5px; background-color: #ddf; }
.story .section { -moz-border-radius: 5px; background-color: white; color: #33a; margin-bottom: 5px; padding: 5px; border: 1px solid #33a;}
.story .sectionHeader { font-size: 1.1em; font-weight: bold; text-align: left; }


/********************************************************************************/
/*	CONTACT PAGE - FORM
/********************************************************************************/		
div.formtoemail {width:400px;}
/* div.formtoemail div {margin-bottom:4px; } no class set on divs so just use '.div' */
div.formtoemail label { width:90px; float:left; margin-left:5px; }
div.submit {margin-left:95px;}
div.formtoemail input {width: 170px;}
div.formtoemail div.error{float:right; margin-right:30px; padding-top:3px;}
div.formtoemail textarea{width:170px; float:left;}


/********************************************************************************/
/*	ENQUIRY PAGE - FORM
/********************************************************************************/		
#enquiry-block .row {margin-bottom:5px; clear:both;}
#enquiry-block label, #enquiry-block .spacer  {width:100px; display:block; float:left; margin-right:5px; padding:2px;}
#enquiry-block input.radio {float:left; width:18px;}
#enquiry-block label.radio {float:left;}
#enquiry-block label.short {width:50px;}
#enquiry-block label.long {width:180px;}
#enquiry-block label.full-width {width:460px; float:none;}
#enquiry-block input, {width:150px; padding: 2px;}
#enquiry-block input.checkbox {width:20px;}
#enquiry-block input.submit {margin-left:107px; width:120px; margin-top:20px;}
#enquiry-block span.error {color:#FF0000; font-weight:bold; font-size:.9em;}
#enquiry-block .required {color:#ff0000; margin:0 2px;}
#enquiry-block .error {color:#FF0000; font-weight:bold;}


/********************************************************************************/
/*	Tell a friend
/********************************************************************************/		
.tellafriend legend {font-weight:bold;}
.tellafriend fieldset {width:460px;}
.tellafriend label {float:left; width:155px; padding:2px; margin-right:4px; text-align:right;}
.tellafriend input{width:140px; padding:2px; margin-bottom:4px;}
.tellafriend .submit {margin-left: 161px;}
.tellafriend .submit input {width:70px; padding:0;}
.tellafriend .error {float:right; color:#FF0000; margin-left:4px; }