h1 {	
	text-indent: -9999px;
	}

#empty {
	background: #FFF url("_images/main_background.jpg") no-repeat center;
	margin: auto;
	width: 1000px;
	height: 635px;
	}
	
html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 150px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -150px; /* negative value of footer height */
	margin-left: auto;
	margin-right: auto;
	height: 21px;
	width: 1000px;
	clear:both;
	} 
	
a {
	color: #69F;
	text-decoration: none;
	}
	
a:hover {
	color: #ff006b;
	text-decoration: underline;
	}
	
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

	
p#copyright {
	margin-top: 0px;
	height: 21px;
	width: 574px;
	padding-left: 213px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: small;
	color: #69F;
	text-align: center;
	font-variant: small-caps;
	}
	

	
/*NAV BAR BUTTONS AND DOTS*/
#menu {
	margin: auto;
	height: 21px;
	width: 1000px;
	position: relative;
}


#menu ul {
	position: relative;
	width: 574px;
	height: 21px;
	margin: 0;
	padding-left: 213px;
	overflow: hidden;

	}


li {
	display: inline;
	font-size: 20px;

}
	
li#music a {
	float: left;
	width: 68px;
	height: 21px;
	background: url("_images/menu_music.gif") no-repeat;
	}
	

li#dot1  {
	float: left;
	width: 34px;
	height: 21px;
	background: url("_images/menu_dot1.gif") no-repeat;
}

li#diary a {
	float: left;
	width: 64px;
	height: 21px;
	background: url("_images/menu_diary.gif") no-repeat;
	}
	
	
li#dot2 {
	float: left;
	width: 31px;
	height: 21px;
	background: url("_images/menu_dot2.gif") no-repeat;
}

li#image a {
	float: left;
	width: 72px;
	height: 21px;
	background: url("_images/menu_image.gif") no-repeat;
	}


li#dot3  {
	float: left;
	width: 28px;
	height: 21px;
	background: url("_images/menu_dot3.gif") no-repeat;
}


li#video a {
	float: left;
	width: 71px;
	height: 21px;
	background: url("_images/menu_video.gif") no-repeat;
	}
	
li#dot4  {
	float: left;
	width: 28px;
	height: 21px;
	background: url("_images/menu_dot4.gif") no-repeat;
}


li#style a {
	float: left;
	width: 74px;
	height: 21px;
	background: url("_images/menu_style.gif") no-repeat;
	}

li#dot5 {
	float: left;
	width: 27px;
	height: 21px;
	background: url("_images/menu_dot5.gif") no-repeat;
}

li#about a {
	float: left;
	width: 77px;
	height: 21px;
	background: url("_images/menu_about.gif") no-repeat;
	}
	

/*HOVER STATES FOR ALL MENU LINKS*/

li#music a:hover  { 
	background: url("_images/menu_music.gif") no-repeat 0 -21px;
	cursor: pointer;
}

li#diary a:hover { 
	background: url("_images/menu_diary.gif") no-repeat 0 -21px;
	cursor: pointer;
}

li#image a:hover { 
	background: url("_images/menu_image.gif") no-repeat 0 -21px;
	cursor: pointer;
}

li#video a:hover { 
	background: url("_images/menu_video.gif") no-repeat 0 -21px;
	cursor: pointer;
}

li#style a:hover { 
	background: url("_images/menu_style.gif") no-repeat 0 -21px;
	cursor: pointer;
}

li#about a:hover { 
	background: url("_images/menu_about.gif") no-repeat 0 -21px;
	cursor: pointer;
}

/* visited link states (not needed)

li#music a:visited { 
	background: url("_images/menu_music.gif") no-repeat 0 -42px;
}

li#diary a:visited { 
	background: url("_images/menu_diary.gif") no-repeat 0 -42px;
}

li#image a:visited { 
	background: url("_images/menu_image.gif") no-repeat 0 -42px;
}

li#video a:visited { 
	background: url("_images/menu_video.gif") no-repeat 0 -42px;
}

li#style a:visited { 
	background: url("_images/menu_style.gif") no-repeat 0 -42px;
}

li#about a:visited { 
	background: url("_images/menu_about.gif") no-repeat 0 -42px;
}
*/