@charset "UTF-8";
/*MENU*/
.menu{
	width:545px;
	height:27px;
	float:left;
	padding:1px 0px 0px 0px;	
} 
ul { 
	list-style: none;
	padding: 0px;
	margin:0 auto;
}

.displace {
	position: absolute;
	left: -5000px;
}

ul li {
	float: left;
}
.home a{
	display: block;
	width: 68px;
	height: 28px;
	float:left;
	background: url(images/menu/home.png);
	background-position: 0 27px;
}
.home a:hover {
	background-position: 0 55px;
}
.home a:active {
	background-position: 0 55px;
}
.home a.selected {
	background-position: 0 55px;
}

.mystory a{
	display: block;
	width: 86px;
	height: 28px;
	float:left;
	background: url(images/menu/mystory.png);
	background-position: 0 27px;
}
.mystory a:hover {
	background-position: 0 55px;
}
.mystory a:active {
	background-position: 0 55px;
}
.mystory a.selected {
	background-position: 0 55px;
}


.music a{
	display: block;
	width: 64px;
	height: 28px;
	float:left;	
	background: url(images/menu/music.png);
	background-position: 0 27px;
}
.music a:hover {
	background-position: 0 55px;
}
.music a:active {
	background-position: 0 55px;
}
.music a.selected {
	background-position: 0 55px;
}


.gallery a{
	display: block;
	width: 77px;
	height: 28px;
	float:left;	
	background: url(images/menu/gallery.png);
	background-position: 0 27px;
}
.gallery a:hover {
	background-position: 0 55px;
}
.gallery a:active {
	background-position: 0 55px;
}
.gallery a.selected {
	background-position: 0 55px;
}

.live a{
	display: block;
	width: 50px;
	height: 28px;
	float:left;	
	background: url(images/menu/live.png);
	background-position: 0 27px;
}
.live a:hover {
	background-position: 0 55px;
}
.live a:active {
	background-position: 0 55px;
}
.live a.selected {
	background-position: 0 55px;
}

.links a{
	display: block;
	width: 52px;
	height: 28px;
	float:left;	
	background: url(images/menu/links.png);
	background-position: 0 27px;
}
.links a:hover {
	background-position: 0 55px;
}
.links a:active {
	background-position: 0 55px;
}
.links a.selected {
	background-position: 0 55px;
}

.press a{
	display: block;
	width: 60px;
	height: 28px;
	float:left;	
	background: url(images/menu/press.png);
	background-position: 0 27px;
}
.press a:hover {
	background-position: 0 55px;
}
.press a:active {
	background-position: 0 55px;
}
.press a.selected {
	background-position: 0 55px;
}

.contact a{
	display: block;
	width: 86px;
	height: 28px;
	float:left;	
	background: url(images/menu/contact.png);
	background-position: 0 27px;
}
.contact a:hover {
	background-position: 0 55px;
}
.contact a:active {
	background-position: 0 55px;
}
.contact a.selected {
	background-position: 0 55px;
}


/*END MENU*/


/*MAG TITLES*/

.mystory_mag a{
	display: block;
	width: 75px;
	height: 61px;
	float:left;	
	background: url(images/mag_titles/my_story.png);
	background-position: 0 0px;
	margin: 0px 0px 58px 157px;
}
.mystory_mag a:hover {
	background-position: 0 62px;
}
.mystory_mag a:active {
	background-position: 0 62px;
}
.mystory_mag a.selected {
	background-position: 0 62px;
}
.press_mag a{
	display: block;
	width: 103px;
	height: 32px;
	float:left;	
	background: url(images/mag_titles/press.png);
	background-position: 0 0px;

}
.press_mag a:hover {
	background-position: 0 33px;
}
.press_mag a:active {
	background-position: 0 33px;
}
.press_mag a.selected {
	background-position: 0 33px;
}
.live_mag a{
	display: block;
	width: 69px;
	height: 31px;
	float:left;	
	background: url(images/mag_titles/live.png);
	background-position: 0 0px;

}
.live_mag a:hover {
	background-position: 0 33px;
}
.live_mag a:active {
	background-position: 0 33px;
}
.live_mag a.selected {
	background-position: 0 33px;
}
.links_mag a{
	display: block;
	width: 87px;
	height: 32px;
	float:left;	
	background: url(images/mag_titles/links.png);
	background-position: 0 0px;

}
.links_mag a:hover {
	background-position: 0 32px;
}
.links_mag a:active {
	background-position: 0 32px;
}
.links_mag a.selected {
	background-position: 0 32px;
}
.music_mag a{
	display: block;
	width: 102px;
	height: 32px;
	float:left;	
	background: url(images/mag_titles/music.png);
	background-position: 0 0px;
	margin:50px 0px;

}
.music_mag a:hover {
	background-position: 0 32px;
}
.music_mag a:active {
	background-position: 0 32px;
}
.music_mag a.selected {
	background-position: 0 32px;
}

.gallery_mag a{
	display: block;
	width: 124px;
	height: 31px;
	float:left;	
	background: url(images/mag_titles/gallery.png);
	background-position: 0 0px;

}
.gallery_mag a:hover {
	background-position: 0 32px;
}
.gallery_mag a:active {
	background-position: 0 32px;
}
.gallery_mag a.selected {
	background-position: 0 32px;
}

.contact_mag a{
	display: block;
	width: 55px;
	height: 45px;
	float:left;	
	background: url(images/mag_titles/contact_me.png);
	background-position: 0 0px;

}
.contact_mag a:hover {
	background-position: 0 48px;
}
.contact_mag a:active {
	background-position: 0 48px;
}
.contact_mag a.selected {
	background-position: 0 48px;
}

/*END MAG TITLES*/

/*NEXT PAGE - my story*/

.next_page a{
	display: block;
	width: 106px;
	height: 35px;
	float:left;	
	background: url(images/mystory/next_page.png);
	background-position: 0 0px;

}
.next_page a:hover {
	background-position: 0 38px;
}
.next_page a:active {
	background-position: 0 38px;
}
.next_page a.selected {
	background-position: 0 38px;
	dispaly:none;
}

.prev_page a{
	display: block;
	width: 106px;
	height: 35px;
	float:left;	
	background: url(images/mystory/prev_page.png);
	background-position: 0 0px;

}
.prev_page a:hover {
	background-position: 0 38px;
}
.prev_page a:active {
	background-position: 0 38px;
}
.prev_page a.selected {
	background-position: 0 38px;
	dispaly:none;
}
/*END NEXT PAGE - my story*/