@charset "utf-8";
/* CSS Document */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, em, font, img, ins, kbd, q, s, strong, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend
	{margin: 0;	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;	background: transparent;}
html {min-height:100%;}	
body {
	font:normal 13px/1.4em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:.1px;
	min-height:100%;
	background-color:#00649B;
	}
ul {list-style: none;}
div#background {
	background:url(../images/bg2.jpg) bottom left repeat-x;
	background-color:#FFF;
	}
div#wrapper {
	width:960px;
	margin:0 auto;
	background:url(../images/diehl-engineering.gif) 190px 20px no-repeat;
	}
div#aside {
	float:left;
	display:block;
	width:160px;
	background:url(../images/logo.png) 0 10px no-repeat;
	margin:0 0 165px;
	font-family:Arial, Helvetica, sans-serif;
	}
.aside-link {
	float:left;
	background:url(../images/gear.gif) 0 0 no-repeat;
	font-weight:bold;
	font-size:12px;
	letter-spacing:-.1px;
	margin-top:20px;
	width:110px;
	}	
.aside-link a, .aside-link a:visited {
	display:block;
	width:110px;
	padding-left:38px;
	background:url(../images/gear.gif) 0 0 no-repeat;
	}	
.aside-link a:hover, .aside-link a:active {
	display:block;
	width:110px;
	padding-left:38px;
	background:url(../images/gear-over.gif) 0 0 no-repeat;
	border:none;
	}		
ul.contact {
	margin:180px 0 30px;
	}	
#navigation {
	position:relative;
	float:right;
	width:760px;
	margin:100px 0 30px 0;
	}
#navigation.bread {margin:100px 0 0 0;}	
#navigation li {
	display:inline;
	list-style:none;
	float:left;
	margin-right:8px;
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:24px;
	vertical-align:middle;
	text-align:center;
	}
#navigation li a, #navigation li a:link {
	display:block;
	width:116px;
	height:26px;
	background:url(../images/tab.png) 0 0 no-repeat;
	color:#fff;
	text-decoration:none;
	}
#navigation li a:visited {
	background:url(../images/tab.png) 0 0 no-repeat;
	color:#CFF;
	text-decoration:none;
	}		
#navigation li a:hover, #navigation li a:active {
	background:url(../images/tab.png) 0 -27px no-repeat;
	color:#fff;
	text-decoration:none; border:none;
	}
#bread {
	float:right;
	display:block;
	width:760px;
	margin:5px 0 18px 0;
	}	
#bread li {
	display:inline;
	list-style:none;
	float:left;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:-.1px;
	color:#00649b;
	text-indent:3px;
	}	
#bread li.first {
	text-indent:0;
	}
#bread li.current {color:#006;}	
.content {
	float:right;
	width:760px;
	margin-bottom:20px;
	}
.content-narrow {
	float:left;
	width:360px;
	margin:0 0 10px 0;
	}		
.content p, .content-narrow p {margin-bottom:10px;}
.content p {margin-right:40px;}
.content ul, .content-narrow ul {margin-left:30px; padding-top:5px; padding-left: 10px; text-indent: -10px;}
.content-narrow ul li {line-height:19px; font-size:14px;}
.content ul li {}

ul.services {margin:10px 5px 0 0; padding-left:0;}
ul.services li {font-weight:bold; font-size:14px; padding-left:10px;}
ul.services li ul {margin:0 0 15px 10px; padding-left: 10px; text-indent: -10px;}
ul.services li ul li {font-weight:normal; font-size:13px;}
ul.services li.title {text-indent:0; padding:0;}

.column {
	float:left;
	width:375px;
	margin:0 0 20px 0;
	}
.column p {padding-right:30px;}	
.right-column {
	float:right;
	width:375px;
	margin:0 0 20px 0;
	}
.right-column img {border:1px #00649B solid; margin-bottom:10px;}
img.left {margin-right:10px;}
.right-column-narrow {
	float:right;
	width:280px;
	}	
.thumb {
	float:left;
	display:block;
	width:116px;
	height:120px;
	margin:0 15px 15px 10px;
	}
.thumb img {border:1px #00649B solid;}
.thumb a:hover img {border:1px #0597aa solid;}
.thumb p {font-size:11px; line-height:12px; width:116px;}	
#slideshow {
	position:relative;
	float:right;
	display:block;
	width:367px;
	height:296px;
	background:url(../images/frame.png) 0 0 no-repeat;
	padding-bottom:15px;
	margin-left:20px;
	}	
div#slideshow img.active {
	display:block; 	
	position:absolute; 	
	top:23px; left:19px; 	
	height:244px;  	
	width:325px; 	
	opacity: 0.95;	}	
div#slideshow img {
	display:none; 	
	position:absolute; 	
	top:23px; left:19px; 	
	height:244px;  	
	width:325px; 	
	opacity: -0.01;
	}	
	
div.profile-eric {
	min-height:120px;
	background:url(../profile/eric-diehl.jpg) 0 5px no-repeat;
	padding:0 0 0 180px;
	margin-bottom:15px;
	border-bottom:1px #CCC dotted;
	}
div.profile-paul {
	min-height:160px;
	background:url(../profile/paul-diehl.jpg) 0 5px no-repeat;
	padding:0 0 0 180px;
	margin:15px 0;
	border-bottom:1px #CCC dotted;
	}
div.profile-rob {
	min-height:120px;
	background:url(../profile/rob-diehl.jpg) 0 5px no-repeat;
	padding:0 0 0 180px;
	margin-bottom:15px;
	border-bottom:1px #CCC dotted;
	}
div.profile-scott {
	min-height:120px;
	background:url(../profile/scott-crawford.jpg) 0 5px no-repeat;
	padding:0 0 0 180px;
	margin-bottom:15px;
	}
div#map_column {float:left; width:480px;}	
div#map_canvas {float:left; width:460px; height:460px; border:1px #00639B solid;}	
			
.group {clear:both; line-height:1px;}	

#footer {
	background-color:#00649B;
	margin:0 auto;
	text-align:center;
	color:#fff;
	font-size:11px;
	padding:5px 0;
	}	
#footer a:link {
	text-decoration:none;
	color:#fff;
	}
#footer a:visited {
	text-decoration:none;
	color:#CFF;
	}	
#footer a:hover {
	text-decoration:none;
	color:#3FF;
	}	
#footer a:active {
	text-decoration:none;
	color:#3FF;
	}	
#footer p {line-height:14px;}	
h1 {margin-left: -9999px; line-height:1px;}
h2, h3, h4, h5 {font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#00649b;}
h2 {font-size:22px; margin-bottom:15px;}
h3 {font-size:20px;}
.name {font-style:italic; font-family:"Times New Roman", Times, serif; text-align:left; margin-bottom:3px;}
h4 {font-size:18px; margin-bottom:5px; line-height:24px;}
h5 {font-size:16px; letter-spacing:1px; margin-bottom:5px;}

dt {font-weight:bold; font-size:14px;}
dd {margin-bottom:10px;}

ol {list-style-position:outside; margin:0 40px 15px 15px; padding-left:25px; font-weight:bold;}
ol span {font-weight:normal;}
ol li {padding-bottom:5px;}

em {font-weight:bold; font-style:normal;}
.contact-name {font:italic 18px "Times New Roman", Times, serif; font-weight:bold;}
.last {margin-bottom:10px;}
.view {text-align:right; font-style:italic; padding-bottom:15px;}
.super {vertical-align:top; font-size:9px; line-height:1.4em;}

a:link {text-decoration:none; color:#005789;}
a:visited {text-decoration:none; color:#366;}
a:hover {text-decoration:none; color:#0597aa; border-bottom:1px #0597aa dotted;}
a:active {text-decoration:none; color:#0597aa;  border-bottom:1px #0597aa dotted;}

form {margin-bottom:10px; border:1px #00649b solid; width:450px; padding:5px 0 5px 5px;}
form p {margin:0;}
.your-address {width:400px;}
.button {padding: 0 0 0 5px;}

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	top: 0;
	outline: none;
	position: absolute;
	}

#lbPrevLink {
	background: transparent url(images/prev.gif) 0 -26px no-repeat;
	float:right;
	margin-top:0;
	width:24px;
	height:22px;
	right:70px;
}

#lbPrevLink:hover {
	background: transparent url(images/prev.gif) 0 0 no-repeat;
}

#lbNextLink {
	background: transparent url(images/next.gif) 0 -26px no-repeat;
	right: 40px;
	float:right;
	margin-top:0px;
	width:24px;
	height:22px;
	}

#lbNextLink:hover {
	background: transparent url(images/next.gif) 0 0 no-repeat;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.8em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	right:0;
	width: 24px;
	height: 22px;
	background: transparent url(images/close.gif) 0 -26px no-repeat;
	margin-top:0;
	outline: none;
}
#lbCloseLink:hover {
	background: transparent url(images/close.gif) 0 0 no-repeat;
	}
#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
	font-size:16px;
}