/* ----------------------------------------------------------------------------------------------------------------------

Basic site wide style sheet for organic art

Includes: Font syles and colours, Branding, navigation, main backgrounds and footer areas.

Version: 1.1
Author: Darren Baldwin
Email: darren@brightonwebsitedesigns
Website: www.brightonwebsitedesigns.co.uk


------------------------------------------------------------------------------------------------------------------------ *


/* turn off all browser outlines */

a 	{
	outline:none;
	}
	

/* main body css - Set uniform base font size */	

body,td,th
	{
	margin:0;
	padding:0;
	font: 62.5% Georgia, "Times New Roman", Times, serif;
	text-align: left;
	background: #282119 url("../site wide images/mainBGtop.jpg") repeat-x top;
	color: #e3dbd1;
	}
	
	html {
}
h3 {
	margin: 0px 0px 5px;
	padding: 0px;
}


p, ul, li {
	margin: 0px;
	padding: 0px 0px 5px;
	list-style: none;
	line-height: 1.7;
	font-size: 1.5em;
}


/* site wide navigation */

#nav_main {
	height: 50px;
	background: url(../site%20wide%20images/navigation.png) no-repeat center top;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#nav_main a {
	width: 5em;
	display: block;
	line-height: 1.4px;
	text-decoration: none;
	text-align: center;
	padding: 0.8em 0.3em;
	margin: 0px;
}
#nav_main ul {
	text-decoration: none;
	margin: 0px 0px 0px 220px;
	padding: 0px;
}
#nav_main li {
	list-style: none;
	color: #282119;
	float: left;
	text-indent: -9999px;
}
#home  a:hover {
	background: url(../site%20wide%20images/about-hover.png) no-repeat 24px 16px;
	line-height: 1.4px;
}

#workshops  a:hover {
	background: url(../site%20wide%20images/workshops-hover.png) no-repeat 20px 17px;
	line-height: 1.4px;
}

#gallery  a:hover {
	background: url(../site%20wide%20images/gallery-hover.png) no-repeat 41px 18px;
	line-height: 1.4px;
}

#links  a:hover {
	background: url(../site%20wide%20images/links-hover.png) no-repeat 30px 20px;
	line-height: 1.4px;
}



/* site wide branding */
#branding {
	margin: 0px;
	padding: 0px;
	background: url(../site%20wide%20images/organic-logo.png) no-repeat center top;
	height: 160px;
	width: 100%;
}
#branding a {
	display: block;
	line-height: 1.4px;
	width: 15em;
	text-decoration: none;
	text-align: center;
	padding: 1.7em 0em;
	margin: 64px 0px 0px 366px;
}

#branding ul {
	text-decoration: none;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#branding li {
	float: left;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	color: #282119;
	font-size: 1.2em;
	text-indent: -9999px;
}
#branding a:hover {
	background: url(../site%20wide%20images/email-hover.png) no-repeat 31px 34px;
}


/* site wide intro/mission statement */

#intro {
	text-align: center;
	margin-top: 60px;
	height: 340px;
}



/* Footer section with sub nav */	


#footer {
	text-align: center;
	background: #96A852 url(../site%20wide%20images/footerBG.jpg) repeat-x top;
	height: 170px;
	padding-top: 130px;
	color: #282119;
	margin-top: 0px;
	clear: both;
	font-weight: bold;
}


#footer a:link, #footer a:visited, #footer a:active {
	color: #282119;
	text-decoration: none;
	border-bottom: 1px dotted #282119;
}
#footer a:hover {
	color: #E3DBD1;
	text-decoration: none;
	background: #282119;
	border-style: none;
}


#sub_nav ul {
	margin: 0px;
	padding: 0px;
}


#sub_nav li {
	margin: 0px;
	padding: 0px 5px 0px 0px;
	display: inline;
	font-size: 1em;
}




/* classes */	

.hide {
	text-indent: -9999px;
}