/* ================================ */
/* ======= BASIC PROPERTIES ====== */
/* ================================ */

body
{
  background-image: url(img/bg.png);
  background-repeat: repeat-x;
  background-color: #000;
  font-family: Arial, Verdana, sans-serif;
  color: #fff;
}

h1
{
  margin-left: 8px;
  font-size: x-large;
}

a {color: #99ccff;}
a:active {color: #FFFFFF;}
a:visited {color:#cccccc;}

ul
{
  list-style-type: square;
}

#sprite_suit
{
  position: relative;
  left: 456px;
  top: 29px;
}

.nested_list
{
  padding: 0;
  margin-left: 12px
}

/* ================================ */
/* ========= DIV PROPERTIES ====== */
/* ================================ */

#header
{
  width: 760px;
  height: 99px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 48px;
}

#nav
{
  width: 760px;
  height: 32px;
  background-color: #666;
  
  margin-left: auto;
  margin-right: auto;
  vertical-align: middle;
}

#layout
{
  width: 760px;
  background-color: #3d3d3d;
  padding-top: 10px;
  padding-bottom: 12px;
  
  margin-left: auto;
  margin-right: auto;
}

#copyright
{
  width: 760px;
  height: 32px;
  margin-top: 6px;
  margin-left: auto;
  margin-right: auto;
  
  text-align: center;
  vertical-align: bottom;
  color: #999;
}

/* ================================ */
/* ========= NAV PROPERTIES ====== */
/* ================================ */

#nav_table
{
  border: 0;
  width: 344px;
  height: 32px;
  border-spacing: 0px;
  border-collapse: separate;
}

a#bttn_gal
{
  display: block;
  width: 172px;
  height: 32px;
  background-image: url(img/bttn_gallery.png);
  background-position: 0 0;
}

a#bttn_gal:hover
{
  background-position: 0 -32px
}

#bttn_gal_2
{
  display: compact;
  width: 172px;
  height: 32px;
  background-image: url(img/bttn_gallery_2.png);
}

a#bttn_res
{
  display: block;
  width: 172px;
  height: 32px;
  background-image: url(img/bttn_resume.png);
  background-position: 0 0;
}

a#bttn_res:hover
{
  background-position: 0 -32px
}

#bttn_res_2
{
  display: block;
  width: 172px;
  height: 32px;
  background-image: url(img/bttn_resume_2.png);
}

a#bttn_bio
{
  display: block;
  width: 112px;
  height: 32px;
  background-image: url(img/bttn_bio.png);
  background-position: 0 0;
}

a#bttn_bio:hover
{
  background-position: 0 -32px
}

#bttn_bio_2
{
  display: block;
  width: 112px;
  height: 32px;
  background-image: url(img/bttn_bio_2.png);
}

a#back
{
  display: block;
  width: 740px;
  height: 24px;
  background-image: url(img/bttn_back.png);
  background-position: 0 0;
}

a#back:hover
{
  background-position: 0 -24px
}

a#prev
{
  display: block;
  width: 367px;
  height: 24px;
  background-image: url(img/bttn_prev.png);
  background-position: 0 0;
}

a#prev:hover
{
  background-position: 0 -24px
}

a#next
{
  display: block;
  width: 367px;
  height: 24px;
  background-image: url(img/bttn_next.png);
  background-position: 0 0;
}

a#next:hover
{
  background-position: 0 -24px
}

a .alt { display: none; }

/* ================================ */
/* ===== GALLERY THUMBNAILS ==== */
/* ================================ */

a#thumb_1
{
  display: block;
  width: 266px;
  height: 99px;
  background-image: url(img/games/gallery1_thumb.jpg);
  background-position: 0 0;
  border: 1px solid #000
}

a#thumb_1:hover
{
  background-position: 0 -99px
}

a#thumb_2
{
  display: block;
  width: 266px;
  height: 99px;
  background-image: url(img/games/gallery2_thumb.jpg);
  background-position: 0 0;
  border: 1px solid #000
}

a#thumb_2:hover
{
  background-position: 0 -99px
}

a#thumb_3
{
  display: block;
  width: 128px;
  height: 215px;
  background-image: url(img/models/gallery3_thumb.jpg);
  background-position: 0 0;
  border: 1px solid #000
}

a#thumb_3:hover
{
  background-position: 0 -215px
}

a#thumb_4
{
  display: block;
  width: 128px;
  height: 215px;
  background-image: url(img/models/gallery4_thumb.jpg);
  background-position: 0 0;
  border: 1px solid #000
}

a#thumb_4:hover
{
  background-position: 0 -215px
}

a#thumb_5
{
  display: block;
  width: 128px;
  height: 215px;
  background-image: url(img/models/gallery5_thumb.jpg);
  background-position: 0 0;
  border: 1px solid #000
}

a#thumb_5:hover
{
  background-position: 0 -215px
}

a#thumb_6
{
  display: block;
  width: 128px;
  height: 215px;
  background-image: url(img/models/gallery6_thumb.jpg);
  background-position: 0 0;
  border: 1px solid #000
}

a#thumb_6:hover
{
  background-position: 0 -215px
}

a#thumb_7
{
  display: block;
  width: 128px;
  height: 215px;
  background-image: url(img/models/gallery7_thumb.jpg);
  background-position: 0 0;
  border: 1px solid #000
}

a#thumb_7:hover
{
  background-position: 0 -215px
}

a#thumb_8
{
  display: block;
  width: 128px;
  height: 215px;
  background-image: url(img/models/gallery8_thumb.jpg);
  background-position: 0 0;
  border: 1px solid #000
}

a#thumb_8:hover
{
  background-position: 0 -215px
}

/* ================================ */
/* =========== MODEL PAGE ======== */
/* ================================ */

#stat_table
{
  width: 740px;
  height: 24px;
  color: #fff;
  font-size: small;
  table-layout: auto;
  
  margin-left: auto;
  margin-right: auto;
}

.stat
{
  border: 1px solid #000;
  background-color: #666;
  padding: 3px 3px 3px 3px;
}

#model_table
{
  width: 740px;
  border: 0;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/* ================================ */
/* ========== RESUME PAGE ======== */
/* ================================ */

#res_cont
{
  width: 740px;
  margin-left: auto;
  margin-right: auto;
  vertical-align: top;
}

.res_stats
{
  font-size: small;
  border: 1px solid #000;
  background: #666;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 5px;
  vertical-align: middle;
}

th.prog_title
{
  text-align: left;
  font-size: small;
  border: 1px solid #000;
  border-collapse: separate;
  background: #555;
  padding-left: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
}

td.prog_cont
{
  padding-top: 6px;
  text-align: left;
  font-size: small;
  border: 1px solid #000;
  border-collapse: separate;
  background: #666;
}

.exp_table
{
  margin-top: 0px;
  margin-left: 12px;
  padding: 0;
  width: 480px;
  background: url(img/header_exp.png) no-repeat;
}

.exp_head
{
  height: 24px;
  text-align: left;
  vertical-align: middle;
  padding-left: 6px;
  color: #ccc;
  width: 352px;
  font-size: small;
}

.exp_head_date
{
  height: 24px;
  text-align: left;
  font-size: small;
  vertical-align: middle;
  padding-left: 10px;
  color: #ccc;
  width: 128px;
}

.exp_content_cell
{
  background: #666;
  padding: 6px 15px 6px 15px;
  border: 1px solid #000;
  text-align: left;
}

#down_img
{
  border: 0px;
  margin-right: 4px;
  margin-top: 2px;
}