html, body {
	margin:0px;
	width:100%;
	height:100%;
	text-align:center;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#body {
	width:975px;
	height:100%;
	margin:auto;
	padding-top:15px;
	padding-bottom:15px;
}

#container {
	width:975px;
	height:602px;
	text-align:left;
}

#nav {
	width:220px;
	padding-top:40px;
	vertical-align:top;
}

#content {
	width:750px;
	height:600px;
	border:1px solid #ff9900;
}

a:link {
	color:#8c8c8c;
	text-decoration:none;
}
a:visited {
	color:#8c8c8c;
	text-decoration:none;
}
a:hover {
	color:#000000;
	text-decoration:none;
}
a:active {
	color:#8c8c8c;
	text-decoration:none;
}
a {
	outline:none;
}

.section {
	font-size:20px;
}

.subsection {
	font-size:14px;
}

.section, .subsection {
	color:#ff9900;
}

ul, h1 {
	margin:0px;
	padding:0px;
	font-weight:normal;
}
ul {
	margin-left:15px;
}

br.break {
	line-height:10px;
}

#imgContainer {
	width:100%;
	height:100%;
	padding:5px;
}
#webContainer {
	width:700px;
	height:592px;
	padding:5px;
}

#thumbs {
	width:80px;
}
.activeThumb {
	border:2px solid #ff9900;
}
.inactiveThumb {
	padding:2px;
	opacity:.50;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
}
.noFade {
	padding:2px;
}

br.thumbs {
	line-height:5px;
}

#arrowUp, #arrowDown {
	height:15px;
}
#arrowUp img, #arrowDown img {
	padding-left:2px;
	padding-right:2px;
}

#retouch {
	position:relative;
	margin-bottom:-20px;
}

a:link b {
	color:#000000;
	text-decoration:none;
}
a:visited b {
	color:#000000;
	text-decoration:none;
}
a:hover b {
	color:#8c8c8c;
	text-decoration:none;
}
a:active b {
	color:#000000;
	text-decoration:none;
}

#back {
	position:absolute;
	margin-left:30px;
	margin-top:-20px;
}

#portfolio {
	width:450px;
	height:592px;
	padding:5px;
	text-align:justify;
}

.webTD {
	width:33%;
	height:30%;
}

#about {
	width:100%;
	height:100%;
	padding:10px;
	text-align:justify;
	font-size:14px;
}

.copy {
	font-size:10px;
	height:10px;
	text-align:center;
}

#picInfo {
	height:10px;
}

.locksmith {
	display:none;
}