body {
	background-color: black;	
}

.clearall{
clear:both;
}

h1{
font-size: 12px;
color: white;
}

#credit{
position: absolute;
right:70px;
bottom:30px;
font-size: 8px:
font-family:  Palatino Linotype, Book Antiqua, Palatino;
}

#credit a:link, #credit a:visited{

text-decoration: none;
color:#222222;

}

.mainText {
text-align: left;
width: 300px;
height:200px;
float: right;
color: #ffffcc;
font-family: Palatino Linotype, Book Antiqua, Palatino;
font-size: 10px;
padding-right: 25px;
clear: right;
}

.titles{
text-align: left;
color: #ffcc99;
font-family: Palatino Linotype, Book Antiqua, Palatino;
font-size: 14px;
height:225px;
}

.bioText{
font-family:  Palatino Linotype, Book Antiqua, Palatino;
color: #ffffcc;
font-size: 14px;
}

.bioText a:link, .bioText a:visited{
text-decoration: none;
color: red;
}

img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}

#outerContainer{
	position:absolute;
	margin-left:50%;
	margin-top: -20px;
	text-align: left;
	width: 1px;
	z-index: 10;
	clear: both;
}


#mainContainer{
	top:147px;
	position:absolute;
	left:-285px;
	text-align: center;
	width: 600px;
	z-index: 1;
	clear: both;
}

#banner {
left:-350px;
text-align: center;
position: absolute;
width: 900px;
height:135px;
background-image: url(images/header.png);
background-repeat: no-repeat;
margin-top: 16px;
z-index: 2;
}


#footer{
position: absolute;
bottom: -210px;
width: 900px;
height:25px;
left:-150px;
margin-top: 100px;
}

#footer2{
position: absolute;
bottom: -210px;
width: 900px;
height:25px;
left:-150px;
margin-top: 100px;
}

#footer3{
position: absolute;
bottom: -210px;
width: 900px;
height:25px;
left:-150px;
margin-top: 100px;
}


#bottomLeft{
bottom: 0px;
position: absolute;
left:0px;
border: 0px;
margin: 0px;
padding: 0px;
clear: both;
}
#bottomLeft2{
position: absolute;
left:149px;
border: 0px;
margin: 0px;
padding: 0px;
bottom: 0px;
clear: both;
}
#bottomMid{
position: absolute;
right:206px;
border: 0px;
margin: 0px;
padding: 0px;
bottom: 0px;
clear: both;
}

#bottomRight{
position: absolute;
right:30px;
border: 0px;
margin: 0px;
padding: 0px;
bottom: 0px;
clear: both;
}

#bottomRight2{
position: absolute;
right:30px;
border: 0px;
margin: 0px;
padding: 0px;
bottom:270px;
clear: both;
}


#leftStretcher{
position: absolute;
left:-150px;
height:100%;
width:150px;
background-image: url(images/expander_left.png);

}

#rightStretcher{
position: absolute;
right:-130px;
height:100%;
width: 150px;
background-image: url(images/expander_right.png);

}


#LEFTnavigation{
position: absolute;
left:-220px;
height:100%;
width: 150px;
top:0px;
z-index: 100;
}


ul#LEFTnavi  {
 list-style: none;
 padding: 0px;
 margin: 0px;
}



ul#LEFTnavi a:link, ul#LEFTnavi a:visited {
	display: block;
	width: 170px;
	height: 45px;
	line-height: 45px;
	text-decoration: none;
	text-align: center;
	background-image: url(images/buttons/allbuttons.png);
	background-position:0px 0px;
	background-repeat:  no-repeat;
}

ul#LEFTnavi a:hover, ul#LEFTnavi a:active {
	width:170px;
	height: 45px;
	line-height: 45px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-image: url(images/buttons/allbuttons.png);
	background-position:-170px 0px;
	background-repeat:  no-repeat;
	
}

ul#LEFTnavi2 {
 list-style: none;
 padding: 0px;
  margin: 0px;
}

ul#LEFTnavi2 a:link, ul#LEFTnavi2 a:visited {
	display: block;
	width: 170px;
	height: 45px;
	line-height: 45px;
	text-decoration: none;
	text-align: center;
	background-image: url(images/buttons/allbuttons.png);
	background-position:0px -45px;
	background-repeat:  no-repeat;
}

ul#LEFTnavi2 a:hover, ul#LEFTnavi2 a:active{
	width: 170px;
	height: 45px;
	line-height: 45px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-image: url(images/buttons/allbuttons.png);
	background-position:-170px -45px;
	background-repeat:  no-repeat;
	
}

ul#LEFTnavi3 {
 list-style: none;
 padding: 0px;
  margin: 0px;
}

ul#LEFTnavi3 a:link, ul#LEFTnavi3 a:visited {
	display: block;
	width: 170px;
	height: 45px;
	line-height: 45px;
	text-decoration: none;
	text-align: center;
	background-image: url(images/buttons/allbuttons.png);
	background-position:0px -90px;
	background-repeat:  no-repeat;
}

ul#LEFTnavi3 a:hover, ul#LEFTnavi3 a:active{
	width: 170px;
	height: 45px;
	line-height: 45px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-image: url(images/buttons/allbuttons.png);
	background-position:-170px -90px;
	background-repeat:  no-repeat;	
}


ul#LEFTnavi4 {
 list-style: none;
 padding: 0px;
  margin: 0px;
}

ul#LEFTnavi4 a:link, ul#LEFTnavi4 a:visited {
	display: block;
	width: 170px;
	height: 45px;
	line-height: 45px;
	text-decoration: none;
	text-align: center;
	background-image: url(images/buttons/allbuttons.png);
	background-position:0px -140px;
	background-repeat:  no-repeat;
}

ul#LEFTnavi4 a:hover, ul#LEFTnavi4 a:active{
	width: 170px;
	height: 45px;
	line-height: 45px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-image: url(images/buttons/allbuttons.png);
	background-position:-170px -140px;
	background-repeat:  no-repeat;
	
}


ul#LEFTnavi5 {
 list-style: none;
 padding: 0px;
  margin: 0px;
}
ul#LEFTnavi5 a:link, ul#LEFTnavi5 a:visited {
	display: block;
	width: 170px;
	height: 45px;
	line-height: 45px;
	text-decoration: none;
	text-align: center;
	background-image: url(images/buttons/allbuttons.png);
	background-position:0px -190px;
	background-repeat:  no-repeat;
}

ul#LEFTnavi5 a:hover, ul#LEFTnavi5 a:active{
	width: 170px;
	height: 45px;
	line-height: 45px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-image: url(images/buttons/allbuttons.png);
	background-position:-170px -190px;
	background-repeat:  no-repeat;
	
}


ul#LEFTnavi6 {
 list-style: none;
 padding: 0px;
  margin: 0px;
}
ul#LEFTnavi6 a:link, ul#LEFTnavi6 a:visited {
	display: block;
	width: 170px;
	height: 45px;
	line-height: 45px;
	text-decoration: none;
	text-align: center;
	background-image: url(images/buttons/allbuttons.png);
	background-position:0px -235px;
	background-repeat:  no-repeat;
}

ul#LEFTnavi6 a:hover, ul#LEFTnavi6 a:active{
	width: 170px;
	height: 45px;
	line-height: 45px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-image: url(images/buttons/allbuttons.png);
	background-position:-170px -235px;
	background-repeat:  no-repeat;
	
}


#RIGHTnavi{
position: absolute;
right:-180px;
height:100%;
width: 200px;
z-index: 100;
top:25px;
background-image: url(images/scroll.png);
background-repeat: no-repeat;
}


#RIGHTnavi ul {
 list-style: none;
 padding: 0;
  margin-top:  40px;
}

#RIGHTnavi li{
 border-bottom: 1px solid #ED9F9F;
  display: inline; 
}

#RIGHTnavi li a:link, #RIGHTnavi li a:visited {
  display: block; 
 font-size: 10px;
 display: block;
 padding: 0.4em 0 0.4em 0.5em;
 color: black;
 text-decoration: none;
}



#RIGHTnavi ul a:hover {
 background-image: none;
  background-image: url("black50.png");
 color: #FFFFFF;
}

#itemContainer{
height:100%px;
width: 600px;
border-bottom: solid;
border-bottom-width: 2px;
border-bottom-color:black;
margin-bottom: 10px;
}


.bodyPics{
width:180px;
height: 180px;
float:left;
clear: left;
z-index: 10;
padding:10px;
}

.picFrame{
position: absolute;
width:200px;
float:left;
clear: left;
z-index: 20;
}

#panoContainer{
height: 450px;
width: 600px;
margin-bottom: 0px;
}

#homeImage{
position: relative;
width:600px;
height: 450px;
margin-top: -100px;
margin-bottom: -50px;
background-image: url(images/homePic.jpg);
z-index: 0;
}

#bioContainer{
width:500px;
height: 430px;
margin-left: 50px;
margin-right: 50px;
}

#bioPic{
float:left;
clear: left;
width:600px:
padding: 20px;
}

#flashContainer{
position: absolute;
left:-522px;
top:2px;
}

#galleryContainer{
width: 400px;
height: 440px;
top: 0px;
}

 #jgal {
   z-index: 0;
  list-style: none;
  position: absolute;
  top:0px;
  padding-bottom: 10px;
  left:-10px;
  width: 200px;
  padding-left: 15px;
  padding-top: 0px;
  }
  
 /* OOOOOLD
   #jgal li { 
   opacity: .5;  
   z-index: 0;
   display: block; 
   width: 15px; 
   height: 15px; 
   background-position: 50% 50%; 
   cursor: pointer; 
   border: 3px solid black; 
   outline: 1px solid #ddd; 
   margin-right: 14px; 
   margin-bottom: 14px;
   float: left; 
   top: -200px;
   
  }*/
  
  #jgal li { 
  opacity: .5; 
  float: left; 
  display: block; 
  width: 40px; 
  height: 40px; 
  background-position: 50% 50%; 
  cursor: pointer; 
  border: 1px solid #fff; 
  outline: 1px solid #ddd; 
  margin-right: 14px; 
  margin-bottom: 14px;
	}
      
   #galCenterer{
   width: 200px;
   left: 600px;
   background-color: red;
   
   }
   
   #jgal li img {
   z-index: 0;
   position: absolute; 
   border: 3px solid black; 
   top:0px; 
   left:100%;
   display: none; 
   }
   
#gallery{
    background-color: red;
    position: absolute;
}
   
   
   #jgal li.active img { 
   display: block; }
   
   #jgal li.active, #jgal li:hover { 
   outline-color: #bbb; 
   opacity: .99 ;  /* safari bug */ 
   
   }


 /* styling without javascript */
 #gallery { list-style: none; display: block; }
 
 
 
 #gallery li { float: left; margin: 0 10px 10px 0; }
 
 #galleryNavi{
 position: absolute;
 background-color: black;
 color: white;
 font-size: 18px;
 top:385px;
 text-decoration: none;
 width: 600px;
 }
 
 #galleryNavi li 
{
display: inline;
list-style-type: none;
padding-right: 40px;
font-size: 16px;
}



#galleryNavi li a:link, #galleryNavi li a:visited{
font-family:  Palatino Linotype, Book Antiqua, Palatino;
text-decoration: none;
color: white;
}
 #galleryNavi2{
 position: absolute;
 background-color: black;
 color: white;
 font-size: 18px;
 text-decoration: none;
 width: 600px;
 bottom: -10px;
 text-align: left;
 left:250px;
 }
 
 #galleryNavi2 li 
{
display: inline;
list-style-type: none;
padding-right: 40px;
font-size: 16px;
}



#galleryNavi2 li a:link, #galleryNavi2 li a:visited{
font-family:  Palatino Linotype, Book Antiqua, Palatino;
text-decoration: none;
color: white;
}

 #galleryMainNavi{
 position: absolute;
 left: 175px;
 top:100px;
 font-family: Palatino Linotype, Book Antiqua, Palatino;
 }

#galleryMainNavi li a:link, #galleryMainNavi li a:visited{
text-decoration: none;
color: #996600;
text-align: left;
font-size: 25px;
}

#galleryMainNavi li a:active,#galleryMainNavi li a:hover
{
color: #993300;
}