@charset "UTF-8";
/* CSS Document */

/* Container and Masthead */


#container {
	position: relative;
	margin: 0px auto 0px auto;
	width: 800px;
	height: 600px;
	top: 5px;
	
}

#masthead {
	position: relative;
	margin: 0px auto 0px auto;
	width: 800px; 
	height: 200px;
	
	text-indent: -9999px;
	background-image:url(../images/brandingZ.png);
	
}


/* Navigation Enter */
#navmain {
	width: 800px;
	height: 37px;
	text-indent: -9999px;
	
}

#navmain li {
	position: relative;
	
}

#navmain li a {
	display: block;
	position: relative;
	
	
	margin-left: auto;
	margin-right: auto;
	width:286px;
	height: 37px;
	color: #000000;
	background-image: url(../images/home.png);
	
}

#navmain li a:hover {
	display: block;
	background-image: url(../images/homeRO.png);
}


	
/*Container 1 */

div#cont1 {
	position: relative;
	width: 800px;
	height: 250px;
	margin: 0px auto 0px auto;
	
	background-image:url(../images/mainZ.png);
	z-index: 1;
	
}

div#cont1 h1 {
	position: relative;
	width:192px;
	height: 67px;
	top: 3%;
	left: 40%;
	background-image: url(../images/welcome.png);
	text-indent: -9999px;
	z-index: 2;
}

div#cont1 p {
	position: relative;
	margin-top: 0.25em;
	margin-left: .10em;
	margin-right: .10em;
	padding-bottom: 0.5em;
}


/* Navigation */

div#cont1 navsis {
	width: 800px;
	height: 100px;
	text-indent: -9999px;
	
	
}

#navsis li {
	float: left;
	margin-left: 70px;
	
	padding-top: 25px;
	padding-left: 20px;
	background-position:50px 10px;
	
	z-index: 2; }
	
	

#navsis li#bon a {
	display: block;
	position: relative;
	color: #ffffff;
	width:138px;
	height: 81px;
	background: url(../images/bonnie.png);
}

#navsis li#bon a:hover {
	display: block;
	background-image: url(../images/bonnieRO.png);
}



/* Jenny */

#navsis li#jen a {
	display: block;
	position: relative;
	color: #ffffff;
	width: 170px;
	height: 81px;
	background: url(../images/jenny.png);
}

#navsis li#jen a:hover {
	display: block;
	background-image: url(../images/jennyRO.png);
}


/* Wendy */

#navsis li#wen a {
	display: block;
	position: relative;
	color: #ffffff;
	width: 161px;
	height: 81px;
	background: url(../images/wendy.png);
}

#navsis li#wen a:hover {
	display: block;
	background-image: url(../images/wendyRO.png);
}




/* Footer and Footer Navigation */

#footer {
	clear: both;
	position: relative;
	margin: 0px auto 0px auto;
	width: 800px;
	height: 40px;
	padding-top: 30px;
	
	
}

#navFooter li {
	position: relative;
	display: inline;
	width: 400px;
	padding: 0em 0.25em;
	left: 35%;
	
	top: -10px;
	
}

div#footer p#copyr {
	position: relative;
	width: 800px;
	padding-top: 10px;
	text-align: center;
	}