/* CSS Document */

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;;
}
body, html{
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	text-align:center;

}

a {
	text-decoration:none;
	color:#FFFFFF;
}

a:hover {
	
	color:#8C8027;
}

.white {
	color:#FFFFFF;
}


#overall {
	width:100%;
	height:100%;
}

#distance { 
	width:1px;
	height:50%;
	background-color:#fc6;
	margin-bottom:-255px; /* half of container's height */
	float:left;
}

#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:510px;
	width:985px;
	clear:left;
	overflow:hidden;
}

#header {
	float:left;
	width:965px;
	padding:15px 0px 10px 20px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	color:#8C8027;
	font-size:27px;
}

#header a {
	text-decoration:none;
	color:#8C8027;
}

#mainArea {
	float:left;
	width:985px;
	height:390px;
	background-color:#000000;
	background-image:url(../images/loadingImage.gif);
	background-position:left;
	background-repeat:no-repeat;
	overflow:hidden;
}

#navigationArea {
	float:left;
	width:185px;
	height:330px;
	background-color:#000000;
	padding:30px 0px 30px 0px;
	overflow:hidden;
}

#navigationAreaLink, #navigationAreaLink-onIt, #navigationIndentLink, #navigationIndentContainer, #navigationIndentLink-onIt  {
	float:left;
}

#navigationAreaLink a{
	float:left;
	width:147px;
	padding:6px 18px 6px 17px;
	color:#FFFFFF;
	font-size:12px;
	border-left:3px solid #000000;
}

#navigationAreaLink a:hover{
	border-left:3px solid #8C8027;
	background-color:#404040;
	text-decoration:none;
}

#navigationAreaLink-onIt a{
	float:left;
	width:147px;
	padding:6px 18px 6px 17px;
	color:#FFFFFF;
	font-size:12px;
	border-left:3px solid #8C8027;
	background-color:#404040;
	text-decoration:none;
}

#navigationIndentAbout, #navigationIndentProjects {
	float:left;
	width:155px;
	padding:6px 0px 6px 27px;
	font-size:11px;
	display:none;
}

#navigationIndentLink a{
	float:left;
	width:140px;
	color:#FFFFFF;
	padding:3px 0px 0px 15px;
	height:18px;
	background-image:url(../images/bullets2.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#navigationIndentLink a:hover{
	color:#8c8027;
	font-weight:bold;
	text-decoration:none;
}

#navigationIndentLink-onIt a{
	float:left;
	width:140px;
	color:#8c8027;
	font-weight:bold;
	text-decoration:none;
	padding:3px 0px 0px 15px;
	height:18px;
	background-image:url(../images/bullets2.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#contentArea {
	float:right;
	width:800px;
	height:390px;
	background-position:left;
	background-repeat:no-repeat;
}

#footer {
	float:left;
	width:985px;
	padding:15px 0px 15px 0px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
}

#footer a{
	text-decoration:none;
	color:#000000;
}

#footer a:hover{
	color:#8c8027;
}

#footer-left {
	float:left;
	width:500px;
	text-align:left;
	padding-left:22px;
}

#footer-right {
	float:right;
	width:217px;
	text-align:left;
	padding:2px 0px 0px 0px;
}

#footer-left-area1 {
	float:left;
	padding:2px 20px 8px 0px;
	text-align:left;
	border-right:1px solid #8C8027;
	font-size:11px;
}

#footer-left-area2 {
	float:left;
	padding:2px 20px 8px 20px;
	text-align:left;
	border-right:1px solid #8C8027;
	font-size:12px;
}

#footer-left-area3 {
	float:left;
	padding:2px 20px 8px 20px;
	text-align:left;
	font-size:12px;
}

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

#row2 {
	float:left;
	width:100%;
	padding:10px 0px 10px 0px;
}


#row3 {
	float:right;
	width:100%;
	position:relative;
}

#rowleft {
	float:left;
	width:100px;
}

#rowright {
	float:right;
	width:100px;
	text-align:right;
}



/*-----------------------------------------------*/

#homeContent {
	float:right;
	width:385px;
	height:340px;
	padding:50px 0px 0px 0px;
}

#home-title {
	float:right;
	padding:10px 50px 10px 15px;
	background-color:#000000;
	font-size:12px;
	color:#8C8027;
	font-weight:bold;
}

#home-projects {
	float:right;
	padding:2px 10px 7px 0px;
	width:180px;
	color:#8C8027;
	line-height:13px;
	height:170px;
}

#home-projects li {
	list-style:none;
	list-style-image:url(../images/bullets.gif);
	padding:2px 0px 6px 0px;
}

#home-copy {
	float:right;
	padding:22px 20px 22px 20px;
	width:315px;
	background-color:#000000;
	color:#8C8027;
	font-size:12px;
	color:#FFFFFF;
	line-height:17px;
}

.homeReadMore {
	font-size:10px;
	color:#8C8027;
}

#readBack {
	display:none;
}

/*-----------------------------------------------*/

#projectsContent {
	float:right;
	width:590px;
	height:237px;
	padding:30px 0px 0px 0px;
	background-image:url(../images/contentBg.png);
	background-position:right;
	background-repeat:repeat-y;
}


#aboutContent, #peopleContent, #contactContent, #siteMapContent, #newsContent {
	float:right;
	width:590px;
	height:360px;
	padding:30px 0px 0px 0px;
	background-image:url(../images/contentBg.png);
	background-position:right;
	background-repeat:repeat-y;
}

#projectContent {
	float:right;
	width:590px;
	height:326px;
	padding:0px 0px 0px 0px;
	background-image:url(../images/contentBg.png);
	background-position:right;
	background-repeat:repeat-y;
}

#projectContentHold {
	float:right;
	width:590px;
	height:358px;
}

#projects-title {
	float:right;
	width:260px;
	padding:10px 0px 10px 15px;
	background-color:#000000;
	color:#8C8027;
	font-size:13px;
	font-weight:bold;
	text-align:left;
}

#project-title {
	float:right;
	width:250px;
	margin-top:-325px;
	padding:10px 10px 10px 15px;
	background-color:#000000;
	color:#8C8027;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	position:relative;
}

#projects-projectsList {
	float:right;
	padding:7px 10px 7px 0px;
	width:235px;
	color:#8C8027;
	line-height:13px;
}

#projects-projectsList li {
	list-style:none;
	list-style-image:url(../images/bullets.gif);
	padding:2px 0px 6px 0px;
}

#projects-copy {
	float:right;
	padding:0px 10px 10px 27px;
	width:208px;
	height:80px;
	color:#FFFFFF;
	line-height:15px;
	font-size:10px;
	background-image:url(../images/contentBg.png);
	background-repeat:repeat;
}

#projects-bottomButton {
	float:right;
	width:245px;
	border-top:1px solid #3C3C3C;
	background-color:#000000;
}

#projects-pdfButton a{
	float:right;
	width:205px;
	padding:10px 0px 10px 40px;
	text-align:left;
	font-size:10px;
	color:#FFFFFF;
	
	background-image:url(../images/pdfIcon3.gif);
	background-position:left;
	background-repeat:no-repeat;
}

#projects-pdfButton2 a{
	float:left;
	width:100%;
	padding:10px 0px 10px 20px;
	text-align:left;
	font-size:10px;
	color:#FFFFFF;
	
	background-image:url(../images/pdfIcon2.gif);
	background-position:left;
	background-repeat:no-repeat;
}

#projects-pdfButton a:hover{
	color:#8C8027;
	text-decoration:none;
}

#projectDetails{
	float:right;
	padding:45px 20px 10px 20px;
	width:205px;
	color:#FFFFFF;
	line-height:13px;
}

#projectDetailsHide{
	float:right;
	width:100%;
	height:328px; /*356 */
	display:none;
}

#project-Button {
	float:right;
	width:345px;
	background-image:url(../images/contentBg.png);
	background-position:right;
	background-repeat:repeat-y;
	text-align:right;
	padding:10px 10px 10px 10px;
	margin-bottom:0px;
}

#project-ButttonClose {
	float:right;
	width:345px;
	margin-bottom:0px;
}

#project-ButttonOpen {
	float:right;
	width:345px;
	margin-bottom:0px;
	display:none;
}


#projects-moreProjects {
	float:right;
	width:225px;
	padding:10px 10px 10px 10px;
}


#projectBgHold {
	float:right;
	width:800px;
	height:390px;
	margin-top:-390px;
}

#bglink1 a{
	float:left;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	color:#8c8027;
}

#bglink2 a{
	float:left;
	padding:0px 8px 0px 8px;
	text-decoration:none;
	color:#FFFFFF;
}

#bglink3 a{
	float:left;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	color:#FFFFFF;
}

#projectBgImage1 {
	float:left;
	width:800px;
	height:390px;
	background-position:left;
	background-repeat:no-repeat;
	
}

#projectBgImage2 {
	float:left;
	width:800px;
	height:390px;
	background-position:left;
	background-repeat:no-repeat;
	display:none;
}

#projectBgImage3 {
	float:left;
	width:800px;
	height:390px;
	background-position:left;
	background-repeat:no-repeat;
	display:none;
}

#projectDetails1 {
	float:left;
	width:205px;
}

#projectDetails2 {
	float:left;
	width:205px;
	display:none;
}

/*----------------------------------*/

#news-title {
	float:right;
	width:260px;
	padding:10px 0px 10px 15px;
	background-color:#000000;
	color:#8C8027;
	font-size:13px;
	font-weight:bold;
	text-align:left;
}

#newsDetails{
	float:right;
	padding:20px 20px 20px 20px;
	width:205px;
	color:#FFFFFF;
	line-height:13px;
	height:250px;
}

#newsList{
	float:right;
	padding:20px 20px 0px 20px;
	width:235px;
	color:#FFFFFF;
	line-height:13px;
	height:268px;
}

#newsList li {
	list-style:none;
	list-style-image:url(../images/bullets.gif);
	padding:2px 0px 6px 0px;
}

/*----------------------------------*/	

#aboutDetails{
	float:right;
	padding:20px 20px 0px 20px;
	width:235px;
	color:#FFFFFF;
	line-height:13px;
	height:300px;
}

#aboutDetails li, #aboutDetails2 li {
	list-style:none;
	list-style-image:url(../images/bullets.gif);
	padding:2px 0px 6px 0px;
}

#aboutDetailsExperience{
	float:right;
	padding:0px 0px 0px 0px;
	width:210px;
	color:#FFFFFF;
	line-height:13px;
}

#linkOnIt {
	color:#8c8027;
}

#aboutTitleExperience {
	float:right;
	width:260px;
	padding:10px 0px 10px 15px;
	background-color:#000000;
	color:#8C8027;
	font-size:13px;
	font-weight:bold;
	text-align:left;
}

#aboutDetailsSkills{
	float:right;
	padding:0px 0px 0px 0px;

	width:210px;
	color:#FFFFFF;
	line-height:13px;
}

#aboutDetails2{
	float:right;
	padding:20px 20px 0px 20px;
	width:235px;
	color:#FFFFFF;
	line-height:13px;
	height:270px;
}

#aboutDetails3{
	float:right;
	padding:20px 20px 20px 20px;
	width:205px;
	height:250px;
	color:#FFFFFF;
	line-height:13px;
}

/*----------------------------------------*/

#peopleTitle {
	float:right;
	width:260px;
	padding:10px 0px 10px 15px;
	background-color:#000000;
	color:#8C8027;
	font-size:13px;
	font-weight:bold;
	text-align:left;
}

#peopleDetails{
	float:right;
	padding:20px 20px 0px 20px;
	width:235px;
	color:#FFFFFF;
	line-height:13px;
	height:270px;
}

#peopleDetails li {
	list-style:none;
	list-style-image:url(../images/bullets.gif);
	padding:2px 0px 6px 0px;
}


/*----------------------------------------*/

#contactTitle {
	float:right;
	width:260px;
	padding:10px 0px 10px 15px;
	background-color:#000000;
	color:#8C8027;
	font-size:13px;
	font-weight:bold;
	text-align:left;
}

#contactDetails{
	float:right;
	padding:20px 20px 0px 20px;
	width:205px;
	color:#FFFFFF;
	line-height:13px;
	height:270px;
}


/*----------------------------------------*/

#siteMapTitle {
	float:right;
	width:260px;
	padding:10px 0px 10px 15px;
	background-color:#000000;
	color:#8C8027;
	font-size:13px;
	font-weight:bold;
	text-align:left;
}

#siteMapDetails{
	float:right;
	padding:20px 20px 0px 20px;
	width:235px;
	color:#FFFFFF;
	line-height:13px;
	height:270px;
}

#siteMapDetails li {
	list-style:none;
	list-style-image:url(../images/bullets.gif);
	padding:2px 0px 6px 0px;
}