@charset "UTF-8";
/* CSS Global Document */

@import url("reset.css");


/* General */
body { background:#000 url(../images/background.jpg) no-repeat left 191px; min-width:987px; height:973px; margin-top:-20px; }
body a { color:#000; text-decoration:none; }
body a:hover { text-decoration:underline; }
:focus
{
  -moz-outline-style: none;
}

strong { font-weight:bold; }

.show { display:block!important; }
.hide { display:none!important; }

a.button { background:url(../images/background_button_end.jpg) no-repeat scroll top right; display: block;float: left; height: 35px; margin-right: 6px; padding-right: 20px; font-size:18px; color:#fff; }
a.button span { background:url(../images/background_button.jpg) no-repeat; display:block; line-height:23px; padding: 7px 0 5px 18px; } 
a.button:hover { background:url(../images/background_button_end.jpg) no-repeat bottom right; }
a.button:hover span { background:url(../images/background_button.jpg) no-repeat 0px -35px; }

.annoucement { height:209px; position:relative; top:20px; color:#000;  }
.annoucement a { height:281; position:absolute; z-index:999; }


.pageWidth { position:relative; }
.pageWidth .tag { text-indent:-9999px; background:url(../images/roots_rock_reggae.png) no-repeat; width:526px; height:42px; position:absolute; top:196px; left:159px; }
.pageWidth .homeBox { position:absolute; background:url(../images/home_box.jpg) no-repeat; width:775px; height:306px; top:238px; left:73px; text-indent:-9999px; }
.pageWidth .upArrow { position:absolute; background:url(../images/up_arrow.jpg) no-repeat; width:165px; height:139px; top:188px; left:47px; }
.pageWidth .upArrow a { display:block; position:absolute; left:150px; top:50px; width:300px; height:100px; }
.pageWidth .downArrow { position:absolute; background:url(../images/down_arrow.png) no-repeat; width:297px; height:198px; top:207px; left:691px; }

.pageWidth .musicStream { position:absolute; display:block; background:url(../images/listen_now.jpg) no-repeat; width:182px; height:184px; top:102px; left:782px; }

.pageWidth .cds { }
.pageWidth .cds .selftitled { display:block; text-indent:-9999px; position:absolute; background:url(../images/cd_selftitled.png) no-repeat; width:147px; height:151px; top:392px; left:243px; }
.pageWidth .cds .sourgoat { display:block; text-indent:-9999px; position:absolute; background:url(../images/cd_sourgoat.png) no-repeat; width:193px; height:183px; top:360px; left:391px; }
.pageWidth .cds .cheeseteak { display:block; text-indent:-9999px; position:absolute; background:url(../images/cd_cheesteak.png) no-repeat; width:182px; height:184px; top:328px; left:584px; }

.pageWidth .bottomBox { position:relative; background:url(../images/bottom_box.jpg) no-repeat; width:773px; height:453px; top:558px; left:64px; }
.pageWidth .bottomBox .mainNavigation { }
.pageWidth .bottomBox .mainNavigation li { position:absolute; }
.pageWidth .bottomBox .mainNavigation li a { position:absolute; display:block; text-indent:-9999px; }

.pageWidth .bottomBox .mainNavigation li.contact { width:152px; height:61px; left:42px; top:-8px }
.pageWidth .bottomBox .mainNavigation li.contact a { background:url(../images/link_contact.png) no-repeat; width:152px; height:61px; }
.pageWidth .bottomBox h1.contactActive { position:absolute; text-indent:-9999px; background:url(../images/link_contact_active.png) no-repeat; width:172px; height:61px; left:32px; top:1px }

.pageWidth .bottomBox .mainNavigation li.bios { width:98px; height:61px; left:194px; top:-8px }
.pageWidth .bottomBox .mainNavigation li.bios a { background:url(../images/link_bios.png) no-repeat; width:98px; height:61px; }
.pageWidth .bottomBox h1.biosActive { position:absolute; text-indent:-9999px; background:url(../images/link_bios_active.png) no-repeat; width:117px; height:61px; left:182px; top:0px }

.pageWidth .bottomBox .mainNavigation li.videos { width:126px; height:61px; left:292px; top:-8px }
.pageWidth .bottomBox .mainNavigation li.videos a { background:url(../images/link_videos.png) no-repeat; width:126px; height:61px; }
.pageWidth .bottomBox h1.videosActive { position:absolute; text-indent:-9999px; background:url(../images/link_videos_active.png) no-repeat; width:152px; height:61px; left:282px; top:0px }

.pageWidth .bottomBox .mainNavigation li.pics { width:100px; height:61px; left:418px; top:-8px }
.pageWidth .bottomBox .mainNavigation li.pics a { background:url(../images/link_pics.png) no-repeat; width:100px; height:61px; }
.pageWidth .bottomBox h1.picsActive { position:absolute; text-indent:-9999px; background:url(../images/link_pics_active.png) no-repeat; width:137px; height:61px; left:405px; top:1px }

#content .bioPic { position:absolute; top:87px; left:20px; } 
#content .milan { width:204px; height:226px; background:url(../images/bio_pic_milan.png) no-repeat; }
#content .edwin { width:204px; height:226px; background:url(../images/bio_pic_edwin.png) no-repeat; }
#content .dave { width:204px; height:226px; background:url(../images/bio_pic_dave2.png) no-repeat; }

#content .description { position:absolute; width:430px; padding-right:10px; height:210px; overflow:auto; left:250px; top:100px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }
#content .bioNav { position:absolute; left:240px; top:50px; }
#content .bioNav li { float:left; }
#content .bioNav li a { display:block; text-indent:-9999px; }
#content .bioNav li a.milanClosed { background:url(../images/bios_link_milan1.jpg) no-repeat; width:92px; height:42px; }
#content .bioNav li a.milanActive { background:url(../images/bios_link_milan2.jpg) no-repeat; width:92px; height:42px; }
#content .bioNav li a.edwinClosed { background:url(../images/bios_link_edwin1.jpg) no-repeat; width:96px; height:42px; }
#content .bioNav li a.edwinActive { background:url(../images/bios_link_edwin2.jpg) no-repeat; width:96px; height:42px; }
#content .bioNav li a.daveClosed { background:url(../images/bios_link_dave1.jpg) no-repeat; width:81px; height:42px; }
#content .bioNav li a.daveActive { background:url(../images/bios_link_dave2.jpg) no-repeat; width:81px; height:42px; }

#content .videoLinks { font-family:Arial, Helvetica, sans-serif;  position:absolute; left:100px; top:80px; width:430px; height:300px; width:300px; }
#content .videoLinks li { padding:10px; border-bottom:solid 1px #CCC; border-right:solid 1px #ccc; }

#content .videoLinks2 { font-family:Arial, Helvetica, sans-serif;  position:absolute; left:400px; top:80px; width:430px; height:300px; width:250px;}
#content .videoLinks2 li { padding:10px; border-bottom:solid 1px #CCC;  }

.contentCover { position:absolute; background:url(../images/bottom_box_cover.jpg) no-repeat; width:773px; height:453px; top:50px; left:0px;}

.contactInfo { position:absolute; left:70px; top:120px; font-family:Arial, Helvetica, sans-serif; width:270px; line-height:26px; }
.contactInfo a { font-weight:bold; }
.bandInfo { position:absolute; left:385px; top:75px; font-family:Arial, Helvetica, sans-serif; width:275px; font-size:12px; }

.bandInfo { left:380px; top:70px; width:285px; }

.picWrap { position:absolute; left:50px; top:63px; width:646px; height:303px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/gallery.jpg) no-repeat; text-indent:-9999px;}
.picWrap #image1 { float:left; display:block; height:122px; width:147px; }
.picWrap #image2 { float:left; display:block; height:122px; width:112px; }
.picWrap #image3 { float:left; display:block; height:122px; width:168px; }
.picWrap #image4 { float:left; display:block; height:122px; width:125px; }

.picWrap #image5 { float:left; display:block; height:69px; width:147px; }
.picWrap #image6 { float:left; display:block; height:69px; width:112px; }
.picWrap #image7 { float:left; display:block; height:69px; width:168px; }
.picWrap #image8 { float:left; display:block; height:79px; width:147px; position:relative; left:70px; top:-25px; }


.picWrap #image9 { float:left; display:block; height:97px; width:185px; }
.picWrap #image10 { float:left; display:block; height:97px; width:127px; }
.picWrap #image11 { float:left; display:block; height:97px; width:144px; }
.picWrap #image12 { float:left; display:block; height:97px; width:139px; }