body {
	margin:0;
	padding:20px 60px;
	font-family: 'Roboto Slab', serif;
	letter-spacing: 1px;
	color:#046;
	background-color:#dee;
	background-image:url('nyc-2024.svg');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:0 -100px;
}

#left, #right {
	margin-top:20px;
	display: inline-block;
}

#left {
	max-width:1000px;
	min-width:250px;
	float: left;
	margin-right:50px;
}

#right {
	max-width:100%;
	min-width:250px;
}

#bottom {
	margin-top:100px;
	width:250px;

}

h1,h2,h3,h4,h5 {
	font-weight: 500;
}

h1 {
	margin-top:0;
	margin-bottom:0;
	font-size:50px;
}

h2 {
	margin:20px 0 5px;
	text-transform: uppercase;
	font-size:16px;	
}

h3 {
	margin:0;
	font-size:15px;	
 	padding:10px 0 5px;

}

h4 {
	margin:0;
	font-size:14px;
	text-transform: uppercase;
	line-height: 21px;
}

h5 {
	margin-top: 0;
	margin-bottom: 20px;
	font-size:21px;
}

h6 {
	text-transform: uppercase;
	font-size:11px;
	padding:5px 0 10px;
	margin:0;
}

p {
	font-weight:600;
	font-size:12px;
	line-height: 22px;
}

span {
  	background-color:#dee;	
  	padding:4px 0;
}

span.unbroken {
	white-space:nowrap;
}

a:link, a:visited {
	color:#046;
	text-decoration: none;
}

p a:link, p a:visited {
	border-bottom: 1px solid #046;	
}

p a:hover {
  	background-color:#f75;		
}


.button {
    width: 200px;
    height: 100px;
    background-size: 100px 100px;
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 110px;
    padding-right: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    background-image:url(squares/placeholder.png);
}

.button p {
	margin:0;
}
.button:hover span {
  	background-color:#f75;		
  	color:#046;
}

.button { background-image: url(squares/placeholder.png); }

.button#alex { background-image: url(squares/alex.png) }
.button#kuppy { background-image: url(squares/kuppy.png) }
.button#bryce { background-image: url(squares/bryce.png) }
.button#dina { background-image: url(squares/dina.png) }
.button#haelee { background-image: url(squares/haelee.png) }
.button#indra { background-image: url(squares/indra.png) }
.button#kelli { background-image: url(squares/kelli.png) }
.button#lisa { background-image: url(squares/lisa.png) }
.button#mart { background-image: url(squares/mart.png) }
.button#meng { background-image: url(squares/meng.png) }
.button#liv { background-image: url(squares/liv.png) }
.button#paris { background-image: url(squares/paris.png) }
.button#roger { background-image: url(squares/roger.png) }
.button#yawen { background-image: url(squares/yawen.png) }