/* ------- CSS Reset ------- */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,address,code,del,dfn,em,img,q,
dl,dt,dd,ol,ul,li,
table,caption,tbody,tfoot,thead,tr,th,td,br,fieldset,textarea{font-family:"Lucida Sans Unicode","Lucida Grande","Trebuchet MS", Helvetica, Arial, sans-serif;line-height:20px;letter-spacing:.1px;word-spacing:1px;margin:0;padding:0;border:0;vertical-align:baseline;}
h1,h2,h3,h4,h5,h6,hr,p,ul,ol,dl,pre,address,table,form{margin:0 0 20px}
p,h1, h2, h3, h4, h5, h6, ul.check_list, ul.arrowlist{padding-left:0px;}
strong, b{font-weight:bold;}
em, dfn, i{font-style:italic;}



/* ------- Start Styles ------- */

body {
	background:url("../assets/img/body_bg.jpg") repeat scroll left top transparent;
	font-family: "Lucida Sans Unicode","Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif;
	color: #5a4e3a;
}

h1 {
	margin:30px 0 15px;
	font-size:35px;
	color: #5a4e3a;
	letter-spacing: -2px;
}

h3 {
	font-size:18px;
	color: #5a4e3a;
	letter-spacing: 0px;
}

a {
	outline: 0;
	text-decoration: none;
}

#page-shadow {
	margin: 0 auto;
	position: relative;
	width: 1000px;
	background:url("../assets/img/letterbox_shadow.png") repeat-y scroll left top transparent;
	overflow: hidden;
	clear: both;
}

#page-container {
	margin: 0 auto;
	position: relative;
	width: 960px;
}

.header-top {
	background:url("../assets/img/header.png") repeat-x scroll left top transparent;
	height:130px;
	position:relative;
	width:960px;
	z-index:10;
}

.header-mid {
	height:330px;
	position:relative;
	width:960px;
	z-index:1;
	margin-top:-45px;
	overflow:hidden;
}

.main-navigation {
	float: right;
	margin-top:54px;
	width:600px;
}

.main-navigation ul li {
	list-style:none outside none;
	float:left;
	height:40px;
	padding-left:5px;
}

.main-navigation ul li a {
	display: block;
	height: 40px;
	text-indent:-99999px;
	position: relative;
}

.main-navigation ul li.nav-home a {
	background:url("../assets/img/nav.png") no-repeat scroll 0px 0px transparent;
	width: 76px;
}

.main-navigation ul li.nav-home a:hover, .main-navigation ul li.nav-home a.nav-current {
	background-position: 0px -40px;
}

.main-navigation ul li.nav-about a {
	background:url("../assets/img/nav.png") no-repeat scroll -81px 0px transparent;
	width: 82px;
}

.main-navigation ul li.nav-about a:hover, .main-navigation ul li.nav-about a.nav-current {
	background-position: -81px -40px;
}

.main-navigation ul li.nav-projects a {
	background:url("../assets/img/nav.png") no-repeat scroll -168px 0px transparent;
	width: 101px;
}

.main-navigation ul li.nav-projects a:hover, .main-navigation ul li.nav-projects a.nav-current {
	background-position: -168px -40px;
}

.main-navigation ul li.nav-galleries a {
	background:url("../assets/img/nav.png") no-repeat scroll -274px 0px transparent;
	width: 115px;
}

.main-navigation ul li.nav-galleries a:hover, .main-navigation ul li.nav-galleries a.nav-current {
	background-position: -274px -40px;
}

.main-navigation ul li.nav-fom a {
	background:url("../assets/img/nav.png") no-repeat scroll -394px 0px transparent;
	width: 73px;
}

.main-navigation ul li.nav-fom a:hover, .main-navigation ul li.nav-fom a.nav-current {
	background-position: -394px -40px;
}

.main-navigation ul li.nav-contact a {
	background:url("../assets/img/nav.png") no-repeat scroll -472px 0px transparent;
	width: 104px;
}

.main-navigation ul li.nav-contact a:hover, .main-navigation ul li.nav-contact a.nav-current {
	background-position: -472px -40px;
}



.header-image {
	width: 960px;
	height:330px;
	display: block;
}

.header-image img {
}

.header-bottom {
	position: relative;
	width: 960px;
	height:47px;
	background:url("../assets/img/head_bottom_edge.png") repeat-x scroll left top transparent;
	z-index: 10;
	margin-top:-45px;
}

#logo {
	cursor:pointer;
	display:block;
	float:left;
	height:100px;
	margin:5px 0 0 25px;
	text-indent:-9999px;
	width:317px;
}

.content {
	position: relative;
	width: 920px;
	background:url("../assets/img/body_parchment.jpg") repeat scroll left top transparent;
	clear: both;
	padding:0 20px 40px;
	overflow: hidden;
}

.half-left {
	display: block;
	float: left;
	width: 445px;
}

.half-right {
	display: block;
	float: right;
	width: 450px;
}

.content p {
	font-size: 12px;
	color: #5a4e3a;
	line-height: 18px;
}

.content a {
	color: #8f2323;
	font-style: italic;
}

.content a:hover {
	color: #5F1717;
	text-decoration: underline;
}


.center-this {
	margin: 0 auto;
	position: relative;
	width: 960px;
}

.center-this-letterbox {
	margin: 0 auto;
	position: relative;
	width: 1000px;
}

a div.bucket h3, a div.bucket p {
	color: #5a4e3a;
	text-decoration: none;
}

a:hover div.bucket p {
	color: #8f2323;
	text-decoration: none;
}

.bucket {
	display:block;
	float:left;
	height:146px;
	margin-bottom:20px;
	margin-right:33px;
	margin-top:60px;
	width:284px;
}

.bucket h3 {
	font-size:17px;
	margin:23px 0 3px 5px;
}

.bucket p {
	display:block;
	float:left;
	font-size:11px;
	line-height:14px;
	padding-right:20px;
	width:175px;
}

.bucket-icon {
	float: left;
	display: block;
	margin: 25px 10px 10px 13px;
}

.sprite-icon {
	height:65px;
	overflow:hidden;
	width:62px;
}

.sml-sprite-build {
	background:url("../assets/img/small_icon_sprite.png") no-repeat scroll -11px -13px transparent;
}

.sml-sprite-gallery {
	background:url("../assets/img/small_icon_sprite.png") no-repeat scroll -79px -13px transparent;
}

.sml-sprite-fom {
	background:url("../assets/img/small_icon_sprite.png") no-repeat scroll -158px -13px transparent;
}

.sml-sprite-phone {
	background:url("../assets/img/small_icon_sprite.png") no-repeat scroll -11px -13px transparent;
}

.sml-sprite-music {
	background:url("../assets/img/small_icon_sprite.png") no-repeat scroll -11px -13px transparent;
}

.bkt-1 {
	background:url("../assets/img/bucket_1.png") no-repeat scroll left top transparent;
}

.bkt-2 {
	background:url("../assets/img/bucket_2.png") no-repeat scroll left top transparent;
}

.bkt-3 {
	background:url("../assets/img/bucket_1.png") no-repeat scroll left top transparent;
	margin-right: 0px;
}

.home-photos {
	width: 530px;
	height: 320px;
	display: block;
	float: left;
	background:url("../assets/img/photo_frame.png") no-repeat scroll left top transparent;
}

.home-photos img {
	margin: 13px 0 0 11px;
}

.cta {
	width: 415px;
	height: 80px;
	overflow: hidden;
	float: right;
	margin-bottom: 10px;
}

.about-curve {
	padding: 20px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background-color: rgba(255,255,255,0.35);
	filter:alpha(opacity=40);
	width:400px !important;
}

.project-bucket {
	display:block;
	float:left;
	clear:both;
	margin-bottom:30px;
	width:445px;
}

.project-icon {
	display: block;
	float: left;
	width: 120px;
	height: 120px;
	background:url("../assets/img/large_icon_sprite.png") no-repeat scroll left top transparent;
}

.project-icon-reforest {
	background-position:-237px -121px;
}

.project-icon-ecofolly {
	background-position:right bottom;
}

.project-icon-yurt {
	background-position:-358px -128px;
}

.project-icon-classroom {
	background-position:right bottom;
}

.project-icon-cabin {
	background-position:3px -247px;
}

.project-icon-events {
	background-position:3px 2px;
}

.project-icon-energy {
	background-position:-235px -239px;
}

.project-icon-allotment {
	background-position:-120px -6px;
}

.project-icon-woodcamp {
	background-position:3px -124px;
}

.project-icon-canvas {
	background-position:right bottom;
}

.project-icon-freshwater {
	background-position:-239px 4px;
}

.project-icon-wildflower {
	background-position:-358px 2px;
}

.project-icon-baths {
	background-position:-119px -236px;
}

.project-icon-wildlife {
	background-position:right bottom;
}

.project-icon-animals {
	background-position:21px -355px;
}

h3.project-bottom {
	text-align: center;
	line-height: 2em;
}

.gallery-container {
	clear: both;
}

.gallery-container h3 {
	margin:15px 0;
}

.gallery-container img {
	background: #fff9ed;
	padding: 5px;
	border: 1px solidĘ#CCCCCC;
	-moz-box-shadow:0 1px 2px #6F6F6F;
	-webkit-box-shadow:0 1px 2px #6F6F6F;
	margin-right:30px;
	margin-bottom:20px;
}




.project-info {
	display:block;
	float:right;
	width:305px;
}

.project-info h3 {
	margin-bottom: 5px;
}


#contact-wrapper {
}

#contact-messages {
	height:40px;
	padding-top:40px;
	text-align:center;
	width:265px;
}

#contact-wrapper p {
	padding: 0 0 10px 0;
	font-weight: bold;
	font-style: italic;
	font-size: 13px;
}

#contact-wrapper div {
	clear:both;
	margin-bottom: 5px;
}

#contact-wrapper label {
	display:block;
	float:none;
	font-size:13px;
	margin-bottom:1px;
	padding-left:2px;
}

#contact-wrapper label.error {
	color: #7F1717;
	margin-top: 5px;
}

#contactform input {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-color: rgba(255,255,255,0.35);
	filter:alpha(opacity=80);

	border:1px solid #AF9A6D;
	color:#524933;
	font-size:13px;
	height:23px;
	padding:5px 10px 1px 7px;
	width:390px;
}

#contactform textarea {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-color: rgba(255,255,255,0.35);
	filter:alpha(opacity=80);
	
	border:1px solid #AF9A6D;
	color:#524933;
	font-size:13px;
	height:180px;
	overflow:auto;
	padding:5px 10px 5px 7px;
	width:390px;
}

#contactform #submit-button {
	background-color:#5A4E3A;
	background-image:none;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	float:right;
	font-weight:bold;
	height:30px;
	line-height:42px;
	margin-right:40px;
	padding:0;
	width:73px;
}

.content p.error {
	margin: 0px;
	color: #8f2323;
}

.content p.success {
	margin: 0px;
}

.contact-icons {
	display: block;
	float: left;
	width: 390px;
}

.contact-icons .telephone-icon {
	width: 65px;
	height: 65px;
	overflow: hidden;
	display: block;
	float: left;
	margin-right: 10px;
	background:url("../assets/img/telephone.png") no-repeat scroll left top transparent;
}

.contact-icons h3 {
	float:left;
	margin:17px 0 0 10px;
	font-size: 22px;
}

.footer {
	position: relative;
	clear: both;
	width: 960px;
	background:url("../assets/img/footer.jpg") repeat-x scroll left top transparent;
	height: 496px;
}

.footer-links {
	display: block;
	margin:0 auto;
	padding-top: 455px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	color: #EFE1C2;
	font-size: 12px;
}

.footer-links a {
	color: #EFE1C2;
}

.footer-links a:hover {
	text-decoration: underline;
}