/* ------- 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: 70px;
}

.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 -74px 0px transparent;
	 width: 75px;
}

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

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

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

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

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

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

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

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

.main-navigation ul li.nav-contact a:hover, .main-navigation ul li.nav-contact a.nav-current {
	background-position: -465px -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;
}

.col-1 {
	width: 320px;
	float: left;
}

.col-2 {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
    border-radius: 8px 8px 8px 8px;
    float: left;
    margin: 0 10px 0 20px;
    padding: 15px;
    width: 240px;
}

.col-3 {
	width: 290px;
	float: right;
}

.full-span {
	margin: 30px 0;
	background-color: rgba(255, 255, 255, 0.35);
    border-radius: 10px 10px 10px 10px;
    padding: 20px 20px 5px;
}

.full-span h2 {
	margin-bottom: 10px;
}

.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;
}
.bucket-icon-new {
	display: block;
    float: left;
    margin: 30px 0 10px 23px;
}
a div.bucket-new h3, a bucket-new p {
	color: #5a4e3a;
	text-decoration: none;
}

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

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

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

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

.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: none;
}

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

.project-icon-classroom {
	background: none;
}

.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: none;
}

.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: none;
}

.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:23px;
	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: 410px;
	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;
}

#prime-back {
	background:url("../images/prime_back.png") no-repeat scroll left top transparent;
	width: 450px;
	height: 195px;
	padding: 20px;
}


#data p {
	font-size: 12px;
    line-height: 17px;
    margin-bottom: 10px;
}

#data h3 {
	margin: 25px 0 0 0;
}

.img-fill {
	background: none repeat scroll 0 0 #FFF9ED;
    border: 3px solid #F4ECE1;
    box-shadow: 0 1px 2px #6F6F6F;
    float: right;
    margin: 0 10px 5px;
    width: 110px;
}

#fb-link {
	background:url("../assets/img/fb_icon.png") no-repeat scroll left top transparent;
	padding-left: 19px;
}



#latest-project {
	background: url("../assets/img/prime_back.png") no-repeat scroll left top transparent;
    height: 227px;
    margin-bottom: 6px;
    margin-top: 7px;
    padding: 21px 14px 0 21px;
    width: 250px;
}

#latest-project p {
	line-height: 16px;
}

.cr-ph {
	display: block;
    float: left;
    margin-bottom: 10px;
    margin-right: 15px;
}

.cal-item {
	clear: both;
	float: left;
	margin-bottom: 15px;
}

.cal-date {
	background: url("../assets/img/date_plate.png") no-repeat scroll left top transparent;
    color: #833E0B;
    display: block;
    float: left;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 15px;
    font-weight: bold;
    height: 50px;
    line-height: 16px;
    padding: 8px 0 0;
    text-align: center;
    width: 57px;
}

.cal-info {
	float: right;
	width: 180px;
}

.cal-title {
	border-bottom: 1px solid #C6A98B;
    color: #833E0B;
    font-size: 13px;
    font-weight: bold;
    margin: 3px 0 1px 8px;
    font-family: Georgia,"Times New Roman",Times,serif;
}

.cal-desc {
	font-size: 11px;
    line-height: 15px;
    margin: 0 0 0 9px;
}

.gallery-container .no-right {
	margin-right: 0px;
}