/*
Global Style Sheet

Version:   1.0
Author:    Gary Stanton - Simian Enterprises
Email:     gary@simianenterprises.co.uk
Website:   http://www.simianenterprises.co.uk
*/


/* Import other style sheets */
@import url(formStyles.css);
@import url(tableStyles.css);
@import url(textStyles.css);
@import url(styleAdjusters.css);

/* Reset styles */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}
	
	strong {
		font-weight: bold !important;
	}
	
	:focus {
		outline: 0;
	}
	body {
		font-size: 75%;
		line-height: 1.5em;
		font-family: Helvetica, Arial, sans-serif;
	}
	ol, ul {
		list-style: none;
	}
	
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
	}
	blockquote, q {
		quotes: "" "";
	}

/* Generic website styles */
	html {
		height: 100%;
	}
	
	body {
		height: 100%;
		background-color: #211408;
		color: #FFF;
	}

	#floater {
		float: left;
		height: 50%;
		margin-bottom: -350px;
		width: 940px;
	}

	#mainContainer {
		clear: both;
		width: 940px;
		height: 700px;
		padding-left: 10px;
		padding-right: 10px;
		margin: auto;
		max-width: 98%;
		position: relative;
		/* background-image: url(/img/structure/pageLayout/hgridbg.png); */
	}

	/* Front page styles */
		#frontPageFloater {
			width: 338px;
			float: left;
			height: 50%;
			margin-bottom: -150px;
		}

		#frontPage {
			margin: auto;
			width: 338px;
			text-align: center;
			text-transform: uppercase;
			position: relative;
			height: 200px;
			clear: both;
		}
		
		#frontPage .copyright {	
			margin-top: 6em;
			font-size: 0.833em;
			line-height: 1.8em;
			text-transform: none;
		}

	#header {
	}

/* Link styles */
	a {
		color: #e4dfcb;
		text-decoration: none;
	}
	
	a:hover {
		color: #FFF;
	}


/* Navigation */
	#navigation {
		float: right;
		color: #FFF;
		font-size: 1.5em;
		line-height: 1em;
		font-weight: bold;
		margin-top: 2em;
	}
	
	#navigation ul {
		position: relative;
	}
	
	#navigation ul li {	
		float: left;
		text-transform: lowercase;
	}
	
	#navigation ul li:first-of-type{
		padding-left: 0px;	
	}

	#navigation ul li:last-of-type{
		padding-right: 0px;	
	}
	
	/* Lavalamp styles */
		#navigation ul li.back {
			background: #382c21;
			background: rgba(255, 255, 255, 0.1); */
			width: 9px;
			height: 24px;
			z-index: 8;
			position: absolute;
			margin-top: -3px;	
			-moz-border-radius: 7px;
			-webkit-border-radius: 7px;						
		}
		
		#navigation ul li a {
			outline: none;
			z-index: 10;
			display: block;
			position: relative;
			padding: 0 15px;
		}

/* Main image */
	#mainImage {
		margin-top: 3em;
		float: left;
		text-align: center;
		width: 820px;
		position: relative;
	}

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

	/* Image info */
		#imageInfo {
			background-color: #000;
			background: rgb(0, 0, 0);
			background: rgba(0, 0, 0, 0.7);
			text-align: left;
			padding-left: 20px;
			position: absolute;
			bottom: 4px;
		}

		#imageInfo h2 {
			font-size: 1em;
			font-weight: bold;
			line-height: 1.5em;
		}
		
		#imageInfo p {
			font-size: 0.833em;
			line-height: 1.8em;
		}
		

	/* Previous & Next links */
		#prevNext {
			width: 220px;
			height: 36px;
			background: #382c21;
			background: rgba(255, 255, 255, 0.1);
			-moz-border-radius: 7px;
			-webkit-border-radius: 7px;
			position: absolute;
			top: 702px;
			left: 310px;
			margin: auto;
			font-size: 1.167em;
			line-height: 2.571em;
			font-weight: bold;
		}	
		
		#previousLink, #nextLink {
			width: 43px;
			display: block;
			background-repeat: no-repeat;
			height: 36px;
			float: left;
		}

		#previousLink {
			background-image: url(/img/structure/pageLayout/arrowLeft.png);
			background-position: 12px 8px;
			text-align: left;
			padding-left: 57px;
		}
		
		#previousLink:hover {
			background: #4c4238 url(/img/structure/pageLayout/arrowLeft.png) 12px 8px no-repeat;	
			background: rgba(255, 255, 255, 0.1) url(/img/structure/pageLayout/arrowLeft.png) 12px 8px no-repeat;		
			-moz-border-radius: 7px;
			-webkit-border-radius: 7px;				
		}
		
		#nextLink {
			background-image: url(/img/structure/pageLayout/arrowRight.png);
			background-position: 58px 8px;
			text-align: right;
			padding-right: 57px;
			margin-left: 20px;
		}

		
		#nextLink:hover {
			background: #4c4238 url(/img/structure/pageLayout/arrowRight.png) 58px 8px no-repeat;	
			background: rgba(255, 255, 255, 0.1) url(/img/structure/pageLayout/arrowRight.png) 58px 8px no-repeat;		
			-moz-border-radius: 7px;
			-webkit-border-radius: 7px;				
		}
		
	
/* Thumbnails */
	#thumbnails {
		float: right;
		margin-top: 3em;
		width: 120px;
	}
	
	#thumbnails a {
		width: 40px;
		height: 40px;
		display: block;
		float: left;
		margin-left: 20px;	
		margin-bottom: 14px;
		position: relative;
	}
	
	#thumbnails img {
		border: 1px solid #edf0ef;
		position: absolute;
	}

	#thumbnails img.thumbnail {
		width: 38px;
		height: 38px;
	}

	#thumbnails img.currentThumbnail {
		width: 40px;
		height: 40px;
		display: block;
		float: left;
		margin-left: 20px;	
		margin-bottom: 14px;
		position: relative;
		opacity: 0.5;
		width: 38px;
		height: 38px;		
	}


h1 {
	background-image: url(/img/structure/pageLayout/logo.gif);
	width: 180px;
	height: 47px;
	background-repeat: no-repeat;
	margin-top: 7px;
	float: left;
	text-indent: -999999px;
}




#footer {
}

#footer p {
}

p#siteDesign {
	position: absolute;
	bottom: 0px;
	right: 10px;
	font-size: 0.833em;
	line-height: 1.8em;
	color: #393939;
}



/* CMS Styles */
.CMSPageNav {
	list-style: circle;
}

.cmsPageContent {
	width: 73.333em;
	clear: both;
	text-align: justify;
	padding: 0px;
	margin: 0px;
	float: left;
	margin-left: 2.5em;
	margin-right: 2.5em;
	margin-bottom: 3em;
}


.text {
	}

.text p {
	margin-bottom: 1.5em;
}

.text h2 {
}

.text dl dt {
	font-weight: bold;
}

.text dl dd {
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.text ul li {
	list-style: circle;
	margin-left: 3em;
	margin-bottom: 1.5em;
}