* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font: 1em Arial, Helvetica, san-serif; }

.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }

#home, #portfolio, #web-samples {
	color: #000000;
	text-decoration: none;
	background: #311904 url(../site-images/background-fade-03.jpg) repeat-x scroll left top;
	}
	#resume {
	color: #000000;
	text-decoration: none;
	background: #311904 url(../site-images/background-fade-04.jpg) repeat-x scroll left top;
	}
	
#top-bar {
	height: 104px;
	min-width: 900px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	}

	#top-bar a.ad {
		height: 99px;
		width: 519px;
		float: right;
		}
#active-image {
	height: 295px;
	clear: both;
	text-align: center;
	}
	#active-image a.mainImage {
		height: 290px;
		width: 960px;
		margin-right: auto;
		margin-left: auto;
		}
#page-wrap {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background: url(../site-images/main-text-area.gif) repeat-y center top;
	height: 100%;
	padding-top: 10px;
	}

.main-nav {
	position: absolute;
	top: 56px;
	right: 20px;
	width: 430px;
	list-style: none;
	}
	.main-nav li {
		float: right; margin-left: 10px;
		}
		.main-nav li a {
	display: block;
	padding: 10px 10px 14px;
	color: #333300;
	text-decoration: none;
			}
			.main-nav a.home, .main-nav a.my-business,
			.main-nav .portfolio, .main-nav .web-samples {
					display: block;
					}
					.main-nav a.home:hover,  .main-nav a.home:active,
					.main-nav a.resume:hover,  .main-nav a.resume:active,
					.main-nav a.portfolio:hover,  .main-nav a.portfolio:active,
					.main-nav a.web-samples:hover,  .main-nav a.web-samples:active {
	background: #330000 url(../site-images/images/nav-rollover-up.jpg) no-repeat center bottom;
	color: #FFFFFF;
							}
				

body#home .main-nav .home,
body#resume .main-nav .resume,
body#portfolio .main-nav .portfolio,
body#web-samples .main-nav .web-samples {
	background: #330000 url(../site-images/images/nav-rollover-up.jpg) no-repeat center bottom;
	color: #FFFFFF;
	}

#mainContent-wrapper {
	height: 100%;
	clear: both;
	width: 100%;
	}
	#mainContent-wrapper .spacer {
		height: 10px;
		clear: both;
		}

#main-content {
	float: left;
	width: 600px;
	padding-top: 10px;
	padding-left: 50px;
	}
	#main-content h2 {
	color: #293C19;
	font-size: 1.5em;
	border-bottom: 1px solid #294B19;
		}
	#main-content p {
			line-height: 1.4em;
			padding-top: 5px;
			padding-right: 10px;
			text-align: justify;
			color: #293C19;
			font-size: 0.8em;
			padding-bottom: 15px;
			}
			#main-content p.redirect {
				padding-top: 15px;
				font-size: 0.7em;
				}
	#main-content a {
		color: #293C19;
		font-size: 1em;
		}
		#main-content a:hover {
			color: #CC9933;
			}
	#main-content img.thumb {
	border: 1px solid #333333;
	padding: 3px;
	background: #CCCCCC;
	margin: 2px;
		}
	#main-content span {
		font-size: 0.8em;
		float: right;
		}

#sideBar {
	float: right;
	width: 240px;
	padding-top: 10px;
	padding-right: 50px;
	}
	#sideBar p {
	padding-top: 10px;
	line-height: 1.4em;
	font-size: 0.8em;
		}
	#sideBar h2 {
		margin-bottom: 10px;
		color: #293C19;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #293C19;
		font-size: 1.5em;
		}
	#sideBarNav li {
		list-style-type: none;
		padding-left: 10px;
		}
	#sideBarNav a {
	text-decoration: underline;
	color: #293C19;
	text-indent: 15px;
	line-height: 1.4em;
	font-size: 0.8em;
		}
		#sideBarNav a:hover {
			color: #CC9933;
			}

#footer {
	height: 45px;
	width: 960px;
	margin: 0px auto;
	}
	#footer p {
		color: #FFFFFF;
		font-size: 0.75em;
		text-align: center;
		padding-top: 5px;
		padding-bottom: 25px;
		}
		
#main-content .artContainer {
	border: 1px solid #000000;
	width: 600px;
	height: 141px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	#main-content .artContainer img {
	border: 1px solid #999999;
	float: left;
	margin-left: 18px;
		}
		#main-content .artContainer img:hover {
			border: 1px solid #000000;
			float: left;
			margin-left: 18px;
			}
	#main-content .artInfoContainer {
	float: right;
	width: 375px;
	padding-right: 18px;
		}
	#main-content .artInfoContainer h3 {
	font-size: 1.5em;
	color: #000000;
	margin-top: 15px;
	text-decoration: none;
		}
#web-samples #page-wrap #mainContent-wrapper #main-content .artInfoContainer .resetH3 {
	text-decoration: none;
	color: #000000;
}

	#main-content .artInfoContainer p {
		font-size: .8em;
		color: #999;
		margin: 0px;
		padding: 0px;
		}
	#main-content .artInfoContainer a {
		color: #999;
		}
		#main-content .artInfoContainer a:hover {
			color: #000000;
			text-decoration: none;
			}
			
			

#resume #pdf-wrapper {
	float: right;
	clear: both;
	position: absolute;
	right: 108px;
	top: 178px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#resume #top-bar #pdf-wrapper a {
	text-decoration: none;
	color: #330000;
}
#resume #top-bar #pdf-wrapper a:hover {
	text-decoration: underline;
	color: #330000;
}

#resume #resume-wrapper {
	clear: both;
	background: #FFFFFF;
	width: 680px;
	padding: 20px;
	margin: 10px auto 25px;
}#resume #resume-wrapper #name-wrap {
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 680px;
}
#resume #resume-wrapper h1 {
	font-size: 1.5em;
	}
#resume #resume-wrapper h2 {
	font-size: 1em;
	text-transform: uppercase;
	border-bottom: 1px solid #000000;
	margin-bottom: 12px;
	margin-top: 24px;
}
#resume #resume-wrapper h3 {
	font-size: .9em;
	padding-left: 25px;
}

#resume #resume-wrapper p {
	font-size: 0.9em;
}

#resume #resume-wrapper .techSkills {
	padding-left: 50px;
	padding-bottom: 10px;
	padding-right: 20px;
}
#resume #resume-wrapper ul {
	text-indent: 24px;
	margin-top: 5px;
	padding-left: 90px;
}
#resume #resume-wrapper li {
	list-style: disc inside;
	text-indent: 24px;
	font-size: 0.9em;
	line-height: 1.3em;
}

#resume #resume-wrapper .dateContainer {
	width: 115px;
	display: block;
	float: left;
}
#resume #resume-wrapper.nameContainer {
}
#resume #resume-wrapper .clear {
	clear: both;
}
#resume #resume-wrapper .educationNotes {
	padding-top: 8px;
	font-size: 0.em;
}
#resume #resume-wrapper .classIndent {
	margin-left: 37px;
}
#resume #resume-wrapper #footer p {
	text-indent: -9999px;
}
#resume #resume-wrapper .hide {
	text-indent: -9999px;
}
#home #top-bar h1 {
	display: none;
}