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

	GLOBAL CSS 
	==========
	
	Provides all global styles for the site which more specific sections 
	can be built on using the layered css technique
	
	Author:		Tom Harman		[www.fakefrench.com]

	Listing Order:
	==============

	1 - Universal
	2 - Forms
	3 - General Structure / Layout
	4 - Navigation Elements
	5 - Header Elements
	6 - Body Elements
	7 - Footer Elements
	8 - Messages

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

/***********************************************************************
	1 - UNIVERSAL STYLES
************************************************************************/

body {
	background: #292929;
	font-size: .72em;
}

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, abbr, input, select, textarea, table, td, th {
	font-family: Arial, Helvetica, sans-serif;
}

#content ul {
	list-style-type: none;
	list-style-position: inside;
	margin-left: 0;
}

#content ul li {
	background: url('../i/layout/latest-entry-bullet.gif') 0 -1px no-repeat;
	float: left;
	line-height: 1.4em;
	padding-left: 15px;
	position: relative;
	text-align: left;
	text-indent: -0px;
	width: 44%;
}

div#content p {
	margin: 0 0 .9em 0;
}

/***********************************************************************
	2 - FORMS
************************************************************************/

form, fieldset, legend {
	border: none;
	padding: 0;
	margin: 0;
}

form {
	position: relative;
	top: -10px;
}

legend {
	position: absolute;
	left: -999em;
	text-indent: -999em;
}

input {
	border: 1px solid #292929;
	margin: .4em 0;
	padding: 2px;
	width: 60%;
}

textarea {
	border: 1px solid #292929;
	margin: .3em 0;
	padding: 2px;
	width: 100%;
}

input.zemSubmit {
	color: #fff;
	background: #666;
	border: 1px solid #292929;
	font-size: 1.1em;
	font-weight: bold;
	padding: 3px 5px;
	width: auto;
}

/***********************************************************************
	3 - GENERAL STRUCTURE/LAYOUT
************************************************************************/

div#wrapper {
	background: #363636 url('../i/layout/bg-header.gif') 50% 0 repeat-x;
	width: 100%;
}

div#footer-wrapper {
	background: url('../i/layout/bg-footer.gif') 50% 0 repeat-x;
	width: 100%;
}

div#container, div#footer {
	margin: 0 auto;
	width: 770px;
}

div#container {
	background: url('../i/layout/header.gif') 0 0 no-repeat;
}

div#footer {
	background: url('../i/layout/footer.gif') 0 0 no-repeat;
}

/***********************************************************************
	4 - NAVIGATION
************************************************************************/

div#nav-primary {
	background: url('../i/layout/nav.gif') 0 0 no-repeat;
	height: 191px;
	float: left;
	top: 57px;
	padding-bottom: 50px;
	position: relative;
	width: 190px;
}

div#nav-primary ul {
	float: right;
	position: relative;
	right: 9px;
	top: 11px;
	width: 130px;
}

div#nav-primary ul li a {
	display: block;
	height: 20px;
	outline: none;
	position: relative;
	text-indent: -999em;
}

div#nav-primary ul li a:hover {
	text-decoration: none;
}

div#nav-primary ul li#nav-item-home a:hover 					{ background: url('../i/layout/nav.gif') -241px -11px no-repeat; }
div#nav-primary ul li#nav-item-news a:hover 					{ background: url('../i/layout/nav.gif') -241px -31px no-repeat; }
div#nav-primary ul li#nav-item-splitter-hire a:hover 		{ background: url('../i/layout/nav.gif') -241px -52px no-repeat; top: 1px; }
div#nav-primary ul li#nav-item-equipment-hire a:hover 	{ background: url('../i/layout/nav.gif') -241px -73px no-repeat; top: 2px; }
div#nav-primary ul li#nav-item-tour-production a:hover 	{ background: url('../i/layout/nav.gif') -241px -93px no-repeat; top: 2px; }
div#nav-primary ul li#nav-item-client-list a:hover 		{ background: url('../i/layout/nav.gif') -241px -115px no-repeat; top: 4px; }
div#nav-primary ul li#nav-item-contact a:hover 				{ background: url('../i/layout/nav.gif') -241px -136px no-repeat; top: 5px; }

div#nav-secondary {
	padding-top: 82px;
}

div#nav-secondary ul, div#nav-secondary ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#nav-secondary ul {
	text-align: center;
}

div#nav-secondary ul li {
	display: inline;
	margin-right: .2em;
}

div#nav-secondary ul li a {
	border-right: 1px solid #5E5E5E;
	padding-right: .4em;
}

/***********************************************************************
	5 - HEADER ELEMENTS
************************************************************************/

div#header {
	height: 178px;
}

div#logo a {
	display: block;
	height: 42px;
	left: 13px;
	outline: none;
	position: relative;
	text-indent: -999em;
	text-decoration: none;
	top: 136px;
	width: 172px;
}

/***********************************************************************
	6 - BODY ELEMENTS
************************************************************************/

div#content {
	color: #E8E8E8;
	float: left;
	position: relative;
	text-align: justify;
	width: 436px;
}

div#content h2 {
	margin-bottom: .3em;
	font-weight: normal;
	text-transform: uppercase;
}

div#content a {
	color: #CB971C;
	text-decoration: underline;
}

div#content a:hover {
	color: #E2AE33;
}

div#contact-details a {
	background: transparent url('../i/layout/header-email.gif') 0 0 no-repeat;
	float: right;
	height: 62px;
	outline: none;
	position: relative;
	text-indent: -999em;
	text-decoration: none;
	top: 57px;
	width: 140px;
}

/* PAGE HEADERS */

div#content h1#header-welcome {
	height: 65px;
	padding-top: 5px;
	padding-bottom: 0;
	position: relative;
	text-indent: -999em;
	background: url('../i/page-headers/header-welcome.gif') 0 0 no-repeat;
}

div#content h1 {
	height: 35px;
	padding-top: 15px;
	padding-bottom: 6px;
	position: relative;
	text-indent: -999em;
}

h1#header-news 				{ background: url('../i/page-headers/header-news.gif') 0 15px no-repeat; }
h1#header-splitter-hire 	{ background: url('../i/page-headers/header-splitter-hire.gif') 0 15px no-repeat; }
h1#header-equipment-hire 	{ background: url('../i/page-headers/header-equipment-hire.gif') 0 15px no-repeat; }
h1#header-tour-production 	{ background: url('../i/page-headers/header-tour-production.gif') 0 15px no-repeat; }
h1#header-client-list 		{ background: url('../i/page-headers/header-client-list.gif') 0 15px no-repeat; }
h1#header-contact 			{ background: url('../i/page-headers/header-contact.gif') 0 15px no-repeat; }
h1#header-error				{ background: url('../i/page-headers/header-error.gif') 0 15px no-repeat; }

h1#sub-header-latest-news 				{ background: url('../i/page-headers/sub-header-latest-news.gif') 0 15px no-repeat; }
h1#sub-header-equipment-photos		{ background: url('../i/page-headers/sub-header-equipment-photos.gif') 0 15px no-repeat; }
h1#sub-header-van-photos				{ background: url('../i/page-headers/sub-header-van-photos.gif') 0 15px no-repeat; }

/* NEWS ARTICLE */

div#content div.news-article {
	background: url('../i/layout/divider.gif') 50% bottom no-repeat;
	margin-bottom: 10px;
	padding-bottom: 20px;
}

div#content div.news-article h2, div#content div.news-article-front h2 {
	font-size: 1.35em;
	font-weight: normal;
	margin-bottom: 0;
	text-transform: uppercase;
}

div#content div.news-article h2 a, div#content div.news-article-front h2 a {
	color: #fff;
	text-decoration: none;
}

div#content div.news-article h2 a:hover, div#content div.news-article-front h2 a:hover {
	color: #E2AE33;;
}

div#content div.news-article h3, div#content div.news-article-front h3 {
	color: #777;
	font-size: .9em;
	font-weight: normal;
	padding-bottom: .7em;
	text-transform: uppercase;
}

/* PHOTOS */

div#photos, div.secondary-content {
	background: url('../i/layout/divider.gif') 50% 8px no-repeat;
	padding-top: 20px;
	clear: both;
	position: relative;
}

div#content div.secondary-content h1 {
	height: 30px;
	padding-top: 15px;
	padding-bottom: 0;
	position: relative;
	text-indent: -999em;
}

/*div.photo-selection {
	background: #303030;
	clear: both;
	position: relative;
	width: 100%;
}*/

div.photo-selection a {
	border: 8px solid #303030;
	float: left;
	margin-top: 8px;
	margin-right: 8px;
	position: relative;
}

div.photo-selection a:hover {
	border: 8px solid #292929;
}

/*div.photo-selection img.class {
	margin-right: 8px;
}*/

/***********************************************************************
	7 - FOOTER ELEMENTS
************************************************************************/

div#footer, div#footer a {
	color: #5E5E5E;
	text-transform: lowercase;
}

div#footer {
	padding-bottom: .8em;
}

div#footer a:hover {
	color: #eee;
}

div#siteinfo-credits {
	margin-top: 2px;
	text-align: center;
}

/***********************************************************************
	8 - MESSAGES
************************************************************************/

.error { 
	color: #a00;
	font-weight: bold;
}

.error ol li {
	list-style-type: lower-roman;
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: 1em;
	font-weight: normal;
}

.notice { 
	font-weight: bold;
}

.message { 
	
}