/*
  Global link styling except where specified otherwise 
*/
a {
  color : #8A6138;
  text-decoration : none;
}

p.smaller a {
  color : #009966;
  text-decoration : none;
}


#wrapper {
  width : 1050px;
  height : autopx;
  background : #222 url() repeat-y; 
  border-top : 1px solid #000033;
  border-right : 1px solid #000033;
  border-left : 1px solid #000033;
  border-bottom : 1px solid #000033;
  margin : 40px 0px 0px 0px;
  padding : 10;
  float : center;
}

#headerwrapper {
  width : 1048px;
  height : 60px;
  background : #222 url() repeat-y; 
  border-top : 1px dotted #555;
  border-right : 1px dotted #555;
  border-left : 1px dotted #555;
  border-bottom : 1px dotted #555;
  margin : 0px 0px 0px 0px;
  padding : 10;
  float : center;

}

#middlewrapper {
  width : 1048px;
  height : 425px;
  background : #000;
  background-image: url(images/mainpic2.png);
background-position: -5px 0px;
  background-repeat: no-repeat;
  border-top : 1px solid #333;
  border-right : 1px solid #333;
  border-left : 1px solid #333;
  border-bottom : 1px solid #333;
  margin : 0px 0px 0px 0px;
  padding-top : 0px;
  padding-left : 0px;
  padding-bottom : 0px;
  padding-right : 0px;
  float : center;

}

#bottomwrapper {
  width : 1050px;
  height : 300px;
  background-image: url();
  background-repeat: no-repeat;
  border-top : 0px solid #555;
  border-right : 0px dotted #555;
  border-left : 0px dotted #555;
  border-bottom : 0px dotted #555;
  margin : 0px 0px 0px 0px;
  padding : 0;
  float : center;
}

#bottomwrapper2 {
  width : 1050px;
  height : 1000px;
  background-image: url(images/mainpic2.png);
  background-repeat: no-repeat;
background-position: 60px -10px;
  border-top : 0px solid #555;
  border-right : 0px dotted #555;
  border-left : 0px dotted #555;
  border-bottom : 0px dotted #555;
  margin : 0px 0px 0px 0px;
  padding : 0;
  float : center;
}

#middlewrappercontent {
  width : 400px;
  height : 10px;
  background : #;
  background-image: url();
  background-repeat: no-repeat;
  border-top : 0px dotted #555;
  border-right : 0px dotted #555;
  border-left : 0px dotted #555;
  border-bottom : 0px dotted #555;
  margin : 20px 90px 0px 0px;
  padding : 0;
  float : right;

}

#tracks {
  font-size : 1.0em;
  line-height : .9em;
  color : #386088;
  font-family : arial, sans-serif;
  text-decoration : none;
  text-align: left; 
  padding-top : 5px;
  padding-left : 40px;
  padding-bottom : 5px;
  padding-right : 0px;
  margin : 0px 0px 0px 0px;
  background : # url() no-repeat; 
}

#middlewrappercontent p.trackname1 {
  font-size : .9em;
  line-height : .9em;
  color : #8A3838;
  font-family : arial, sans-serif;
  text-decoration : none;
  text-align: left; 
  padding-top : 5px;
  padding-left : 40px;
  padding-bottom : 5px;
  padding-right : 0px;
  margin : 0px 0px 0px 0px;
  background : # url() no-repeat; 
}

#middlewrappercontent p.trackname2 {
  font-size : .9em;
  line-height : .9em;
  color : #4A80B5;
  font-family : arial, sans-serif;
  text-decoration : none;
  text-align: left; 
  padding-top : 5px;
  padding-left : 40px;
  padding-bottom : 5px;
  padding-right : 0px;
  margin : 0px 0px 0px 0px;
  background : # url() no-repeat; 
}

#middlewrappercontent p.trackname3 {
  font-size : .9em;
  line-height : .9em;
  color : #B5804A;
  font-family : arial, sans-serif;
  text-decoration : none;
  text-align: left; 
  padding-top : 5px;
  padding-left : 40px;
  padding-bottom : 5px;
  padding-right : 0px;
  margin : 0px 0px 0px 0px;
  background : # url() no-repeat; 
}

#middlewrappercontent p.trackname4 {
  font-size : .9em;
  line-height : .9em;
  color : #8A6138;
  font-family : arial, sans-serif;
  text-decoration : none;
  text-align: left; 
  padding-top : 5px;
  padding-left : 40px;
  padding-bottom : 5px;
  padding-right : 0px;
  margin : 0px 0px 0px 0px;
  background : # url() no-repeat; 
}

#middlewrappercontent p.trackname5 {
  font-size : .9em;
  line-height : .9em;
  color : #C79E75;
  font-family : arial, sans-serif;
  text-decoration : none;
  text-align: left; 
  padding-top : 5px;
  padding-left : 40px;
  padding-bottom : 5px;
  padding-right : 0px;
  margin : 0px 0px 0px 0px;
  background : # url() no-repeat; 
}

#credits {
  font-size : .7em;
  line-height : .9em;
  color : #888888;
  font-family : arial, sans-serif;
  text-decoration : none;
  text-align: left; 
  padding-top : 13px;
  padding-left : 80px;
  padding-bottom : 5px;
  padding-right : 0px;
  margin : 320px 0px 0px 400px;
  background : # url() no-repeat; 
}

#bottomwrappercontentleft {
  width : 349px;
  height : 300px;
  background : #000;
background-image: url(images/quote2.jpg);
background-repeat: no-repeat;
background-position: 0px 90px;
   border-top : 0px dotted #555;
  border-right : 1px solid #333;
  border-left : 1px solid #333;
  border-bottom : 1px solid #333;
  margin : 0px 0px 0px 0px;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  float : left;
}

#bottomwrappercontentleft p.bottom {

  background : #888888;
background-image: url();
background-repeat: no-repeat;
background-position: 0px 0px;
  font-size : .7em;
  line-height : .9em;
  color : #222222;
  font-family : arial, sans-serif;
  text-decoration : none;
  FONT-WEIGHT : BOLD;
  text-align: left; 
   border-top : 1px solid #fff;
  border-right : 1px solid #fff;
  border-left : 1px solid #fff;
  border-bottom : 1px solid #fff;
  margin : 130px 0px 0px 10px;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
padding-bottom: 10px;
  float : left;
/* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;

}

#bottomwrappercontentleft a {
  color : #ffffff;
  text-decoration : none;
}

#bottomwrappercontentmiddle {
  width : 349px;
  height : 300px;
  background : #000;
  background-image: url();
  background-repeat: no-repeat;
  border-top : 0px solid #555;
  border-right : 1px solid #333;
  border-left : 0px dotted #555;
  border-bottom : 1px solid #333;
  margin : 0px 0px 0px 0px;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  float : left;
text-align : center;
}

#bottomwrappercontentright {
  width : 348px;
  height : 300px;
  background : #000;
  background-image: url();
  background-repeat: no-repeat;
  border-top : 0px dotted #555;
  border-right : 1px solid #333;
  border-left : 0px dotted #555;
  border-bottom : 1px solid #333;
  margin : 0px 0px 0px 0px;
  padding-top : 0px;
  padding-left : 0px;
  padding-bottom : 0px;
  padding-right : 0px;
  float : left;
}

/*don't use this for now*/
/*this adds image with opacity */
.quoteimage {
 /* for IE */
  filter:alpha(opacity=30);
  /* CSS3 standard */
  opacity:0.3;

}

.quotepartial {
background-position: 0px 0px;
}

/*this ends image with opacity */

#middlewrapper p {
  font-size : .9em;
  line-height : 1em;
  color : #fff;
  font-family : arial, sans-serif;
  text-decoration : none;
  text-align: justify; 
  padding-top : 0px;
  padding-left : 0px;
  padding-bottom : 5px;
  padding-right : 0px;
  margin : 0px 0px 0px 0px;
  background : # url() no-repeat; 
}

#bottomwrapper h2 {
  font-size : .85em;
  line-height : 1em;
  color : #fff;
  font-family : arial, sans-serif;
  text-decoration : none;
  text-align: center; 
  padding-top : 15px;
  padding-left : 0px;
  padding-bottom : 5px;
  padding-right : 0px;
  margin : 0px 0px 0px 0px;
  background : # url() no-repeat; 
}

#bottomwrapper p {
  font-size : .70em;
  line-height : 1.1em;
  color : #fff;
  font-family : arial, sans-serif;
  text-decoration : none;
  text-align: justify; 
  padding-top : 0px;
  padding-left : 5px;
  padding-bottom : 5px;
  padding-right : 0px;
  margin : 0px 0px 0px 0px;
  background : # url() no-repeat; 
}

#bottomwrapper2 p {
  font-size : .70em;
  line-height : .9em;
  color : #4A80B5;
  font-family : arial, sans-serif;
  text-decoration : none;
  text-align: justify; 
  padding-top : 0px;
  padding-left : 5px;
  padding-bottom : 5px;
  padding-right : 0px;
  margin : 0px 0px 0px 0px;
  background : # url() no-repeat; 
}

#bottomwrapper p.smaller {
  font-size : .6em;
  line-height : 1em;
  color : #fff;
  font-family : arial, sans-serif;
  text-decoration : none;
  text-align: justify; 
  padding-top : 5px;
  padding-left : 5px;
  padding-bottom : 5px;
  padding-right : 5px;
  margin : 0px 0px 0px 0px;
  background : #333;
  background-image: url();
  background-repeat: no-repeat;
  background-position: 0px -200px;
  border : 1px solid #fff;
float : center;
}

#bottomwrapper p.bold {
  font-size : .7em;
  line-height : 1.2em;
  color : #fff;
  font-family : arial, sans-serif;
  text-decoration : none;
  font-weight: bold;
  text-align: justify; 
  padding-top : 0px;
  padding-left : 5px;
  padding-bottom : 0px;
  padding-right : 0px;
  margin : 5px 0px 0px 0px;
  background : # url() no-repeat; 
}

#bottomwrappercontentright p.para1 {
  font-size : .75em;
  line-height : 1em;
  color : #8A3838;
  font-family : arial, sans-serif;
  text-decoration : none;
  text-align: justify; 
  padding-top : 14px;
  padding-left : 5px;
  padding-bottom : 5px;
  padding-right : 5px;
  margin : 0px 0px 0px 0px;
  background : # url() no-repeat; 
}

#bottomwrappercontentright p.para2 {
  font-size : .75em;
  line-height : 1em;
  color : #4A80B5;
  font-family : arial, sans-serif;
  text-decoration : none;
  text-align: justify; 
  padding-top : 0px;
  padding-left : 5px;
  padding-bottom : 5px;
  padding-right : 5px;
  margin : 0px 0px 0px 0px;
  background : # url() no-repeat; 
}

#bottomwrappercontentright p.para3 {
  font-size : .75em;
  line-height : 1em;
  color : #B5804A;
  font-family : arial, sans-serif;
  text-decoration : none;
  text-align: justify; 
  padding-top : 0px;
  padding-left : 5px;
  padding-bottom : 5px;
  padding-right : 5px;
  margin : 0px 0px 0px 0px;
  background : # url() no-repeat; 
}

#bottomwrappercontentright p.para4 {
  font-size : .75em;
  line-height : 1em;
  color : #8A6138;
  font-family : arial, sans-serif;
  text-decoration : none;
  text-align: justify; 
  padding-top : 0px;
  padding-left : 5px;
  padding-bottom : 5px;
  padding-right : 5px;
  margin : 0px 0px 0px 0px;
  background : # url() no-repeat; 
}

h1 {
  font-size : 1.5em;
  line-height : 1.0em;
  color : #fff;
  font-family : arial, sans-serif;
  text-decoration : none;
  text-align: justify; 
  padding-top : 5px;
  padding-left : 0px;
  padding-bottom : 5px;
  padding-right : 0px;
  margin : 0px 0px 0px 0px;
  background : # url() no-repeat; 
}

h2 {
  font-size : 1.2em;
  line-height : .8em;
  color : #386088;
  font-family : arial, sans-serif;
  text-decoration : none;
  text-align: justify; 
  padding-top : 5px;
  padding-left : 0px;
  padding-bottom : 5px;
  padding-right : 0px;
  margin : 0px 0px 0px 0px;
  background : # url() no-repeat; 
}


h2.larger {
  font-size : 1.8em;
  line-height : .8em;
  color : #fff;
  font-family : arial, sans-serif;
  text-decoration : none;
  text-align: right; 
  padding-top : 5px;
  padding-left : 0px;
  padding-bottom : 5px;
  padding-right : 0px;
  margin : 0px 0px 0px 0px;
  background : # url(images/quote.jpg); 
  background-repeat: no-repeat;
  background-position: 0px -100px;
}

p {
  font-size : .8em;
  line-height : 1.1em;
  color : #fff;
  font-family : arial, sans-serif;
  text-decoration : none;
  text-align: justify; 
  padding-top : 5px;
  padding-left : 0px;
  padding-bottom : 5px;
  padding-right : 0px;
  margin : 0px 0px 0px 0px;
  background : # url() no-repeat; 
}

p.copyright {
  font-size : .7em;
  line-height : .7em;
  color : #386088;
  font-family : arial, sans-serif;
  text-decoration : none;
  text-align: center; 
  padding-top : 5px;
  padding-left : 0px;
  padding-bottom : 5px;
  padding-right : 0px;
  margin : 0px 0px 0px 0px;
  background : # url() no-repeat; 
}



/*LIGHTBOX CSS*/


#lightbox{	

position: absolute;	
top: 0;
left: 0; 
width: 100%; 
z-index: 100; 
text-align: center; 
line-height: 0;}


#lightbox img{ width: auto; height: auto;}

#lightbox a img{ border: none; }



#outerImageContainer{ 
position: relative; 
background-color: #fff; 
width: 250px; 
height: 250px; 
margin: 0 auto; 
}


#imageContainer{ padding: 10px; }



#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }


#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }


#imageContainer>#hoverNav{ left: 0;}


#hoverNav a{ outline: none;}



#prevLink, 
#nextLink{ width: 49%; 
height: 100%; 
background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }


#prevLink { left: 0; float: left;}


#nextLink { right: 0; float: right;}


#prevLink:hover, 
#prevLink:visited:hover { 
background: url(images/prevlabel.gif) left 20% no-repeat; 
}


#nextLink:hover, 

#nextLink:visited:hover { 
background: url(images/nextlabel.gif) right 20% no-repeat; 
}



#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif; 
background-color: 
#FFF; 
margin: 0 auto; 
line-height: 1.4em; 
overflow: auto; 
width: 100%; 
}



#imageData{	padding:0 10px; color: #666; }


#imageData 

#imageDetails{ width: 70%; float: left; text-align: left; }
	
#imageData #caption{ font-weight: bold;	}


#imageData 

#numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
			

#imageData 

#bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	
 	


#overlay { 
position: absolute; 
top: 0; 
left: 0; 
z-index: 90; 
width: 100%; 
height: 500px; 
background-color: #000; 
}