body {
	background-color: #324fff;
	margin: 0px;
	padding: 0px;
}
body,td,p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 180%;
	color:#666666;
}

.container {
	padding: 0 443px;
}

.padding {
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 30px;

}

.top {
/*padding-top: 171px;*/

}

.midcol {
background-image:url(../images/column-line.jpg);
background-repeat:repeat-y;

}

a:link, a:visited {color: #709858;
text-decoration: underline;}

a:hover, a:active {color: #12701f;
text-decoration: none;}

.addresslink {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #ffffff;
}
a.addresslink:link {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #ffffff;
}
a.addresslink:visited {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #ffffff;
}
a.addresslink:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #ffffff;
}
a.addresslink:active {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #ffffff;
}

.index {
padding-left: 15px;
padding-top: 15px;
padding-right: 15px;

}

.contact-top {
background-image:url(../images/contact-top.jpg);
background-repeat:no-repeat;
background-position:top;

}

.contact-bg {
background-image:url(../images/contact-middle.jpg);
background-repeat:repeat-y;
background-position:top;
padding-left: 29px;
padding-right: 29px;
padding-bottom: 15px;
padding-top: 15px;
font-size: 10px;


}

.contact-bg2 {
background-image:url(../images/contact-middle.jpg);
background-repeat:repeat-y;
background-position:top;
padding-left: 10px;
padding-right: 10px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;


}

.contact-bottom {
background-image:url(../images/contact-bottom.jpg);
background-repeat:no-repeat;
background-position:bottom;

}

.address {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;


}

h1 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	
}

h2 { 
	font-size: 1.3em;
	color: #666666;
}

h3 { 
	font-size: 1.2em; 
	color: #666666;
}

h4 { 
	font-size: 1.1em; 
	color: #666666;
}

h5 { 
	font-size: 1em; 
	color: #666666;
}

.smallgreentitle {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7e9540;
}

.smalltext {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777655;
}

.greentitle {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #7e9540;
}

.curve-top {
background-image:url(../images/curve-top.jpg);
background-repeat:no-repeat;
background-position: bottom;
background-color:#FFFFFF;

}

.curve-left {
background-image:url(../images/curve-left.jpg);
background-repeat:no-repeat;
background-position: right top;
background-color:#FFFFFF;

}

a.logo img { padding: 0 5px; border: 0; margin-left: 10px; }

.dot {
background-image:url(../images/dot.jpg);
background-repeat:repeat-y;
background-position: top left;

}

.col {
width: 745px;
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;

}
div#header {
	width: 576px;
	height: 190px;
}



/*-----------------------
Nav
----------------------*/
div#nav {
	width: 576px;
	height: 52px;
}

div#nav ul { 	
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#nav ul li {
	display: block;
	float: left;
}

div#nav ul li a {
	float: left;
	overflow: hidden;
	text-indent: -9999px;
	height: 52px;
}

div#nav ul li a.home {
	width: 67px;
	background: url('../images/nav/nav-home.gif') 0 0 no-repeat;
}

div#nav ul li a.about {
	width: 80px;
	background: url('../images/nav/nav-about.gif') 0 0 no-repeat;
}

div#nav ul li a.company {
	width: 154px;
	background: url('../images/nav/nav-company.gif') 0 0 no-repeat;
}

div#nav ul li a.capabilities {
	width: 96px;
	background: url('../images/nav/nav-capabilities.gif') 0 0 no-repeat;
}

div#nav ul li a.past {
	width: 103px;
	background: url('../images/nav/nav-past.gif') 0 0 no-repeat;
}

div#nav ul li a.contact {
	width: 76px;
	background: url('../images/nav/nav-contact.gif') 0 0 no-repeat;
}


/* -- Rollover -- */
div#nav ul li a:hover.home,
div#nav ul li a:hover.about,
div#nav ul li a:hover.company,
div#nav ul li a:hover.capabilities,
div#nav ul li a:hover.past,
div#nav ul li a:hover.contact {
	background-position: 0 -52px !important;
}

/* -- Active -- */
div#nav li a:hover.home, 
body#home div#nav li a.home,
body#about div#nav li a.about,
body#company div#nav li a.company,
body#capabilities div#nav li a.capabilities,
body#past div#nav li a.past,
body#contact div#nav li a.contact {
	background-position: 0 -52px !important;
}


/*-----------------------
Company Structure
----------------------*/
div#company-flowchart {
	height: 965px;
	background: url('../images/company-flowchart.gif') no-repeat;
	position: relative;
	z-index: 90;
	margin-top: 20px;
}

/* --- hotspot --- */
.principal {
	width: 92px;
	height: 72px;
	position: absolute;
	top: 0;
	left: 274px;
	text-indent: -9999px;
	cursor: pointer;
}

.manager {
	width: 92px;
	height: 72px;
	position: absolute;
	top: 143px;
	left: 194px;
	text-indent: -9999px;
	cursor: pointer;
}

.licensed {
	width: 92px;
	height: 72px;
	position: absolute;
	top: 287px;
	left: 17px;
	text-indent: -9999px;
	z-index: 10;
	cursor: pointer;
}

.central {
	width: 92px;
	height: 72px;
	position: absolute;
	top: 287px;
	left: 136px;
	text-indent: -9999px;
	z-index: 10;
	cursor: pointer;
}

.north {
	width: 92px;
	height: 72px;
	position: absolute;
	top: 385px;
	right: 333px;
	text-indent: -9999px;
	cursor: pointer;
}

.draftsman {
	width: 92px;
	height: 72px;
	position: absolute;
	top: 385px;
	right: 216px;
	text-indent: -9999px;
	cursor: pointer;
}

.cadet {
	width: 92px;
	height: 72px;
	position: absolute;
	top: 500px;
	left: 17px;
	text-indent: -9999px;
	cursor: pointer;
}

.graduate {
	width: 92px;
	height: 72px;
	position: absolute;
	top: 500px;
	left: 134px;
	text-indent: -9999px;
	cursor: pointer;
}

.engineering {
	width: 92px;
	height: 72px;
	position: absolute;
	top: 500px;
	left: 252px;
	text-indent: -9999px;
	cursor: pointer;
}

.computation {
	width: 92px;
	height: 72px;
	position: absolute;
	top: 500px;
	right: 283px;
	text-indent: -9999px;
	cursor: pointer;
}

.drafting {
	width: 92px;
	height: 72px;
	position: absolute;
	top: 500px;
	right: 166px;
	text-indent: -9999px;
	cursor: pointer;
}

.survey {
	width: 92px;
	height: 72px;
	position: absolute;
	top: 611px;
	left: 135px;
	text-indent: -9999px;
	cursor: pointer;
}

.special {
	width: 92px;
	height: 72px;
	position: absolute;
	top: 744px;
	left: 17px;
	text-indent: -9999px;
	cursor: pointer;
}

.special1 {
	width: 92px;
	height: 72px;
	position: absolute;
	top: 744px;
	left: 134px;
	text-indent: -9999px;
	cursor: pointer;
}

.special2 {
	width: 92px;
	height: 72px;
	position: absolute;
	top: 744px;
	left: 250px;
	text-indent: -9999px;
	cursor: pointer;
}

.chief {
	width: 92px;
	height: 72px;
	position: absolute;
	top: 744px;
	right: 76px;
	text-indent: -9999px;
	cursor: pointer;
}

.mining {
	width: 92px;
	height: 72px;
	position: absolute;
	top: 878px;
	left: 17px;
	text-indent: -9999px;
	cursor: pointer;
}

.mine {
	width: 92px;
	height: 72px;
	position: absolute;
	top: 878px;
	left: 134px;
	text-indent: -9999px;
	cursor: pointer;
}

.mine1 {
	width: 92px;
	height: 72px;
	position: absolute;
	top: 878px;
	left: 250px;
	text-indent: -9999px;
	cursor: pointer;
}

.accounts1 {
	width: 92px;
	height: 72px;
	position: absolute;
	top: 878px;
	right: 131px;
	text-indent: -9999px;
	cursor: pointer;
}

.accounts2 {
	width: 92px;
	height: 72px;
	position: absolute;
	top: 878px;
	right: 17px;
	text-indent: -9999px;
	cursor: pointer;
}

div#curve-line {
	width: 216px;
	height: 155px;
	background: url('../images/line-curve.gif') no-repeat;
	float: right;
	position: relative;
}

div#curve-line ul {
	position: absolute;
	top: 53px;
	left: 32px;
}

div#curve-line ul li {
	float: left;
	display: block;
}

div#curve-line ul li.right {
	padding-right: 27px;
}

div#curve-line ul li img {
	border: 0;
}


div#projects p {
	padding-left: 40px;
}