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

body {
  background: url(../img/bg.jpg) repeat-x top #AAD9F3;
  font-size: 12px;
  color: #fff;
  font-family: arial, helvetica;
}

a img {
  border: 0;
}

#container {
  width: 995px;
  margin: auto;
  text-align: left;
  position: relative;
  top: -10px;
}

.logo {
  display: block;
  position: absolute;
  top: -60px;
}

#main {
  width: 995px;
  height: 690px;
  position: relative;
  top: 70px;
  background: url(../img/background-home.jpg) left top no-repeat;
}

#main p.mainparagraph {
  position: absolute;
  font-weight: bold;
  top: 315px;
  left: 54px;
  width: 450px;
  text-align: justify;
  line-height: 18px;
}

#main p.artist {
  position: absolute;
  font-weight: bold;
  top: 530px;
  left: 164px;
  width: 310px;
  text-align: justify;
  line-height: 18px;
  font-size: 11px;
}

*+html #main p.artist {
  top: 540px;
}

#main a {
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
}

#join p.joinparagraph {
  position: absolute;
  top: 275px;
  left: 79px;
  width: 750px;
  text-align: justify;
  line-height: 18px;
  font-weight: bold;
}

*+html #join p.joinparagraph {
  top: 280px;
}

#join p.joinparagraph span {
  font-size: 15px;
}

#join {
  width: 995px;
  height: 690px;
  position: relative;
  top: 70px;
  background: url(../img/background-join.jpg) left top no-repeat;
}

#join .mail {
  position: absolute;
  top: 465px;
  right: 134px;
}

a.join {
  background: url(../img/bt.gif) left top no-repeat;
  display: block;
  width: 99px;
  height: 20px;
  position: absolute;
  right: 314px;
  top: 388px;
  padding: 5px 0 0 10px;
}

a.listen {
  background: url(../img/bt.gif) left top no-repeat;
  display: block;
  width: 99px;
  height: 20px;
  position: absolute;
  right: 314px;
  top: 600px;
  padding: 5px 0 0 10px; 
}

a.join-long {
  background: url(../img/bt-medium.gif) left top no-repeat;
  display: block;
  width: 354px;
  height: 21px;
  position: absolute;
  right: 110px;
  top: 630px;
  padding: 5px 0 0 10px;
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
  text-decoration: none; 
}

a.listen-long {
  background: url(../img/bt-short.gif) left top no-repeat;
  display: block;
  width: 354px;
  height: 21px;
  position: absolute;
  right: 100px;
  top: 644px;
  padding: 5px 0 0 10px;
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
  text-decoration: none; 
}

#listen {
  width: 995px;
  height: 690px;
  position: relative;
  top: 70px;
  background: url(../img/background-listen.jpg) left top no-repeat;
}

.player {
  position: absolute;
  top: 265px;
  left: 79px;
}

.player_all {
  position: absolute;
  top: 439px;
  left: 214px;
}

.videotext {
  position: absolute;
  top: 500px;
  left: 419px;
}

.playvideo {
  position: absolute;
  top: 465px;
  left: 750px;
}


small {
  font-size: 11px;
}


#footer {
color: #666666;
font-size: 11px;
background: url(../img/bulle.gif) 40px 4px no-repeat;
height: 20px;
position: relative;
margin-top: 75px;
}
#footer a {
color: #666666;
padding: 0 5px 0 5px;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
#copyright {
color: white;
padding-left: 4px;
}
#footer1 {
position: absolute;
top: 4px;
left: 70px;
}
#footer2 {
position: absolute;
top: 4px;
/*left: 580px;*/
left: 640px;
color: white;
font-weight: bold;
}

#facebook {
position: absolute;
top: 0px;
/*left: 700px;*/
left: 760px;
}

#myspace {
position: absolute;
top: 0px;
left: 730px;
}
#twitter {
position: absolute;
top: 0px;
left: 760px;
}
#addthis {
position: absolute;
top: 4px;
left: 800px;
}


#navtop {
float:right;
margin-right:61px;
}
#navtop ul{
	list-style:none;
	margin-top:15px;
}

#navtop ul li{
	float:left;
}

#navtop a {
	text-decoration:none;
	padding:8px;
	border-right:1px solid #FFF;
	color:#fff;
	font-size:12px;
	
}
#navtop a.active{
	background-color:#FFF;
	color:#FE4703;
}
#navtop a:hover {

}
#navtop ul li img{
	position:relative;
	top:2px;
	left:10px;
	cursor:pointer;
}