/* CSS Document */
body{padding:0px; margin:0px; background:#022b2f url(../images/b_container.jpg) 0 0 repeat; color:#000; font:10px/14px Tahoma, sans-serif; }
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px}

/* CONTAINER */

#container{width:775px; background:url(../images/b_container.jpg) 0 0 repeat-y; position:relative; margin: 0 auto; border:#0fab84 1px dotted }

/* HEADER */

#header{width:775px; height:225px; background:url(../images/b_header.jpg) 0 0 no-repeat; position:relative; margin: 0 auto;}

#logo{position:absolute; top:19px; left:38px}
#slogan{position:absolute; top:60px; left:550px}

#header ul{height:30px;background:url(../images/bullets_btn.jpg) 0 0 no-repeat;  position:absolute; top:161px; left:52px;}
#header ul li{height:18px; float:left; margin-top:6px}
#header ul li a{height:18px; display:block; text-indent:-20000px; }
#header ul li a:hover{height:18px;}

#header ul li.home a{width:75px; background:url(../images/btn_home.gif) 0 0 no-repeat; margin-right:23px;}
#header ul li.home a:hover{width:75px; background:url(../images/btn_home_over.gif) 0 0 no-repeat;}

#header ul li.about a{width:65px; background:url(../images/btn_about.gif) 0 0 no-repeat; margin-right:22px;}
#header ul li.about a:hover{width:65px; background:url(../images/btn_about_over.gif) 0 0 no-repeat;}

#header ul li.music a{width:49px; background:url(../images/btn_music.gif) 0 0 no-repeat; margin-right:221px;}
#header ul li.music a:hover{width:49px; background:url(../images/btn_music_over.gif) 0 0 no-repeat;}

#header ul li.djs a{width:57px; background:url(../images/btn_djs.gif) 0 0 no-repeat; margin-right:22px;}
#header ul li.djs a:hover{width:57px; background:url(../images/btn_djs_over.gif) 0 0 no-repeat;}

#header ul li.events a{width:51px; background:url(../images/btn_events.gif) 0 0 no-repeat; margin-right:21px;}
#header ul li.events a:hover{width:51px; background:url(../images/btn_events_over.gif) 0 0 no-repeat;}

#header ul li.contacts a{width:66px; background:url(../images/btn_contacts.gif) 0 0 no-repeat;}
#header ul li.contacts a:hover{width:66px; background:url(../images/btn_contacts_over.gif) 0 0 no-repeat;}


/* OUTERCONTENT */

#outercontent{width:775px; background:url(../images/b_outercontent.jpg) 0 0 no-repeat; position:relative; margin: 0 auto;}

/* INNERCONTENT */

#innercontent{width:726px; background:url(../images/b_content.jpg) 0 0 repeat-y; position:relative; margin-left:25px;}

#innercontent a{font:10px/14px Tahoma, sans-serif; color:#0fab84; font-weight:normal; text-decoration:none }
#innercontent a:hover{color:#000; background:#0fab84; text-decoration:none;}

#innercontent a.link2{font:10px/14px Tahoma, sans-serif; color:#f6f1ad; font-weight:normal; text-decoration:none }
#innercontent a.link2:hover{color:#000; background:#f6f1ad; text-decoration:none;}

p span.headline{font:12px/14px Trebuchet MS, serif; color:#000; font-weight:bold;}
p span.headline2{font:12px/14px Trebuchet MS, serif; color:#0fab84; font-weight:normal;}
p span.headline3{font:12px/14px Trebuchet MS, serif; color:#f6f1ad; font-weight:bold;}
p span.date{font:12px/14px Trebuchet MS, serif; color:#000; font-weight:bold;}

#leftPan{width:222px; padding: 9px 24px 0 29px; position:relative; float:left; display:inline; margin-bottom:15px;}
#news h2{ height:18px; background:url(../images/h_news.gif) 0 0 no-repeat; margin-bottom:18px;}
p.newsitem{padding-left:34px; background:url(../images/bullet.gif) 11px 1px no-repeat; margin-bottom:15px}

#mostplayed h2{height:18px; background:url(../images/h_mostplayed.gif) 0 0 no-repeat; margin-bottom:12px;}
.mostouter{height:40px; padding-left:11px; border-bottom:#82ce98 1px dashed; position:relative;}
.mostouter img{position: absolute; top:12px; left:204px}
.mostouter p{padding-top:7px; padding-left:22px; background:url(../images/arrow.gif) 0 8px no-repeat}

#rightPan{width:395px; padding: 9px 29px 0 27px; position:relative; float:left; margin-bottom:15px;}

#welcome {margin-bottom:13px;}
#welcome h2{ height:43px; background:url(../images/h_welcome.gif) 0 0 no-repeat; margin-bottom:7px;}

#staff {margin-bottom:13px; background:#0d9a77 url(../images/img_staff.gif) left bottom no-repeat; padding-bottom:20px }
#staff h2{ height:51px; background:url(../images/h_staff.gif) 96px 8px no-repeat; margin:0 0 7px 0;}
#staff p{padding:0 30px 0 124px;}

#interview h2{ height:43px; background:url(../images/h_interview.gif) 4px 0 no-repeat; margin-bottom:9px;}
#interview p{width:250px; padding-left:9px; float:left; margin-right:10px; padding-top:9px}
#interview img{float:left}

/* FOOTER */

#footer{width:775px; height:117px; background:url(../images/b_footer.jpg) 0 0 no-repeat; position:relative; margin: 0 auto;}
#footer p{padding: 50px 0 0 0; font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#fff;}
#footer p a{font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#fff; text-decoration:none; padding: 0 5px }
#footer p a:hover{text-decoration:none; background:#fff; color:#000}