body{
background-color:black;
margin-top:3px;
margin-left:3px;
margin-right:0px;
text-align:center;
}

#wrapper{
width:1219px;
margin-left: auto;
margin-right: auto;
	
}

#container{

margin-left: auto;
margin-right: auto;
background-image:url(../images/background.jpg);
width:1219px;
height:834px;
}

#logopositioner{
margin-left:329px;
margin-top:229px;
float:left;
}

#header{
float:left;
margin-top:0px;
margin-left:0px;
margin-right:0px;
background-image:url(../images/top.jpg);
width:1220px;
height:191px;
}

#expander{
float:left;

margin-left:0px;
margin-right:0px;
background-image:url(../images/middle.jpg);
width:1220px;
text-align:left;
}

#bottom{
float:left;
background-image:url(../images/bottom.gif);
width:1220px;
height:52px;
}

#space{
width:1219px;
height:10px;
float:left;
}
#scrollforcer{
width:1219px;
height:300px;
float:left;
}

#aboutus{
margin-top:10px;
width:550px;
float:left;
text-align:left;
margin-left:50px;
}

#column{
width:200px;
height:200px;
float:left;
text-align:left;
margin-left:50px;
}

#boxnav{
margin-top:100px;
float:left;
text-align:left;
margin-left:100px;
}

#boxcontact{
margin-top:88px;
width:455px;
float:left;
text-align:left;
margin-left:135px;
}


#boxlisten{
margin-top:55px;
width:455px;
float:left;
text-align:left;
margin-left:135px;
}

#boxview{
margin-top:52px;
width:455px;
float:left;
text-align:left;
margin-left:135px;
}


a.contactrollover {
    display: block;
    width: 227px;
    height: 51px;
    text-decoration: none;
    background: url(../images/contactsprite.jpg);
    }
a.contactrollover:hover {
    background-position: +227px 0;
    }

a.listenrollover {
    display: block;
    width: 220px;
    height: 56px;
    text-decoration: none;
    background: url(../images/listensprite.jpg);
    }
a.listenrollover:hover {
    background-position: +220px 0;
    }

a.viewrollover {
    display: block;
    width: 220px;
    height: 56px;
    text-decoration: none;
    background: url(../images/viewsprite.jpg);
    }
a.viewrollover:hover {
    background-position: +220px 0;
    }

a.pageshomerollover {
    display: block;
    width: 240px;
    height: 80px;
    text-decoration: none;
    background: url(../images/home.png);
    }
a.pageshomerollover:hover {
    background-position: +240px 0;
    }

a.pagescontactrollover {
    display: block;
    width: 240px;
    height: 80px;
    text-decoration: none;
    background: url(../images/contact.png);
    }
a.pagescontactrollover:hover {
    background-position: +240px 0;
    }

a.pageslistenrollover {
    display: block;
    width: 240px;
    height: 80px;
    text-decoration: none;
    background: url(../images/listen.png);
    }
a.pageslistenrollover:hover {
    background-position: +240px 0;
    }

a.pagesviewrollover {
    display: block;
    width: 240px;
    height: 80px;
    text-decoration: none;
    background: url(../images/view.png);
    }
a.pagesviewrollover:hover {
    background-position: +240px 0;
    }


.style1{
font-family:impact,trebuchet,tahoma,verdana,arial,helvetica,sans-serif;
font-size:26px;
color:#e8e0ef;
}

.style2{
font-family:tahoma,verdana,arial,helvetica,sans-serif;
font-size:16px;
}

.style3{
font-family:impact,trebuchet,tahoma,verdana,arial,helvetica,sans-serif;
font-size:20px;
color:#e8e0ef;
}


.style4{
font-family:tahoma,verdana,arial,helvetica,sans-serif;
font-size:10px;
color:#ffffff;
}

.picframe{
border-top:3px solid #e8e0ef;
border-bottom:5px solid #e8e0ef;
border-left:3px solid #e8e0ef;
border-right:3px solid #e8e0ef;
margin:5px;
}

a:link {color: #cc3366; text-decoration: none}
a:visited {	color: #cc3366; text-decoration: none}
a:active	{text-decoration: underline}
a:hover {	color: #ffffff; text-decoration: none}