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

body {
background-image: url(../images/tile.jpg);
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:0;
}

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

img {
border: none;
}

.main {
background:transparent url(../images/sides.png) no-repeat scroll center top;
}

.page {
background:transparent url(../images/shadow.png) repeat-y scroll center center;
}

.container {
margin:0 auto;
width:505px;
overflow:auto;
}

#email {
border:medium none;
position:absolute;
height:30px;
width:180px;
margin-left:160px;
margin-top:190px;
}

#navWorkLink {
    display: block;
	float: left;
    width: 110px;
    height: 80px;
    background-image: url(../images/navWorkButton.jpg);
    background-position: 0 0;
    margin: 0 auto;
}

#navWorkLink:hover {
    background-position: 0 -80px;
}

#navAboutLink {
    display: block;
	float: left;
    width: 111px;
    height: 80px;
    background-image: url(../images/navAboutButton.jpg);
    background-position: 0 0;
    margin: 0 auto;
}

#navAboutLink:hover {
    background-position: 0 -80px;
}

.nav {
float: left;
}

.aboutText {
position: relative; top: 70px;
margin-left: 48px;
width:410px;
}

.musicText {
position: relative; top: 70px;
margin-left: 48px;
width:410px;
}

.about {
background-image: url(../images/about.jpg);
height: 450px;
}

.music {
background-image:url(../images/music.jpg);
height:900px;
}

.bottom {
position: relative;
left: 20px;
margin-left: auto;
margin-right: auto;
width: 545px;
}

.grooveshark {
position: relative; top: 101px;
margin-left:49px;
}