/* Terravita CSS Document */
html {height: 100%; margin-bottom: 1px;}/* keep the scroll bar on*/
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	/*background-color: #fff;*/
color: #000000;
	background-image: url(../images/backheader.gif);
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.oneColFixCtr #container {
width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* this overrides the text-align: center on the body element. */
}

#headercolour {
height:72px;
/*background:#fff; 
border-left:#ded solid 1px;
border-right:#ded solid 1px;
*/
}

#language {
font-size:.65em;
margin:0;
padding:0 35px 0 15px;
}

.site {margin-left:150px;}

#mtitle h1{
font-size: 2em;
font-weight: bold;
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif; 
color:#bdb;
float:left;
display:inline;
margin:17px 0 -50px 0;
padding:0px 50px 0 15px;
}

#logo {
border:none;
float:right;
display:inline;
margin:-6px 0 -20px 0;
padding:0 15px 10px 0;
height:58px;
}

#logo a {border:none;}

.navigation {
/*background:#21670a;*/
font-size:.75em;margin:0;padding:4px 10px;clear: both;}
.navigation ul { padding: 0; margin: 0; list-style: none;}
.navigation ul li {display:inline;margin:0;padding:0;}
.navigation li a {color:white;padding:4px;margin:0;}
.navigation ul#nav li a:hover {color:#060;background:white;padding:4px;margin:0;}
.navigation ul#nav li .selected {background:#d3e1ce;color:#000;padding:4px;margin:0;}

#bread {font-size:.70em;color:#999;margin-left:10px;}
#bread a {color:#555;}
#bread a:hover {color:#fff;}

#content {padding:20px 10px 20px 10px;}

#footer {
margin-top:0;

background-image:url(../images/backfooter.gif);

padding-top:44px;
background-attachment: scroll;
/*border-top:1px solid #000;
background-color: #030;*/
background-repeat: repeat-x;
background-position: left top;
height:134px;
color:#afa;
}

#footer a{color:#efe;}
#footerinside{
width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* this overrides the text-align: center on the body element. */
padding-top:20px;}
#footer p {
font-size:.70em;
padding:0 0 0 10px;
margin:3px;
}

.clear {clear: both;}




a {
color: #060;
text-decoration: none;
}

a:hover {
background-color: #060;
color: #fff;
}


a.sinfondo {
}


a.sinfondo:hover {
background:none;
}


.blockquote {
border: thin solid #eea;
padding: .3em .6em;
margin: 3em;
font-weight: bold;
font-variant: normal;
font-size: .9em;
background:#efe;
}

.title {font-weight:bold;font-size:1.1em}

td.mainlinks {
background:green;
text-align:center;
font-weight:bold;
padding:5px;
marging:0;
}

td.mainlinks a {color:white}
td.mainlinks:hover {background:#050;}
td.mainlinks a:hover {background:#050;}
/*
.mainlinks {
background:#0a0;
font-weight:bold;
width:200px;
margin:0px;
padding:0px;
color:white;
text-align:center;
}
*/
.subtitle {
font-size: 1em;
font-weight: bold;
}

.legal {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
}

.dingbat {background-color: #efe;}

.Smallboldtext {
font-size: 12px;
font-weight: bold;
}

.smalltext {font-size: .8em;}
.email {
width:400px;
border:1px solid #ccc;
font-weight: bold;
color: #000000;
}
.plus {font-size: 14px;}

.image {text-decoration: none;}

.mainpic {border:none;float:right;}

.homepic {margin:4px 0;padding:0;}
.homebox {width:180px;margin-right:53px;margin-top:50px;}
#content .homeboxright {width:180px;margin-right:0;margin-top:50px;}

.homebox .subtitle {
background:#050;
color:#fff;
padding:2px 4px;
margin:0;
font-size:.84em;}

.homebox .subtitle:hover {
background:#070;
color:#fff;
padding:2px 4px;
margin:0;
font-size:.84em;}

.homemain {margin:30px 0;}
.homemain p{margin:0 30px 15px 0;padding:0;}

.lpbox {margin-right:30px; }

.rightbar{margin-left:20px;}
.rightbar p {margin:0 0 30px 0;padding:0}

.boxborder {width:400px;border:1px solid #eee;}
.mappage {margin:0 75px;}

.mapbutton {
font-weight:bold;
border:1px solid #ddd;
background:#eee; 
padding:.5em 2em;
float:left;
 }

.slideshow{background:black;height:520px;}

#slidechoose {
float:left;
display:inline;
width:140px;
margin:120px 0 0 0;
}

#slidechoose ul {text-align:right; padding: 0; margin: 0; list-style: none;}

#slideifrom {
float:left;
display:inline;

}

.slideshow a{
display: block;
color:#aaa;
font-size:.7em;
margin-right:30px;
padding:2px 4px;
zoom:1}

.slideshow a:hover{
color:#aaa;
font-size:.7em;
margin-right:30px;
background:#444;
padding:2px 4px;
}
#slidechoose .slide_selected a{
background:#333;
}

.defaultimage{padding-left:220px;}

/* mini GALLERY ITEMS */

#fjs-flickr {
margin: 0 auto;
text-align: center;
width: 300px;
}

#fjs-flickr img {border: 1px solid #666;}

#fjs-flickr a:link, #fjs-flickr a:visited, #fjs-flickr a:active {
color: #060;
text-decoration: none;
}

#fjs-flickr #fjs-flickrphotonav a:hover {
background-color: #060;
color: #fff;
}

#fjs-flickr div {/*margin: 3px;*/}

#fjs-flickr #fjs-flickrphototitle {
display:none;	
font-weight: bold;
}

#fjs-flickr #fjs-flickrphotonav {
font-size:.7em;
color:#777;
}

#fjs-flickr #fjs-flickrphotonav a{
color:#777;font-size:1.25em;}

#fjs-flickr #fjs-flickrphoto {}

#fjs-flickr #fjs-flickrlink {
display:none;
font-size: 10px;
}

.plogo {
	position: absolute;
	z-index: 1000;
	top: 100px;
	left: 400px;
	display: block;
}

.homepage span {
margin:0 5px;
}
.homepage a p {
margin:5px 0 0 5px;
}


.homepage strong {
	color:#FFF;
	font-size:12px;
}

.homepage a{
	color:#FFFFFF;
	font-size:11px;
	padding:0;
	margin:0;
}
.homepage a:hover {background:#030;}
.homepage :hover{
color:#fff;
background:#030;
}
.ewbox1 {
	background-image:url(../images/solarcooling.jpg);
	background-repeat: no-repeat;
	width:167px;
	background-color:#7b9274;
	float:left;
	margin: 15px 11px 0 0;
	padding:75px 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.ewbox2 {
	background-image: url(../images/solarpanles.jpg);
	background-repeat: no-repeat;	width:167px;
	background-color:#7b9274;
	float:left;
	margin: 15px 11px 0 0;
	padding:75px 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.ewbox3 {
	background-image: url(../images/solarthermal.jpg);
	background-repeat: no-repeat;	width:167px;
	background-color:#7b9274;
	float:left;
	margin: 15px 11px 0 0;
	padding:75px 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.ewbox4 {
	background-image: url(../images/reedbeds.jpg);
	background-repeat: no-repeat;	width:167px;
	background-color:#7b9274;
	float:left;
	margin: 15px 11px 0 0;
	padding:75px 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.ewbox5 {
	background-image: url(../images/biomass.jpg);
	background-repeat: no-repeat;	width:167px;
	background-color:#7b9274;
	float:left;
	margin: 15px 0px 0 0;
	padding:75px 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.orangbox {
	background:#ff7f00;
	width:200px;
	float:left;
	margin-right:5px;
	font-size:.7em;
	height:35em;
	color:#393f6b;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
}

.orangbox h3{color:white;}
.orangbox a {
color:white;
}
.orangbox a:hover {
background:#393f6b;}

.imagepad img{
padding-top:5px;
padding-right:5px;
}