/*	Commentary
*/



body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color:#FFFFFF;
}

#pageBorder {
	position:relative;
	width:800px;
	height:670px;
	z-index:1;
	left: 25px;
	top: 14px;
	text-align: left;
	border: thin solid #FFFFFF;
	background-color:#FFFFFF;
	margin: 20px;
	padding: 0px;
}

#pageLayout {
	position:relative;
	width:755px;
	height:550px;
	z-index:2;
	left: 10px;
	top: 50px;
	border: thin solid #515151;
	border-top: thin solid #515151;
	background-color: #515151;
	margin: 10px;
	padding: 0px;
}

#page{
	width: 100%;
	text-align: center;
}

#pageLogo {
position:absolute; width:755px; height:40px; z-index:3; left: 20px; top: 100px; overflow: hidden;
}

#pageFooter {
position:absolute; width:755px; height:50px; z-index:3; left: 20px; top: 542px;
}

#pageCredit {
	position:absolute;
	width:745px;
	z-index:2;
	left: 0px;
	top: 560px;
	font-family:  "CENTURY GOTHIC", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #80AEFC;
	text-align: right;
	font-weight: none;
}

#pageCredit a {
	padding-right: 4px;
	padding-left: 4px;
	color: #CCFF00;
	text-decoration:none
}

#pageCredit a:hover {
	padding-right: 4px;
	padding-left: 4px;
	color: #D45A26;
	text-decoration:underline
}

#pageCredit a.chosen {
	padding-right: 4px;
	padding-left: 4px;
	color: #CCFF00;
	text-decoration:none
}

#pageTitle {
position:absolute; width:400px; height:60px; z-index:2; left: 510px; top: 130px;
}

#pageTitleEcourier {
position:absolute; width:400px; height:60px; z-index:2; left: 510px; top: 12px;
}

#pageNav {
	position:absolute;
	width:600px;
	z-index:4;
	left: 100px;
	top: 545px;
	font-family:  "CENTURY GOTHIC", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #515151;
	font-weight: normal;
}

#pageNav a {
	padding-right: 4px;
	padding-left: 4px;
	color: #515151;
	text-decoration:none
}

#pageNav a:hover {
	padding-right: 4px;
	padding-left: 4px;
	color: #515151;
	text-decoration:none
}

#pageNav a.chosen {
	padding-right: 4px;
	padding-left: 4px;
	color: #515151;
	text-decoration: none;
	font-weight: bold;
	
}

#pageNavSub {
	position:absolute;
	width:240px;
	z-index:3;
	left: 525px;
	top: 190px;
	font-family:  "CENTURY GOTHIC", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #C9FF87;
	font-weight: bold;
	text-align:left;
}

#pageNavSub a {
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 5px;
	color: #C9FF87;
	text-decoration:none;
	font-weight: bold;
}

#pageNavSub a:hover {
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 5px;
	color: #C9FF87;
	text-decoration:none
}

#pageNavSub a.chosen {
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 5px;
	color: #C9FF87;
	text-decoration:none;
	font-weight: bold;
}

#pageBody {
	position:absolute;
	width:260px;
	z-index:2;
	left: 510px;
	top: 170px;
	font-family:  "CENTURY GOTHIC", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #C9FF87;
	height:330px;
	overflow: auto;
}

#pageBodyLeft {
	position:absolute;
	width:350px;
	z-index:3;
	left: 0px;
	top: 100px;
	font-family:  "CENTURY GOTHIC", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #D45A26;
	height:400px;
	overflow: auto;
}

#pageBodyDetails {
	position:absolute;
	width:230px;
	z-index:2;
	left: 510px;
	top: 170px;
	font-family:  "CENTURY GOTHIC", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	height:275px;
	overflow: hidden;
}

#pageBodyDetails a {
	padding-right: 0px;
	padding-left: 0px;
	color: #80AEFC;
	text-decoration:none
}
	
#pageBodyNav {
	position:absolute;
	width:300px;
	z-index:2;
	left: 470px;
	top: 360px;
	font-family:  "CENTURY GOTHIC", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999999;
	height:30px;
}

#pageBodyImage{
	position:absolute;
	z-index:3;
	width:160px;
	height:330px;
	left: 333px;
	top: 130px;
	overflow: hidden;
}

#pageBodyImage img{
	padding-bottom: 15px;
}

#pageBodyImage2{
	position:absolute;
	z-index:4;
	width:160px;
	height:215px;
	left: 333px;
	top: 245px;
	overflow: auto;
}

#pageBodyImage2 img{
	padding-bottom: 0px;
}

#pageText {
	position:absolute;
	width:150px;
	z-index:3;
	left: 110px;
	top: 320px;
	font-family:  "CENTURY GOTHIC", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #80AEFC;
	height:170px;
	overflow: hidden;
}

#pageText a {
	padding-right: 0px;
	padding-left: 0px;
	color: #80AEFC;
	text-decoration:none
}

#pageText a:hover {
	padding-right: 0px;
	padding-left: 0px;
	color: #FFFFFF;
	text-decoration:none
}

.pageText {
	position:absolute;
	width:270px;
	z-index:3;
	left: 510px;
	top: 275px;
	font-family:  "CENTURY GOTHIC", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #C9FF87;
	height:170px;
	overflow: hidden;
}

.pageText a {
	padding-right: 0px;
	padding-left: 0px;
	color: #80AEFC;
	text-decoration:none
}

.pageText a:hover {
	padding-right: 0px;
	padding-left: 0px;
	color: #FFFFFF;
	text-decoration:none
}
#pageBlurb {
	position:absolute;
	width:230px;
	z-index:2;
	left: 510px;
	top: 128px;
	font-family:  "CENTURY GOTHIC", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	height:325px;
	overflow: hidden;
}

#pageBlurb a {
	padding-right: 0px;
	padding-left: 0px;
	color: #80AEFC;
	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:325px;
	height:1px;
	z-index:4;
	left: 425px;
	top: 92px;
	border-top-style: dotted;
	border-top-width: thin; 
	border-top-color: #5E8234;
}

#pageAcefolio {
position:absolute; width:355px; height:20px; z-index:2; left: 0px; top: 560px;
}

#pageRIBA {
position:absolute; width:150px; height:80px; z-index:3; left: 523px; top: 410px;
}

#pageImageHome {
	font-family: "CENTURY GOTHIC", Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	width:320px;
	height:320px;
	z-index:2;
	left: -1px;
	top: 130px;
	overflow: hidden;
	color: #CCCCCC;
	font-size: 8pt;
}

#pageImageHome img {
	padding-bottom: 0px
}

#pageImage {
	font-family: "CENTURY GOTHIC", Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	width:480px;
	height:320px;
	z-index:2;
	left: -1px;
	top: 130px;
	overflow: hidden;
	color: #CCCCCC;
	font-size: 8pt;
}

#pageImage img {
	padding-bottom: 0px
}

#pageImageSlide {
	font-family: "CENTURY GOTHIC", Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	width:780px;
	height:320px;
	z-index:2;
	left: -1px;
	top: 130px;
	overflow: hidden;
	color: #C9FF87;
	font-size: 10pt;
}

#pageImageSlide img {
	padding-bottom: 0px
}

#pageImageCaption {
	font-family:  "CENTURY GOTHIC", Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	width:325px;
	height:40px;
	z-index:2;
	left: 5px;
	top: 450px;
	overflow: hidden;
	color: #80AEFC;
	font-size: 8pt;
	text-align: left;
}

h1 {
	font-family:  "CENTURY GOTHIC", 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: #C9FF87;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-weight: normal;
}

h3 {
	font-family: "CENTURY GOTHIC", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

h4 {
	font-family: "CENTURY GOTHIC", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #999999;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

h5 {
	font-family: "CENTURY GOTHIC", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #5E8234;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-weight: normal;
}

#pageAcefolio {
	vertical-align: text-bottom;
}


#pageProjectNav {
	position:absolute;
	width:400px;
	z-index:4;
	left: 430px;
	top: 455px;
	font-family:"CENTURY GOTHIC", Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width:350px;
	font-size: 9pt;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-align: center;
}

#pageProjectNav a {
	color: #FFFFFF;
	margin: 0px;
	text-decoration:none;
	text-transform:none;
	font-weight: normal;

}

#pageProjectNav a:visited {
	color: #FFFFFF;
	margin: 0px;
	text-decoration:none;
	text-transform:none;
	font-weight: normal;
}

#pageProjectNav a:hover {
	color: #FFFFFF;
	margin: 0px;
	text-decoration:none;
	text-transform:none;
	font-weight: bold;
}


.listItem {
	font-family: "CENTURY GOTHIC", Verdana, Arial, Helvetica, sans-serif;
	width:250px;
	font-size: 10pt;
	color: #FFFFFF;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	float: left;
}

.listItem a {
	color: #C9FF87;
	margin: 0px;
	text-decoration:none;
	text-transform:none;
	font-weight: normal;

}

.listItem a:visited {
	color: #C9FF87;
	margin: 0px;
	text-decoration:none;
	text-transform:none;
	font-weight: normal;
}

.listItem a:hover {
	color: #FFFFFF;
	margin: 0px;
	text-decoration:none;
	text-transform:none;
	font-weight: normal;
}

.listItem img {
	float: right;
	border: none;
	border-style: none;
}