/* site colors:

blue    #6176c3;
dk blue #36498E;
brown   #642409;
dk blue #373985;
orange  #e75200;
green   #94a83b;

*/


/* base
----------------------------------------------- */

body {
margin:0 auto; padding: 0px;
margin-bottom:15px;
font-family: "Lucida Grande", Verdana, sans-serif;
color: #626262;
font-size: 69.7%;
}

body html {
font-weight: normal;
}

blockquote {
margin-right: 0px;
margin-left: 40px;
}

h1,h2,h3,h4,h5,h6 {
font-weight: normal;
margin: 0;
padding: 0;
}

h1 {
font-size: 2em;
color:#999;
margin:10px 0;
}

h2 {
font-size: 1.2em;
font-style: italic;
}

h3 {
margin: 1.2em 0 0.4em 0;
line-height:1.3em;
font-size: 1.4em;
color:#94A83B;
text-transform:uppercase;
}
h4 {
margin:20px 0 0 0;
font-size: 1.2em;
color:#6176c3;
color:#373985;
}

h5 {
font-size: 1.1em;
color:#777;
}

h6 {
width:100%;
color:#999;
font-size: 0.8em;
line-height: 1.7em;
border-bottom:1px solid #999;
margin:-10px 0 10px 0;
}

small, .small {
font-size: 1em;
}

/* links general
----------------------------------------------- */
a, a:link, a:visited, a:active {
color:#94A83B;
text-decoration:none;
font-weight: normal;
}

a:hover {
color:#64780B;
text-decoration:underline;
font-weight: normal;
}
/*
img { padding:10px; }
*/
a img, a:link img, a:hover img, a:visited img, a:active img {
padding:0;
text-decoration:none;
border-style:none;
}

/* overrides
----------------------------------------------- */

.caps {
font-size: 1em;
letter-spacing: 0.1em;
}

/* global layout
----------------------------------------------- */

#navbar {
/*
position:fixed;
top:0;
*/
margin: 0 auto; padding: 0;
width:100%;
/*height:4.52em;*/
overflow:auto;
background-color: #6d792b;
border-bottom:1px solid #cfdd8b;
}

#navbarcenter {
margin: 0 auto; padding: 0;
text-align:right;
width:820px;
font-size:1.1em;
line-height:1.7em;
}

#banner {
margin: 0 auto; padding: 0;
/*margin-top:4.52em;*/
width:100%;
/*height:155px;*/
overflow:auto;
background: url(http://www.ecologicalcredits.com/textpattern/images/bannerbg.png) repeat-x top center;
}

#bannercenter {
margin: 0 auto; padding: 0;
width:820px;
height:155px;
background: url(http://www.ecologicalcredits.com/textpattern/images/greenhousebalanced.gif) no-repeat bottom left;
}

#burst_top{
margin: 0 auto; padding: 0px;
float:left;
width:700px;
height:155px;
background: url(http://www.ecologicalcredits.com/textpattern/images/burst_top.gif) no-repeat bottom right;
}

#burst_bot {
margin: 0 auto; padding: 0px;
float:left;
width:700px;
height:25px;
background: url(http://www.ecologicalcredits.com/textpattern/images/burst_bot.gif) no-repeat bottom right;
}

#container {
clear:both;
margin: 0 auto; padding: 0;
width:820px;
text-align:left;
font-size:1.1em;
line-height:1.7em;
}

/*--
Horizontal navigation
-----------------*/

#navbarcenter ul
{
margin:0 auto;
padding:0;
color: White;
float: right;
width: 100%;
}

#navbarcenter ul li { display: inline; }

#navbarcenter ul li a, #navbarcenter ul li a:link
{
margin:0 auto;
padding: 2.2em 1.2em 0.2em 1.2em;
color: White;
text-decoration: none;
float: right;
border-right: 1px solid #cfdd8b;
}

#navbarcenter ul li a:hover
{
margin:0 auto;
padding: 2.2em 1.2em 0.2em 1.2em;
background-color: #4d590b;
color: #fff;
}


/* contact form plugin "Zem Contct Reborn"
----------------------------------------------- */

#zemContactForm {
margin:0 auto;
padding:0;
font-size:0.9em;
line-height:1.6em;
/*text-transform:uppercase;*/
}

#zemContactForm p {
margin:0 auto;
padding:0;
}

fieldset {
border:0;
}

label {
border:0;
}

fieldset legend { display:none ;}

#yourname, #youremailaddress, #subject, #message {
margin:0 auto;padding:0;
width:450px;
height:1.6em;
/*background-color:#f7f6f2;*/
}

#message {
width:450px;
height:20em;
/*background-color:#f7f6f2;*/
}

#zenSubmit {
}

/*--
Some special classes
-----------------*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE5/Mac */


/*--
the end 
-----------------------*/

#containerhome {
margin: 0 auto; padding: 0;
width: 740px;
text-align:center;
}

#contenthome {
clear:both;
margin: 0 auto; padding:0;
width:100%;
}

#hometext {
margin:0 auto;
padding:20px 20px 0 20px;
text-align:center;
color:#9a826d;
font-size:1.4em;
line-height:1.6em;
/*font-family:arial, sans-serif;*/
}

#containerpage {
margin: 0 auto; padding: 0;
margin-top:40px;
width: 740px;
overflow: auto;
background: #fff url(images/containerpagebg.gif) repeat-y top right;
border:12px solid #94a83b;
font-size:1.1em;
}

#contentpage {
clear:both;
margin:20px auto; padding:0;
float:left;
width:820px;
}

#contentgallery {
margin:20px auto; padding:0;
padding-left:20px;
width:720px;
\width: 740px; 
w\idth: 720px;
}

#sidebar {
margin: 0 auto; padding:0;
margin-top:10px;
float:right;
width:300px;
text-align:left;
}

#sidebar_projects {
margin: 20px auto; padding:0;
padding-top:20px;
padding-left:10px;
float:right;
width:230px;         /* 180 */
text-align:left;
color:#777;
}
/*
#sidebar p, #sidebar_projects p { padding:0 5px 15px 10px; }

.sidebarLarge {
margin: 0 0 20px 0;
font-size:1.7em;
font-family: arial, helvitica;
line-height: 1.6em;
}

#sidebar_title {
margin:0 auto;
font-size:1.2em;
background-color:#e7e7e7;
padding:5px 0;
text-align:center;
color:#b2b2b4;
}
*/
#foot {
border-top:1px solid #c0c0c0;
margin: 15px auto;
padding: 20px 0;
clear: both;
width:820px;
text-align: center;
color:#fff;
}

#thesmallprint {
padding: 20px 0 0;
margin: 0 auto;
font-family:arial, helvitica;
font-size:1em;
color:#a3a3a3;
}

#thesmallprint a {
margin: 0 auto;
font-family:arial, helvitica;
font-size:1em;
color:#a3a3a3;
text-decoration:underline;
}

#thesmallprint a:hover {
font-family:arial, helvitica;
color:#94A83B;
text-decoration:underline;
}

#project_detail_left {
clear:both;
margin:0 auto;
float:left;
width:230px;
}

#project_detail_right {
margin:0 auto;
float:right;
width:255px;
}

#project_main {
margin:0 auto; padding:0;
clear:both;
width:100%;
}

#project_details_si {
margin:0 auto; padding:0;
line-height:0px;
font-size:0px;
}

#pdfs {
padding:20px 0 0 0;
}

#loginform {
font-size: 1.1em;
line-height: 2em;
}

#contactleft {
float:left;
width:250px;
}

#contactright {
float:right;
width:230px;
}

#contacttop {
margin:0 auto;
padding:0;
width:100%;
}

#contactbottom {
margin:0 auto;
padding:0;
width:100%;
}


/* comments
----------------------------------------------- */

.comments_error {
color: #000;
background-color: #fff4f4 
}

ul.comments_error {
padding : 0.3em;
list-style-type: circle;
list-style-position: inside;
border: 2px solid #fdd;
}

div#cpreview {
color: #000;
background-color: #f1f1f1;
border: 2px solid #ddd;
}

form#txpCommentInputForm td {
vertical-align: top;
}

.margintop20 {   margin:15px 0 0 0;   }

.readmore {
width:100%;
text-align:right;
font-size:0.9em;
margin-bottom:10px;
padding:0 20px 10px 0;
border-bottom:1px solid #ddd;
}

.subnavitems {
padding:0.5em 0.6em;
}

.divider500 {
clear:both;
/*margin:10px 0;*/
padding:10px 0;
border-bottom:1px solid #ddd; /* 6176c3 */
}

/* image links 
----------------------------------------------- */

#topnav a img {		   /*	top navigation  */
text-decoration:none;
/*border-style:none;*/
}

#contenthome a img {	   /* big images on home page */
margin:0 25px 25px 25px;
border:12px solid #94a83b;
text-decoration:none;
}

#contenthome a:hover img {
border:12px solid #74881b;
text-decoration:none;
}

#contentpage a:link img, #contentpage a:visited img,
#contentpage a:active img {	   /* link images on pages */
color:#fff;
/*border-style:none;*/
text-decoration:none;
background:#fff;
}

#contentpage a:hover img {
color:#fff;
/*border-style:none;*/
text-decoration:none;
}

#imagebar {
margin:15px 0;
background:#e7e7e7;
border-top:7px solid #d7d7d7;
border-bottom:1px solid #ccc;
text-decoration:none;
}

#foot a img, #sidebar a img { /* images in footer (partner logos) */
border-style:none;
text-decoration:none;
}

#foot a:hover img, #sidebar a:hover img{
border-style:none;
text-decoration:none;
}

/* image classes and styles
----------------------------------------------- */
.about_image {
/*padding:5px 0;
border-top:1px solid #999;*/
border-bottom:1px solid #999;
}

a:link .project_thumb, a:visited .project_thumb, a:active .project_thumb, .project_thumb  {
margin:5px 5px 5px 0;
padding:2px;
border:1px solid #999;
}

a:hover .project_thumb {
margin:5px 5px 5px 0;
padding:1px;
border:2px solid #999;
}

a:link .project_thumb_bar, a:visited .project_thumb_bar, a:active .project_thumb_bar, .project_thumb_bar  {
margin:5px;
padding:2px;
border:1px solid #999;
}

a:hover .project_thumb_bar {
margin:5px;
padding:1px;
border:2px solid #999;
}

#contentpage a:hover img {
background-color:#fff;
textdecoration:none;
}

.contactimg {
padding:2px;
margin:10px 10px 10px 0;
border:1px solid #ccc;
}

.photo img {
margin:0 auto; padding:50px;
text-align:center;
background: url(http://www.ecologicalcredits.com/textpattern/images/image_bg_300.gif) no-repeat center center;
text-decoration:none;
border-style:none;
}

#contenthome img {
margin:0 auto; padding:75px 50px 50px 50px;
text-align:center;
background: url(http://www.ecologicalcredits.com/textpattern/images/image_bg_300_home.gif) no-repeat center center;
text-decoration:none;
border-style:none;
}

.quote img {
padding-left:50px;
}

/*--
Some special classes
-----------------*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE5/Mac */