@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	
	background:  url(images/bg.jpg) repeat-x;
	
	
	
	
	
	
}
#container {
	width: 100%; 
	heignt:100%; 
	
	margin: 0 auto; 
	text-align: left;
	background:  url(nav/head.jpg) no-repeat;
		
}



#container2 {
	width: 100%; 
	heignt:100%; 
	
	margin: 0 auto; 
	text-align: left;
	background:  url(nav/writing.jpg) no-repeat;
		
}

#container3 {
	width: 100%; 
	heignt:100%; 
	
	margin: 0 auto; 
	text-align: left;
	background:  url(nav/music.jpg) no-repeat;
		
}


#container4 {
	width: 100%; 
	heignt:100%; 
	
	margin: 0 auto; 
	text-align: left;
	background:  url(nav/aboutNav.jpg) no-repeat;
		
}

#container4 {
	width: 100%; 
	heignt:100%; 
	
	margin: 0 auto; 
	text-align: left;
	
		
}


#nav {
	position:absolute;
	z-index:100;
	left: 80%;
	top: 10px;
	text-align:right;
	height:120px;
	width:180px;
}



#navHolder {
position:relative;
text-align:right;
}



.contentText {

padding:20px;
color:#666666;

text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
}




.contentText a {


color:#08aeed;
text-decoration:none;


}












#SideMenu {
	height: 112px;
	width: 159px;
	background-color:#FFFFFF;
	float:right;
	}
	
/*-----------------------------------------------------------*/

.smbtn01	{
	margin: 0;
	margin-bottom:1px;
	padding: 0;
	position:relative;
	white-space:nowrap;
	display:block;
	background: url(nav/r.jpg) no-repeat;
	width: 159px;
	height: 21px;
	overflow:hidden;/* for ie to hide extra height*/	
	}
.smbtn01 a {
	display: block;
	width: 159px;
	height: 21px;
	display: block;
	float:left;
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
	}
.smbtn01 img {width: 159px; height: 21px; border: 0; }
* html a:hover {visibility:visible}
.smbtn01 a:hover img{visibility:hidden}

/*-----------------------------------------------------------*/

.smbtn02	{
	margin: 0;
	margin-bottom:1px;
	padding: 0;
	position:relative;
	white-space:nowrap;
	display:block;
	background: url(nav/r2.jpg) no-repeat;
	width: 159px;
	height: 22px;
	overflow:hidden;/* for ie to hide extra height*/	
	}
.smbtn02 a {
	display: block;
	width: 159px;
	height: 22px;
	display: block;
	float:left;
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
	}
.smbtn02 img {width: 159px; height: 22px; border: 0;}
* html a:hover {visibility:visible}
.smbtn02 a:hover img{visibility:hidden}

/*-----------------------------------------------------------*/

.smbtn03	{
	margin: 0;
	margin-bottom:1px; 
	padding: 0;
	position:relative;
	white-space:nowrap;
	display:block;
	background: url(nav/r3.jpg) no-repeat;
	width: 159px;
	height: 21px;
	overflow:hidden;/* for ie to hide extra height*/	
	}
.smbtn03 a {
	display: block;
	width: 159px;
	height: 21px;
	display: block;
	float:left;
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
	}
.smbtn03 img {width: 159px; height: 21px; border: 0; }
* html a:hover {visibility:visible}
.smbtn03 a:hover img{visibility:hidden}

/*-----------------------------------------------------------*/

.smbtn04	{
	margin: 0;
	margin-bottom:1px;
	padding: 0;
	position:relative;
	white-space:nowrap;
	display:block;
	background: url(nav/r4.jpg) no-repeat;
	width: 159px;
	height: 21px;
	overflow:hidden;/* for ie to hide extra height*/	
	}
.smbtn04 a {
	display: block;
	width: 159px;
	height: 21px;
	display: block;
	float:left;
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
	}
.smbtn04 img {width: 159px; height: 21px; border: 0; }
* html a:hover {visibility:visible}
.smbtn04 a:hover img{visibility:hidden}




/*-----------------------------------------------------------*/

.smbtn05	{
	margin: 0;
	margin-bottom:1px;
	padding: 0;
	position:relative;
	white-space:nowrap;
	display:block;
	background: url(nav/r5.jpg) no-repeat;
	width: 159px;
	height: 22px;
	overflow:hidden;/* for ie to hide extra height*/	
	}
.smbtn05 a {
	display: block;
	width: 159px;
	height: 22px;
	display: block;
	float:left;
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
	}
.smbtn05 img {width: 159px; height: 22px; border: 0;}
* html a:hover {visibility:visible}
.smbtn05 a:hover img{visibility:hidden}

/*-----------------------------------------------------------*/


.selected{
visibility:hidden
}