body {



   margin: 0;



   padding: 0;



   background: #130013;



   text-align: center;



   font-family: tahoma, verdana, sans-serif;



}



#container {



   width: 770px;



   margin: 0 auto;



   text-align: left;



}



#main {



   border: 1px solid #FFC;



}



#title {



   font-family: georgia, geneva, times, serif;



   color: #FFC;



   font-size: 32px;



   text-transform: uppercase;



   margin: 10px 0 0 0;



   letter-spacing: 14px;



}



#nav {



   font-size: 14px;



   font-weight: bold;



   font-family: verdana, sans-serif;



   margin: 0;



}



#nav a {



   color: #FFC;



   text-decoration: none;



   display: block;



   float: left;



   padding: 8px 20px;



}



#nav a:hover {



   color: #B42631;



}



#content {



   clear: both;



   margin: 0;



   height: 519px;



   font-size: 12px;



   background: #FFC;



   width: 100%;



   height: 519px;



}



#acontent {



   clear: both;



   margin: 0;



   height: 519px;



   font-size: 12px;



   background: #130013;



   width: 100%;





   border-top: 1px solid #FFC;







}

#acontent p {



clear: both;



margin: 0px 0px 15px 0px;



}



div.contactInfo{



color: #FFC;

font-size: 14px;







}



div.contactInfo a{



color: #FFC;

}



div.contactInfo a:hover{



color: #FFF;

}







p.content {



color: #FFFFCC;



}





#ocontent {



   clear: both;



   margin: 0;



   font-size: 12px;



   background: #FFC;



   width: 100%;



}



#ocontent1 {



   border: 1px solid #130013;



   border-top: none;



}



#ocontent1 p {



   margin: 0;



   padding: 5px 10px;



}



table, tr, td {



   font-size: 12px;



   font-family: tahoma, verdana, sans-serif;



}



td {



   vertical-align: top;



}



p {



   margin: 0 10px 10px 10px;



}



#content h2 {



   font-family: georgia, times, serif;



   font-size: 20px;



   font-weight: normal;



   margin: 5px 10px;



   padding: 10px 0 0 0;



}



#copy {



   height: 20px;



   width: 765px;



   color: #FFC;



   padding-top: 5px;



   text-align: right;



   font-size: 10px;



   font-family: arial, sans-serif;



}



#folio-list {



   border-top: 1px solid #FFC;



   font-family: verdana, sans-serif;



   color: #FFC;



   font-size: 12px;



   padding-top: 10px;



   height: 140px;



}



#folio-list img {



   width: 100px;



   height: 100px;



   margin-bottom: 3px;



}



#folio {



   height: 560px;



   display: block;



   clear: both;



   border-top: 1px solid #FFC;



   margin-top: 22px;



}



.folio-item {



   cursor: pointer;



   color: #FFC;



}



.folio-item img {



   border: 1px solid #FFC;



}



.folio-item-o {



   cursor: pointer;



   color: #B42631;



}



.folio-item-o img {



   border: 1px solid #B42631;



}



input.contact {



   padding: 2px;



   background: #FFF;



   opacity: .55;



   filter: alpha(opacity=55);



   -moz-opacity: 0.55;



   margin: 0 0 0 15px;



   width: 155px;



}



input:hover.contact, input.contact-o, textarea:hover.tcontact, textarea.tcontact-o {



   padding: 2px;



   background: #FFF;



   opacity: .90;



   filter: alpha(opacity=90);



   -moz-opacity: 0.90;



   margin: 0 0 0 15px;



}



input:hover.contact, input.contact-o {



   width: 155px;



}



textarea:hover.tcontact, textarea.tcontact-o {



   width: 195px;



   font-family: sans-serif;



   font-size: 12px;



}



textarea.tcontact {



   padding: 2px;



   background: #FFF;



   opacity: .55;



   filter: alpha(opacity=55);



   -moz-opacity: 0.55;



   margin: 0 0 0 15px;



   width: 195px;



   font-family: sans-serif;



   font-size: 12px;



}



label {



   color: #FFC;



   clear: both;



   display: block;



   font-size: 12px;



   margin: 5px 0 5px 0;



}













div.bio_full { height: 0px; margin: 0px; padding: 0px; }



/* removed height: 0px from above */



div.bio_full div { position: absolute; display: none; width: 500px; margin: 10px; padding: 20px 35px 30px 30px; margin-left: 123px; background-color: #FFFFCC; border: 2px solid #8A7F71; }



div.bio_full div.on { display: block; }



div.bio_full img{

  border: none;

}









div.bio { margin-top: 35px; padding: 10px;}



div.bio_photo { float: left; width: 115px; margin: 0px; padding: 0px; }





div.bio_photo img { border: 1px solid #FFC;}



div.bio_photo div { position: relative; z-index: 10; height: 180px; margin: 0px; padding: 0px; }



div.bio_photo div img { margin: 10px 0px 0px 0px; }



div.bio_photo div p { font-size: 11px; color: #a0a0a0; text-align: right; width: 100px; margin: 0px; padding: 0px; }



div.bio_photo div.off { background-color: transparent; border-width: 0px; }



div.bio_photo div.off a{

  color: #FFFFCC;

  text-decoration: none;

}



div.bio_photo div.on { background-color: #FFFFCC; border: 2px solid #8A7F71; border-right-width: 0px; }



div.bio_photo div.on a{

  color: #160016;

  text-decoration: none;

}

div.bio_photo div.on img { margin-left: 10px; }



div.bio_photo div.on p { margin-left: 10px; }



div.bio_short_on { float: left; width: 78%; padding: 0px; margin: 0px; color: FFFFCC; }



div.bio_short_on img{

  border: none;

}







div.bio_short_on div { clear: left; display: block; height: 180px; margin: 0px; padding: 0px; }



div.bio_short_off div { clear: left; display: none; height: 180px; margin: 0px; padding: 0px; }