/*******************************************************/
/*                  GLOBAL STYLES
********************************************************/

/* GLOBAL RESET
********************************************************/
* { margin: 0; padding: 0; }
img, fieldset, abbr, acronym { border: 0; }
.hidden { display: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { color: #ffffff; }
a:visited { color: #ffffff; }
a:hover { color: #999999; }

/* BODY
********************************************************/
body {
  behavior:url("/csshover2.htc");
  background-color: #111111;
  width: 750px;
  padding: 30px;
  font: small Georgia, serif;
  color: #ffffff;
}

/* NAVIGATION CONTAINER
********************************************************/
div#infoNavigationPanel {
  float: left;
  border-right: 1px solid #333333;
  width: 152px;
}

div#infoNavigationPanel img#mainLogo {
  margin-bottom: 60px;
}

div#infoNavigationPanel ul {
  list-style: none;
  font-size: 185%;
}

div#infoNavigationPanel ul li {
  float: left;
  clear: left;
}

div#infoNavigationPanel a {
  text-indent: -9999em;
  float: left;
  width: 152px;
  text-align: left;
  text-decoration: none;
}

div#infoNavigationPanel li a#painting {
    background: url(../media/backgrounds/paintings_btn2.gif) top right no-repeat;
}

div#infoNavigationPanel li a#drawing {
    background: url(../media/backgrounds/drawings_btn2.gif) top right no-repeat;
}

div#infoNavigationPanel li a#theater {
    background: url(../media/backgrounds/theater_btn.gif) top right no-repeat;
}

div#infoNavigationPanel li a#comission {
    background: url(../media/backgrounds/comission_btn.gif) top right no-repeat;
}

div#infoNavigationPanel li a#collage {
    background: url(../media/backgrounds/collage_btn.gif) top right no-repeat;
}

div#infoNavigationPanel li a#etch {
    background: url(../media/backgrounds/etch_btn.gif) top right no-repeat;
}

div#infoNavigationPanel li a#events {
    background: url(../media/backgrounds/events_btn.gif) top right no-repeat;
}

div#infoNavigationPanel li a#skygarden {
    background: url(../media/backgrounds/skygarden_btn.gif) top right no-repeat;
}

div#infoNavigationPanel ul#mainNavigation li a:hover {
  background-position: -152px 0px;
}

div#infoNavigationPanel ul#mainNavigation li.selected a {
  background-position: top left;
}

/* MAIN CONTAINER
********************************************************/
div#galleryViewer{
  float: left;
  width: 555px;
  margin: 18px 0 0 18px;
}

div#galleryCaption {
  float: left;
  padding: 10px;
  background-color: #333333;
}

div#galleryCaption h2 {
  text-transform: uppercase;
  font-size: 200%;
  font-weight: 300;
}

div#galleryCaption h3 {
  font-size: 85%;
  font-weight: 300;
}

/* THUMBNAILS
********************************************************/

div#thumbnails, div#leftColumn {
  float: left;
  margin-top: 180px;
}

img#bioPic {
  float: left;
  margin: 10px;
}

div#thumbs span {
  margin: 0 0 0 2px;
  font-size: 85%;
  font-family: arial, sans;
  cursor: pointer;
  color: #999999;
  text-decoration: underline;
}

div#thumbs span#pageLink, div#thumbs span:hover {
  text-decoration: none;
  color: #cc9966;
}

div#thumbnails span.jFlowControl:hover {
  color: #100010;
  cursor: pointer;
}

div#thumbs {
  margin-left: 18px;
  float: left;
  width: 555px;
  height: 100px;
  border-bottom: 1px solid #333333;
}

div#thumbs ul {
  width: 555px;
  list-style: none;
  float: left;
}

div#thumbs ul li {
  margin-right: 19px;
  float: left;
}

div#thumbsController {
  color: #999999;
  float: right;
}

div#footer {
   color: #999999;
   float: left;
   margin: 20px 0px 0px 0px;
   padding: 0px 0px 30px 0px;
   text-align: right; 
   width: 725px;
   font-size: 85%;
   clear:left;
}