/* CSS Document */

body { margin: 3px 0px 0px 0px; padding: 0; text-align: center; color: #000; background-color: #EDE7D6; }
.pageinfo { text-align: right; font: 0.65em /1.2 verdana, arial, sans-serif; color: #5B543F; height: 20px; background-color: #EDE7D6; }
.pageinfo a { color: #5B543F; text-decoration: none; }
.pageinfo a:hover { color: #5B543F; text-decoration: underline; }

/* ===[ HEADER ]============================================================================== */
#headerwrapper { height: 70px; background: #fff;  }
#logo { float: left; border: 0px; margin: 20px 0px 0px 17px; }
#address { float: left; font: 0.7em / 1.2 verdana, arial, sans-serif; color: #0B501E;  margin: 35px 0px 0px 30px; letter-spacing: 0.2em; }

/* ===[ FORMATTING ]=========================================================================== */
img { border: 0px; }
img a { border: 0px; }
h1 { font: 1em /1.3 arial, verdana, sans-serif; color: #000; margin-left: -8px; }
a {  text-decoration: none; color: #0E772B; }
a:hover {  text-decoration: underline; color: #9D5C09; }
p { font: 0.7em /1.3 verdana, arial, sans-serif; color: #000; }
em { color: #000; }
.white { font: 0.7em /1.3 verdana, arial, sans-serif; color: #fff; text-align: justify; }
.justify { text-align: justify; }
.portsecthead { font: bold 0.7em /1.2 verdana, arial, sans-serif; color: #67532A; 
background: #F6F3EB;  padding: 5px 2px 5px 120px; 
letter-spacing: 0.02em; margin: 20px 0px 5px 0px; text-align: left; }
.portsectcont { font: 0.7em /1.2 verdana, arial, sans-serif; color: #ccc; 
padding: 0px; margin: 10px 0px 0px 120px; text-align: left;  }
.portsectcont a { color: #2F934A; padding: 5px 2px 5px 0px; margin: 10px 0px 0px 0px; text-align: left; }
.portsectcont a:hover { color: #2F934A; padding: 5px 2px 5px 0px; margin: 10px 0px 0px 0px; text-align: left; }
.goldtype { float: left; font: bold 0.75em /1.3 arial, verdana, sans-serif; color: #A59563; padding: 5px 0px 2px 0px; }
.goldtext { color: #A59563; }
.greentext { color: #0B501E; }
.accesstype { font: 0.8em /1.5 verdana, arial, sans-serif; color: #000; letter-spacing: 
0.04em; padding-right: 20px; }
.title { margin: 0px 0px 0px 10px; }


.bodylist2 {
	list-style-type: circle; list-style-position: outside;
	font: 0.66em /1.5 verdana, arial, helvetica, sans-serif; color: #003334;
	margin: 0px 0px 0px 0px; padding-left: 18px; text-align: left; 
}
div.bodylist2 ul {
	display: block; list-style: circle; margin: 0 5px 0 5px; padding: 0px 0px 2px 2px;
	}
div.bodylist2 ul li {
	display: block; list-style: circle; color: #003334;
	text-decoration: none; padding: 0px 0px 2px 2px; margin: 10px 0px 10px 0px;
}
.bodylist3 {
	list-style-type: circle; list-style-position: outside;
	font: 0.66em /1.5 verdana, arial, helvetica, sans-serif; color: #003334;
	margin: 0px 0px 0px 120px; padding-left: 18px; text-align: left; 
}
div.bodylist3 ul {
	display: block; list-style: circle; margin: 0 5px 0 5px; padding: 0px 0px 2px 2px;
	}
div.bodylist3 ul li {
	display: block; list-style: circle; color: #003334;
	text-decoration: none; padding: 0px 0px 2px 2px; margin: 10px 0px 10px 0px;
}

.accesslist {
	float: left; list-style-type: none; list-style-position: outside;
	font: 0.8em /1.5 verdana, arial, sans-serif; color: #000; letter-spacing: 
0.04em;
	margin: 0px; padding: 10px; text-align: left; 
}
div.accesslist ul {
	display: block; list-style: none; margin: 0 5px 0 5px; padding: 0px 0px 2px 2px;
	}
div.accesslist ul li {
	display: block; list-style: none; color: #003334;
	text-decoration: none; padding: 0px 0px 2px 2px; margin: 10px 0px 10px 0px;
}


/* ===[ LAYOUT ELEMENTS ]======================================================================= */
#outerwrapper {  margin: 0 auto; width: 760px; background: #EDE7D6; border: none; }
#pagewrapper { float: left; border: 1px solid #D9D2BD; background: #fff;   }
#picstrip { width: 758px; }
#sectitle { font: bold 0.98em /1.2 arial, verdana, sans-serif; color: #fff; letter-spacing: 0.1em; z-index: 6; position: absolute; margin: 0px 0px 0px 0px; padding: 4px 0px 2px 14px; width: 108px; height: 20px; background: #0B501E; text-align: left; }
#sectitle1 { font: bold 0.98em /1.2 arial, verdana, sans-serif; color: #fff; letter-spacing: 0.1em; z-index: 6; position: absolute; margin: 0px 0px 0px 0px; padding: 4px 0px 2px 14px; width: 108px; height: 20px; background: #6A307A; text-align: left; }
#sectitle2 { font: bold 0.98em /1.2 arial, verdana, sans-serif; color: #fff; letter-spacing: 0.1em; z-index: 6; position: absolute; margin: 0px 0px 0px 0px; padding: 4px 0px 2px 14px; width: 108px; height: 20px; background: #D57D0B; text-align: left; }
#sectitle3 { font: bold 0.98em /1.2 arial, verdana, sans-serif; color: #fff; letter-spacing: 0.1em; z-index: 6; position: absolute; margin: 0px 0px 0px 0px; padding: 4px 0px 2px 14px; width: 108px; height: 20px; background: #6A307A; text-align: left; }
#sectitle4 { font: bold 0.98em /1.2 arial, verdana, sans-serif; color: #fff; letter-spacing: 0.1em; z-index: 6; position: absolute; margin: 0px 0px 0px 0px; padding: 4px 0px 2px 14px; width: 108px; height: 20px; background: #071B7F; text-align: left; }
#sectitle5 { font: bold 0.98em /1.2 arial, verdana, sans-serif; color: #fff; letter-spacing: 0.1em; z-index: 6; position: absolute; margin: 0px 0px 0px 0px; padding: 4px 0px 2px 14px; width: 108px; height: 20px; background: #935A06; text-align: left; }
#sectitle6 { font: bold 0.98em /1.2 arial, verdana, sans-serif; color: #fff; letter-spacing: 0.1em; z-index: 6; position: absolute; margin: 0px 0px 0px 0px; padding: 4px 0px 2px 14px; width: 108px; height: 20px; background: #9E3046; text-align: left; }
#sectitle7 { font: bold 0.98em /1.2 arial, verdana, sans-serif; color: #fff; letter-spacing: 0.1em; z-index: 6; position: absolute; margin: 0px 0px 0px 0px; padding: 4px 0px 2px 14px; width: 108px; height: 20px; background: #387EB1; text-align: left; }
#sectitle8 { font: bold 0.98em /1.2 arial, verdana, sans-serif; color: #fff; letter-spacing: 0.1em; z-index: 6; position: absolute; margin: 0px 0px 0px 0px; padding: 4px 0px 2px 14px; width: 108px; height: 20px; background: #118E69; text-align: left; }
#sectitle9{ font: bold 0.98em /1.2 arial, verdana, sans-serif; color: #fff; ; z-index: 6; position: absolute; margin: 0px 0px 0px 0px; padding: 4px 0px 2px 14px; width: 108px; height: 20px; background: #BC5F26; text-align: left; }
#sectitle10{ font: bold 0.98em /1.2 arial, verdana, sans-serif; color: #fff; letter-spacing: 0.1em; z-index: 6; position: absolute; margin: 0px 0px 0px 0px; padding: 4px 0px 2px 14px; width: 108px; height: 20px; background: #9C1F80; text-align: left; }

#planeducat1 { float: left; background: #ccc url(../images/educat1_plan.jpg); width: 122px; height: 221px; }
#plan { float: left; background: #ccc url(../images/grey_map.gif); width: 122px; height: 221px; }
#planhome { float: left; background: #ccc url(../images/home_plan.gif); width: 122px; height: 221px; }
#planhealth1 { float: left; background: #ccc url(../images/health1_plan.jpg); width: 122px; height: 221px; }
#planhealth2 { float: left; background: #ccc url(../images/health2_plan.jpg); width: 122px; height: 221px; }
#planhealth3 { float: left; background: #ccc url(../images/health3_plan.jpg); width: 122px; height: 221px; }
#planhealth4 { float: left; background: #ccc url(../images/health4_plan.jpg); width: 122px; height: 221px; }
#planhealth5 { float: left; background: #ccc url(../images/health5_plan.jpg); width: 122px; height: 221px; }
#planhealth6 { float: left; background: #ccc url(../images/health6_plan.jpg); width: 122px; height: 221px; }
#planhealth7 { float: left; background: #ccc url(../images/health7_plan.jpg); width: 122px; height: 221px; }
#planpublic5 { float: left; background: #ccc url(../images/public5_plan.jpg); width: 122px; height: 221px; }
#planrestore1 { float: left; background: #ccc url(../images/restore1_plan.jpg); width: 122px; height: 221px; }
#planrestore3 { float: left; background: #ccc url(../images/restore3_plan.jpg); width: 122px; height: 221px; }
#planeducat1 { float: left; background: #ccc url(../images/educat1_plan.jpg); width: 122px; height: 221px; }
#planoffice1 { float: left; background: #ccc url(../images/office_plan1.gif); width: 122px; height: 221px; }

#mainimage { float: left; }
#tintbox { float: left; background: #F5F1E6; width: 300px;  padding: 0px 0px 10px 0px; }
#foliomain { float: left; width: 533px;  padding: 20px 0px 10px 0px;  }
.foliocolumn { float: left;  width: 210px; margin: 20px 0px 0px 10px; padding: 0px 0px 20px 0px; border-left: 1px solid #F6F3EB; }
.foliopics { margin: 0px 0px 10px 40px; border: 2px solid #D9D2BD; width: 126px; }
#tintabout { float: left; background: #F5F1E6; width: 390px;  padding: 0px 0px 10px 0px; }
#tintcv { float: left; background: #F5F1E6; width: 540px;  padding: 0px 0px 10px 0px; }
.introbox { float: left; text-align: left; background: #B0A893; border: 1px solid #C5BEAD; margin: 20px; padding: 10px; }
.introbox2 { float: left; text-align: left; margin: 0px 20px 20px 20px; padding: 0px 0px 10px 0px; }
.introbox3 { float: left; text-align: left; margin: 20px 20px 20px 20px; padding: 0px 0px 10px 0px;}
.rightcolumn { float: left;  width: 210px; margin: 10px 0px 0px 10px; padding: 0px 0px 20px 0px; }
.rightcolumn2 { float: left;  width: 120px; margin: 20px 0px 0px 40px; padding: 0px; }
#widecolumn	{ float: left; margin: 30px 20px 40px 40px; text-align: left; }
.insetpics { margin: 10px 0px 0px 20px; }
#foliotitle { float: left; border: #ccc; width: 300px;  margin: 0px 5px 0px 0px; padding: 10px 10px 0px 10px; text-align: left; }
#detailbox { float: left; width: 270px;  margin: 0px 5px 10px 0px; padding: 10px; text-align: left; border: 1px solid #D9D2BD; }
.detailbox2 {
	float: left;
	width: 350px;
	margin: 10px 0px;
	padding: 2px 8px;
	text-align: left;
	border: 1px solid #D9D2BD;
	background: #F8F5EF;
	display: block;
}
.titlebox { float: left; width: 460px; font: 0.7em /1.3 verdana, arial, sans-serif; color: #fff; background: #118E69; margin: 0px 0px 0px 10px; padding: 2px 5px 2px 10px; }
.cvbox { float: left; width: 451px;  margin: 0px 0px 10px 10px; padding: 4px 12px 2px 10px; text-align: justify; border: 1px solid #D9D2BD; background: #fff; }
.highlightbox { float: right; width: 180px;  margin: 0px 20px 20px 20px; padding: 2px 0px 2px 8px; text-align: left; border: 3px solid #D9D2BD; background: #F8F5EF; }
#detaileft { float: left; font: bold 0.7em/1.3 arial, verdana, sans-serif; color: #A59563; }
#detailright { float: left; font: 0.7em/1.3 arial, verdana, sans-serif; color: #0E772B; margin: 0px 0px 0px 15px; width: 175px; }

.names { float: left; color: #000; margin: 0px; width: 250px; padding: 0px 0px 8px; }
.names2 { float: left; color: #000; margin: 0px; width: 180px; padding: 0px 0px 8px; }

.picwrapper { float: left; width: 270px;  margin: 0px; padding: 0px;  }
.picbox { float: left; margin: 3px 3px 0px 0px; padding: 0px; border: 1px solid #D9D2BD; }
.picbox2 { float: left; margin: 3px 3px 12px 0px; padding: 0px; border: 3px solid #D9D2BD; }
#folioleft { float: left; width: 300px;  margin: 0px 5px 20px 110px; padding: 10px; text-align: left;  }
#folioright { float: left; width: 250px;  margin: 20px 5px 20px 20px; padding: 10px; text-align: left; }
#clientleft { float: left; width: 270px;  margin: 16px 5px 20px 110px; padding: 10px; text-align: left; }
#clientright { float: left; width: 280px;  margin: 16px 5px 20px 10px; padding: 10px; text-align: left; }
#contactleft { float: left; margin: 16px 5px 20px 110px; padding: 10px; text-align: left; }

#navbox { float: left; width: 250px;  margin: 0px 5px 5px 0px; padding: 4px; text-align: left; border: 1px solid #D9D2BD; font: bold 0.7em /1.1 arial, verdana, sans-serif; text-align: center; background: #fff; }
#navbox2 { float: left; width: 250px;  margin: 0px 5px 15px 0px; padding: 4px; text-align: left; border: 1px solid #D9D2BD; background: #F6F3EB; font: bold 0.7em /1.1 arial, verdana, sans-serif; text-align: center; }

/* --- Contact----------------------------------------------------------------------------- */
.contactright {
	float: left;
	width: 180px;
	margin: 15px 0px 0px 10px;
	padding: 0px 0px 20px 15px;
	text-align: left;
}
#contactint {
	float: left;
	background: #F5F1E6;
	width: 500px;
	padding: 0px 0px 10px 0px;
}
form { border: 1px solid #10722B; background: #EEF7EE; padding: 15px 10px 10px 10px; }
.field { border-top: 1px solid #10722B; border-right: 1px solid #81BB80; border-bottom: 1px solid #81BB80; border-left: 1px solid #10722B;  }
.labelpad { padding: 0px 8px 0px 0px; }
.button { border-top: 1px solid #D3CCB0; border-right: 2px solid #D3CCB0; 
border-bottom: 2px solid #D3CCB0; border-left: 1px solid #D3CCB0;  background: #EEEBDC; }

/* --- Awards ----------------------------------------------------------------------------- */
.header { float: left; margin: 20px 5px 5px 130px; }
.awardwrapper { float: left; border-bottom: 1px solid #EDE7D6; padding: 5px 5px 5px 0px;  margin: 0px 5px 5px 120px; width: 600px; text-align: left; }
.awardwrapper1 { float: left; border-bottom: 1px solid #EDE7D6; padding: 5px 5px 5px 0px;  margin: 20px 5px 5px 120px; width: 600px; text-align: left; }
.date { float: left; font: 0.7em /1.3 verdana, arial, sans-serif; color: #000; text-align: left; width: 50px; }
.awardtitle { float: left; font: 0.7em /1.3 verdana, arial, sans-serif; color: #000; text-align: left; margin: 0px 20px 5px 0px; width: 300px; }
.projectname { float: left; font: 0.7em /1.3 verdana, arial, sans-serif; color: #000; text-align: left; margin: 0px 5px 5px 0px; width: 200px; }

/* --- Homepage thumbs ----------------------------------------------------------------------------- */
.boxcontainer { float: left; width: 200px; background: #F5F1E6; text-align: left; margin: 10px 0px 0px 6px; border: 1px solid #EDE8DB; }
.thumbpics { float: left; width: 104px; }
.thumbtitle { float: left; font: bold 0.75em /1.1 arial, verdana, sans-serif; color: #666; margin: 20px 0px 0px 5px; }


/* ===[ Navigation ]============================================================================= */
ul#mainnav { text-align: left;  padding: 0px; margin: 0px; background: url(../images/menu_bground.jpg); height: 22px; z-index: 1; border-bottom: 1px solid #A8A084; }
ul#mainnav li { display: inline;  margin: 0px 6px 0px 10px; }
ul#mainnav li a { font: bold 0.68em /1 verdana, arial, sans-serif; 
color: #0B501E; text-decoration: none; display: inline; padding: 4px; margin: 0px; }
ul#mainnav li a:hover { display: inline;  color: #0B501E; padding: 4px;
color: #9D5C09; text-decoration: underline; margin: 0px; }

#footer { font: 0.65em /1.2 verdana, arial, sans-serif; color: #5B543F; margin: 30px 0px 0px 0px; padding: 15px 0px 0px 0px; background: #EDE7D6; }
#footer a { color: #5B543F; margin: 10px 0px 0px 0px; background: #EDE7D6; }
#footer a:hover { color: #5B543F; margin: 10px 0px 0px 0px; background: #EDE7D6; }