/* Website: Jez Photography
   Created by: Kinetik Internet Systems http://www.kinetik.com.au/
   Created on: June 2007
*/

/* MAIN STYLES --------------------------------------------------------------- */
html, body {
	height: 100%;
	}
body {
	margin: 0;
	padding: 0;
	background: #000000;
	color: #000;
	text-align: center;
	}

img {
        border: 0;
}
a {
        text-decoration: none;
        cursor: pointer;
}
.alignleft { text-align: left; float: left;}
.alignright { text-align: right; float: right;}
:link:focus, :visited:focus {-moz-outline: 0px }
/* CONTENT ------------------------------------------------------------------- */
/* for the title on first image */
#titleholder { width:500px; /*border: solid 1px #FFFFFF;*/}
#titleholder .nav { position:relative; width:245px; float:left; /*border: solid 1px #FFFFFF;*/}
#titleholder .title { width:255px; float:right; text-align:right; /*border: solid 1px #FFFFFF;*/}

/* for the scrolling content */
#content {
      	min-height: 99%;
      	height: 99%;
      	padding: 0;
      	width: 846px;
      	margin: 0 auto;
}
/* for the detailed */
#distance {
	width:1px;
	height:50%;
	margin-bottom:-282.5px; /* half of container's height */
	float:left;
}

#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	width:846px;
	height: 565px;
	clear:left;
}

/* NAVIGATION ---------------------------------------------------------------- */
#navigation, #navigationb {
        float: left;
}
#navigation ul, #navigationb ul {
        list-style-type: none;
        text-align: center;
        margin: 0;
        width: 260px;
        height: 257px; /* temp size toggle for preview */
        padding: 0;
        background: url(img/nav_bg.gif) no-repeat top;
}
#navigation {
        margin-top: 170px;
}
#navigation ul li, #navigationb ul li {
        padding: 0;
        display: block;
}

#navigation ul li span, #navigationb ul li span {
         visibility: hidden !important;
}
/* NAVIGATION, Links Behavior--------------------------------------------------------- */
#navigation a, #navigationb a {
        color: #333333;
        text-decoration: none;
        display: block;
        margin: 0 !important;
        padding: 0 !important;
}
/* ------------------- NAV LINKS */
li.jez, .jez a {
  height: 37px !important;
  }
li.photo, .photo a {
  height: 25px !important;
  }
li.beauty, .beauty a{
  height: 49px !important;
  }
li.portrait, .portrait a {
  height: 39px !important;
  }
li.editorial, .editorial a{
  height: 37px !important;
  }
li.advertising, .advertising a{
  height: 29px !important;
  }
li.con, .con a{
  height: 41px !important;
  }
/* ------------ NAV LINKS ACTIVE and HOVER */
li.jez .current {
  background: url(img/nav_jez_h.gif) no-repeat !important;
}
li.photo .current, .photo a:hover {
  background: url(img/nav_photo_h.gif) no-repeat !important;
}
li.beauty .current, .beauty a:hover {
  background: url(img/nav_beauty_h.gif) no-repeat !important;
}
li.portrait .current, .portrait a:hover {
  background: url(img/nav_portrait_h.gif) no-repeat !important;
}
li.editorial .current, .editorial a:hover {
  background: url(img/nav_editorial_h.gif) no-repeat !important;
}
li.advertising .current, .advertising a:hover {
  background: url(img/nav_ad_h.gif) no-repeat !important;
}
li.con .current, .con a:hover {
  background: url(img/nav_contact_h.gif) no-repeat !important;
}



/* NORMAL CONTENT ------------------------------------------------------------ */
#entrycontainer {
        width: 502px;
        float: right;
}
#detailed {
        width: 500px;
        height: 500px;
        border: 1px solid #262626;
        padding: 0;
        margin: 0;
}
#toggle {
        margin-top: 20px;
}
#toggle span {
        visibility: hidden;
}
#toggle ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 365px;
}
#toggle ul li {
        display: inline;
        height: 20px;
        float: left;
}
#toggle a {
        display: block;
        height: 15px;
        text-decoration: none;
}
#toggle li.next a {
        width: 85px;
        background: url(img/next.gif) no-repeat;
}
#toggle li.prev a {
        width: 155px;
        background: url(img/prev.gif) no-repeat;
}
#toggle li.over a {
        width: 129px;
        background: url(img/nav_over.gif) no-repeat;
}
#toggle .next a:hover {
        background: url(img/next_h.gif) no-repeat;
}
#toggle .prev a:hover {
        background: url(img/prev_h.gif) no-repeat;
}
#toggle .over a:hover {
        background: url(img/nav_over_h.gif) no-repeat;
}

/* HIDDEN -------------------------------------------------------------------- */
#footer { 
        clear: both;
}
.clear { clear: both; height: 0; }

.credit  {
         display: none;
}