#lightbox{	position: absolute; 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: #000; 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 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #000; 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: #111; }

a:focus { outline-style:none;}


A.type1:link    {color:#ffffff; text-decoration: none;}
A.type1:visited {color:#ffffff; text-decoration: none;}
A.type1:active  {color:#ffffff; text-decoration: none;}
A.type1:hover   {color:#888888; text-decoration: none;}
A.type2:link    {color:#888888; text-decoration: none;}
A.type2:visited {color:#888888; text-decoration: none;}
A.type2:active  {color:#888888; text-decoration: none;}
A.type2:hover   {color:#ffffff; text-decoration: none;}
A.type3:link    {color:#ffcc99; text-decoration: none;}
A.type3:visited {color:#ffcc99; text-decoration: none;}
A.type3:active  {color:#ffcc99; text-decoration: none;}
A.type3:hover   {color:#ffffff; text-decoration: none;}
body {    
        background: url(imgs/poster.png) top center #333333 no-repeat;
        margin: 0px 1px 0px 0px;     
        padding: 0px 0px 0px 0px; 
        }
html {
        overflow: -moz-scrollbars-vertical;
        overflow-y: scroll;
        }
#container {
        overflow: hidden;
        margin-bottom: 0px;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto; 
        width: 750px;
        height: 100%;
        padding: 0px 0px 0px 0px;  
        text-align: left;
        font: 8pt arial;
        } 
#gallerycontainer {
        display: block;
        background: url(imgs/mainbg.png);
        overflow: hidden;
        margin-bottom: 0px;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto; 
        width: 750px;
        height: 100%;
        padding: 0px 0px 0px 0px;  
        text-align: left;
        font: 8pt verdana;
        } 
#picturecontainer {
        display: block;
        background: url(imgs/mainbg.png);
        overflow: hidden;
        margin-bottom: 0px;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto; 
        width: 750px;
        height: 100%;
        padding: 0px 0px 0px 0px;  
        text-align: left;
        font: 8pt verdana;
        } 
#musiccontainer {
        display: block;
        background: url(imgs/mainbg.png);
        overflow: hidden;
        margin-bottom: 0px;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto; 
        width: 750px;
        height: 100%;
        padding: 0px 0px 0px 0px;  
        text-align: left;
        font: 8pt verdana;
        color: #777777;
        } 
#aboutcontainer {
        display: block;
        background: url(imgs/mainbg.png);
        overflow: hidden;
        margin-bottom: 0px;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto; 
        width: 750px;
        height: 100%;
        padding: 0px 0px 0px 0px;  
        text-align: left;
        font: 8pt verdana;
        color: #777777;
        } 
#about2container {
        display: block;
        background: url(imgs/mainbg.png);
        overflow: hidden;
        margin-bottom: 0px;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto; 
        width: 750px;
        height: 100%;
        padding: 0px 0px 0px 0px;  
        text-align: left;
        font: 8pt verdana;
        color: #777777;
        } 



#header {
        background: url(imgs/headerbg.png);
        overflow: hidden; 
        width: 100%;
        height: 0px;
 	padding: 0px 0px 0px 0px;  
        margin: 0px 0px 0px 0px;           
        text-align: center;
        } 
#header2 {

	padding: 0px 0px 0px 0px;  
        margin-left: auto;
        margin-right: auto;
        width: auto;
        height: auto;
        font: 12pt verdana; 
        font-weight: bold;
        text-align: center; 
        } 
#galbar {
        background: url(imgs/galbar.png);
	padding: 0px 0px 0px 0px;  
	margin: 0px 0px 0px 0px;  
        width: auto;
        height: 35px;
        font: 12pt verdana; 

  	}
#navl {          
        display: inline;
        width:auto;
        height: auto; 
        border: 0px; 
        font: 7.5pt arial; 
        text-align: left;
        margin: 0px 0px 0px 0px;
        padding: 15px 5px 0px 0px;
        float: left;
        color: #ffcc99;
        }
#navr {          
        display: inline;
        width:auto;
        height: auto; 
        border: 0px; 
        font: 7.5pt arial; 
        text-align: right;
        margin: 0px 0px 0px 0px;
        padding: 15px 5px 0px 0px;
        float: right;
        color: #ffcc99;
        }
#navtest {          
        display: inline;
        overflow: hidden;
        width: 100%;
        height: auto; 
        border: 0px; 
        font: 7.5pt arial; 
        text-align: right;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        float: right;
        color: #ffcc99;
        }
#navtest2 {          

        overflow: visible;
        width: 100%;
        height: auto; 
        border: 0px; 
        font: 7.5pt verdana; 
        text-align: right;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        float: right;
        color: #ffcc99;
        }
img {
    border-style: none;
}
img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}
img.floatRightClear { 
    float: right; 
    clear: right; 
    margin-right: 10px; 
    margin-bottom: 10px; 
    margin-left: 10px; 
    margin-top: 3px; 
}
img.floatLeftClear { 
    float: left; 
    clear: left; 
    margin-right: 10px; 
    margin-bottom: 10px; 
    margin-left: 0px; 
    margin-top: 10px; 
}
.floatLeft { 
    float: left; 
    margin: 4px; 
}
.floatRight { 
    float: right; 
    margin: 4px; 
}
.floatRightClear { 
    float: right; 
    clear: right; 
    margin-right: 10px; 
    margin-bottom: 10px; 
    margin-left: 10px; 
    margin-top: 3px; 
}
.floatLeftClear { 
    float: left; 
    clear: left; 
    margin-right: 10px; 
    margin-bottom: 10px; 
    margin-left: 0px; 
    margin-top: 10px; 
}
#gal1 {
        padding: 3px 3px 0px 3px;  
        margin-bottom: 0px;
        margin-left: auto;
        margin-right: auto; 
        width: 740px;
        height: auto;
        font: 6pt verdana; 
        text-align: left; 
        color: #bbb;
 	}
#gal2 {
        padding: 3px 3px 0px 3px;  
        margin-left: auto;
        margin-right: auto; 
        width: 740px;
        height: auto;
        font: 6pt verdana; 
        text-align: left; 
        color: #bbb;
 	}
#gal3 {
        padding: 3px 3px 0px 3px;  
        margin-left: auto;
        margin-right: auto; 
        width: 740px;
        height: auto;
        font: 6pt verdana; 
        text-align: left; 
        color: #bbb;
 	}
#gal4 {
        padding: 3px 3px 0px 3px;  
        margin-left: auto;
        margin-right: auto; 
        width: 740px;
        height: auto;
        font: 6pt verdana; 
        text-align: left; 
        color: #bbb;
 	}
#gal5 {
        padding: 3px 3px 0px 3px;  
        margin-left: auto;
        margin-right: auto; 
        width: 740px;
        height: auto;
        font: 6pt verdana; 
        text-align: left; 
        color: #bbb;
 	}


#discog1 {
        display: block;
        overflow: hidden;
        background: url(imgs/galbar3.png) no-repeat;
        padding: 3px 0px 4px 10px; 
        margin-bottom: 10px;
        margin-top: 3px;
        margin-left: 0px;
        margin-right: 0px; 
        width: 750px;
        height: auto;
        font: 7pt verdana; 
        text-align: center; 
        color: #999999;
 	}
#discog2 {
        display: block;
        overflow: hidden;
        background: url(imgs/galbar3.png) no-repeat;
        padding: 3px 0px 4px 10px; 
        margin-top: 3px;
        margin-left: 0px;
        margin-right: 0px; 
        width: 750px;
        height: auto;
        font: 7pt verdana; 
        text-align: center; 
        color: #999999;
 	}
#music1 {
        padding: 0px 0px 0px 0px;
        margin-left: 0px;
        margin-right: 0px; 
        width: 750px;
        height: auto;
        font: 8pt verdana; 
        text-align: left; 
        color: #999999;
 	}
#music2 {
        padding: 0px 0px 0px 0px;
        float: left;
        margin-left: 0px;
        margin-right: 0px; 
        width: 750px;
        height: auto;
        font: 8pt verdana; 
        text-align: left; 
        color: #aaaaaa;
 	}


.discography {
        padding: 3px 0px 0px 0px;
        margin-left: 0px;
        margin-right: 0px; 
        width: auto;
        height: auto;
        font: 8pt verdana; 
        text-align: left; 
        color: #dddddd;
 	}
#spacerdiv {
        background: #333;
	padding: 0px 0px 0px 0px;  
        margin: 0px 3px 0px 3px;
        width: auto;
        height: 3px;
        font: 12pt verdana; 
        font-weight: bold;
        text-align: center; 
 	}
#footercontainer {
        background: url(imgs/footerbg.png);
        font: 7pt verdana; 
	padding: 0px 0px 0px 0px;  
        margin-left: auto;
        margin-right: auto;
        width: 750px;
        height: 0px;
	text-align: center;
        color: #bbbbbb;
        }
#footer {
        background: url(imgs/galbar2.png);
	padding: 1px 0px 2px 0px;  
        margin-left: auto;
        margin-right: auto;
        width: 750px;
        height: auto;
        color: #444444;
        font: 7pt verdana; 
        text-align: center; 
  	}
#dtmpics {
        display: block;
        overflow: hidden;
        background: url(imgs/galbar4.png) no-repeat;
        padding: 3px 0px 4px 10px; 
        margin-bottom: 10px;
        margin-top: 3px;
        margin-left: 0px;
        margin-right: 0px; 
        width: 750px;
        height: auto;
        font: 7pt verdana; 
        text-align: center; 
        color: #999999;
 	}
#mantonpics {
        display: block;
        overflow: hidden;
        background: url(imgs/galbar4.png) no-repeat;
        padding: 3px 0px 4px 10px; 
        margin-bottom: 10px;
        margin-top: 3px;
        margin-left: 0px;
        margin-right: 0px; 
        width: 750px;
        height: auto;
        font: 7pt verdana; 
        text-align: center; 
        color: #999999;
 	}
#ocea {
        display: block;
        overflow: hidden;
        background: url(imgs/galbar4.png) no-repeat;
        padding: 4px 3px 1px 18px; 
        margin-top: 3px;
        margin-left: 0px;
        margin-right: 0px; 
        width: 750px;
        height: auto;
        font: 7pt verdana; 
        text-align: left; 
        color: #999999;
 	}
#ebm5 {
        display: block;
        overflow: hidden;
        background: url(imgs/galbar4.png) no-repeat;
        padding: 4px 3px 1px 18px; 
        margin-top: 3px;
        margin-left: 0px;
        margin-right: 0px; 
        width: 750px;
        height: auto;
        font: 7pt verdana; 
        text-align: left; 
        color: #999999;
 	}
#s500 {
        display: block;
        overflow: hidden;
        background: url(imgs/galbar4.png) no-repeat;
        padding: 4px 3px 1px 18px; 
        margin-top: 3px;
        margin-left: 0px;
        margin-right: 0px; 
        width: 750px;
        height: auto;
        font: 7pt verdana; 
        text-align: left; 
        color: #999999;
 	}
#g310 {
        display: block;
        overflow: hidden;
        background: url(imgs/galbar4.png) no-repeat;
        padding: 4px 3px 1px 18px; 
        margin-top: 3px;
        margin-left: 0px;
        margin-right: 0px; 
        width: 750px;
        height: auto;
        font: 7pt verdana; 
        text-align: left; 
        color: #999999;
 	}
#k422 {
        display: block;
        overflow: hidden;
        background: url(imgs/galbar4.png) no-repeat;
        padding: 4px 3px 1px 18px; 
        margin-top: 3px;
        margin-left: 0px;
        margin-right: 0px; 
        width: 750px;
        height: auto;
        font: 7pt verdana; 
        text-align: left; 
        color: #999999;
 	}
#sqmt {
        display: block;
        overflow: hidden;
        background: url(imgs/galbar4.png) no-repeat;
        padding: 4px 3px 1px 18px; 
        margin-top: 3px;
        margin-left: 0px;
        margin-right: 0px; 
        width: 750px;
        height: auto;
        font: 7pt verdana; 
        text-align: left; 
        color: #999999;
 	}
#jssh {
        display: block;
        overflow: hidden;
        background: url(imgs/galbar4.png) no-repeat;
        padding: 4px 3px 1px 18px; 
        margin-top: 3px;
        margin-left: 0px;
        margin-right: 0px; 
        width: 750px;
        height: auto;
        font: 7pt verdana; 
        text-align: left; 
        color: #999999;
 	}
#pps2 {
        display: block;
        overflow: hidden;
        background: url(imgs/galbar4.png) no-repeat;
        padding: 4px 3px 1px 18px; 
        margin-top: 3px;
        margin-left: 0px;
        margin-right: 0px; 
        width: 750px;
        height: auto;
        font: 7pt verdana; 
        text-align: left; 
        color: #999999;
 	}
#gkrb {
        display: block;
        overflow: hidden;
        background: url(imgs/galbar4.png) no-repeat;
        padding: 4px 3px 1px 18px; 
        margin-top: 3px;
        margin-left: 0px;
        margin-right: 0px; 
        width: 750px;
        height: auto;
        font: 7pt verdana; 
        text-align: left; 
        color: #999999;
 	}
#exp6 {
        display: block;
        overflow: hidden;
        background: url(imgs/galbar4.png) no-repeat;
        padding: 4px 3px 1px 18px; 
        margin-top: 3px;
        margin-left: 0px;
        margin-right: 0px; 
        width: 750px;
        height: auto;
        font: 7pt verdana; 
        text-align: left; 
        color: #999999;
 	}