/* ----- COMMON ----- */
* { margin: 0; padding: 0; }
html, body
{
	height: 100%;
	min-height: 100%;
	min-width: 901px;
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
	font-family: 'Century Gothic' , Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #483F3B;
}
table, td { font-size: 11px; }
a { text-decoration: none; color: #483F3B; font-weight: bold; }
p {
	padding: 12px;
}
h1 { display: block; float: left; font-size: 12px; text-transform: uppercase; color: #483F3B; letter-spacing: 1px; padding-left: 10px; }

/* ----- PAGE LAOUT ----- */
#wrapper { text-align: left; vertical-align: middle; width: 100%; height:100%; min-height: 100%; }
.full { height:100%; min-height: 100%; }
#yellowLeft { width: 70%; background: #E5AC39 url(../img/bg_yellow.gif) repeat-x center; text-align: right; }
#greyRight { width: 30%; background: #483F3B url(../img/bg_grey.gif) repeat-x center; text-align: left; }
#layoutLeft { width: 685px; border-left: 1px solid #D5A035; background: transparent url(../img/footer.gif) no-repeat left bottom; text-align: right;}
#layoutRight { width: 214px; border-right: 1px solid #433B37; background: transparent url(../img/border_grey.gif) repeat-y 15px 0px; }
#container { position: relative; width: 899px; height: 372px; margin-left: -685px;}
#content {
	width:685px;
	text-align: left;
}
#contentLeft { float:left; width: 685px; height: 372px; }

/* ----- NAVIGATION STYLES JUST IN CASE JAVASCRIPT IS DISABLED OR NO FLASH ----- */
#navRight { float: left; width: 665px; height: 372px; margin-left:-451px; text-align: right; }
#navRight p { color: #FFF; text-align: right; margin-left: 465px; padding: 10px; }
#navRight ul { margin: 0px; padding: 0px; color: #FFF;}
#navRight li { list-style-type: none; padding: 0 10px 2px 0; text-transform: uppercase; }
#navRight li.navItem { color: #E5AC39;}
#navRight li li { padding: 0;}
#navRight li.navItem:hover { color: #E5AC39; text-decoration: underline; cursor: pointer;}

/* ----- STYLES FOR SUB PAGES ----- */
#subContent { clear:both; float: left; height:335px; width:392px; overflow:scroll; background-color: #F2D69C; text-align: justify; }
#subContent2 { clear:both; float: left; height:335px; width:644px; overflow:scroll; background-color: #F2D69C; text-align: justify; }
#subContent a { color: #AB843A; } #subContent a:hover { color: #DCA537; text-decoration: underline; }
#subPicture { float:right; height:336px; width: 293px; overflow:hidden; text-align: left; }
#subHeader { float: left;display:block; background-color: #F7E6C4; padding: 10px 0px; width: 100%; border-bottom: 1px solid #EFCC84;}
#subHeader h1 {
	display: block;
	float: left;
	width: 350px;
}
#subHeader span {color: #DCA537; }
#subHeader a {
	float: left;
	width: 265px;
	display: block;
	text-transform: uppercase;
	color: #4E4541;
	text-decoration: none;
	font-size: 10px;
	text-align: right;
	padding-right: 45px;
	font-weight: bold;
}
#subHeader a:hover { text-decoration: underline; }

/* ----- FOOTER ----- */
#footer p { letter-spacing: 0.05em; line-height: 12px; padding: 7px 10px 6px 0; }
p.details { color: #483F3B; text-transform: uppercase; }
p.copyright { color: #96753A; }

/* ----- STYLES FOR PORTFOLIO PAGES ----- */
#imgNav { background-color: #EDC575; }
#imgNav a{ line-height: 18px; padding-left: 10px; font-weight: bold;}
.portfolioList { clear:both; float: left; height:337px; width: 100%; text-align: left; }
#curComList {  background: transparent url(../img/current_commercial.jpg) no-repeat bottom left; } /* Background of Current/Commercial List */
#curInsList {  background: transparent url(../img/current_institutional.jpg) no-repeat bottom left; } /* Background of Current/Institutional List */
#curConList {  background: transparent url(../img/current_condos.jpg) no-repeat bottom left; } /* Background of Current/Institutional List */
#comComList {  background: transparent url(../img/completed_commercial.jpg) no-repeat bottom left; } /* Background of Completed/Commercial List */
#comInsList {  background: transparent url(../img/completed_institutional.jpg) no-repeat bottom left; } /* Background of Completed/Institutional List */
#comResList {  background: transparent url(../img/completed_residential.jpg) no-repeat bottom left; } /* Background of Completed/Residential List */
#comConList {  background: transparent url(../img/completed_condos.jpg) no-repeat bottom left; } /* Background of Completed/Condo List */
ul.projectList { list-style-type: none; margin: 0px; padding: 0px; text-align: left;}
ul.projectList li a { display: block; width: 100%; line-height: 23px; height: 23px; text-transform: uppercase; border-bottom: 1px solid #EFCC84; background-color: #F2D69C; text-indent: 23px; font-weight: normal;}
ul.projectList li a:hover { background-color: #F1CC80; cursor: pointer;}
#projectDetails {
	clear:both;
	float: left;
	height:318px;
	width: 200px;
	text-align: justify;
	overflow: scroll;
	background: #F2D69C;
	overflow-x:hidden;
}
#projectDetails a { color: #AB843A; } #projectDetails a:hover { color: #DCA537; text-decoration: underline; }
.awards ul { list-style: none; margin-top: 0; padding-top: 0; }
.awards ul li { list-style: disc; font-size: 10px; margin-left: 25px; margin-right: 25px; }