/* ======================================================================================= */
/* ================================ MAIN LAYOUT STRUCTURE ================================ */
/* ======================================================================================= */

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #7B7B7F;
	line-height: 1.4em;
}

#MainWrapper {
	width: 958px;
	margin: 0px auto;
}

#PageHeader {
}

#ContentWrapper {
	float: left;
	width: 100%;
}

#LeftColumn {
	float: left;
	width: 304px;
	margin-left: -954px;
}

#PageFooter {
	clear: left;
	width: 100%;
}

/* ======================================================================================= */
/* ===================================== STANDARD STUFF ================================== */
/* ======================================================================================= */

a:link, a:visited {
	color: #7B7B7F;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-size: 100%;
	text-transform: uppercase;
}

h2 {
	font-size: 100%;
	text-transform: uppercase;
}

.Error {
	color: #DD0000;
}

.ClearLeft {
	clear: left;
}

/* ======================================================================================= */
/* ======================================= PAGE HEADER =================================== */
/* ======================================================================================= */

#PageHeader {
	padding: 37px 0px 14px 0px;
}

#PageHeader div.Logos {
	padding: 0px 24px 28px 24px;
}

#PageHeader div.Logos div.Logo1 {
	float: left;
}

#PageHeader div.Logos div.Logo2 {
	text-align: right;
}

#PageHeader div.NavBar {
	background-image: url(/Images/Layout/Background-Nav-Bar.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	height: 49px;
	color: #FFFFFF;
}

#PageHeader div.NavBar ul {
	list-style-type: none;
	margin: 0px;
	padding: 13px 24px 13px 24px;
	font-weight: bold;
}

#PageHeader div.NavBar ul li {
	display: inline;
	margin-right: 10px;
	padding: 0px;
}

#PageHeader div.NavBar ul li a:link, #PageHeader div.NavBar ul li a:visited {
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 10px;
}

#PageHeader div.NavBar ul li a:hover {
	color: #525252;
}

#PageHeader div.NavBar ul li.First a:link, #PageHeader div.NavBar ul li.First a:visited {
	margin-left: 0px;
}

#PageHeader div.NavBar ul li.Current a:link, #PageHeader div.NavBar ul li.Current a:visited {
	color: #525252;
}

/* ======================================================================================= */
/* ======================================= BREADCRUMB ==================================== */
/* ======================================================================================= */

ul.Breadcrumb {
	clear: left;
	margin: 10px 4px 20px 4px;
	padding: 5px 20px 5px 20px;
	background-color: #EDEDED;
	list-style-type: none;
	text-transform: lowercase;
}	

ul.Breadcrumb li {
	display: inline;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

ul.Breadcrumb li a:link, ul.Breadcrumb li a:visited {
	text-decoration: none;
}

ul.Breadcrumb li a:hover {
	text-decoration: underline;
}

/* ======================================================================================= */
/* ====================================== MAIN CONTENT =================================== */
/* ======================================================================================= */

div.MainContentLM {
	margin-left: 327px;
}

div.MainContentM {
	margin-left: 4px;
}

h2.Section {
	clear: left;
	margin-top: 30px;
	padding: 5px 20px 5px 20px;
	background-color: #EDEDED;
}

/* ======================================================================================= */
/* ======================================== HOME PAGE ==================================== */
/* ======================================================================================= */

div.HomeImages {
	margin-bottom: 20px;
}

div.HomeImages img {
	margin-left: 19px;
}

div.HomeImages img.First {
	margin-left: 0px;
}

/* ======================================================================================= */
/* ====================================== PROJECT LIST =================================== */
/* ======================================================================================= */

div.ProjectListPhoto {
	float: left;
	width: 304px;
}

div.ProjectListPhoto img {
	margin-left: 20px;
}

div.ProjectListContent {
	margin: 0px 0px 0px 324px;
}

ul.ProjectList {
	list-style-type: none;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	font-size: 80%;
}

ul.ProjectList li {
	float: left;
	margin: 0px 0px 20px 20px;
	padding: 0px;
}

ul.ProjectList li.First {
	margin-left: 0px;
}

ul.ProjectList li div.Project {
	width: 142px;
	text-align: center;
}

ul.ProjectList li div.Project a:link, ul.ProjectList li div.Project a:visited {
	text-decoration: none;
}

ul.ProjectList li div.Project a:hover {
	text-decoration: underline;
}

ul.ProjectList li div.Project a img {
	border: 0px;
}

ul.ProjectList li div.Name {
	margin-top: 10px;
	height: 40px;
}

/* ======================================================================================= */
/* ===================================== PROJECT DETAIL ================================== */
/* ======================================================================================= */

div.ProjectImages {
	float: left;
	width: 466px;
}

div.ProjectImages div.ClickMessage {
	clear: left;
}

div.ProjectDescription {
	margin: 0px 0px 0px 486px;
}

ul.ImageList {
	list-style-type: none;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul.ImageList li {
	float: left;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 20px 0px;
}

ul.ImageList li.First {
	margin-left: 0px;
}

ul.ImageList li div.Caption {
	margin: -20px 0px 0px 0px;
	height: 20px;
	width: 142px;
	background-color: #000000;
	color: #FFFFFF;
	filter: alpha(opacity=70);
	opacity: 0.70;
	-moz-opacity:0.70;
	font-size: 70%;
}

ul.ImageList li div.Caption div.Padding {
	padding: 0px 10px;
}

div.Paging {
	clear: left;
	margin-top: 30px;
	padding: 5px 20px 5px 20px;
	background-color: #EDEDED;
	text-align: center;
	font-weight: bold;
}

div.Paging a:link, div.Paging a:visited {
	text-decoration: none;
}

div.Paging a:hover {
	text-decoration: underline;
}

div.Paging div.Next {
	float: right;
}

div.Paging div.Previous {
	float: left;
}

/* ======================================================================================= */
/* ======================================= LEFT COLUMN =================================== */
/* ======================================================================================= */

#LeftColumn div.Box {
	margin: 20px 0px 0px 0px;
	background-color: #EDEDED;
	padding: 20px;
}

#LeftColumn div.Box h3 {
	margin: 0px 0px 1em 0px;
	font-size: 100%;
}

#LeftColumn div.Box div {
	margin: 1em 0px 0px 0px;
}

#LeftColumn div.Box div div {
	margin: 0px;
}

#LeftColumn div.Box div div.Left {
	float: left;
}

#LeftColumn div.Box div div.Right {
	text-align: right;
}

#LeftColumn div.Box div.RIBA {
	margin: 35px 0px 0px 0px;
	border-top: 1px solid #D5D5D5;
	padding: 24px 0px 0px 0px;
	text-align: center;
}

/* ======================================================================================= */
/* ======================================= PAGE FOOTER =================================== */
/* ======================================================================================= */

#PageFooter {
	padding: 20px 0px 45px 0px;
	font-size: 90%;
	font-weight: bold;
	color: #FFFFFF;
}

#PageFooter div.Footer {
	background-image: url(/Images/Layout/Background-Nav-Bar.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	height: 49px;
}

#PageFooter div.Footer div.Content {
	padding: 13px 24px 13px 24px;
}

#PageFooter div.Footer a:link, #PageFooter div.Footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#PageFooter div.Footer a:hover {
	text-decoration: underline;
}

#PageFooter div.Footer div.Left {
	float: left;
}

#PageFooter div.Footer div.Right {
	text-align: right;
}

/* ================================================================================================= */
/* =========================================== FORMS =============================================== */
/* ================================================================================================= */

form {
	margin: 0px;
	padding: 0px;
}

fieldset br {
	clear: both;
}

fieldset {
	border: 1px solid #E6E6E6;
	padding-bottom: 10px;
	margin: 20px 0px 20px 0px;
}

fieldset legend {
	background-color: #7B7B7F;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 10px 3px 10px;
}

fieldset div.inputgroup {
	padding: 20px;
}

fieldset div.inputgroup p.Error {
	margin-top: 0px;
}

fieldset div.inputgroup p.Instructions {
	margin-top: 0px;
	margin-bottom: 20px;
}

fieldset div.inputgroup span.Annotation {
	font-size: 80%;
}

fieldset label {
	display: block;
	float: left;
	clear: left;
	width: 130px;
	margin-bottom: 10px;
	text-align: left;
	padding-right: 20px;
}

fieldset div.DisplayOnly {
	margin: 0px;
	padding: 0px;
}

fieldset input, fieldset textarea {
	display: block;
	width: 320px;
	float: left;
	margin-bottom: 10px;
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	border: 1px solid #E6E6E6;
}

fieldset input.Hidden {
	margin: 0px;
	border: 0px;
}

fieldset textarea {
	overflow: auto;
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-arrow-color: #E6E6E6; 
	scrollbar-base-color: #FFFFFF; 
	scrollbar-darkshadow-color: #FFFFFF; 
	scrollbar-face-color: #FFFFFF; 
	scrollbar-highlight-color: #E6E6E6; 
	scrollbar-shadow-color: #E6E6E6; 
	scrollbar-track-color: #FFFFFF;
}

fieldset select {
	display: block;
	width: 320px;
	float: left;
	margin-bottom: 10px;
	font: 100% Arial, Verdana, Helvetica, sans-serif;
}

fieldset input.Submit {
	width: 100px;
	background-color: #7B7B7F;
	border: 1px solid #7B7B7F;
	color: #FFFFFF;
	font-weight: bold;
}

fieldset input.CheckboxRadio {
	width: 20px;
	background-color: transparent;
	border: 0px solid transparent;
}