
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color:#FFFFFF;
}

#pageBorder {
	position:absolute;
	width:694px;
	z-index:2;
	left: 200px;
	top: 0px;
	text-align: left;
	border: thin solid #d9d9d9;
	background-color:#d9d9d9;
	margin: 0px;
	padding: 145px 25px 25px 25px;
}

#pageBorder2 {
	position:absolute;
	width:694px;
	z-index:2;
	left: 0px;
	top: 0px;
	text-align: left;
	border: thin solid #d9d9d9;
	background-color:#d9d9d9;
	margin: 0px;
	padding: 145px 25px 25px 25px;
}

#pageLayout {
	position:relative;
	width: 100%;
	left: 0px;
	margin: 0px;
	padding: 0px;
	min-height: 350px;
	background-color:#7f7f7f;

}

#page {
	width: 100%;
	text-align: center;
}







#pageRIBA {
position:absolute; width:110px; height:50px; z-index:3; left: 14px; top: 125px;
}

#pageTitleEcourier {
position:absolute; width:400px; height:60px; z-index:2; left: 200px; top: 40px;
}

#pageAcefolio {
position:relative; width:700px; height:25px; z-index:3; left: 0px;
}

#pageLogo {
position:absolute; width:700px; height:100px; z-index:5; left: 25px; top: 22px;
}



#pageTitle {
	position:relative;
	font-family: "CENTURY GOTHIC", Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	width:514px; 
	height:25px;
	color: #ffffff;
	overflow:hidden; 
	background-color:#4c4c4c;
	padding: 0px 0px 0px 14px;
	margin: 0px;
	text-align: left;
}

#pageTitle2 {
	position:absolute;
	font-family: "CENTURY GOTHIC", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	width:500px; 
	height:30px; 
	z-index:2; 
	color: #ffffff;
	left: 100px; 
	top: 25px;
}

#pageTitle2 a {
	z-index:2;
	text-decoration:none;
	color: #ffffff;
	font-weight: normal;
}

#pageTitle3 {
position:absolute; width:400px; height:60px; z-index:2; left: 0px; top: 450px;
}





#pageNav {
	position:absolute;
	width:500px;
	z-index:3;
	left: 160px;
	top: 125px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	color: #636363;
	font-weight: bold;
}

#pageNav a {
	padding-right: 4px;
	padding-left: 4px;
	color: #636363;
	text-decoration:none;
}

#pageNav a:hover {
	padding-right: 4px;
	padding-left: 4px;
	color: #ffffff;
	text-decoration:none;
}

#pageNav a.chosen {
	padding-right: 4px;
	padding-left: 4px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#pageNavSub {
	position:relative;
	width:380px;
	height: 94px;
	z-index:4;
	left: 20px;
	top:20px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	background-color:#4c4c4c;
	padding: 0px 20px 0px 0px;
	color: #ffffff;
	font-weight: bold;
	text-align:right;
}

#pageNavSub a {
	color: #ffffff;
	text-decoration:none;
}

#pageNavSub a:hover {
	color: #cccccc;
	text-decoration:none;
}

#pageNavSub a.chosen {
	color: #cccccc;
	text-decoration:none;
}

#pageNavSub img {
	color: #cccccc;
	text-decoration:none;
	padding: 0px 20px 0px 0px;
}





#pageBody {
	min-height: 250px;
	width:498px;
	text-align: left;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	color: #4c4c4c;
	font-weight: normal;
	background-color:#d9d9d9;
	margin: 0px;
	padding: 10px 15px 10px 15px;
}

#pageBodyLeft {
	position:absolute;
	float: left;
	min-height: 100px;
	width:200px;
	z-index:4;
	padding: 220px 0px 0px 50px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 7pt;
	color: #0F214F;
	font-weight: normal;
}

#pageBodyRight {
	width:415px;
	min-height: 400px;
	padding: 220px 10px 20px 360px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	color: #636363;
	font-weight: normal;
}

#pageBodyDetails {
	position:absolute;
	width:200px;
	z-index:2;
	left: 40px;
	top: 400px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7px;
	color: #0F214F;
	height:200px;
	overflow: hidden;
}

#pageBodyNav {
	position:absolute;
	width:300px;
	z-index:2;
	left: 450px;
	top: 430px;
	font-family:  "CENTURY GOTHIC", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999999;
	height:30px;
}

#pageBodyImage{
	position:absolute;
	z-index:3;
	width:75px;
	height:205px;
	left: 0px;
	top: 173px;
	overflow: auto;
}

#pageBlurb {
	min-height: 120px;
	width:300px;
	z-index:2;
	padding: 60px 0px 50px 430px;
	z-index:2;
	left: 450px;
	height:400px;
	top: 110px;


	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	color: #0F214F;
	font-weight: normal;
	overflow: hidden;
}

#pageBlurb a {
	padding-right: 0px;
	padding-left: 0px;
	color: #636363;
	text-decoration:none
}

#pageBlurb a:hover {
	padding-right: 0px;
	padding-left: 0px;
	color: #ffffff;
	text-decoration:none
}






#pageSplit {
	position:absolute;
	width:3px;
	height:600px;
	z-index:4;
	left: 418px;
	top: 10px;
	border-left-width: thin;
	border-left-style: double;
	border-left-color: #5E8234;
}

#pageSplitH {
	position:absolute;
	width:408px;
	height:1px;
	z-index:4;
	left: 362px;
	top: 440px;
	border-top-style: solid;
	border-top-width: thin; 
	border-top-color: #FFFFFF;
}

#pageSplitH2 {
	position:absolute;
	width:408px;
	height:1px;
	z-index:4;
	left: 362px;
	top: 647px;
	border-top-style: solid;
	border-top-width: thin; 
	border-top-color: #FFFFFF;
}





#pageImageHome {
	position: absolute;
	left: 70px;
	top: 80px;
	font-family: Verdana, Helvetica, sans-serif;
	width:520px;
	height:190px;
	text-align: right;
	color: #CCCCCC;
	font-size: 9pt;
	background-color:#4c4c4c;
	margin: 0px;
	padding: 0px 20px 0px 0px;
}

#pageImageHome img {
	padding-bottom: 0px
}

#pageImageHome a {
	padding-right: 0px;
	padding-left: 0px;
	color: #ffffff;
	text-decoration:none
}

#pageImage {
	font-family: Verdana, Helvetica, sans-serif;
	width:528px;
	height:134px;
	color: #CCCCCC;
	font-size: 8pt;
	margin: 0px;
	overflow-x: auto;
	overflow-y: hidden;
	text-align: left;
	white-space:nowrap;
}

#pageImage img {
	padding: 25px 8px 0px 0px;
	display:inline;
	white-space:nowrap;
	
/*  	float: left;
    	page-break-before: right;
    	line-height:95px;
    	display: inline;
    	margin: 0px;
    	letter-spacing: -3em;
    	white-space: nowrap;
    	border: 0 none;   */
}

#pageImageCaption {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	width:325px;
	height:40px;
	z-index:2;
	left: 5px;
	top: 360px;
	overflow: hidden;
	color: #5E8234;
	font-size: 7pt;
	text-align: left;
}







#pageProjectNav {
	position:relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:500px;
	z-index:4;
	height: 20px;	
	color: #FFFFFF;
	font-size: 8pt;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-align: left;
}

#pageProjectNav a {
	color: #0F214F;
	margin: 0px;
	text-decoration:none;
	text-transform:none;
	font-weight: bold;

}

#pageProjectNav a:visited {
	color: #0F214F;
	margin: 0px;
	text-decoration:none;
	text-transform:none;
	font-weight: bold;
}

#pageProjectNav a:hover {
	color: #0F214F;
	margin: 0px;
	text-decoration:none;
	text-transform:none;
	font-weight: normal;
}

#pageProjectNav2 {
	position:absolute;
	width:200px;
	z-index:4;
	top: 620px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #0F214F;
	font-size: 8pt;
	padding: 0px 0px 10px 360px;
	margin: 0px;
	text-align: left;
}

#pageProjectNav2 a {
	color: #0F214F;
	margin: 0px;
	text-decoration:none;
	text-transform:none;
	font-weight: normal;

}

#pageProjectNav2 a:visited {
	color: #0F214F;
	margin: 0px;
	text-decoration:none;
	text-transform:none;
	font-weight: normal;
}

#pageProjectNav2 a:hover {
	color: #0F214F;
	margin: 0px;
	text-decoration:none;
	text-transform:none;
	font-weight: bold;
}





#pageCredit {
	position: relative;
	font-family: Verdana, Helvetica, sans-serif;
	left: 200px;
	text-align: left;
	font-size: 7pt;
	color: #666666;
	font-weight: none;
	padding: 0px;
}

#pageCredit a {
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	color: #0F214F;
	text-decoration:none
}

#pageCredit a.hover {
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	color: #0F214F;
	text-decoration:underline
}

#pageCredit a.chosen {
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	color: #5E8234;
	text-decoration:none
}






.listItem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:380px;
	font-size: 8pt;
	color: #0F214F;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

.listItem a {
	font-size: 10pt;
	color: #4C4C4C;
	margin: 0px;
	text-decoration:none;
	text-transform:none;
	font-weight: bold;
	padding: 0px 0px 10px 0px;

}

.listItem a:visited {
	color: #4C4C4C;
	margin: 0px;
	text-decoration:none;
	text-transform:none;
	font-weight: bold;
}

.listItem a:hover {
	color: #ffffff;
	margin: 0px;
	text-decoration:none;
	text-transform:none;
	font-weight: bold;
}

.listItem img {
	float: right;
	border: none;
	border-style: none;
}






h1 {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-size: 54pt;
	font-weight: bold;
	letter-spacing: -3px;
}

h2 {
	font-family: "CENTURY GOTHIC", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #ffffff;
	padding: 0px 0px 0px 20px;
	margin: 0px;
	font-weight: normal;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #ffffff;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	font-weight: bold;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #4C4C4C;
	margin: 0px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #0F214F;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	font-weight: normal;
}
