@charset "utf-8";
/* CSS Document */

a:link {color: #a0ff64;}
a:visited {color: #789632;}
a:hover {color: #FFFFFF;}
a:active {color: #78ff00;}

h1 
{
color: #FFFFFF;
font-size: 120%;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

h2 
{
color: #a0ff64;
font-size: 90%;
font-style: italic;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

p 
{
color: #999999;
font-size: 80%;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

table
{
border-style: solid;
border-width: 1px;
border-color: #999999;
background-image: url('/assets/PNG/lightBG.png');
background-repeat: repeat-x;
background-attachment: fixed;
}

body 
{
background-image: url('/assets/PNG/pagebg.png');
background-repeat: repeat-x;
background-attachment: fixed;
}

#main
{
background-image: url('/assets/PNG/lightBG.png');
background-repeat: repeat-x;
background-attachment: fixed;
height: 100%; 
padding: 3px; 
border: 1px solid #999999; 
overflow: auto;
color: #999999;
}

#bio
{
background-image: url('/assets/PNG/lightBG.png');
background-repeat: repeat-x;
background-attachment: fixed;
height: 100%; 
padding: 3px; 
border: 0px solid #999999; 
overflow: auto;
}

#me
{
border: 1px solid #999999;
}

#info
{
background-image: url('/assets/PNG/lightBG.png');
background-repeat: repeat-x;
background-attachment: fixed;
height: 100%; 
padding: 3px; 
border: 1px solid #999999; 
overflow: auto;
}

#home,#about,#art,#reel,#links,#contact { float: left; } 

#home
{
  display: block;
  width: 108px;
  height: 60px;
  background: url('/assets/PNG/home.png') no-repeat 0 0;
  }
#home:hover
{ 
  background-position: 0 -60px;
}
#home span
{
  display: none;
}

#about
{
  display: block;
  width: 93px;
  height: 60px;
  background: url('/assets/PNG/about.png') no-repeat 0 0;
  }
#about:hover
{ 
  background-position: 0 -60px;
}
#about span
{
  display: none;
}

#art
{
  display: block;
  width: 110px;
  height: 60px;
  background: url('/assets/PNG/artwork.png') no-repeat 0 0;
  }
#art:hover
{ 
  background-position: 0 -60px;
}
#art span
{
  display: none;
}

#reel
{
  display: block;
  width: 138px;
  height: 60px;
  background: url('/assets/PNG/demoreel.png') no-repeat 0 0;
  }
#reel:hover
{ 
  background-position: 0 -60px;
}
#reel span
{
  display: none;
}

#links
{
  display: block;
  width: 69px;
  height: 60px;
  background: url('/assets/PNG/links.png') no-repeat 0 0;
  }
#links:hover
{ 
  background-position: 0 -60px;
}
#links span
{
  display: none;
}

#contact
{
  display: block;
  width: 113px;
  height: 60px;
  background: url('/assets/PNG/contact.png') no-repeat 0 0;
  }
#contact:hover
{ 
  background-position: 0 -60px;
}
#contact span
{
  display: none;
}

/* The containing box for the gallery. */

#container {
    position:relative;
    width:900px;
    height:433px;
    margin:20px auto 0 auto;
    border:1px solid #aaa;
    }
	
	/* Removing the list bullets and indentation */
	
#container ul {
    padding:0;
    margin:0;
    list-style-type:none;
    }
	
	/* Remove the images and text from sight */
	
#container a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    }
	
	/* Adding the thumbnail images */
	
#container a.gallery, #container a.gallery:visited {
    display:block;
    color:#000;
    text-decoration:none;
    border:1px solid #000;
    margin:1px 2px 1px 2px;
    text-align:left;
    cursor:default;
    }
	
#container a.slidea {
    background:url(http://na.unebananeatomique.com/assets/images/tatrafrontthumb.jpg);
    height:93px;
    width:60px;
    }
	
#container a.slideb {
    background:url(http://na.unebananeatomique.com/assets/images/tatrabackthumb.jpg);
    height:93px;
    width:60px;
    }
	
#container a.slidec {
    background:url(http://na.unebananeatomique.com/assets/images/bookthumb.jpg);
    height:93px;
    width:60px;
    }
	
#container a.slided {
    background:url(http://na.unebananeatomique.com/assets/images/creature1thumbjpg);
    height:60px;
    width:93px;
    }
	
#container a.slidee {
    background:url(http://na.unebananeatomique.com/assets/images/erikT_scene2thumb.jpg);
    height:60px;
    width:93px;
    }
	
#container a.slidef {
    background:url(http://na.unebananeatomique.com/assets/images/scrapheapA_finalthumb.jpg);
    height:60px;
    width:93px;
    }
	
#container a.slideg {
    background:url(http://na.unebananeatomique.com/assets/images/soldier1thumb.jpg);
    height:60px;
    width:93px;
    }
	
#container a.slideh {
    background:url(http://na.unebananeatomique.com/assets/images/soldierframethumb.jpg);
    height:93px;
    width:60px;
    }
	
	/* set the size of the unordered list to neatly house the thumbnails */
	
#container ul {
    width:198px;
    height:386px;
    }
	
#container li {
    float:left;
    }
	
	/* move the thumbnails into the correct position */
	
#container ul {
    margin:5px;
    float:right;
    }
	
/* change the thumbnail border color */

#container a.gallery:hover {
    border:1px solid #fff;
    }
	
/* styling the :hover span */

#container a.gallery:hover span {
    position:absolute;
    width:433px;
    height:433px;
    top:0px;
    left:0px;
    }
	
#container a.gallery:hover img {
    border:1px solid #fff;
    float:left;
    margin-right:5px;
    }
	
#container a.slideb:hover img, #container a.slidei:hover img {
    float:right;
    }
	
#container {
    background:#fff url(http://na.unebananeatomique.com/assets/images/galleryBG.jpg) 75px 10px no-repeat;
    }