body {
   font-family:Arial,Verdana,Helvetica;
   font-size:12px;
   margin:0px;
   background-image:url('images/bodybackground01.gif');
   background-repeat:no-repeat;
   background-position:bottom center;
   background-attachment:scroll;
}

body .landing {
   
}   


img {
   border:0px;
}

a:link {
   color:#666666;
   text-decoration:none;
}
a:visited {
   color:#666666;
   text-decoration:none;
}
a:hover {
   color:#BC3333;
   text-decoration:underline;
}
a:active {
   color:#BC3333;
   text-decoration:underline;
}
a:focus {
   color:#BC3333;
   text-decoration:none;
}

.break {
   clear:both;
   height:0px;
   width:0px;
}
.spacer {
   width:20px;
   height:20px;  
}



/*** LANDING ***/

.landingLogo {
   background-image:url('');
   background-repeat:repeat-x;
   background-position:bottom center;
   width:257px;
   height:116px;
   margin:284px auto 200px auto;
   position:relative;
   padding-left:80px;
   z-index:3;
}

.landingEnterLink {
   position:absolute;
   bottom:60px;
   right:-20px;
   z-index:4;
   font-size:9px;
   color:999999px;
}

.landingFooterBackground1 {
   position:absolute;
   bottom:0px;
   background-image:url('images/landing_footer_background.gif');
   background-repeat:repeat-x;
   background-position:341px 0px;
   height:230px;
   width:100%;
   z-index:1;
}
.landingFooterBackground2 {
   position:absolute;
   bottom:0px;
   left:0px;
   background-image:url('images/landing_footer_left.gif');
   background-repeat:no-repeat;
   background-position:0px 0px;
   height:230px;
   width:341px;
   z-index:2;
}

.landingBirds {
   width:470px;
   height:93px;
   bottom:150px;
   left:50%;
   margin-left:-200px;
   position:absolute;
   z-index:5;
}


.preloadNavigationElements {
   position:absolute;
   bottom:0px;
   left:0px;
   height:1px;
   width:1px;
   z-index:0;
}
.preloadNavigationElements img {
   width:0px;
   height:0px;
}

/*** NAVIGATION ***/

#navigation {
   position:fixed;
   left:2px;
   top:120px;
   z-index:4;
}

#navigation div.navigationElement a {
   background-repeat:no-repeat;
   display:block;
}

#navigation div.home {
   margin-left:30px;  
}
#navigation div.about {
   margin-left:20px;  
}
#navigation div.songs {
   margin-left:40px;  
}
#navigation div.pictures {
   margin-left:0px;  
}
#navigation div.stuff {
   margin-left:50px;  
}
#navigation div.links {
   margin-left:20px;  
}


#navigation div.home a {
   background-image:url('images/navigation_home.gif');
   width:97px;
   height:51px;
}
#navigation div.home a:hover, #navigation div.home a.active  {
   background-image:url('images/navigation_home_hover.gif');
}

#navigation div.about a {
   background-image:url('images/navigation_about.gif');
   width:121px;
   height:44px;
}
#navigation div.about a:hover, #navigation div.about a.active  {
   background-image:url('images/navigation_about_hover.gif');
}

#navigation div.songs a {
   background-image:url('images/navigation_songs.gif');
   width:125px;
   height:49px;
}
#navigation div.songs a:hover, #navigation div.songs a.active  {
   background-image:url('images/navigation_songs_hover.gif');
}

#navigation div.pictures a {
   background-image:url('images/navigation_pictures.gif');
   width:171px;
   height:50px;
}
#navigation div.pictures a:hover, #navigation div.pictures a.active  {
   background-image:url('images/navigation_pictures_hover.gif');
}

#navigation div.stuff a {
   background-image:url('images/navigation_stuff.gif');
   width:114px;
   height:46px;
}
#navigation div.stuff a:hover, #navigation div.stuff a.active  {
   background-image:url('images/navigation_stuff_hover.gif');
}

#navigation div.links a {
   background-image:url('images/navigation_links.gif');
   width:112px;
   height:52px;
}
#navigation div.links a:hover, #navigation div.links a.active  {
   background-image:url('images/navigation_links_hover.gif');
}

/*** CONTENT FRAMEWORK ***/

#contentContainerOuter {
   margin:0px 0px 20px 0px;
   width:100%;
   min-height:300px;
   display:block;
}

#contentContainer {
   margin:120px 200px 0px 200px;
}

#footer {
   position:relative;
   background-image:url('images/content_footer_background.gif');
   background-repeat:repeat-x;
   background-position:bottom center;
   height:280px;
   width:100%;
   z-index:1;
}

.contentFooterBackground2 {
   position:absolute;
   bottom:0px;
   left:0px;
   background-image:url('images/content_footer_left.gif');
   background-repeat:no-repeat;
   background-position:bottom left;
   height:280px;
   width:238px;
   z-index:2;
}
.contentFooterBackground3 {
   position:absolute;
   bottom:0px;
   right:0px;
   background-image:url('images/content_footer_right.gif');
   background-repeat:no-repeat;
   background-position:bottom left;
   height:280px;
   width:344px;
   z-index:2;
}

.contentFooterLastUpdate {
   position:absolute;
   bottom:0px;
   right:0px;
   color:#BCBCBC;
   z-index:3;
   font-size:10px;
   height:20px;
   padding-top:4px;
   margin:2px 10px 2px 0px;
}

.contentFooterContact {
   position:absolute;
   bottom:0px;
   left:0px;
   color:#BCBCBC;
   z-index:3;
   font-size:10px;
   width:200px;
   height:20px;
   margin:2px 10px 2px 10px;
   padding-top:4px;
   background-image:url('images/footer_mail.gif');
   background-repeat:no-repeat;
   background-position:44px 0px;   
}

.contentFrameworkRight {
   position:fixed;
   top:100px;
   right:0px;
   background-image:url('images/content_framework_right.gif');
   background-repeat:no-repeat;
   background-position:top right;
   height:300px;
   width:177px;
   z-index:2;
}


.contentHeaderBackground1 {
   position:absolute;
   top:0px;
   left:0px;
   background-image:url('images/content_header_left_outer.gif');
   background-repeat:no-repeat;
   background-position:top left;
   height:110px;
   width:186px;
   z-index:2;
}
.contentHeaderBackground2 {
   position:absolute;
   top:0px;
   left:200px;
   background-image:url('images/content_header_left_inner.gif');
   background-repeat:no-repeat;
   background-position:top left;
   height:91px;
   width:90px;
   z-index:2;
}
.contentHeaderBackground3 {
   position:absolute;
   top:0px;
   left:50%;
   margin-left:-139px;
   background-image:url('images/content_header_center.gif');
   background-repeat:no-repeat;
   background-position:top left;
   height:90px;
   width:278px;
   z-index:2;
}
.contentHeaderBackground4 {
   position:absolute;
   top:0px;
   right:200px;
   background-image:url('images/content_header_right_inner.gif');
   background-repeat:no-repeat;
   background-position:top left;
   height:79px;
   width:147px;
   z-index:2;
}
.contentHeaderBackground5 {
   position:absolute;
   top:0px;
   right:0px;
   background-image:url('images/content_header_right_outer.gif');
   background-repeat:no-repeat;
   background-position:top left;
   height:101px;
   width:110px;
   z-index:2;
}

/*** CONTENT ***/

#contentContainer h1 {
   margin-top:0px;  
   padding-top:0px;
}

.highlight {
   color:#CC0000;
   font-weight: bold;
   line-height:12px;
}

/*** INDIVIDUAL STYLESHEETS ***/

   .tShirtInfo {
      float:left;
      width:130px;
      margin-right:20px;
   }
   
   .tShirtFront {
      float:left;
      width:220px;
      height:190px;
      margin-right:20px;
      background-image:url('images/tshirtfront.gif');
      background-repeat:no-repeat;
      position:relative;
   }
   .tShirtLabelFront, .tShirtLabelBack {
      float:left;
      width:222px;
      height:10px;
      color:#333333;
      text-align:center;
      margin-top:-2px;
   }
   .tShirtLabelFront {
      margin-right:20px;
   }
   
   .tShirtFront img, .tShirtBack img  {
      position:absolute;
      top:30px;
      left:50%;
   }

   
   .tShirtBack {
      float:left;
      width:220px;
      height:190px;
      background-image:url('images/tshirtback.gif');
      background-repeat:no-repeat;
      position:relative;
   }

.previewShirt {
   margin-top:66px;
   margin-left:132px;
}

.linkCategory {
   color:#ACACAC;
   text-transform:uppercase;
   font-weight:bold;
   font-size:14px;
   padding:12px 0px 6px 0px;
}
.linkDescription {
   float:left;
   text-transform:capitalize;
   font-weight:bold;
   padding-right:5px;
   width:200px;
}
.linkURL {
   float:left;      
   text-transform:lowercase;
}

/*** PICTURES ***/

.pictureGallore {
   margin:20px 60px;  
}

#picturePreviewLayer {
   display:none;
   position:absolute;
   left:20px;
   top:20px;
   padding:20px;
   min-height:480px;
   background-color:#FFFFFF;
   border:1px solid #666666;
   z-index:11;
}

.innerPicturePreview {
   position:relative;
}

.galleryPicturePreview {
   float:left;
   width:650px;
   text-align:center;
}
.previousGalleryPicturePreview {
   float:left;
   margin-top:200px;
   width:150px;
}
.nextGalleryPicturePreview {
   float:right;
   margin-top:200px;
   width:150px;
}
.closePicturePreviewLayer {
   position:absolute;
   right:12px;
   top:12px;
   padding:0px 6px 0px 6px;
   background-color:#EFEFEF;
   border:1px solid #666666;
}

.closePicturePreviewLayer a {
   color:#333333;
   font-size:18px;
   text-decoration:none;
}
.closePicturePreviewLayer a:hover {
   color:#666666;
   text-decoration:underline;
}