/*-----------------------------------------------------------------------------

YTT Solutions Stylesheet

author:    YTT Solutions Pty. Ltd.
email:     ian@yttsolutions.com.au
website:   http://yttsolutions.com.au

-----------------------------------------------------------------------------*/


/* SETUP
-----------------------------------------------------------------------------*/

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

body, html {
  width: 100%;
  height: 100%;
  background: #000;
/*  text-transform: uppercase; */
  font-family: sans-serif;
  font-size: 8pt;
  color: #949993;/*#747973;*/
  text-align: center;
  position: absolute;
  scrollbar-arrow-color: #FFF;
  scrollbar-3dlight-color: #211C23;
  scrollbar-darkshadow-color: #000000;
  scrollbar-face-color: #000000;
  scrollbar-highlight-color: #999;
  scrollbar-shadow-color: #FFF;
  scrollbar-track-color: #000;
}

h1, h2, h3, h4, h5, h6, pre, code {
  font-size: 8pt;
  color: #d4d4d4;
  font-weight: normal;
}

a img, :link img, :visited img {
  border: none;
}

address {
  font-style: normal;
}

a {
  text-decoration: none;
  color: #787b77;
  font-family: sans-serif;
}

a:hover {
  color: #c4c4c4;
}

span {
  color: #c4c4c4;
}

input, textarea {
  background: #151515;
  border: 1px solid #444;
  width: 300px;
  color: #747973;
}

.clear {
  line-height: 0;
  clear: both;
}

.left {
  float: left;
}

.right {
  float: right;
}

.light_links a {
  color: #c4c4c4;
}

.light_links a:hover {
  color: #FFF;
}

/* CONTENT WRAPPER
-----------------------------------------------------------------------------*/

#content_wrapper {
  width: 935px;
  margin: 0 auto;
  text-align: left;
}

/* HEADER
-----------------------------------------------------------------------------*/

#header {
  margin-top: 16px;
  margin-left: 61px;
}

/* NAV
-----------------------------------------------------------------------------*/

#nav {
  float: right;
  text-align: right;
  margin-top: -6px;
  position: relative;
  right: 46px;
}

.nav_divider {
  color: #585b57;
  position: relative;
  top: -1px;
  margin-right: 11px;
  margin-left: 11px;
  cursor: default;
}

.topnav_divider {
  color: #585b57;
  position: relative;
  top: -1px;
  margin-right: 11px;
  margin-left: 11px;
  cursor: default;
}

#nav .current {
  color: #c4c4c4;
}

#subnav {
  margin-top: 10px;
  float: right;
  text-align: right;
  position: relative;
  right: 109px;
}

#subnav a {
  color: #000;
}

#subnav .current {
  color: #c4c4c4;
}

#subnav a:hover {
  color: #c4c4c4;
}

.subnav_divider {
  color: #000;
  position: relative;
  top: -1px;
  margin-right: 13px;
  margin-left: 13px;
  cursor: default;
}

/* GRAY CONTAINER
-----------------------------------------------------------------------------*/

#gray_container {
  margin-top: 10px;
  background: #1d1d1d url('images/gray_tile.gif');
  width: 935px;
  height: 480px;
  _margin-bottom: -10px;
}

#gray_top {
  background: #484848 url('images/gray_tile_top.gif');
  width: 935px;
  height: 50px;
}

/* GALLERY CONTAINERs
-----------------------------------------------------------------------------*/

#gallery_container {
  position: relative;
  top: -17px;
  width: 843px;
  height: 436px;
  background: #000;
  margin: 0 auto;
}

#inner_gallery_container {
  width: 834px;
  height: 424px;
  position: relative;
  top: 5px;
  left: 5px;
  margin-right:3px;
}

/* MAIN IMAGE
-----------------------------------------------------------------------------*/

#main_image {
  width: 692px;
  height: 422px;
  border: 1px solid #1e1e1e;
  padding: 1px;
  position: relative;
  text-align: center;
}

#main_image img {
  margin-bottom: -3px;
}

#loading {
  position: absolute;
  left: 160px;
  top: 95px;
}

/* CAPTION
-----------------------------------------------------------------------------*/

#caption_background {
  -moz-opacity:.70;
  filter:alpha(opacity=70);
  opacity:.70;
  height: 83px;
  width: 694px;
  background: #000;
  margin-top: -83px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align:right;
}

#caption_text {
  text-transform: none;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  position: absolute;
  top: 345px;
  left: 0;
  text-align: left;
}

#caption_text h1 {
  text-transform: uppercase;
}

#caption_text p {
  margin-bottom: 5px;
}

#caption_text .last {
  margin-bottom: 0;
}

/* THUMBS CONTAINERs
-----------------------------------------------------------------------------*/

#thumbs_container {
  width: 130px;
  height: 424px;
  float: right;
  border: 1px solid #1e1e1e;
  margin-top: -426px;
}

#thumbs_inner_container {
  background: #111111;
  height: 420px;
  margin: 1px;
  padding-left: 2px;
  padding-top: 2px;
}

#thumbs_inner_container img {
  _margin-bottom: -3px;
}

#thumbs_inner_container #last {
  margin-right: 0;
}

#thumbs_inner_container a {
  cursor: pointer;
}

.dark_thumb {
  width: 40px;
  height: 40px;
  background: #131313;
  float: left;
  margin-right: 2px;
  margin-bottom: 2px;
  _margin-bottom: 0px;
  overflow: hidden;
  z-index:100;
  position:relative;
}

.light_thumb {
  width: 40px;
  height: 40px;
  background: #1e1e1e;
  float: left;
  margin-right: 2px;
  margin-bottom: 2px;
  _margin-bottom: 0px;
  overflow: hidden;
  z-index:100;
  position:relative;
}

.dark_thumb_empty {
  border: 1px solid #000;
  width: 38px;
  height: 38px;
  background: #131313;
  float: left;
  margin-right: 2px;
  margin-bottom: 2px;
  _margin-bottom: 0px;
  z-index:100;
  position:relative;
}

.light_thumb_empty {
  border: 1px solid #000;
  width: 38px;
  height: 38px;
  background: #1e1e1e;
  float: left;
  margin-right: 2px;
  margin-bottom: 2px;
  _margin-bottom: 0px;
  z-index:100;
  position:relative;
}

/* FOOTER
-----------------------------------------------------------------------------*/

#footer {
  float: right;
  position: relative;
  margin-right:146px;
  top: 8px;
  _top: 14px;
  color: #6b6b6f;
}

#footer a {
  color: #8a8a8f;
}

#footer a:hover {
  color: #c4c4c4;
}

#paint {
	z-index:50;
}