@charset "UTF-8";
/* CSS Document */
a:link {text-decoration: none; color: #ffffff }
a:visited {text-decoration: none;color: #ffffff;}
a:hover {text-decoration: none;color: #ffffff; }
a:active { text-decoration: none;color: #ffffff;}
a.linkopacity img {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
a.linkopacity:hover img {filter:alpha(opacity=100);   -moz-opacity: 1.0;   opacity: 1.0;-khtml-opacity: 1.0; }

body{
background-color: black;
}
a {
outline-style: none;
}
#container	{
position:relative;
width:1024px;
margin:0 auto;
background-color: black;
z-index: 1;
}
#header{
position: absolute;
top:0px;
left:0px;
width:1024px;
height:183px;
background-image: url(images/header.png);
}
#content{
position: relative;
top:200px;
left:0px;
width:1024px;
height:586px;
background-image: url(images/bg.jpg);
z-index: 0;
color:white;
font-family: sans-serif;
}
#photo{
position:absolute;
left: 600px;
top:-30px;
background-image:url(images/photo1.png);
width: 413px;
height: 430px;
z-index: 2;
}
#text{
font-family: sans-serif;
word-spacing: 1px;
font-style: normal;
font-weight: normal;
font-size: 13px;
color: #ffffff;
position: absolute;
left:100px;
height: 290px;
width: 484px;
z-index: 1;
padding-left: 10px;
padding-right: 10px; 
}
#title{
position:absolute;
top: 10px;
left: 60px;
background-image: url(images/biography.png);
height: 305px;
width: 45px;
z-index: 2;
}
#nav{
position: absolute;
height:50px;
width: 1050px;
bottom: 15px;
left: 0px;
z-index: 4;
}
#home{
height:463px;
width:1010px;
position:relative;
top: -28px;
left: 4px;
background-image: url(images/photohome.jpg)
}
#contact{
position:absolute;
left: 600px;
top:-20px;
background-image:url(images/photostack.png);
width: 413px;
height: 430px;
z-index: 2;
}
#calendardates{
position:relative;
float: right;
top: 230px;
right: 90px;
width: 300px;
height: 300px;
z-index: 2;
background-color: transparent;
color: white;
font-family: sans-serif;
}
#mediacontent{
font-size: 18px;
font-family: sans-serif;
position:relative;
width:1024px;
height:50px;
background-color: black;
text-align: center;
}
#calendarcontent{
font-size: 18px;
font-family: sans-serif;
position:relative;
width:417px;
height:432px;
background-image:url(images/phototwo.png);
text-align: center;
float:left;
top:-10px;
z-index: 10;
}
#calendartitle{
position:relative;
top: 230px;
right: 445px;
float:right;
background-image: url(images/calendar.png);
height: 305px;
width: 45px;
z-index: 2;
}
#contacttitle{
position:absolute;
top: 10px;
left: 60px;
background-image: url(images/contact.png);
height: 289px;
width: 45px;
z-index: 2;
}
#text2{
font-family: sans-serif;
word-spacing: 1px;
font-style: normal;
font-weight: normal;
font-size: 13px;
color: #ffffff;
position: absolute;
left:100px;
height: 290px;
width: 484px;
z-index: 3;
padding-left: 40px;
padding-right: 10px; 
}

#flow{
position:relative;
top: 20px;
right: 250px;
float:right;
height: 350px;
width: 550px;
z-index: 2;
background-color: transparent;
}

#music{
position:relative;
top: 80px;
right: 568px;
float:right;
height: 310px;
width: 68px;
z-index: 2;
background-color: transparent;
}

#mediacontent{
position:relative;
top: 0px;
right: 80px;
float:right;
height: 300px;
width: 850px;
z-index: 2;
background-color: transparent;
}

#backbtn{
color: white;
position:relative;
top: 350px;
right: 500px;
float:right;
height: 30px;
width: 80px;
z-index: 100;
background-color: #000000;
}