@charset "utf-8";
/* CSS Document */

body 
{ 
	font-family: garamond, Gotham, "Helvetica Neue", Arial, sans-serif; 
	font-size: 16px; 
	background-color: #D6D6D6;  
}

.harley-logo a img
{ 
	max-width: 100%; 
	margin-top: 10px;
	margin-left: 15px;
	float: left;   
}

#mainNav ul li
{
	display: inline-block;
	margin-left: 45px;
	margin-right:10px;
	padding-top: 10px;
	background-color:#D6D6D6;	
}

#mainNav ul li a
{
	text-decoration: none;
	color:#5693ce;
	
}

#mainNav ul li a:hover
{
	color: #e1c475;
	border-bottom: 3px solid #e1c475;
	padding-bottom: 5px;
}

.ambitions 
{
	font-family: garamond, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: 1.2em;
	text-align: left;
	display: inline-block;
	-moz-display: inline-block;
	-o-display: inline-block;
	align-items: center;
	-moz-align-items: center;
	-o-align-items: center;
	justify-content: center;
	-moz-justify-content: center;
	-o-justify-content: center;
	min-height: 150px;
}

.ambitions h1
{
	font-family: garamond, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: 1.8em;
	text-align: center;
	margin: 0 auto;
}

.education 
{ 
	font-family: garamond, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: 1.2em; 
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: left;
	display: inline-block;
	-moz-display: inline-block;
	-o-display: inline-block;
	align-items: center;
	-moz-align-items: center;
	-o-align-items: center;
	justify-content: center;
	-moz-justify-content: center;
	-o-justify-content: center;
	min-height: 150px;
} 

.education h1
{ 
	font-family: garamond, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: 1.8em; 
	text-align: center;
	margin: 0 auto;
} 


.background 
{
	font-family: garamond, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: 1.2em;
	text-align: left;
	display: inline-block;
	-moz-display: inline-block;
	-o-display: inline-block;
	align-items: center;
	-moz-align-items: center;
	-o-align-items: center;
	justify-content: center;
	-moz-justify-content: center;
	-o-justify-content: center;
	min-height: 150px;
}

.background h1
{
	font-family: garamond, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: 1.8em;
	text-align: center;
	margin: 0 auto;
}

.copyright 
{
	text-align: center;
}

.hidden
{
	display: none;
}

.projects
{
	max-width: 100%;
	margin-top: 10px;
	text-align: center;
}

.projects a
{
	position: relative;
	display: inline-block;
	float: none;
	border: thick #000000 solid;
	margin: 0 auto;
}

.navigation
{
	text-align: center;
	display: inline-block;
	-moz-display: inline-block;
	-o-display: inline-block;
	align-items: center;
	-moz-align-items: center;
	-o-align-items: center;
	justify-content: center;
	-moz-justify-content: center;
	-o-justify-content: center;
	min-height: 150px;
}

.navigation p
{
	display: block;
	margin: 0 auto;
}

.dwi
{
	margin-top: 10px;
}

.dfa 
{
	margin-top: 10px;
}

.dwi img
{
	border: thick #000000 solid;
}

.dfa img
{
	border: thick #000000 solid;
}

.flagpole img
{
	margin-top: 10px;
	border: thick #000000 solid;
}

.nuclear img
{
	margin-top: 10px;
	border: thick #000000 solid;
}

section 
{ 
	position: relative; 
	max-width: 100%; 
	margin: 0 auto; 
	text-align: center; 
}

section h1 
{
	padding-bottom: 15px; 
	font-size: 1.5em; 
}
 
video 
{ 
	max-width: 60%; 
	background-color: black; 
	margin-bottom: 4px; 
} 

ul 
{ 
	list-style: none; 
}

li { 
	display: inline-block;
	margin-right: 20px;
	width: 120px;
	height: 80px;
	background-color: #D6D6D6;
}

li img 
{ 
	cursor: pointer; 
}

#controls 
{ 
	max-width: 100%; 
	background-color: #4D4D4D; 
	color: white; 
	margin: 0 auto; 
	text-align:left; 
	padding: 5px 0px 0px 10px; 
	margin-bottom: 20px; 
	border: thick solid black; 
}

#controls div 
{ 
	display: inline-block; 
	text-transform: uppercase; 
}

#controls input 
{ 
	float: right; 
	margin-right: 20px; 
}

#controls button 
{ 
	margin-left: 10px; 
	cursor: pointer; 
}

.player_button 
{ 
	cursor: pointer; 
	padding-bottom: 5px; 
}

#bottomThumbs 
{ 
	overflow: hidden;
	padding-bottom: 100px;
}

.description 
{
	float: none; 
	position: relative;
	text-align: left;
	display: flex;
	-moz-display: flex;
	-o-display: flex;
	align-items: center;
	-moz-align-items: center;
	-o-align-items: center;
	justify-content: center;
	-moz-justify-content: center;
	-o-justify-content: center;
	min-height: 150px;
	padding-left: 80px; 
	padding-right: 80px; 
	margin-bottom: 20px; 
}

.workstation img
{
	max-width: 100%;
	margin-top: 10px;
	border: thick #000000 solid;
}

p
{
	line-height: 35px;
}