html, body { 
	margin:0px 10px; padding:0px;
	padding: 0; 
	font-family: Helvetica;
	color: #FFFFFF;
}

h2 {color: #FF3300; font-family: Helvetica;}
p {color: #FFFF66; font-family: Helvetica; }
#header { 
	width: 1024px;
	height: 235px;
	float: left;
	background-image: url("../images/header.png");
}
#header ul { 
	margin: 100px 0px 0px 802px;
	list-style:none;
	text-decoration: none;

} 
 
#header ul li {
	display: inline;
	position: absolute;
	list-style-type: none;
	list-style: none;
	padding:0px;
	height: 80px;
	text-align:right;
	border:0;
}

#maincontainer {
	width: 1024px;
	height: 600px;
	float: left;
	background-image: url("../images/main2.png");
	text-decoration:none;
}
#nav {
	width: 170px;
	display: inline;
	margin-top:-160px;
	float: left;
	background-color: #004811;
}

#nav ul {
	margin: 0px 1px 0px 25px;
	list-style:none;
	text-decoration: none;
	

} 
 
#nav ul li {
	display: inline;
	list-style-type: none;
	list-style: none;
	padding:0px;
	height: 80px;
	text-align:right;
	border:0;
	text-decoration: none;
	
	
}
#nav ul li img { 
	border-color: #FF0000;
}


#nav ul li a:link { 
	text-decoration: none;
	color: #FF0000;
}
#nav ul li a:visited { 
	text-decoration: none;
	color: #FF0000;
}
#nav ul li a:hover { 
	text-decoration: none;
}

.comingsoon {
        z-index: 0;
}

.comingsoon:hover{
        background:transparent;
        z-index: 50;
}
.comingsoon span{
        position: absolute;
        padding: 0px;
        top: 0px;
	left: 25px;
        border: 1px white;
        visibility: hidden;
        text-decoration: none;
        text-align: center;
}

.comingsoon span img{
        border-width: 0;
}
.comingsoon:hover span{
        visibility: visible;
        top: 78px;
	
	opacity: .7;
        left: 40px; /*position where enlarged image should offset horizontally */
	}
}
.comingsoon2 {
        z-index: 0;
}

.comingsoon2:hover{
        background:transparent;
        z-index: 50;
}
.comingsoon2 span{
        position: absolute;
        padding: 0px;
        left: 1px;
	top:85px;
        border: 1px white;
        visibility: hidden;
        text-decoration: none;
        text-align: center;
}

.comingsoon2 span img{
        border-width: 0;
}
.comingsoon2:hover span{
        visibility: visible;
        top: 0px;
	opacity: .7;
        left: 0px; /*position where enlarged image should offset horizontally */
	}

#main {
	width: 650px;
	height: 600px;
	float: right;
	margin-right: 175px;
	background-image: url("../images/chalkboard.png");
}
#home_top {
	width: 650px;
	height: 332px;
	float: right;
	margin-right: 175px;
	background-image: url("../images/home_main_top.png");
}
#home_bot {
	width: 650px;
	height: 270px;
	float: right;
	margin-right: 175px;
}
.map { 
	margin-left: 25px;
	margin-top: 50px;
}
#offer {
	width: 650px;
	height: 600px;
	float: right;
	margin-right: 175px;
	background-image: url("../images/offer_main.png");
}
#news {
	width: 650px;
	height: 288px;
	margin-right:175px;
	float:right;
	display:block;
	background-image: url("../images/news_maintop_july.png");
}
#news2 {
	width: 650px;
	height: 312px;
	margin-left:199px;
	margin-top:288px;
	display:block;
}	
#peeps {
	width: 650px;
	list-style: none;
	height: 600px;
	float: right;
	display:block;
	margin-right: 175px;
	background-image: url("../images/peeps_main_2.png");
	background-repeat: no-repeat;
}	
#peeps_arrows {
	width: 50px;
	margin-top: 400px; 
	margin-left: 25px;
	height: 180px;
	display:block;
}	
#newpeeps {
	width: 585px;
	height: 180px;
	display:block;
	list-style: none;
	margin-top: -225px;
	margin-left: 75px;
	background: transparent;
	overflow: hidden;
	float:right;
}
#newpeeps2 {
	width: 565px;
	#background-color: red;
	height: 250px;
	display:block;
	margin-top: -250px;
	margin-left: 5px;
	background: transparent;
	overflow: hidden;
	float:right;
}
#newpeeps2 li
{
        #background: #eee;
	background: transparent;
        color: inherit;
        float: left;
        margin-left: 1px;
	text-align: middle;
}
#newpeeps2 ul li img { 
	#margin-right:2px;
	#margin-left:2px;
}
#newpeeps2 ul { 
	list-style-type: none;
	padding: 0;
	margin-left: 0;
	background: transparent;
}
ul { 
	list-style-type: none;
	padding: 0;
	margin-left: 0;
	background: transparent;
}
a:link {
	color: #FFFFFF;


	#background-color: red;
	line-height: 1em;
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	}
#newpeeps2 a:link { 
	color: #FFFFFF;
	text-decoration: none;
	background: transparent;
	}

#footer {
	width: 1024px; 
	height: 142px;
	float: left;
       	background-image: url("../images/footer2.png");
 	background-repeat: repeat-x;
	
		         
}
.thumbnail{
        border-width: 0;
        z-index: 0;
}

.thumbnail:hover{
        background-color: transparent;
        z-index: 50;
}

.thumbnail span{
        position: absolute;
        background-color: yellow;
        left: -1000px;
        border: 1px white;
        visibility: hidden;
        color: green;
        text-decoration: none;
        text-align: center;
}

.thumbnail span img{
        border-width: 0;
}

.thumbnail:hover span{
        visibility: visible;
        bottom: 160px;
        left: 90px; /*position where enlarged image should offset horizontally */

}
.peeper{
        border-width: 0;
        z-index: 0;
	color: #000000;
	font-family: Comic Sans, Comic Sans MS, cursive;
	font-size: 0.6em;
}

.peeper:hover{
        background-color: transparent;
        z-index: 50;
}

.peeper span{
	font-family: Comic Sans, Comic Sans MS, cursive;
	font-size: 1.4em;
        position: absolute;
        background-color: #FFFFFF;
        #padding: 1px;
        #left: 1px;
        visibility: hidden;
        color: green;
        text-decoration: none;
	font-weight: bold;
        text-align: center;
	width: 540px;
}
.peeper span p {
	font-family: Comic Sans, Comic Sans MS, cursive;
	font-size: 0.8em;
	text-decoration: none;
	color: red;
	text-align:justify;
	font-weight: normal;
	margin-left: 5px;
	margin-right: 5px;
	line-height: 19px;
}

.peeper span img{
        border-width: 0;
}

.peeper:hover span{
        visibility: visible;
        top: 275px;
	opacity: .7;
        left: 300px; /*position where enlarged image should offset horizontally */
	}
.peeper a{ 
	color: #FFFFFF;
	border-width: 0;
        border-style: none;
	text-decoration: none;
}

#funk {
	width: 650px;
	height: 600px;
	display:block;
	float: right;
	margin-right: 175px;
	background-image: url("../images/funk_main_2.png");
	background-repeat: no-repeat;
}

#funk_arrows {
	width: 40px;
	margin-top: 350px; 
	margin-left: 165px;
	height: 85px;
	display:block;
     	border-style:none;
	text-decoration:none;
}	
#funk_scroll {
	width: 400px;
	height: 250px;
	display:block;
	list-style: none;
	margin-top: -120px;
	margin-right: 25px;
	background: transparent;
	overflow: hidden;
	float:right;
}
#links_top {
	width: 650px;
	height: 144px;
	display: inline-block;
	float: right;
	margin-right: 175px;
	background-image: url("../images/links_main.png");
	background-repeat: no-repeat;
}
#links_main {
	width: 650px;
	height: 455px;
	display: inline-block;
	float:right;
	margin-right:175px;
	background-image: url("../images/links_main_bot.png");
	background-repeat: no-repeat;
}

#link_arrows {
	width: 40px;
	margin-top: -55px; 
	margin-left: 10px;
	height: 85px;
	display: inline-block;
     	border-style:none;
	text-decoration:none;
}
#link_scroll {
	width: 602px;
	height: 450px;
	list-style: none;
	margin-top: -45px;
	margin-right: 5px;
	background: transparent;
	overflow: hidden;
	float:right;
}

#ul-table li a {
	background-color:#F4F7FA;
	#color: #000000;
	font-family: Comic Sans, Comic Sans MS, cursive;
	font-size: 0.7em;
	display:block;
}
#ul-table a:link, #ul-table a:visited, #ul-table a:active {
	color: #FFFFFF; text-decoration: none;
	background-color:transparent;
}
#ul-table a:hover {
	#color:navy;
	text-decoration: none;
	#opacity: .7;
}
#ul-table {
	width:560px;
	text-align:center;
	margin: 0px auto;
	padding:0;
	list-style-type:none;
}
#ul-table li {
        border-color: #ddd #bbb #aaa #ccc;
        border-style: solid;
        border-width: 1px;
	width: 120px;
	height: 120px;
	float:left;
	margin-top: 3px;
	margin-left: 5px;
	margin-right: 5px;
}
#ul-table img {
	border-style:none;
}