/*

COLOR PALLETTE

Dark Grey:  #4c4b50
Light Grey: #939598
Yellow: #ffd204
White: #FFFFFF


*/

/*
	RESET
*/

*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; }
html, body							{ height: 100%; }
body								{ font-size: 62.5%; font-family: Arial, sans-serif; color: #272727; 
									  background: url(images/background3.jpg)}
ul									{ list-style: square inside; }
ol									{ list-style: decimal inside; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; background: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }

/*
	UTILITY
*/
.floatLeft 							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.button								{ border: 1px solid #272727; background: white; padding: 3px 8px; 
									  -moz-border-radius: 5px; -webkit-border-radius: 5px; color: 272727; }
.button:hover						{ background: #2b5d03; color: white; }

#left-color							{ float: left; z-index: 0; position: relative; height: 490px; width: 60%; background-color: #ffd204; margin: -723px 0px 0px 0px;}

#left-color-portfolio				{
	float: left;
	z-index: 0;
	position: relative;
	height: 490px;
	width: 65%;
	background-color: #ffd204;
	margin: -723px 0px 0px 0px;
}

#left-color-personnel				{
	float: left;
	z-index: 0;
	position: relative;
	height: 490px;
	width: 50%;
	background-color: #ffd204;
	margin: -723px 0px 0px 0px;
}



/*
	STRUCTURE
*/

#page-wrap							{ z-index: 4; position: relative; width: 1024px; height: 768px; margin: 0px auto;}
#top-bar							{
	z-index: 4;
	width: 1024px;
	height: 45px;
	background-color: white;
	font-family: Arial, sans-serif;
}
#middle-bar							{
	z-index: 4;
	width: 1024px;
	height: 490px;
	font-family: Arial, sans-serif;
}
#bottom-bar							{
	z-index: 4;
	width: 1024px;
	height: 198px;
	font-family: Arial, sans-serif;
}


/*
	CONSISTANT MODULES
*/


.addressBox							{ z-index: 4; width: 300px; height: 20px; float: right; margin: 0px 60px 0px 0px; padding: 25px 0px 0px 0px;}
.addressBox p						{ z-index: 4; color: gray; font-family: Arial, Helvetica, sans-serif; font-size: 1em; text-align: right;}

.navigation							{ margin: 0px 0px 0px 0px; float: right;}


/*
	TEXT/LIST PLACEHOLDER AREAS
*/

.profile_text						{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	width: 300px;
	height: 490px;
	float: right;
	margin: 30px 60px 0px 0px;
	text-align: justify;
	color: #4c4d4f;
}

.profile_textJUNEUPDATE						{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 325px;
	height: 490px;
	float: right;
	margin: 20px 35px 0px 0px;
	text-align: justify;
	color: #4c4d4f;
}

.profile_text a:link {
	color: #4c4d4f6;
	text-decoration: none;
	
}
.profile_text a:hover {
	color: #939598;
	text-decoration: none;
}
.profile_text a:visited {
	color: #939598;
	text-decoration: none;
}

.portfolio_text						{
	font-size: 1em;
	width: 300px;
	height: 490px;
	float: left;
	margin: 5px 0px 0px 20px;
	text-align: justify;
	color: #4c4d4f;
	font-family: Arial, sans-serif;
	line-height: 1em;
	word-spacing: 2px;
}

.portfolio_text a:link {
	color: #4c4d4f6;
	text-decoration: none;
	
}
.portfolio_text a:hover {
	color: #939598;
	text-decoration: none;
}
.portfolio_text a:visited {
	color: #939598;
	text-decoration: none;
}

.portfolio2_text {
	font-size: .8 em;
	text-align: justify;
	color: #4c4d4f;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1 em;
}

.header_text {
	font-size: 1.25em;
	text-align: right;
	color: #FFF;
	font-family: Arial, sans-serif;
	font-weight:bold;
}

.contact_text {
	font-size: 1.25em;
	text-align: left;
	color: #FFF;
	font-family: Arial, sans-serif;
	font-weight:bold;
}

.headersmall_text {
	font-size: 0.8em;
	text-align: right;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: -.5px;
}

.personnel_text						{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 400px;
	height: 490px;
	float: right;
	margin: 18px 30px 0px 0px;
	text-align: justify;
	color: #4c4d4f;
	line-height: 1em;
}

.projectlist_text						{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 325px;
	height: 490px;
	float: right;
	margin: 18px 10px 0px 120px;
	text-align: justify;
	color: #4c4d4f;
	line-height: 1em;
}

.projectlist_text						{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 300px;
	height: 490px;
	float: left;
	margin: 20px 0px 0px 20px;
	text-align: left;
	color: #4c4d4f;
	line-height: 1em;
}

.personnelwhite_text {
	font-size: 1.1em;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.address_text						{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	float: right;
	text-align: right;
	color: #999999;
}

.address_text a:link {
	color: #999999;
	text-decoration: none;
	
}
.address_text a:hover {
	color: #4c4b50;
	text-decoration: none;
}
.address_text a:visited {
	color: #999999;
	text-decoration: none;
}

.person_text						{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	text-align: left;
	color: #4c4d4f6;
}

.person_text a:link {
	color: #4c4d4f6;
	text-decoration: none;
	
}
.person_text a:hover {
	color:#000000;
	text-decoration: none;
}
.person_text a:visited {
	color: #4c4d4f6;
	text-decoration: none;
}

.profile_text2						{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
	color: #4c4d4f;
}


.projects_text						{ font-family:Arial, Helvetica, sans-serif; font-size: 1.1em; width: 300px; height: 490px; float: left; margin: 20px 10px 0px 0px;}
.projects_text2						{ width: 300px; height: 490px; float: left; margin: 20px 10px 0px 0px;}



/*
	HOME PAGE CONTENT AREA
*/

#middle-left						{ z-index: 4; width: 30px; height: 490px; float: left;}
#middle-middle						{ z-index: 4; width: 960px; height: 490px; float: left;}
#middle-right						{ z-index: 4; width: 30px; height: 490px; float: left;}

/*
	PROFILE CONTENT AREA
*/

#profile-middle-left				{ z-index: 4; width: 412px; height: 490px; float: left;}
#profile-middle-middle				{ z-index: 4; width: 578px; height: 490px; float: left;}
#profile-middle-right				{ background: url(images/profile_bar.jpg) no-repeat; z-index: 4; width: 30px; height: 490px; float: left;
									  border-left-color: white; border-left-style: solid; border-left-width: 1px;}
#philosophy-middle-right				{ background: url(images/philosophy_bar.jpg) no-repeat; z-index: 4; width: 30px; height: 490px; float: left;
									  border-left-color: white; border-left-style: solid; border-left-width: 1px;}
#personnel-middle-right				{ background: url(images/personnel_bar.jpg) no-repeat; z-index: 4; width: 30px; height: 490px; float: left;
									  border-left-color: white; border-left-style: solid; border-left-width: 1px;}									  

/*
	HORIZ PORTFOLIO CONTENT AREA
*/


#portfolioH-middle-left				{ z-index: 4; width: 346px; height: 490px; float: left;}
#portfolioH-middle-middle			{ z-index: 4; width: 644px; height: 490px; float: left;}
#portfolioH-middle-right				{ background: url(images/projects_bar.jpg) no-repeat; z-index: 4; width: 30px; height: 490px; float: left;
									  border-left-color: white; border-left-style: solid; border-left-width: 1px;}
#commercialH-middle-right				{ background: url(images/commercial_bar.jpg) no-repeat; z-index: 4; width: 30px; height: 490px; float: left;
									  border-left-color: white; border-left-style: solid; border-left-width: 1px;}
#educationH-middle-right				{ background: url(images/education_bar.jpg) no-repeat; z-index: 4; width: 30px; height: 490px; float: left;
									  border-left-color: white; border-left-style: solid; border-left-width: 1px;}
#governmentH-middle-right				{ background: url(images/government_bar.jpg) no-repeat; z-index: 4; width: 30px; height: 490px; float: left;
									  border-left-color: white; border-left-style: solid; border-left-width: 1px;}	
#healthcareH-middle-right				{ background: url(images/healthcare_bar.jpg) no-repeat; z-index: 4; width: 30px; height: 490px; float: left;
									  border-left-color: white; border-left-style: solid; border-left-width: 1px;}	
#ownerrepH-middle-right				{ background: url(images/ownerepresentation_bar.jpg) no-repeat; z-index: 4; width: 30px; height: 490px; float: left;
									  border-left-color: white; border-left-style: solid; border-left-width: 1px;}	
#recreationalH-middle-right				{ background: url(images/recreational_bar.jpg) no-repeat; z-index: 4; width: 30px; height: 490px; float: left;
									  border-left-color: white; border-left-style: solid; border-left-width: 1px;}
#residentialH-middle-right				{ background: url(images/residential_bar.jpg) no-repeat; z-index: 4; width: 30px; height: 490px; float: left;
									  border-left-color: white; border-left-style: solid; border-left-width: 1px;}
#contactH-middle-right				{ background: url(images/contact_bar.jpg) no-repeat; z-index: 4; width: 30px; height: 490px; float: left;
									  border-left-color: white; border-left-style: solid; border-left-width: 1px;}
#projectsH-middle-right				{ background: url(images/projects_bar.jpg) no-repeat; z-index: 4; width: 30px; height: 490px; float: left;
									  border-left-color: white; border-left-style: solid; border-left-width: 1px;}
						
						
						
/*
	VERT PORTFOLIO CONTENT AREA
*/

#portfolioV-middle-left				{ z-index: 4; width: 622px; height: 490px; float: left;}
#portfolioV-middle-middle			{ z-index: 4; width: 368px; height: 490px; float: left;}
#portfolioV-middle-right			{ background: url(images/port_bar.jpg) no-repeat; z-index: 4; width: 30px; height: 490px; float: left;
									  border-left-color: white; border-left-style: solid; border-left-width: 1px;}

/*
	PROJECTS CONTENT AREA
*/


#projects-middle-left				{ z-index: 4; width: 310px; height: 490px; float: left;}
#projects-middle-middle				{ z-index: 4; width: 680px; height: 490px; float: left;}
#projects-middle-right				{ background: url(images/port_bar.jpg) no-repeat; z-index: 4; width: 30px; height: 490px; float: left;
									  border-left-color: white; border-left-style: solid; border-left-width: 1px;}
#image-dividers						{
	width: 595px;
	height: 490px;
	margin-left: 85px;
}
#image-dividers	img					{ float: left;}
#page-wrap #middle-bar #portfolioV-middle-left {
	color: #939598;
	font-family: Arial, sans-serif;
}
.flashbars {
	float: left;
	height: 80px;
	width: 300px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-bottom: 5px;
}

.flashbarsperson {
	float: left;
	height: 80px;
	width: 300px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
}

#page-wrap #middle-bar #profile-middle-middle .personnel_text p .personnelwhite_text u {
	text-align: right;
}