* {
	margin: 0px;
	padding: 0px;
}
body {
	background: #E4DDD4 url(../images/bg_body.png) repeat-x;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
}
#container {
	width: 760px;
	margin: 0 auto;
}
#container a {
	color: #391700;
	font-weight: bold;
	text-decoration: underline;
}
#header {
	background: url(../images/bg_header.jpg) no-repeat;
	height: 193px;	
}
#header h1 {
	padding: 10px 0 0 20px;
	width: 215px;
	height: 130px;
}
#header a.logo {
	display: block;
	width: 215px;
	height: 130px;
	outline: none;
}
#header span {
	display: none;
}
#header a {
	display: block;
	float: right;
	padding: 10px 30px 0 0;
}
#header p a.flashplayer {
	outline: none;
}
#header img {
	border: none;
}
#nav {
	background: url(../images/bg_nav.jpg) no-repeat;
	height: 44px;
}
#nav ul {
	
}
#nav ul li {
	float: left;
	list-style: none;
}
#nav ul li a {
	display: block;
	height: 43px;
	outline: none;
}
#nav ul li.nabout a {
	width: 70px;
	margin: 0 0 0 73px;
	outline: none;
}
#nav ul li.nweb a {
	display: block;
	width: 60px;
	margin: 0 0 0 55px;
	outline: none;
}
#nav ul li.nprint a {
	display: block;
	width: 60px;
	margin: 0 0 0 70px;
	outline: none;
}
#nav ul li.nvideo a {
	display: block;
	width: 65px;
	margin: 0 0 0 65px;
	outline: none;
}
#nav ul li.nresume a {
	display: block;
	width: 80px;
	margin: 0 0 0 63px;
	outline: none;
}
#nav ul li.nabout a:hover, #nav ul li.nabout a:active {
	background: url(../images/bg_nav.jpg) no-repeat -73px -44px;
	outline: none;
}
#nav ul li.nweb a:hover, #nav ul li.nweb a:active {
	background: url(../images/bg_nav.jpg) no-repeat -198px -44px;
	outline: none;
}
#nav ul li.nprint a:hover, #nav ul li.nprint a:active {
	background: url(../images/bg_nav.jpg) no-repeat -328px -44px;
	outline: none;
}
#nav ul li.nvideo a:hover, #nav ul li.nvideo a:active {
	background: url(../images/bg_nav.jpg) no-repeat -453px -44px;
	outline: none;
}
#nav ul li.nresume a:hover, #nav ul li.nresume a:active {
	background: url(../images/bg_nav.jpg) no-repeat -581px -44px;
	outline: none;
}
#dabout #nav ul li.nabout a:link, #dabout #nav ul li.nabout a:hover, #dabout #nav ul li.nabout a:visited, #dabout #nav ul li.nabout a:active {
	background: url(../images/bg_nav.jpg) no-repeat -73px -44px;
	outline: none;
}
#dweb #nav ul li.nweb a:link, #dweb #nav ul li.nweb a:hover, #dweb #nav ul li.nweb a:visited, #dweb #nav ul li.nweb a:active {
	background: url(../images/bg_nav.jpg) no-repeat -198px -44px;
	outline: none;
}
#dprint #nav ul li.nprint a:link, #dprint #nav ul li.nprint a:hover, #dprint #nav ul li.nprint a:visited, #dprint #nav ul li.nprint a:active {
	background: url(../images/bg_nav.jpg) no-repeat -328px -44px;
	outline: none;
}
#dvideo #nav ul li.nvideo a:link, #dvideo #nav ul li.nvideo a:hover, #dvideo #nav ul li.nvideo a:visited, #dvideo #nav ul li.nvideo a:active {
	background: url(../images/bg_nav.jpg) no-repeat -453px -44px;
	outline: none;
}
#dresume #nav ul li.nresume a:link, #dresume #nav ul li.nresume a:hover, #dresume #nav ul li.nresume a:visited, #dresume #nav ul li.nresume a:active {
	background: url(../images/bg_nav.jpg) no-repeat -581px -44px;
	outline: none;
}
#nav ul li a span {
	display: none;
}
#content {
	background: url(../images/bg_content.png) repeat-y;
	padding: 30px 20px 50px 30px;
	min-height: 425px;
}
#content h2 {
	color: #E98B0D;
	font-size: 2em;
	font-weight: bold;
}
#dabout #content p {
	margin: 20px 275px 0 0;
	line-height: 18px;
	font-size: 1.2em;
}
#content p.mmargin {
	margin: 20px 0 0 0;
}
#content p.mmargin a {
	font-size: .8em;
	color: #000000;
	outline: none;
}
#content ul {
	list-style: none;
	margin: 10px 275px 0 10px;
}
#content ul a {
	color: #000000;
	outline: none;
}

#dweb #content a, #dprint #content a, #dvideo #content a {
	text-decoration: underline;
	font-weight: bold;
	outline: none;
}
#dweb #content a img, #dprint #content a img, #dvideo #content a img {
	border: none;
}
#dresume #content a.noborder {
	color: #ffffff;
	outline: none;
}
#dresume #content img {
	border: none;
}
#dsitemap a:visited {
	text-decoration: line-through;
	outline: none;
}
#content h3 {
	font-size: 1.6em;
	margin: 10px 275px 3px 0;
	text-align: right;
}
#content h4 {
	font-size: 1.2em;
	line-height: 16px;
	text-align: right;
	margin: 0 275px 0 0;
}
#content h5 {
	font-size: 1.2em;
	margin: 20px 0 0 0;
}
#content #image {
	background: url(../images/footprints.png) no-repeat;
}
#contact {
	float: right;
	width: 150px;
	margin: 0 30px 0 0;
}
#contact h2 {
	padding: 0 0 20px 0;
}
#contact h3 {
	font-size: 1.2em;
	text-align: left;
	margin: 0;
	padding: 0 0 5px 0;
	color: #444444;
}
#content form {
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#content input, #content textarea {
	width: 150px;
	margin: 0 0 15px 0;
	padding: 3px;
	font-family:"Courier New", Courier, monospace;
	font-size: 1.2em;
	background-color: #FFAA3D;
}
#content form #submit {
	width: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#content .mainpage {
	font-size: 1.4em;
}
#content .navpage {
	margin: 5px 0 0 15px;
	font-size: 1.2em;
}
#content .subpage {
	margin: 2px 0 0 25px;
}
#dcontact #content {
	height: 350px;
}
#midcol {
	width: 215px;
	float: right;
	padding: 0 60px 0 0;
}
#leftcol {
	width: 215px;
}
#leftcol p, #midcol p {
	margin: 10px 20px 30px 25px;
	padding: 0;
	text-align: center;
	font-size: 1.1em;
	line-height: 1.4em;
}
#dabout #midcol img {
	float: right;
}
#dweb p {
	margin: 10px 20px 10px 25px;
}
#dweb p.link {
	margin-bottom: 30px;
}
#dresume #pdf {
	width: 40px;
	height: 40px;
	float: right;
	margin: 6px 280px 0 0;
}
#dresume h2.me {
	margin: 0;
	padding: 0;
	color: #000000;
	font-size: 2.2em;
}
#dresume a {
	color: #391700;
	text-decoration: none;
}
#dresume h3.name {
	text-align: left;
	font-size: 1.4em;
	margin: 3px 0 0 0;
	padding: 0;
}
#dresume h3 a:hover, #dresume h3 a:active {
	text-decoration: underline;
}
#dresume h5 {
	margin: 50px 225px 0 0;
	font-size: 1.8em;
	border-bottom: solid 1px #999999;
}
#dresume ul.resume {
	margin: 10px 225px 0 0;
}
#dresume ul.resume li {
	font-size: 1.4em;
	margin: 20px 0 5px 0;
}
#dresume ul.resume li a {
	color: #391700;
	text-decoration: none;
	font-weight: normal;
}
#dresume ul.resume li a:hover, #dresume ul.resume li a:hover {
	text-decoration: underline;
}
#dresume ul.resume li.lessmargin {
	margin-top: 10px;
}
#dresume ul.resume li.sub {
	margin: 0;
	font-size: 1.3em;
}
#dresume ul.resume li a .bold {
	font-size: 1.2em;
}
#dresume ul.resume li.description {
	margin: 3px 0 10px 20px;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.5em;
}
#formparse h2 {
	margin: 0 0 20px 0;
}
#formparse p {
	font-size: 1.3em;
	padding: 0 10px 20px 0;
}
.bold {
	font-weight: bold;
}
.cu {
	margin-top: 64px;
}


#footer {
	background: url(../images/bg_footer.gif) no-repeat;
	height: 25px;
	clear: both;
}
#footer a {
	display: block;
	margin: 0 0 0 20px;
	padding: 8px 60px 0 0;
	float: right;
	color: #391700;
	outline: none;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	text-decoration: underline;
}

/* CSS used to make BackBox work */

#lightbox{
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	}

#lightbox a img{ 
	border: none;
	}

#outerImageContainer{
	position: relative;
	background-color: #f7f6f1;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	border: 1px #CCC solid;
	border-bottom:0px;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 0px;
	width: 0px;
	z-index: 0;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink2, #nextLink2 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#060;
	font-weight:bold;
    cursor:pointer;
    }

#imageDataContainer{
	font: 1em Arial, Helvetica, sans-serif;
	background-color: #f7f6f1;
	height: 35px;
	border:1px #ccc solid;
	border-top:0px;
	margin:auto;
	}

#imageData{
	padding: 5px 10px 10px 10px;
	}
#imageData #imageDetails{ width: 50%; float: left; text-align: left; }
#imageData #numberDisplay{ display: block; clear: left; font-weight: normal; font-size:1.2em; color:#333; padding: 4px 0; }
#imageData #slideshowLink{ width: 55px; float: right; padding:5px 0px 0 0px;}
#imageData #bottomNavClose{ width: 55px; float: right; padding:5px 0px 0 0px; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline;
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}