body{margin:0; padding:0; background:url(/gfx/tpl/bg_body.jpg) no-repeat top center #009d01}
.clear{clear:both;}
img{border:0}
a{color:#0f4f22}
a:hover{color:#fff}
p{padding:10px 0 0 0; margin:0;}
h3,h3 a{font:bold 13px Arial; text-decoration:none; color:#0f4f22; margin:0; padding:0 0 10px 0}
h3 a:hover{color:#fff}
h2,h2 a{font:bold 15px Arial; text-decoration:none; color:#0f4f22; margin:0; padding:0 0 10px 0}
h2 a:hover{color:#fff}
#fm{position:absolute; display:none; right:-10px; top:0; z-index:200}
body, div{font:12px Helvetica; color:#eaeaea}
#wrapper{margin:auto; width:900px;}
#top{position:relative; height:270px; no-repeat bottom;}

#menu{width:900px;  top:0; z-index:20; height:30px; list-style:none; padding:0; margin:0; background:#20a345}
#menu li{padding:0 8px 0 8px; height:30px; float:left;}
#menu li:hover{background:url(/gfx/tpl/bg_menu_on.png);-moz-border-radius: 5px;-webkit-border-radius: 5px;box-shadow: 2px 2px #000;}
#menu li.cur{background:url(/gfx/tpl/bg_menu_ober.png);-moz-border-radius: 5px;-webkit-border-radius: 5px;box-shadow: 2px 2px #000;}
#content{min-height:600px; position:relative; padding:40px 10px 30px 10px; background:#000; color:#fff}
#cd{position:absolute;  top:120px; width:350px; height:40px; font-weight:bold; right:-90px;}
#cd div.digit{position:relative; float:left; margin-right:10px; text-align:center; line-height:30px; width:50px; height:40px; border:1px solid #0f4f22; background:#20a345;  font-size:24px; color:#000}
#cd div.digit div.sub{position:absolute; left:-1px; top:-1px; color:#0f4f22; line-height:30px; width:50px; height:50px; font-size:24px; }
#header_text{position:absolute; right:0px; top:40px;}
#banner_quiz{position:relative; margin:10px 10px 0 10px;}
#cd div.txt{position:absolute; height:14px; background:#20a345; text-align:center; font-size:10px; line-height:14px; width:50px; bottom:0;}

div#fla{margin:0; padding:0;float:left}
div#vid{margin:0 0 0 10px; padding:0;float:left}
div.half_box{width:360px; float:left; margin-left:20px;margin-top:20px;margin-right: 60px;}
div.box{border:1px solid #242424; padding:20px; margin:0px; background:#060606}
div.half_box_title{border:1px solid #0f4f22; margin:0 10px 20px 10px; padding:10px;background:#060606;  }
div.half_box_title h3{ margin-top:10px;}
div.half_box_ticket{border:1px solid #0f4f22; margin:0 10px 20px 10px; padding:0px;padding-left: 18px;background:#060606;   }
div.half_box_special{border:1px solid #242424; margin:0 10px 20px 10px; padding:10px; background:#060606;height:133px}
div.banners{border:1px solid #0f4f22; margin:0 10px 20px 10px; padding:10px;background:#060606;}
.title_h{margin-left: 10px;}

.p300{position:relative; width:300px; height:300px;background:#242424;padding:5px; margin-right:10px;border:1px solid #121212; border-right:#242424; border-bottom:#242424;}
.p300_venue{position:relative; width:300px; height:300px;background:#508e03;padding:5px; margin:10px 0 0 10px;border:1px solid #121212; border-right:#242424; border-bottom:#242424;left:10px;}
.p300_label{position:relative; width:410px; height:410px; background:url(/gfx/tpl/label_1.png) no-repeat top center; padding:49px 0 0 110px; margin:10px 0 0 170px;}

.p120{float:left; padding:10px; width:120px; height:120px; margin-right:10px; background:url(/gfx/tpl/bg_120.jpg); text-align: center;}
.p80{float:left; padding:5px; background:#242424;margin: 0 16px 16px 0;}
div.pyt{position:relative; background:#242424; width:120px; height:90px; padding:5px;margin:10px 10px 30px 0; float:left}
div.pola{position:relative; padding:10px; border:1px solid #242424; background:#121212; margin-right:10px; text-align:center; font:bold 12px Arial; color:#090; height:120px; width:120px;}
div.pola:hover{border-color:#333}
div.pola div{height:40px; position:absolute; left:5px; bottom:5px}
div.pola div.bg_trans{background:#000; width:120px; -moz-opacity:.80; filter:alpha(opacity=80); opacity:.80; z-index:10}
div.pola div.artist_name{z-index:50; width:120px;}
div.pola div.artist_name a{font-weight:bold; color:#fff; text-decoration:none; line-height:40px; display:block; text-align:center}
div.pola:hover div.bg_trans{-moz-opacity:1; filter:alpha(opacity:100); opacity:1;}
div.pola:hover div.artist_name a{color:#090} 
span.duration{height:15px; line-height:15px; border:1px solid #FFF; font-size:11px; background:#000; color:#fff; padding:5px; position:absolute; top:20px; left:20px;}

ul.nav{list-style:none; float:left; width:400px; margin:20px 0 20px 0; padding:0}
ul.nav li{font-size:10px; height:20px; line-height:20px; font-weight:bold; text-align:center; min-width:20px; margin-right:3px; float:left}

ul.nav li.ppr, ul.nav li.pne, ul.nav li.pla, ul.nav li.pfi{width:20px; height:20px; background:url(/gfx/tpl/arrows.gif)}
ul.nav li.pne{background-position:60px 0}
ul.nav li.pfi{background-position:40px 0}
ul.nav li.pla{background-position:20px 0px}
ul.nav li.ppr:hover{background-position:0px 20px}
ul.nav li.pne:hover{background-position:60px 20px}
ul.nav li.pfi:hover{background-position:40px 20px}
ul.nav li.pla:hover{background-position:20px 20px}
ul.nav li.pi{display:none}
ul.nav li a{font-size:10px; padding:0 4px 0 4px; display:block; text-decoration:none;}
ul.nav li.pc{background:#0f4f22; color:#fff}
ul.nav li.pc a{color:#fff;}

.left{float:left;width: 430px;}
.right{float:left;width:450px;}
.left_venue{float:left;width: 360px;}
.right_venue{float:left;width:510px; margin-right:10px;} 
div.banner{margin-bottom:20px;}
#footer{position:relative; background:#000; border-top:4px solid #0f4f22; height:80px; }

a.viewmore{background:url(/gfx/button/viewmore.png); background-position:top right;margin-right:20px;margin-top:15px; display:inline-block; width:120px; height:20px; white-space:no-wrap;}
a.viewmore:hover{background-position:0px 21px;}

a.submit_newsletter{background:url(/gfx/button/submit_.png); background-position:top right;margin-right:20px;margin-top:0px; display:inline-block; width:62px; height:16px; white-space:no-wrap;}
a.submit_newsletter:hover{background-position:0px 17px;}

/* FOOTER */
#logos,#footer_logos{width:100%; height:40px; position:relative; margin:auto; background:#000;}

#logos a, #footer_logos a{position:absolute; background-image:url(/gfx/tpl/footer.gif);}
#ilovehouse{width:39px; height:26px; left:20px; top:10px; background-position:0px 0px}
#spinach{width:20px; height:26px; left:65px; top:10px; background-position:-50px 0px}
#istara{width:21px; height:26px; left:90px; top:10px; background-position:-80px 0px}
#naro{width:21px; height:26px; left:120px; top:10px; background-position:-116px 0px}
#microchip{width:22px; height:26px; left:150px; top:10px; background-position:-153px 0px}
#massivevibes{width:24px; height:26px; left:180px; top:10px; background-position:-191px 0px}
#aciddjs{width:24px; height:26px; left:210px; top:10px; background-position:-227px 0px}
#advark{width:72px; height:26px; left:240px; top:10px; background-position:-263px 0px}
#turnonplastic{width:26px; height:26px; left:305px; top:10px; background-position:-338px 0px}
#indika{width:80px; height:26px; left:335px; top:10px; background-position:-372px 0px}
#clubhoppers{width:104px; height:20px; left:395px; top:10px; background-position:-440px 0px}
#future10{width:73px; height:22px; left:505px; top:10px; background-position:-550px 0px}
#adroitz{width:60px; height:18px; left:590px; top:10px; background-position:-638px 0px}
#javabass{width:91px; height:18px; left:650px; top:10px; background-position:-700px 0px}
#mf1945{width:54px; height:18px; left:750px; top:10px; background-position:-811px 0px}
#legend{width:54px; height:26px; left:810px; top:10px; background-position:-70px 59px}

#ic{width:92px; height:39px; top:20px; left:680px; background-position:-881px -30px}
#idbk{width:70px; height:33px; top:20px; left:800px; background-position:-1015px -27px}

#ilovehouse:hover{background-position:0px -26px}
#spinach:hover{background-position:-50px -26px}
#istara:hover{background-position:-80px -26px}
#naro:hover{background-position:-116px -26px}
#microchip:hover{background-position:-153px -26px}
#massivevibes:hover{background-position:-191px -26px}
#aciddjs:hover{background-position:-227px -26px}
#advark:hover{background-position:-263px -26px}
#turnonplastic:hover{background-position:-338px -26px}
#indika:hover{background-position:-372px -27px}
#clubhoppers:hover{background-position:-440px -26px}
#future10:hover{background-position:-550px -26px}
#adroitz:hover{background-position:-638px -26px}
#javabass:hover{background-position:-700px -26px}
#mf1945:hover{background-position:-811px -26px}
#legend:hover{background-position:-70px -134px}
#ic:hover{width:92px; height:39px; background-position:-881px 56px}
#idbk:hover{width:70px; height:33px; background-position:-1015px 59px}

#big_banner{margin:0 0 20px 10px; border:1px solid #666}
.sep{margin-top:20px}

#facebook{position:absolute; top:20px; left:10px;}
#twitter{position:absolute; top:20px; left:52px}

#newsletter{position:absolute; padding:0; margin:0; left:100px; top:10px; width:450px; height:70px}
#newsletter input{float:left; width:100px; padding:0 10px 0 5px; height:15px; background:url(/gfx/tpl/bg_nl_input.gif) no-repeat; border:0; font:10px arial; color:#333}
#newsletter h4{padding:0; margin:0 0 10px 0;}

#bnr{margin:0 0 10px 10px;}
#bnr2{margin:0 0 10px -3px;}
.shared{ margin:0 0 10px 20px;}
#lbl{ position:relative; margin:10px; left:220px; width:600px;}
#lbl h3{padding:0; margin:0 0 10px -200px; text-align:center;}