body
{
	background-color: #000000;
}

#wrapper
{

	background-color: #000000;
}

#maincontain
{

}

#header
{
	height: 100px;

}

#nav
{
	float: right;
	margin-top: -45px;
}

#nav a
{
	color: #FFFFFF;
	font: 12pt "Verdana", sans-serif;
	text-decoration: none;
	float: right;
}

#nav a:hover, a:active
{
	color: #419EEE;
}

.spacer
{
	height: 100px;
	width: 40px;
	color: #000000;
}

.gutter
{
	height: 20px;
}
#infobox
{
	height: 220px;
	color: #FFFFFF;
	font: 9pt "Verdana", sans-serif;
	background: url(snapshots/glimpsebox2.jpg) no-repeat;
}

#infobox p
{
	margin: 55px 0px 0px 45px;
}

#footer
{
	border-top: #419EEE 1px solid;
	height: 50px;
	padding-top: 5px;
	background-color: #000000;
	color: #FFFFFF;
	font: 9pt "Verdana", sans-serif;
}

#footer a
{
	color: #419EEE;
		text-decoration: none;
}

#footer a:hover
{
	color: #FFFFFF;
}

.box
{
	background-color: #000000;
	height: 100px;
}


.box a span
{
	display: none;
}

.box a:hover span
{
	position: absolute;
	display: inline;
	height: 220px;
	width: 340px;
	padding: 55px 0px 0px 45px;
	color: #FFFFFF;
	font: 9pt "Verdana", sans-serif;
	background: url(snapshots/glimpsebox2.jpg) no-repeat;
	z-index: 100;
}

.first
{
	margin-left: 60px; 
	margin-top: -20px;
}

.glimpse
{
		color: #419EEE;
}

/** HOME PAGE BOX HOVERS **/

.box a:hover span.one
{
	top: 0px;
	left: 240px;
}

.box a:hover span.two
{
	top: 0px;
	left: 120px;
}

.box a:hover span.three
{
	top: -120px;
	left: 240px;
}

.box a:hover span.four
{
	top: -120px;
	left: 120px;
}

.box a:hover span.five
{
	top: 0px;
	left: -360px;
}

.box a:hover span.six
{
	top: 0px;
	left: -480px;
}

.box a:hover span.seven
{
	top: -120px;
	left: -360px;
}

.box a:hover span.eight
{
	top: -120px;
	left: -480px;
}

.box a:hover span.nine
{
	top: -240px;
	left: 240px;
}

.box a:hover span.ten
{
	top: -240px;
	left: 120px;
}

.box a:hover span.eleven
{
	top: -240px;
	left: 0px;
}

.box a:hover span.twelve
{
	top: -240px;
	left: -120px;
}

.box a:hover span.thirteen
{
	top: -240px;
	left: -240px;
}

.box a:hover span.fourteen
{
	top: -240px;
	left: -360px;
}

.box a:hover span.fifteen
{
	top: -240px;
	left: -480px;
}

.box a:hover span.sixteen
{
	top: -360px;
	left: 240px;
}

.box a:hover span.seventeen
{
	top: -360px;
	left: 120px;
}

.box a:hover span.eighteen
{
	top: -360px;
	left: 0px;
}

.box a:hover span.nineteen
{
	top: -360px;
	left: -120px;
}

.box a:hover span.twenty
{
	top: -360px;
	left: -240px;
}

.box a:hover span.twentyone
{
	top: -360px;
	left: -360px;
}

.box a:hover span.twentytwo
{
	top: -360px;
	left: -480px;
}

/** ABOUT PAGE BOX HOVERS **/

.box a:hover span.katea
{
	top: 120px;
	left: 480px;
}

.box a:hover span.kristen
{
	top: 120px;
	left: 360px;
}

.box a:hover span.briana
{
	top: 120px;
	left: 240px;
}

.box a:hover span.april
{
	top: 120px;
	left: 120px;
}

.box a:hover span.katiep
{
	top: 0px;
	left: 480px;
}

.box a:hover span.lindsay
{
	top: 0px;
	left: 360px;
}

.box a:hover span.thomas
{
	top: 0px;
	left: 240px;
}

.box a:hover span.jackie
{
	top: 0px;
	left: 120px;
}

.box a:hover span.charlotte
{
	top: -120px;
	left: 480px;
}

.box a:hover span.leah
{
	top: -120px;
	left: 360px;
}

.box a:hover span.katies
{
	top: -120px;
	left: 240px;
}

.box a:hover span.laura
{
	top: -120px;
	left: 120px;
}

.box a:hover span.toniann
{
	top: -240px;
	left: 480px;
}

.box a:hover span.ryan
{
	top: -240px;
	left: 360px;
}

.box a:hover span.hunter
{
	top: -240px;
	left: 240px;
}

.box a:hover span.margaret
{
	top: -240px;
	left: 120px;
}