body {
	color: white;
	background-color: #1B1464;
	margin: 0px;
}
 
#wrapper {
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	line-height: 1.5;
	background-color: transparent;
	text-align: center;
	margin-top: -35px;
	margin-left: -400px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 800px;
	height: 70px;
	visibility: visible;
}

img {
	border: none;
}
	
A:link {
	color: #ffffff;
}

A:visited {
	color: #ffffff;
}

.hidden {
	visibility: hidden;
}

#mainContent {
	text-align: left;
	width: 800px;
	height: 450px;
	margin: auto;
	margin-top: -225px;
	background-image: url('../images/background.png');
}

#JF {
	position: absolute;
	width: 154px;
	height: 168px;
	left: 330px;
	top: -50px;
	background-image: url('../images/jf.png');
}

#JeremyFlores {
	position: absolute;
	width: 181px;
	height: 54px;
	left: 310px;
	top: 112px;
	background-image: url('../images/jeremy_flores.png');
}

#comingSoon {
	position: relative;
	width: 300px;
	height: 300px;
	top: 0px;
	left: 114px;
	background-image: url('../images/coming_soon.png');
}

#panel {
	position: relative;
	width: 581px;
	height: 341px;
	left: 120px;
	top: 80px;
	background-image: url('../images/content_background.png');
}

#panelContent {
	position: absolute;
	width: 520px;
	height: 300px;
	top: 50px;
	left: 20px;
	background-repeat: no-repeat;
}

.menuButton {
	cursor: pointer;
	cursor: hand;
}

.button {
	cursor: pointer;
	cursor: hand;
}

#aboutButton {
	position: absolute;
	width: 75px;
	height: 25px;
	background-image: url('../images/about_unloaded.png');
}

#clientsButton {
	position: absolute;
	width: 60px;
	height: 25px;
	left: 75px;
	background-image: url('../images/clients_unloaded.png');
}

#softwareButton {
	position: absolute;
	width: 75px;
	height: 25px;
	left: 138px;
	background-image: url('../images/software_unloaded.png');
}

#photographyButton {
	position: absolute;
	width: 60px;
	height: 25px;
	left: 213px;
	background-image: url('../images/photography_unloaded.png');
}

#contactButton {
	position: absolute;
	width: 75px;
	height: 25px;
	left: 273px;
	background-image: url('../images/contact_unloaded.png');
}

#colophonButton {
	position: absolute;
	width: 75px;
	height: 25px;
	left: 715px;
	background-image: url('../images/colophon_unloaded.png');
}

#contentTitle {
	position: absolute;
	top: 20px;
	left: 25px;
}

.aboutTitle {
	width: 59px;
	height: 25px;
	background-image: url('../images/about.png');
}

.contactTitle {
	width: 79px;
	height: 25px;
	background-image: url('../images/contact.png');
}

.musicTitle {
	background-image: url('../images/music.png');
}

.photographyTitle {
	width: 131px;
	height: 25px;
	background-image: url('../images/photography.png');
}

.clientsTitle {
	width: 150px;
	height: 25px;
	background-image: url('../images/clients.png');
}

.softwareTitle {
	width: 91px;
	height: 25px;
	background-image: url('../images/software.png');
}

.colophonTitle {
	width: 110px;
	height: 25px;
	background-image: url('../images/colophon.png');
}

#name {
	font-size: 1.1em;
	font-weight: bold;
}

#getInTouch {
	font-size: 1.05em;
}

#mitLogo {
	position: absolute;
	top: 10px;
	left: 68px;
}

#gambitLogo {
	position: absolute;
	top: 100px;
	left: 20px;
}

#istLogo {
	position: absolute;
	top: 200px;
	left: 12px;
}

#olpcLogo {
	position: absolute;
	top: 5px;
	left: 300px;
}

#steamLogo {
	position: absolute;
	top: 108px;
	left: 282px;
}

#tamuccLogo {
	position: absolute;
	top: 185px;
	left: 310px;
}