/*	CSS Design and Coding by Seth Toles for CybermonkeyStudios.com	*/



						/*	NAVBAR	*/

.NavBar {
	width: 800px;
	height: 75px;
	margin: auto;
	background-image: url(Layout_Images/NavBar.png);
}


.Home {
	position: absolute;
	margin-left: 60px;
	display: block;
	width: 173px;
	height: 75px;
	background-image: url(Layout_Images/NavBar.png);
	background-position: -60px 0px;
}
.Home:hover {
	background-position: -60px -75px;
}
.HomeCurrent {
	position: absolute;
	margin-left: 60px;
	display: block;
	width: 173px;
	height: 75px;
	background-image: url(Layout_Images/NavBar.png);
	background-position: -60px -150px;
}
.HomeCurrent:hover {
	background-position: -60px -225px;
}


.Films {
	position: absolute;
	margin-left: 233px;
	display: block;
	width: 179px;
	height: 75px;
	background-image: url(Layout_Images/NavBar.png);
	background-position: -233px 0px;
}
.Films:hover {
	background-position: -233px -75px;
}
.FilmsCurrent {
	position: absolute;
	margin-left: 233px;
	display: block;
	width: 179px;
	height: 75px;
	background-image: url(Layout_Images/NavBar.png);
	background-position: -233px -150px;
}
.FilmsCurrent:hover {
	background-position: -233px -225px;
}


.Flash {
	position: absolute;
	margin-left: 412px;
	display: block;
	width: 179px;
	height: 75px;
	background-image: url(Layout_Images/NavBar.png);
	background-position: -412px 0px;
}
.Flash:hover {
	background-position: -412px -75px;
}
.FlashCurrent {
	position: absolute;
	margin-left: 412px;
	display: block;
	width: 179px;
	height: 75px;
	background-image: url(Layout_Images/NavBar.png);
	background-position: -412px -150px;
}
.FlashCurrent:hover {
	background-position: -412px -225px;
}


.Etc {
	position: absolute;
	margin-left: 591px;
	display: block;
	width: 148px;
	height: 75px;
	background-image: url(Layout_Images/NavBar.png);
	background-position: -591px 0px;
}
.Etc:hover {
	background-position: -591px -75px;
}
.EtcCurrent {
	position: absolute;
	margin-left: 591px;
	display: block;
	width: 148px;
	height: 75px;
	background-image: url(Layout_Images/NavBar.png);
	background-position: -591px -150px;
}
.EtcCurrent:hover {
	background-position: -591px -225px;
}


	
						/*	SUBNAVBAR	*/

.SubNavBar {
	background-image: url(Layout_Images/SubNavBarBack.png);
	width: 800px;
	height: 27px;
	margin: auto;
}

.HomeBar {
	height: 27px;
	width: 258px;
	margin: auto;
}	

.FilmsBar {
	height: 27px;
	width: 258px;
	margin: auto;
}

.FlashBar {
	height: 27px;
	width: 344px;
	margin: auto;
}

.EtcBar {
	height: 27px;
	width: 344px;
	margin: auto;
}


.About {
	
	float: left;
	width: 86px;
	height: 27px;
	background-image: url(Layout_Images/SNAbout.png);
}
.About:hover {
	background-position: 0 -27px;
}
.AboutCurrent {
	
	float: left;
	width: 86px;
	height: 27px;
	background-image: url(Layout_Images/SNAbout.png);
	background-position: 0 -54px;
}
.AboutCurrent:hover {
	background-position: 0 -81px;
}


.Art {
	
	float: left;
	width: 86px;
	height: 27px;
	background-image: url(Layout_Images/SNArt.png);
}
.Art:hover {
	background-position: 0 -27px;
}
.ArtCurrent {
	
	float: left;
	width: 86px;
	height: 27px;
	background-image: url(Layout_Images/SNArt.png);
	background-position: 0 -54px;
}
.ArtCurrent:hover {
	background-position: 0 -81px;
}


.Audio {
	
	float: left;
	width: 86px;
	height: 27px;
	background-image: url(Layout_Images/SNAudio.png);
}
.Audio:hover {
	background-position: 0 -27px;
}
.AudioCurrent {
	
	float: left;
	width: 86px;
	height: 27px;
	background-image: url(Layout_Images/SNAudio.png);
	background-position: 0 -54px;
}
.AudioCurrent:hover {
	background-position: 0 -81px;
}


.Games {
	
	float: left;
	width: 86px;
	height: 27px;
	background-image: url(Layout_Images/SNGames.png);
}
.Games:hover {
	background-position: 0 -27px;
}
.GamesCurrent {
	
	float: left;
	width: 86px;
	height: 27px;
	background-image: url(Layout_Images/SNGames.png);
	background-position: 0 -54px;
}
.GamesCurrent:hover {
	background-position: 0 -81px;
}
		

.Index {
	
	float: left;
	width: 86px;
	height: 27px;
	background-image: url(Layout_Images/SNIndex.png);
}
.Index:hover {
	background-position: 0 -27px;
}
.IndexCurrent {
	
	float: left;
	width: 86px;
	height: 27px;
	background-image: url(Layout_Images/SNIndex.png);
	background-position: 0 -54px;
}
.IndexCurrent:hover {
	background-position: 0 -81px;
}
		

.Movies {
	
	float: left;
	width: 86px;
	height: 27px;
	background-image: url(Layout_Images/SNMovies.png);
}
.Movies:hover {
	background-position: 0 -27px;
}
.MoviesCurrent {
	
	float: left;
	width: 86px;
	height: 27px;
	background-image: url(Layout_Images/SNMovies.png);
	background-position: 0 -54px;
}
.MoviesCurrent:hover {
	background-position: 0 -81px;
}


.Newest {
	
	float: left;
	width: 86px;
	height: 27px;
	background-image: url(Layout_Images/SNNewest.png);
}
.Newest:hover {
	background-position: 0 -27px;
}
.NewestCurrent {
	
	float: left;
	width: 86px;
	height: 27px;
	background-image: url(Layout_Images/SNNewest.png);
	background-position: 0 -54px;
}
.NewestCurrent:hover {
	background-position: 0 -81px;
}
		

.News {
	
	float: left;
	width: 86px;
	height: 27px;
	background-image: url(Layout_Images/SNNews.png);
}
.News:hover {
	background-position: 0 -27px;
}
.NewsCurrent {
	
	float: left;
	width: 86px;
	height: 27px;
	background-image: url(Layout_Images/SNNews.png);
	background-position: 0 -54px;
}
.NewsCurrent:hover {
	background-position: 0 -81px;
}
		

.Shorts {
	
	float: left;
	width: 86px;
	height: 27px;
	background-image: url(Layout_Images/SNShorts.png);
}
.Shorts:hover {
	background-position: 0 -27px;
}
.ShortsCurrent {
	
	float: left;
	width: 86px;
	height: 27px;
	background-image: url(Layout_Images/SNShorts.png);
	background-position: 0 -54px;
}
.ShortsCurrent:hover {
	background-position: 0 -81px;
}


.Support {
	
	float: left;
	width: 86px;
	height: 27px;
	background-image: url(Layout_Images/SNSupport.png);
}
.Support:hover {
	background-position: 0 -27px;
}
.SupportCurrent {
	
	float: left;
	width: 86px;
	height: 27px;
	background-image: url(Layout_Images/SNSupport.png);
	background-position: 0 -54px;
}
.SupportCurrent:hover {
	background-position: 0 -81px;
}
		

.Writing {
	
	float: left;
	width: 86px;
	height: 27px;
	background-image: url(Layout_Images/SNWriting.png);
}
.Writing:hover {
	background-position: 0 -27px;
}
.WritingCurrent {
	
	float: left;
	width: 86px;
	height: 27px;
	background-image: url(Layout_Images/SNWriting.png);
	background-position: 0 -54px;
}
.WritingCurrent:hover {
	background-position: 0 -81px;
}