body{
	background-color: #FFF;
	font-family: arial;
	width: 960px;
	margin: auto;
}
h1{
	font-family: Audiowide;
}
/*Image Gallery CSS*/
#controls{
  	width:400px;
   	margin-bottom: 0.5em;
}
#gallery{
	margin-top: 10px;
}  		
#next{
   	float:right;
}
#slides {
    display: none
}         
.slidesjs-previous {
    float: left;
}      
.slidesjs-next {
    float:right;
}
/*Navbar CSS*/
#navbar li a#current{
	background-color: #F36E21;
}
ul#navbar{
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
	color: #fff;
	background-color: black;
}
ul#navbar li{
	display: inline;
	text-align: center;
}
ul#navbar li a{
	float: left;
	width: 7.875em;
	color: #fff;
	background-color: black;
	padding: 0.2em 1em;
	text-decoration: none;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
ul#navbar li a:hover{
background-color: #369;
color: #fff;
}

/* IDs */
#footer{
	padding-left: 20px;
}
#info{
	float: right;
	margin-bottom: 10px;
}
#picofme{
	float: right;
	padding-left: 10px;
	padding-top: 10px;
}
#content{
	width: 960px;
	margin: auto;
}
#project1{
}
#project2{
	display:none;
}
#project3{
	display:none;
}
#project4{
	display:none;
}
/* Classes */
.bold{
	font-weight: bold;
}
.center{
	background-color: #F36E21;
	width: 940px;
	margin: auto;
	display: block;
	padding: 10px;
}
.textcenter{
	text-align:center;
}
.floatright{
	float: right;
	padding-left: 10px;
}
/* Mobile CSS */
@media screen and (max-width: 480px){	
	body{
		width: 100%;
	}
	footer.center{
		display: none;
	}
	form{
		width: 100%;
	}
	#picofme{
		display:none;
	}
	ul#navbar{
		clear:both;
	}
	ul#navbar li{
		text-align: center;
	}
	ul#navbar li a{
		width: 100%;
		display: block;
		padding: 0;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 1em;
		border: 1px solid white;
	}
	#content{
		width: 100%;
	}
	#project2{
		display: block;
	}
	#project3{
		display: block;
	}
	#project4{
		display: block;
	}
	img{
		max-width: 100%;
		height: auto;
	}
	.floatright{
		display:none;
	}
	.center{
		width: 100%;
		margin: 0;
		padding: 0;
	}
}
a:link {color:black; font-weight:bold; text-decoration: none;}
a:active {color:black;}
a:hover {color: white;}
a:visited {color:black; font-weight:bold;}