/*Standard settings to normalize document from the start */

/* Normalizes margin, padding */


/* Removes list-style from lists */

/* #3. Button placement */
div.button{
	z-index:99;
}

div#images{
	width:680px;
	height:382px;
	overflow:hidden;
	border:0px #FFFFFF solid;
}


div#photos{
	width:510px;
	height:380px;
	overflow:hidden;
	border:1px #c5c5c5 solid;
}

/* #3. Navigation buttons to the left of disjointed images */
div.button p{
	margin-top: 0px;
	margin-bottom: 0px;
	}

	
/* #3. Make the Buttons Clickable */
p#auditorium a, p#rooftop a, p#greenhouse a, p#store a, p#erc a, p#livingroom a, p#penthouse a, p#lobby a{
	width:132px;
	height:133px;
	display:block;
}


p#auditorium_photo1 a, p#auditorium_photo2 a, p#auditorium_photo3 a, p#auditorium_photo4 a, p#auditorium_photo5 a{
	width:100px;
	height:75px;
	display:block;
}

/* #3. Normal Button States */
p#auditorium{
	background:url(../images/auditorium_icon.jpg) no-repeat;
	}
p#rooftop{
	background:url(../images/rooftop_icon.jpg) no-repeat;
	}
p#greenhouse{
	background:url(../images/greenhouse_icon.jpg) no-repeat;
	}
p#store{
	background:url(../images/store_icon.jpg) no-repeat;
	}
	
p#erc{
	background:url(../images/erc_icon.jpg) no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
p#livingroom{
	background:url(../images/livingroom_icon.jpg) no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
	}

p#lobby{
	background:url(../images/lobby_icon.jpg) no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
p#penthouse{
	background:url(../images/penthouse_icon.jpg) no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
p#auditorium_photo1{
	background:url(../images/lobby_icon.jpg) no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
p#auditorium_photo2{
	background:url(../images/lobby_icon.jpg) no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
p#auditorium_photo3{
	background:url(../images/lobby_icon.jpg) no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
p#auditorium_photo4{
	background:url(../images/lobby_icon.jpg) no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
p#auditorium_photo5{
	background:url(../images/lobby_icon.jpg) no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	

	
	
/* #3. Hover Button States */
p#auditorium:hover{
	background:url(../images/auditorium_icon.jpg) no-repeat;
	}
p#rooftop:hover{
	background:url(../images/rooftop_icon.jpg) no-repeat;
	}
p#greenhouse:hover{
	background:url(../images/greenhouse_icon.jpg) no-repeat;
	}
p#store:hover{
	background:url(../images/store_icon.jpg) no-repeat;
}
p#erc:hover{
	background:url(../images/erc_icon.jpg) no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
}
p#livingroom:hover{
	background:url(../images/livingroom_icon.jpg) no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
}
p#lobby:hover{
	background:url(../images/lobby_icon.jpg) no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
}



/* #3. Hover Button States for Photos */

p#auditorium_photo1:hover{
	background:url(../images/lobby_icon.jpg) no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
}

p#auditorium_photo2:hover{
	background:url(../images/lobby_icon.jpg) no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
}

p#auditorium_photo3:hover{
	background:url(../images/lobby_icon.jpg) no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
}

p#auditorium_photo4:hover{
	background:url(../images/lobby_icon.jpg) no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
}

p#auditorium_photo5:hover{
	background:url(../images/lobby_icon.jpg) no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
}