@import url("reset.css");
@import url("common.css");

/* Begin Global Styles
************************/
html, body {
	width: 100%;
	height: 100%;
}
body {
	background: #626366 url(../images/bg-body.gif) no-repeat 0 0;
	color: #000;
	font: 12px "Arial", "Helvetica", serif;
	height: 90%;
	margin: 0;
	padding: 0;
}
#container {
	width: 952px;
	margin: 0 auto;
	padding: 8px;
	background: #fff;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.8em;
}
h3, h4, h5, h6 {
	font-size: 1em;
	font-weight: normal;
}
a:link, a:visited {
	color: #517116;
	text-decoration: none;
}
a:hover, a:focus, a:active {
	text-decoration: underline;
}
/*********************
End Global Styles */



/* Begin Heading Styles
************************/
#header {
	position: relative;
	padding-top: 70px;
}
#branding-logo {
	text-align: center;
}
#branding-tagline {
	text-align: center;
	margin: 7px 0 20px;
}
#nav-main {
	overflow: hidden;
	position: absolute;
	top: 0;
	height: 30px;
	width: 902px;
	padding: 5px 25px;
	background: #787A7C;
}
#nav-main li {
	float: left;
	margin: 0;
	padding: 0;
}
#nav-main li a {
	display: block;
	height: 10px;
	font-size: 0;
	padding: 10px;
	text-decoration: none;
	text-indent: -999em;
	background: no-repeat 10px 10px;
}
#nav-main li a:focus, #nav-main li a:hover,
#home #nav-main #nav-home a,
#project #nav-main #nav-project a,
#location #nav-main #nav-location a,
#site #nav-main #nav-site a,
#houston #nav-main #nav-houston a,
#efficiency #nav-main #nav-efficiency a,
#team #nav-main #nav-team a,
#news #nav-main #nav-news a,
#status #nav-main #nav-status a,
#contacts #nav-main #nav-contacts a
 {
	background-position: 10px -20px;
}
#nav-main #nav-home a {
	background-image: url(../images/nav-home.gif);
	width: 43px;
}
#nav-main #nav-project a {
	background-image: url(../images/nav-project.gif);
	width: 80px;
}
#nav-main #nav-location a {
	background-image: url(../images/nav-location.gif);
	width: 86px;
}
#nav-main #nav-site a {
	background-image: url(../images/nav-site.gif);
	width: 59px;
}
#nav-main #nav-houston a {
	background-image: url(../images/nav-houston.gif);
	width: 94px;
}
#nav-main #nav-efficiency a {
	background-image: url(../images/nav-efficiency.gif);
	width: 113px;
}
#nav-main #nav-team a {
	background-image: url(../images/nav-team.gif);
	width: 114px;
}
#nav-main #nav-news a {
	background-image: url(../images/nav-news.gif);
	width: 88px;
}
#nav-main #nav-contacts a {
	background-image: url(../images/nav-contacts.gif);
	width: 38px;
}
/*********************
End Heading Styles */



/* Begin Content Styles
************************/
table#wrap {
	height: 100%;
	width: 100%;
}
#content {
	clear: both;
	overflow: hidden;
	height: 380px;
}
#content ul {
	list-style: none;
}
#content ul li {
	background: url(../images/bullet-black.gif) no-repeat 0 .4em;
	margin-left: 17px;
	padding-left: 11px;
}
/*********************
End Content Styles */



/* Begin Main Content Styles
************************/
#content-main {
	position: relative;
	float: left;
	width: 100%;
	height: 380px;
	overflow: hidden;
}
.third-two-thirds #content-main {
	width: 312px;
	margin-right: 8px;
}
.forty-sixty #content-main {
	width: 370px;
	margin-right: 8px;
}
#site.forty-sixty #content-main {
	width: 372px;
}
.sixty-forty #content-main {
	width: 574px;
}
.half-half #content-main {
	width: 472px;
	margin-right: 8px;
}
#page-title {
	position: relative;
	background: #8DA551;
	height: 30px;
	padding: 0 0 0 20px;
}
#page-title img {
	position: absolute;
	top: 12px;
}
#content-main .content, #content-main #content-one, #content-main #content-two {
	overflow: hidden;
	padding: 22px 35px 28px;
	background: #BDCC9C url(../images/arrow-right.gif) no-repeat 0 22px;
}
#content-main p, #content-main ul {
	position: relative;
	z-index: 3;
}
#content-main .content p {
	text-align: justify;
}
#content .no-bullet, #content .no-bullet li {
	list-style: none;
	margin: 0;
	padding: 0;
	background: none;
}
.learn-more {
	border-top: 8px solid #8DA551;
	padding: 16px 35px;
	background: #6D8D24;
	text-align: justify;
}
.learn-more a:link, .learn-more a:visited, .learn-more a:focus, .learn-more a:hover, .learn-more a:active {
	color: #fff;
}
.learn-more ul {
	margin: 0;
}
#content .learn-more li {
	list-style: none;
	padding-left: 14px;
	margin-left: 0px;
	background: url(../images/plus-sign.gif) no-repeat 0 .3em;
}
* html .learn-more li {
	height: 1%;
}
.learn-more .seal {
	display: inline;
	float: left;
	margin-right: 15px;
}
.decor {
	padding-top: 8px;
	background: #fff;
	float: left;
	width: 100%;
}
.decor img {
	float: left;
	margin-left: 8px;
}
.decor img.first {
	margin-left: 0;
}
#gear {
	position: absolute;
	top: -8px;
	right: -8px;
	z-index: 0;
}
.footnotes {
	font-size: 9px;
}
/* Home */
#home #content-main {
	margin-top: -20px;
	height: 400px;
}
#home #news {
	overflow: hidden;
	background: #8DA551;
	padding: 12px 35px 13px;
	height: 63px;
	width: 882px;
	float: left;
	font-size: 11px;
}
#home #news .news-item {
	float: left;
	width: 280px;
	padding-left: 20px;
}
#home #news .first {
	padding-left: 0;
}
#home #news h2, #home #news h2 a {
	color: #4E6B1A;
	font-size: 11px;
	text-decoration: none;
}
#home #news p, #home #news p a {
	color: #fff;
	text-decoration: none;
}
#home #news p a:hover, #home #news p a:focus {
	text-decoration: underline;
}
/* Project */
#project #content-main #content-one, #project #content-main #content-two {
	height: 300px;
}
#project #content-main .content {
	padding: 0;
	background-image: none;
	height: 350px;
}
#project #content-main #content-one, #project #content-main #content-two {
	background-color: transparent;
}
#project #content-main #content-two li {
	margin-left: 0;
}
/* The Location */
#location #content-main {
	float: right;
	width: 482px;
	margin: 0 0 0 8px;
}
#location #content-main .content {
	height: 70px;
}
/* The Site */
#site .content {
	height: 138px;
}
#site .content li {
	margin-left: 0;
}
/* Why Houston?  & Energy Efficiency */
#houston #content-main {
	float: right;
	margin: 0 0 0 8px;
}
#houston .content, #efficiency .content {
	height: 182px;
}
#houston .learn-more, #efficiency .learn-more {
	overflow: hidden;
	color: #fff;
	padding-left: 20px;
}
#houston .learn-more p, #efficiency .learn-more p {
	padding: 22px 0;
}
#houston .learn-more a:link, #houston .learn-more a:visited, #houston .learn-more a:focus, #houston .learn-more a:hover, #houston .learn-more a:active,
#efficiency .learn-more a:link, #efficiency .learn-more a:visited, #efficiency .learn-more a:focus, #efficiency .learn-more a:hover, #efficiency .learn-more a:active {
	color: #000;
}
#efficiency .content h3 {
	font-size: 1em;
	font-weight: normal;
}
/* Construction Status & Project News */
#status .content, #news .content {
	height: 81px;
}
#status .no-bullet h3, #news .no-bullet h3 {
	margin-right: .5em;
	font-weight: bold;
}
#status .no-bullet h3, #status .no-bullet p, #news .no-bullet h3, #news .no-bullet p {
	font-size: 1em;
	display: inline;
}
/* Development Team */
#team .content {
	float: left;
	width: 402px;
	height: 312px;
	padding-top: 13px;
	padding-right: 35px;
	background-position: 0 52px;
}
#team .first {
	margin-right: 8px;
}
#team .content h3 {
	margin-bottom: 6px;
}
#team .first h3 {
	margin-bottom: 8px;
}
/* Contacts */
#contacts .content {
	height: 300px;
}
#contacts .content h3 {
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 1em;
}
/*********************
End Main Content Styles */



/* Begin Secondary Content Styles
************************/
#content-secondary {
	float: left;
	width: 100%;
	height: 380px;
	overflow: hidden;
}
.third-two-thirds #content-secondary {
	width: 632px;
}
.forty-sixty #content-secondary {
	width: 574px;
}
#site.forty-sixty #content-secondary {
	width: 572px;
}
.sixty-forty #content-secondary {
	width: 370px;
}
.half-half #content-secondary {
	width: 472px;
}
#content-secondary #content-title {
	overflow: hidden;
	background: #888A8C;
	margin: 0;
	padding: 8px 20px 10px;
	height: 12px;
	font-size: 1em;
}
#content-secondary #content-title a.rollover {
	border-left: 1px solid #4A4A4B;
	margin-left: 14px;
	padding-left: 14px;
}
#location #content-secondary {
	width: 462px;
}
#houston #content-secondary img {
	margin: 0;
	display: inline;
	float: left;
}
#houston #content-secondary .first {
	margin: 0 8px 8px 0;
}
#contacts #content-secondary img {
	margin: 0;
	display: inline;
	float: left;
}
#contacts #content-secondary .first {
	margin: 0 8px 0 0;
}
#contacts #content-secondary .last {
	margin-top: 8px;
}
/*********************
End Secondary Content Styles */



/* Begin Footer Styles
************************/
#footer {
	clear: none;
}
#leased-by {
	float: left;
	height: 34px;
	margin: 0;
	padding: 10px 0 13px 35px;
}
#leased-by img {
	float: left;
	margin: 0 7px 0 0;
}
#leased-by img.stream-realty {
	margin-right: 10px;
}
#project-of {
	float: right;
	margin: 0;
	padding: 5px 35px 5px 0;
}
#legal {
	clear: both;
	color: #ccc;
	background: #787A7C;
	margin: 0;
	padding: 8px 32px 9px;
	height: 1.2em;
	text-align: right;
	font-size: 11px;
}
/*********************
End Footer Styles */