/*Main layout styles*/

body {
background: #ffffff;
text-align: center;
margin: 0px;
padding: 0px;
color: #000000;
}



/*Header styles*/

#hdrwrap {
width: 750px;
height: 123px;
padding-bottom: 30px;
margin-left: auto;
margin-right: auto;
}


#hdrleft{
display: block;
float: left;
width: 375px;
height: 123px;
background-image: url(images/logo.png);
background-repeat: none;
text-indent:-9000px;
padding: 0px;
margin: 0px;
}



/*Navigation*/

#hdrright{
float: left;
width: 375px;
height: 66px;
padding-top: 57px;
}

#hdrright ul{
margin: 0px;
padding: 0px;
}

#hdrright ul li {
display: block;
padding: 0px;
margin: 0px;
width: 125px;
height: 50px;
float: left;
}

.suggestions a {
display: block;
width: 125px;
height: 50px;
background-image: url(images/rollovers/suggestions1.png);
background-repeat: none;
text-indent:-9000px;
}

.suggestions a:hover {
display: block;
width: 125px;
height: 50px;
background-image: url(images/rollovers/suggestions2.png);
background-repeat: none;
text-indent:-9000px;
}

.forum a {
display: block;
width: 125px;
height: 50px;
background-image: url(images/rollovers/forum1.png);
background-repeat: none;
text-indent:-9000px;
}

.forum a:hover {
display: block;
width: 125px;
height: 50px;
background-image: url(images/rollovers/forum2.png);
background-repeat: none;
text-indent:-9000px;
}

.contact a {
display: block;
width: 125px;
height: 50px;
background-image: url(images/rollovers/contact1.png);
background-repeat: none;
text-indent:-9000px;
}

.contact a:hover {
display: block;
width: 125px;
height: 50px;
background-image: url(images/rollovers/contact2.png);
background-repeat: none;
text-indent:-9000px;
}



#aboutus {
clear: both;
height: 204px;
background-image: url(images/aboutus.png);
background-repeat: repeat-y;
background-position: center;
text-indent:-9000px;
background-color: #000000;
}



/*Content styles*/

#contentwrap {
width: 750px;
margin-right: auto;
margin-left: auto;
}

#contentleft {
float: left;
width: 375px;
padding-top: 10px;
}

.launch {
padding-top: 20px;
text-align: left;
}

.music a {
display: block;
width: 355px;
height: 150px;
background-image: url(images/rollovers/music1.png);
background-repeat: none;
text-indent:-9000px;
}

.music a:hover {
display: block;
width: 355px;
height: 150px;
background-image: url(images/rollovers/music2.png);
background-repeat: none;
text-indent:-9000px;
}

.video a {
display: block;
width: 355px;
height: 150px;
background-image: url(images/rollovers/video1.png);
background-repeat: none;
text-indent:-9000px;
}

.video a:hover {
display: block;
width: 355px;
height: 150px;
background-image: url(images/rollovers/video2.png);
background-repeat: none;
text-indent:-9000px;
}




#contentright {
width: 375px;
text-align: left;
padding-top: 10px;
float: right;
}

h2 {
padding: 0px;
margin: 0px;
font-family: Trebuchet MS;
font-size: 22pt;
color: #007cff;
padding-top: 15px;
}


#contentright ul {
margin: 0px;
padding: 0px;
}

#contentright ul li {
padding-top: 7px;
padding-bottom: 7px;
display: block;
background-image: url(images/dashedlines.png);
background-repeat: repeat-x;
background-position: bottom;
}


#contentright ul li a {
display: block;
font-family: Verdana;
font-size: 13pt;
color: #000000;
text-decoration: none;
padding-left: 15px;
background-image: url(images/bullet.png);
background-repeat: no-repeat;
background-position: 0px 8px;
}

#contentright ul li a:hover {
display: block;
font-family: Verdana;
font-size: 13pt;
color: #007cff;
}



#ftr {
clear: both;
padding-top: 40px;
font-size: 7pt;
font-family: Verdana;
text-align: right;
}


#ftr a{
text-decoration: none;
color: #007cff;
}