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

	Jenny Cowern
		
	SCREEN - Stylesheet for Page styles
	
	Web					: http://www.jennycowern.co.uk
	Last Updated		: 01. 02. 2011
	Copyright			: (c) 2011 Chris Sharp
	Author				: Chris Sharp - Furness Internet
	Web					: http://www.csharpdesign.co.uk | http://www.furness.net
	
--------------------------------------------------------------------------------------------------------------------*/

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

	Table of Contents
	
	01. =Subheaders
	02. =Page Containers
	03. =Subnav
	04. =Typography
	05. =Page Images
	05. =Projects
	05. =Pagination
	05. =Contact Form
	06. =Gallery
 		
--------------------------------------------------------------------------------------------------------------------*/

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

	=Subheaders
 		
--------------------------------------------------------------------------------------------------------------------*/

h2 {
	font-family: "Arial Rounded MT bold", Arial, sans-serif;
	font-size: 1em;
}

a: link {
	text-decoration: none; 
	color: #c0c0c0!important;
}

#subheader-outer {
	background: url('../images/bg_subheader.gif') repeat-x left top;
	border-top: 9px solid white;
	clear: both;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

#subheader {
	clear: both;
	height: 134px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	
	position: relative;
	width: 980px;
}

.about {
	background: url('../images/hdr_about.jpg') no-repeat left top;
}

.community {
	background: url('../images/hdr_community.jpg') no-repeat left top;
}

.projects {
	background: url('../images/hdr_projects.jpg') no-repeat left top;
}

.latest-news {
	background: url('../images/hdr_news.jpg') no-repeat left top;
}

.links {
	background: url('../images/hdr_links.jpg') no-repeat left top;
}

.contact {
	background: url('../images/hdr_contact.jpg') no-repeat left top;
}

.energy-prospects {
	background: url('../images/hdr_energy-prospects.jpg') no-repeat left top;
}

.misc {
	background: url('../images/hdr_misc.jpg') no-repeat left top;
}



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

	=Page Containers
 		
--------------------------------------------------------------------------------------------------------------------*/

#page-main {
	clear: both;
	height: auto;
	margin: 0 auto;
	margin-top: 28px;
	margin-bottom: 20px;
	overflow: hidden;
	padding: 0;	
	position: relative;
	width: 980px;
}

#page-content {
	height: auto;
	margin: 0;
	overflow: hidden;
	padding: 0;	
	position: relative;
	width: 660px;
	/*border: 1px solid red;*/
}

#sidebar {
	float: right;
	height: auto;
	margin: 0;
	overflow: hidden;
	padding: 0;	
	position: relative;
	width: 290px;	
}

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

	=Subnav
 		
--------------------------------------------------------------------------------------------------------------------*/

#subnav {
	border-top: 1px solid #dfdfdf;
	border-bottom: 3px solid #bac105;
	display: block;
	margin-bottom: 10px;
	overflow: hidden;
	width: 290px;
}

#subnav li {
	border-bottom: 1px solid #dfdfdf;
	color: #666;
	font-size: 1.2em;
	line-height: 1.6em;
	padding: 6px 0 6px 12px;
	
}

#subnav li a {
	background: url('../images/subnav_arrow.png') no-repeat left center;
	padding-left: 18px;
}

#subnav li a:hover {
	background: url('../images/subnav_arrow_hover.png') no-repeat left center;
	padding-left: 18px;
	text-decoration: none;
}

#subnav li.active {
	/*background: #f8f9fc url('../images/subnav_arrow_active.png') no-repeat 12px 12px;*/
	background: url('../images/subnav_arrow_active.png') no-repeat 12px 12px;	
	padding-left: 30px;
}

#subnav li ul a {
	background: url('../images/subnav_arrow.png') no-repeat left center;
	font-size: 12px;
	padding-left: 18px;
}

#subnav li ul {
	margin: 10px 0 8px 0;
}

#subnav li ul li {
	border: none;
	padding: 0 0 0 12px;
}

#subnav li ul li.active {
	background-position: 12px 6px;
	font-size: 12px;
}

#submenu {
	font-family: "Arial Rounded MT Bold" 
}

#submenu td {
}

#submenu a {
	color: #C0C0C0 !important; 
}

#submenu a:hover {
	color: #000000 !important;
	text-decoration: none; 
}

#venessamenu1 {
	font-family: "Arial Rounded MT Bold"; 
	text-decoration: none !important; 
	color: #C0C0C0;
}

#venessamenu {
	font-family: "Arial Rounded MT Bold"; 
	text-decoration: none !important; 
}

#venessamenu td {
}

#venessamenu a {
	color: #C0C0C0 !important; 
}

#venessamenu a:hover {
	color: #000000 !important;
	text-decoration: none !important; 
}

#venessaback {
	font-family: "Arial Rounded MT Bold";
	font-size: 12px;
	text-decoration: none;
}

#venessaback a:hover {
	color: #C0C0C0 !important; 
}

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

	=Typography
 		
--------------------------------------------------------------------------------------------------------------------*/

#page-content p {
	color: #504744;
	font-size: 1.3em;
	line-height: 1.7em;
	padding-bottom: 24px;
}

#page-content p.firstP {
	color: #534741;
	font-size: 1.6em;
}

#page-content ul {
	margin: 20px 0;
}

#page-content ul li {
	color: #504744;
	font-size: 1.3em;
	line-height: 1.7em;
	list-style: circle;
	padding-bottom: 4px;	
	margin-left: 16px;
}

#page-content .date {
	color: #7a622f;
	font-size: 0.9em;
	letter-spacing: 2px;
	margin-bottom: 0;
	padding: 0;
}

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

	=Page Images
 		
--------------------------------------------------------------------------------------------------------------------*/
#page-content img {
	border: 1px solid #dfdfdf;
	padding: 6px;	
}

#page-content img.right {
	border: 1px solid #dfdfdf;
	float: right;
	margin: 0 0 20px 20px;
	padding: 6px;	
}

#page-content img.left {
	border: 1px solid #dfdfdf;
	float: left;
	margin: 0 20px 20px 0;
	padding: 6px;
}
	
/*-------------------------------------------------------------------------------------------------------------------

	=Projects
 		
--------------------------------------------------------------------------------------------------------------------*/

.projects-section, .projects-section-last {
	float: left;
	height: auto;
	margin-right: 72px;
	overflow: hidden;
	width: 282px;
	/*border: 1px solid red;*/
}

.projects-section-last {
	margin-right: 0;
}

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

	=Pagination
 		
--------------------------------------------------------------------------------------------------------------------*/

#pagination {
	border: 0;
	margin: 0; 
	overflow: hidden;
	padding: 0;
	padding-bottom: 16px;
	text-align: center;
	width: 628px;
}

#pagination li {
	background: none;
	border: 0; 
	display: inline;
	margin: 0; 
	padding: 0;
	font-size: 1.2em;
	list-style: none;
}

#pagination a {
	margin-right: 8px;
}

#pagination .previous-off,
#pagination .next-off {
	background: none;
	border: 0;
	display: block;
	float: left;
	font-weight: bold;
	list-style: none;
	margin: 0 18px 0 18px;
	padding-top: 6px;
}

#pagination .next a,
#pagination .previous a {
	border: 0;
	font-weight: bold;
	list-style: none;
} 

#pagination .active {
	background: #faf8f4;
	border: 1px solid #cec9c0;
	color: #786e5b;
	display: block;
	float: left;		
	font-weight: bold;
	margin-left: 0;
	margin-right: 8px;
	padding: 3px 10px;
}

#pagination a:link,
#pagination a:visited {
	border: 1px solid #cec9c0;
	display: block;
	float: left;
	padding: 3px 10px;
	text-decoration: none;
}

#pagination a:hover {
	background: #f0ede5;
	border: 1px solid #cec9c0;
}

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

	=Contact Form
 		
--------------------------------------------------------------------------------------------------------------------*/

#contact-form {
	background: #f8fafd;
	border: 1px solid #e0e7f7;
	margin: 0;
	margin-bottom: 14px;
	padding: 34px;
	width: 552px;
}
#contact-form form p {
	margin: 0;
	padding: 12px 0 3px 0;
}
#contact-form form p label {
	font-size: 1em;
	font-weight: bold;
	color: #786e5b;
	margin: 0;
	padding: 0;
}

#contact-form form p.captcha label {
	margin-right: 32px;
}

#contact-form form p label span {
	color: #9e9481;
	font-weight: normal;
}

#contact-form ul {
	margin: 14px 0 0 0;
	overflow: hidden;
}

#contact-form img.captcha {
	float: right;
	margin: 16px 280px 0 0;
}

#contact-form ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 0 8px 0;
	width: 270px;
}

#contact-form ul li input {
	background: none;
	border: none;
	margin: 0 5px 0 0;
}

#contact-form input, textarea, select {
	color: #786e5b;
	background: #fff;
	border: 1px solid #d1d4d9;
	font-size: 1.2em;
	padding: 5px;
	margin: 0;
}

#contact-form select {
	font: 1em "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	padding: 3px;
}

#contact-form input#submit.emailButton, #contact-form input#reset.resetButton {
	background: url('../images/button_submit.png') no-repeat top left;
	border: none;
	color: #FBFBFB;
	cursor: pointer;
	font: bold 1.1em Arial, sans-serif;
	height: 43px;
	margin-top: 8px;
	padding: 4px 6px 8px 4px;
	width: 156px;
	text-shadow: -1px -1px 0px #46311b;
	/*border: 1px solid red;*/
}

#contact-form input#submit.emailButton {
	margin-left: 110px;
}

#contact-form input#reset.resetButton {
	background: url('../images/button_reset.png') no-repeat top left;
	text-shadow: -1px -1px 0px #878f9e;
}

#contact-form p.submitP {
	float: left;
	margin-right: 20px;
}

#contact-form input:focus, textarea:focus{
	border: 1px solid #aab0bb;
	background-color: #f8fafd;
}

#contact-form input[type=text]:focus, input[type=password]:focus {
  outline: 0 none;
}

#contact-form .disclaimer {
	clear: left;
	font-size: 1.1em;
}

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

	= Gallery
 		
--------------------------------------------------------------------------------------------------------------------*/

.gallery-figure {
	float:left;
	margin: 5px 0 15px 30px;
	padding-right: 75px;
	width: 150px;
	max-height: 300px;
}

.gallery-figure end {
	float:left;
	margin: 5px 0 15px 30px;
	width: 150px;
	max-height: 300px;
}

.gallery-description {
	width: 150px;
}