@charset "utf-8";
/* CSS Document */

body{
	text-align: center;
	margin-top: 20px;
	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	
	overflow-y: scroll;
}

#wrapper{
	margin: auto;	
	width: 900px;	
}
#header{
	background: url(SITE_ASSETS/site_layout_images/header.gif);
	min-height: 165px;
	text-align: left;
}
#content{
	background: url(SITE_ASSETS/site_layout_images/body.gif);
	text-align: center;
}
#contentInner{
	margin: auto;	
	min-height: 200px;
	width: 660px;
	text-align: left;
}
#footer{
	background: url(SITE_ASSETS/site_layout_images/footer.gif);
	min-height: 103px;
	text-align: center;
}

.pageHeader{
	font-family: Candara, Helvetica, Georgia, "Times New Roman", Times, serif;
	/* font-weight: normal; */
	margin: 0px;
	color: #0e8e66;
	padding-top: 15px;
}

#siteLink{
	display: block;
	width: 220px;
	min-height: 160px;
	text-decoration: none; 
	margin-left: 706px;
	outline: none;
	border: none;
	text-decoration: none;
}
#siteLink span{
	visibility: hidden;	
}

#nav{
	width: 490px;
	height: 40px;
	background: url(SITE_ASSETS/site_layout_images/links_norm.gif);
	top: 134px;
	margin-left: 80px;
	position: absolute;

	/* border: thin solid RED; */
}
#nav .navLink{
	min-height: 40px;
	margin: 0px;
	padding: 0px;
	float: left;
	text-decoration: none;
	border: none;
	outline: none;
}
#nav .navLink span{
	visibility: hidden;	
	border: none;
	outline: none;
}
#nav #home_link, #nav #home_link_on{
	width: 120px;
}
#nav #music_link, #nav #music_link_on{
	width: 110px;
}
#nav #work_link, #nav #work_link_on{
	width: 100px;
}
#nav #contact_link, #nav #contact_link_on{
	width: 150px;
}

#nav #home_link:HOVER{
	background: url(SITE_ASSETS/site_layout_images/links_over.gif);
}
#nav #music_link:HOVER{
	background: url(SITE_ASSETS/site_layout_images/links_over.gif) -120px 0px;
}
#nav #work_link:HOVER{
	background: url(SITE_ASSETS/site_layout_images/links_over.gif) -230px 0px;
}
#nav #contact_link:HOVER{
	background: url(SITE_ASSETS/site_layout_images/links_over.gif) -330px 0px;
}

#nav #home_link_on{
	background: url(SITE_ASSETS/site_layout_images/links_active.gif);
}
#nav #music_link_on{
	background: url(SITE_ASSETS/site_layout_images/links_active.gif) -120px 0px;
}
#nav #work_link_on{
	background: url(SITE_ASSETS/site_layout_images/links_active.gif) -230px 0px;
}
#nav #contact_link_on{
	background: url(SITE_ASSETS/site_layout_images/links_active.gif) -330px 0px;
}

#footerText{
	color: #0e8e66;
	margin: 0px;
	padding: 10px;
}
#footerText span{
	color: #FFF;
	visibility: hidden;
}

h3 a{
	font-weight: 100;
}

a{
	text-decoration: none;
	border: none;
	outline: none;
}
a:LINK, a:VISITED{
	color: #0e8e66;
}
a:HOVER{
	color: #0e8e66;
	text-decoration: underline;
}
a:ACTIVE{
	color: #777;
}


/*  ==================== HOME PAGE STYLE ======================= */

#home_content{
	padding: 8px;	
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}
#home_content img{
	margin: auto;
	max-width: 650px;
}


/*  ==================== MUSIC PAGE STYLE ======================= */



.album, .endAlbum{
	clear: both;
	min-height: 100px;
	padding: 20px;
	
}

.albumName{
	font-family: Candara, Helvetica, Georgia, "Times New Roman", Times, serif;	
	margin-left: 250px;
	padding: 12px;
}

.albumPic{
	margin:auto;
}

.imageBox{
	text-align: right;
	width:280px;
	float: left;
	margin-top: 1px;
	
}
.songBox{
	float: left;	
	border: 1px solid WHITE;	
}
.album a, .album img{
	border: none;
	outline: none;
	text-decoration: none;	
}
.album  a:LINK, .album  a:VISITED{
	color: BLACK;
}
.album  a:HOVER{
	color: #0e8e66;
	text-decoration: underline;
}
.album  a:ACTIVE{
	color: #777;
}

.warning{
	padding: 25px;	
}


/*  ==================== VIDEO PAGE STYLE ======================= */

#linkBox{	
	text-align:right;
	width: 200px;
	float: left;
	padding-top: 10px;
	
	font-family: Candara, Helvetica, Georgia, "Times New Roman", Times, serif;
	
	text-decoration: none;
}
#linkBox p{
	margin: 0px;
	padding: 0px;
	
}
#linkBox a{
	line-height: 30px;
	text-decoration: none;
	color: #999;
	font-size: 16px;
	outline: none;
	border: none;
	vertical-align: middle;
}
#linkBox a:HOVER{
	color: #0e8e66;
	font-weight: bold;
	font-size: 18px;
	vertical-align: middle;
}

#videoFrame{
	border: none;
	outline: none;	
	float: left;
	padding-left: 20px;
	margin-top: 10px;
	
}

#break{
	clear: both;
	min-height: 30px;
}


/*  ==================== CONTACT PAGE STYLE ======================= */

#contact_content{
	width: 550px;
	margin: auto;
	margin-bottom: 0px;
	padding: 20px;
}