/* ---Doc Styles ------- */
html, html body{height:100%;}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	margin: 0; padding: 0;
	background: #CCFFCC;
}
h1 { font-size: 150%; font-weight: bold;}
h2 { font-size: 130%; font-weight: bold; padding: 0 0 0 20px;}
h3 { font-size: 120%; font-weight: bold;}
h4 { font-size: 110%; font-weight: bold;}
h5 { font-size: 100%; font-weight: bold;}

/* Main Layout */
#wrapper{ height:100%; 	min-height: 100%; position:relative; width:700px; margin:0 auto 0 auto; padding: 0;	background:#FFF;}
#logo		{ width: 700px; height: 128px;	margin: 0; padding: 0; background: #FFF;}
#sidebar	{position:absolute; width:70px; z-index:-1; margin: 0; padding: 0; background:#FFF;}

/* --- NavBar Styles --- 'Son of Suckerfish' Dropdowns menus: www.htmldog.com/articles/suckerfish/dropdowns/ */
#nav { width: 700px; height: 24px; margin: 0; padding: 0; background: #FFF; }
#nav ul {
	float: left;
	width: 50em;
	list-style: none;
	line-height: 1;
	font-size: 95%;
	f\ont-size: 100%;
	font-weight: bold;
	padding: 0;
	border: solid #9c9;
	border-width: 1px 0;
	margin: 0 0 1em 1em;
	background: #FFF;
}
#nav a {
	display: block;
	width: 10em;
	color: #393;
	text-decoration: none;
	padding: 0.25em 1em;
}
* html #nav a {display: block; width: 8em; color: #393; text-decoration: none; padding: 0.25em 1em;}

#nav a.parent { background: url(../assets/gr_arrow.gif) center right no-repeat;}
#nav li { float: left; padding: 0; width: 10em;}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14em;
	font-weight: bold;
	border-width: 0.15em;
	margin: 0;
}
* html #nav li ul {width: 12em; border-width: 1px;}
#nav li li { padding-right: 1em; width: 13em}
* html #nav li li { padding-right: 0.2em; width: 13em}
#nav li ul a { width: 12em;}
* html #nav li ul a {width: 12.5em;}
#nav li ul ul { margin: -1.75em 0 0 13.9em;}
* html #nav li ul ul { margin: -1.5em 0 0 14.5em;}/* second level offsets*/
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto;}
#nav li:hover, #nav li.sfhover { background: #6c6;}
#nav li a:hover, #nav a.sfhover { color: #6f6;}

#content  {
	width: 700px;
	margin: 0 ;
	padding: 15px 0 15px 0;
	background: #FFF;
}
#content p { line-height: 120%; margin: 0; padding: 5px 30px 5px 30px; }
#content ul { margin: 0; padding: 0 40px 10px 30px; }
#content ul li { margin: 0 0 0 10px; padding: 0 0 8px 25px; list-style: none; background: url(../assets/gr_ball.gif) no-repeat 0% 3px; }
#content dl{margin:0; padding-left: 40px; padding-right: 40px;}
#content dt {font-size: 90%; margin: 0; padding: 5px 25px 5px 0;}
#content dd {margin: 0; padding-left: 25px; background: url(../assets/gr_arrow2.gif) no-repeat 5px 8px;}

#subcontent{
	width: 600px;
	height:300px;
	margin: 0 ;
	padding: 10px 0 20px 100px;
	background: #FFF url(../assets/images/banner1.jpg) no-repeat 20px 20px;
}
#subcontent ul {margin: 0; padding: 0 10px 0 10px;}
#subcontent ul li{margin: 0; padding: 0 0 5px 15px; list-style: none;}
#subcontent dl{width:260px;}
#subcontent dt {font-size: 110%; font-weight: bold; margin: 0; padding: 0 0 0 25px; background: url(../assets/gr_arrow2.gif) no-repeat 5px 8px;}
#subcontent dd {margin: 0; padding: 0 0 0 20px;}
.divHide   {display:none;}
.divShow   {display:block;}
.sidebanner	{position:absolute; top: 180px; z-index:-1; margin:-80px; width:70px;	background: #FFF;}
#photos{width:580px; height:300px; margin: 0; padding: 0; background: url(assets/photos/TunnellingSite.JPG) no-repeat 260px 1px;}

#mission  {
	width: 610px;
	line-height: 150%;
	margin: 0;
	padding: 20px 0 20px 90px;
	background: #FFF url(../assets/images/banner1.jpg) no-repeat 2% 20px;
}
#mission p { margin: 0; padding: 5px 30px 5px 10px; }
#mission ul { margin: 0 0 30px 0; padding: 0 0 0 10px; }
#mission ul li { margin: 0; padding: 0 0 0 25px; list-style: none; background: url(../assets/gr_ball.gif) no-repeat 0 50%; }

#jobs{ line-height: 150%; width: 600px; margin: 0 ; padding: 0 0 20px 100px; background: #FFF url(../assets/images/banner1.jpg) no-repeat 20px 20px;}
#jobs p{margin: 0; padding: 5px 40px 5px 10px; font-size: 85%;}
#jobs ul {margin: 0; padding: 0 40px 0 10px; font-size: 90%;}
#jobs ul li{margin: 0; padding: 0 0 5px 15px; font-size: 90%; list-style: none; background: url(../assets/gr_arrow2.gif) no-repeat 0% 8px;}
#jobs h5 {margin: 0 40px 5px 10px; padding: 0;}
#jobs table{width:500px;}
#jobs th{text-align: left; font-style: italic;}
#jobs td{vertical-align: top;}

/* ---- About Us Styles --646px-- */
#staff {
	width: 700px;
	padding: 10px 0;
	background: #FFF;
}
#LeftCol {
	float: left;
	width: 50%;
	padding: 10px 0;
	background: #FFF;
}

#RightCol {
	float: right;
	width: 50%;
	padding: 10px 0;
	background: #FFF;
}

#staff dl{
	overflow: auto;
	margin: 10px 20px;
	padding: 0;
}
* html #staff dl{height:1%}
*:first-child+html #staff dl{min-height: 1px;}
#staff dt{
	float: right;
	width: 200px;
	margin: 0;
	padding: 0;
	font-size: 130%;
	font-weight: bold;
	letter-spacing: 1px;
}
#staff dd{
	margin: 0;
	padding: 0 0 0 4px;
	font-size: 90%;
	line-height: 1.5em;
}
#staff dd.title {
	font-size: 110%;
	font-weight: bold;
}
#staff dd.img  img{
	float: left;
	margin: 0 8px 0 0;
	padding: 4px;
	border: 1px solid #d9e0e6;
	background: #fff;
}
#staff dd.blank_img  img{
	float: left;
	margin: 0 8px 0 0;
	padding: 5px;
	border: none;
	background: #fff;
}

#contact{
	height:300px;
	margin: 0;
	padding: 10px 0 20px 90px;
	font-size: 100%;
	font-weight: bold;
	background: #FFF url(../assets/images/banner1.jpg) no-repeat 2% 20px;
}
#contact p{margin:0; padding: 10px 0 0 20px;}

/* ---Footer Styles ------- */
#footerStyle {
	float: right;
	font-size: 90%;
	text-align: center;
	width: 650px;
	height: 60px;
	margin: 0;
	padding: 5px 25px 5px 25px;
	line-height: 400%;
	background: #FFF url(../assets/footerbar.gif) no-repeat 70% 40%;
}

/* --- Style Hacks ---*/
* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE Vers. */
}

.saveryCap {color: #CC0000;}
.savTechCap {color: #66E;}

/* --- Image Positioning Styles --- */
img.top {display: block; margin-left: auto; margin-right: auto;vertical-align:text-top}
img.mid {display: block; margin-left: auto; margin-right: auto; vertical-align:middle}
img.bottom {display: block; margin-left: auto; margin-right: auto; vertical-align:text-bottom}
img.tb {display: block; margin-left: auto; margin-right: auto; vertical-align:bottom; }
img.tl {vertical-align:text-top}


a:link {color: #009900; text-decoration: none; }
a:visited {color: #669966; text-decoration: none;}
a:hover {color: #CCCCCC; text-decoration: none;}
a:active {text-decoration: none; }