* { margin: 0px; padding: 0px; }

body { background-color: #1E0101; background-image: url("pics/back_red.jpg"); background-repeat: repeat-x; margin-top: 54px }

#page { width: 960px; height: 606px; margin-left: auto; margin-right: auto; position: relative; }

#logo { width: 250px; height: 100px; float: left; position: relative; left: 20px; z-index: 5 }
#logo img { float: left;}

#navi { width: 560px; height: 25px; position: relative; top: 0; right: 0; float: right; z-index: 5 }
#navi ul { float: right;}
#navi ul li {  display: block; float: left; padding-right: 2px; list-style-type: none}

#front, #orch, #bio, #gigs, #discog, #discogpuns, #pics, #press, #contact, #vid { width: 960px; height: 606px; font-family: lucida grande, arial, sans-serif; font-size: 11px; color: #ccc; position: relative; line-height: 16px; }

h1 { font-size: 18px; font-family: georgia, serif; font-weight: normal;padding-bottom: 4px; color: #fff;}
h2 { font-size: 16px; font-family: georgia, serif; font-weight: normal; padding-bottom: 4px; color: #fff;}

#front { background: url("pics/back_front.jpg") no-repeat 0 25px; }
#fronttext { position: relative; width: 260px; /* background: url(pics/bck50.gif);*/float: right; right: 70px; top: 40px; padding-bottom: 10px }
#fronttext h1, #fronttext h2, #fronttext p, #fronttext li { padding: 0 10px 10px 10px; color: #fff}
.heads { position:relative;right:0px;float:right;width:220px; padding-left: 30px;}
#fronttext h1 { font-size: 33px; line-height: 36px}
#fronttext h2 { font-size:20px; padding-top:25px }
#fronttext p { font-size: 14px; line-height: 22px }
#fronttext ul { font-size: 12px } 
#fronttext ul li { list-style-type:none }
#player { position: relative; top: 12px; right: 10px; float:right; height: 54px; width: 220px; border-left: 1px solid #000;  border-bottom: 1px solid #000000}
#fronttext a:link, #fronttext a:visited { color: #fff; }

#orch { background: url("pics/back_orch.jpg") no-repeat 0 25px; }
#orchtext { position: relative; float: right;top:60px; right: 30px; width: 240px;  }
#orchtext p { padding: 10px; }
#orchtext a:link, #orchtext a:visited { color: #c00;}
#orchtext a:hover { color: #f00}

#bio  { background: url("pics/back_bio.jpg") no-repeat 0 25px; }
#biotext { background: #000; float: right; width:300px; color: #ccc; padding: 10px; margin-top: 130px; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80}
#biotext p { padding-top: 10px}

#gigs  { background: url("pics/back_gigs.jpg") no-repeat 0 25px; }
#gigstext  { position: relative; top: 10px; float: right; right: 10px; width: 300px; height: 580px; overflow: hidden; }
#gigstext h1, #gigstext p { color: #c0c0c0; }
#gigstext a:link, #gigstext a:visited { color:#c00 }
#gigstext a:hover { color: #f00 }

#discogpuns { background: url("pics/back_discog_puns.jpg") no-repeat 0 25px }
#discotext { position: relative; float: right; right: 60px; width: 400px; top: 0px; background: url(pics/bck50.gif); padding: 10px; z-index: 3; padding-top: 10px; }
#discotext p { padding-bottom: 10px}
#discotext a:link, #discotext a:visited { color: #c00}
#discotext a:hover { color: #f00}
#disco .btn { border: 1px}
#discogpuns h1 { color: #C33; margin-bottom:10px }

#discog  { background: url("pics/back_discog.jpg") no-repeat 0 25px }
#discotext { position: relative; float: right; right: 60px; width: 400px; top: 0px; background: url(pics/bck50.gif); padding: 10px; z-index: 3; padding-top: 10px; }
#discotext p { padding-bottom: 10px}
#discotext a:link, #discotext a:visited { color: #c00}
#discotext a:hover { color: #f00}
#disco .btn { border: 1px}
.disconavi { border-bottom: 1px solid #333; padding-bottom:3px !important; margin-bottom: 20px }
.disconavi a:link, .disconavi a:visited { text-decoration:none; margin-right: 20px; color:#888 !important }
.disconavi a.active { font-weight:bold; color:#ccc !important }

#vid  { background: url("pics/back_video.jpg") no-repeat 0 25px; }
#video { position:absolute; right:10px; top:50px; width: 580px; height:564px; overflow:auto}
#video h1 { padding-bottom: 30px; }
 
#pics  { background: url("pics/back_pics.jpg") no-repeat 0 25px; }
#lb { position: absolute; text-align: center; left: 0px; height:606px; padding-top: 80px; width:960px}
#lb img { padding: 5px; margin: 10px; background: #ccc}

#press  { background: url("pics/back_press.jpg") no-repeat 0 25px }
#conpress { position: relative; width: 300px; float: right; right: 20px; top: 20px; }
#conpress p, #contact p { padding-bottom: 10px }
#dlpics { position: absolute; bottom: 20px; right: 20px; float: right; }

#contact  { background: url("pics/back_contact.jpg") no-repeat 0 25px }
#context { position: relative; width: 400px; float: right; top: 100px; padding: 10px; background: url(pics/bck50.gif) #000; padding: 10px; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80 }
#contact a:link, #contact a:visited { color: #ccc}
#contact a:hover { color: #fff}