@charset "utf-8";
/* CSS Document */

h1 {
	font: bold 1.8em Century Gothic, Helvetica, sans-serif;
	color: #8CC63F;
}
h2 {
	font:1.1em Century Gothic, Helvetica, sans-serif;
	color: #ffffff;
	text-align: center;
	margin: 5px auto;
}
h2 a:link, 
h2 a:visited {   
	color:#fff; 
	text-decoration:none; 
	} 
h2 a:hover { 
	color:#ab6f29; 
	text-decoration:none; 
	}
h3{
	font: bold italic 1em Century Gothic, Helvetica, sans-serif;
	color: #fba654;
}
h4 {
	font: .8em Century Gothic, Helvetica, sans-serif;
	color: #fff;
}
h4 a:link, 
h4 a:visited {   
	color:#fff; 
	text-decoration:none; 
	} 
h4 a:hover { 
	color:#29AAE2; 
	text-decoration:none; 
	}
h5 {
	font: .7em Century Gothic, Helvetica, sans-serif;
	color: #fff;
}
h5 a:link, 
h5 a:visited {   
	color:#fff; 
	text-decoration:none; 
	} 
h5 a:hover { 
	color:#ab6f29; 
	text-decoration:none; 
	}
p {
	font:13px/1.4em Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
}
p a:link, p a:visited, li a:link, li a:visited{
	color: #000;
	text-decoration: none;
}
p a:hover, li a:hover {
	color: #29AAE2;
	text-decoration: none;
}
li {
	font:13px/1.4em Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
}
ol li {
	font:12.5px/1.4em Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
}
table p{
	font:.9em Century Gothic, Helvetica, sans-serif;
	color: #ffffff;
	text-align: center;
}
table a:link, 
table a:visited {   
	color:#fff; 
	text-decoration:none; 
	} 
table a:hover { 
	color:#ab6f29; 
	text-decoration:none; 
	}

body {
	background: #4a4239;
	padding: 10px;
	}
#container {
	width: 900px;
	height: 800px;
	margin: auto;
	background: #fff;
}
#header {
	width: 900px;
	height: 110px;
	background: url(images/banner.jpg) no-repeat;
}
#columns {
	width: 900px;
	height: 690px;
	background: #fff;
	}
#ads {
	width: 135px;
	height: 690px;
	background: #29AAE2;
	margin: 0px;
	padding: 0px;
	float: left;
	}
#main {
	width: 765px;
	height: 690px;
	background: #ffffff;
	margin: 0px;
	padding: 0px;
	float: right;
	}
#main #topnav {
	width: 765px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	}
#navcontainer
{
margin: 0;
padding: 0;
height: 30px;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin-top: 0;
}

#navcontainer ul li a
{
background: #29AAE2;
width: 190px;
height: 28px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
border-right: none;
padding: 0;
margin: 0;
color: #fff;
text-decoration: none;
display: block;
text-align: center;
font: 15px Century Gothic, verdana, lucida, sans-serif;
}

#navcontainer ul li a:hover
{
color: #4a4239;
background: #fba654;
}

#navcontainer a:active
{
background: #fba654;
color: #fff;
}

#navcontainer li#active a
{
background: #fba654;
border: 1px solid #ffffff;
color: #4a4239;
}

#main #midsection {
	width: 765px;
	height: 400px;
	margin: 0px;
	padding: 0px;
	background: url(images/content.jpg) no-repeat;
	}

#fullsection {
	width: 765px;
	height: 630px;
	margin: 0px;
	padding: 0px;
	background: url(images/fullpagecontent.jpg) no-repeat;
}

#main #midsection #content{
	width: 510px;
	height: 280px;
	margin: 0px;
	padding: 15px 15px;
	float: left;
	}
#main #midsection #content #tony{
	width: 250px;
	height: 200px;
	margin: 0px;
	float: left;
	}
#main #midsection #content #sunil{
	width: 250px;
	height: 200px;
	margin: 0px;
	float: right;
	}

#main #midsection #sustainabilitycontent {
	width: 720px;
	height: 385px;
	margin: 0px;
	padding: 15px 0px 0px 15px;
	float: left;
	overflow: auto;
	}
#main #fullsection #casestudycontent{
	width: 750px;
	height: 615px;
	margin: 0px;
	padding: 15px 0px 0px 15px;
	float: left;
	overflow: auto;
	}

#main #fullsection #faqcontent {
	margin: 0px;
	padding: 15px 0px 0px 15px;
	float: left;
	width: 720px;
} 

#main #midsection #rightpic{
	width: 225px;
	height: 400px;
	margin: 0px;
	padding: 0px;
	background: #fff;
	float: right;
	}

#main #bottomsection {
	width: 765px;
	height: 230px;
	margin: 0px;
	padding: 0px;
	background: #fff;
	}

#main #bottomnav {
	width: 765px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	background: #29AAE2;
	}
img, img a:link, img a:visited, img a:hover {
	text-decoration: none;
	border: none;
}