html {
	height: 100%;
	background: #484645 url(../img/shadow_bg.png) no-repeat center center;
}

/* Centered box for images and text */
div.outer
      {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 920px;
      height: 540px;
      margin-left: -460px; /* half of width */
      margin-top: -270px;
      z-index: 10;
	  background: url(../img/page_bg.jpg) no-repeat center top;

}
  
/* bottom tabs */

.hiddenOver {
	visibility: hidden;
	display:none;
	}

.skip {
      position:absolute;
      left: 50%;
      top: 50%;
      width: 46px;
      height: 43px;
      margin-left: 359px;
      margin-top: 262px;
	  z-index: 0;
	  text-indent: -9999px;
	  background: url(../img/skip.gif);
}

.skip:hover {
	background: url(../img/skip_o.gif);
	}

.link {
      position:absolute;
      left: 50%;
      top: 50%;
      width: 46px;
      height: 43px;
      margin-left: 359px;
      margin-top: 262px;
	  z-index: 0;
	  text-indent: -9999px;
	  background: url(../img/link.gif);
}

.link:hover {
	font-size: 2px;
	background: url(../img/link_o.gif);
	}

.jamf
      {
      position:absolute;
      left: 50%;
      top: 50%;
      width: 82px;
      height: 43px;
      margin-left: 272px;
      margin-top: 262px;
	  z-index: 0;
	  text-indent: -9999px;
	  background: url(../img/jamf.gif);
}

.jamf:hover {
	background: url(../img/jamf_o.gif);
	}

.mark {
      position:absolute;
      left: 50%;
      top: 50%;
      width: 73px;
      height: 43px;
      margin-left: 194px;
      margin-top: 262px;
	  z-index: 0;
	  text-indent: -9999px;
	  background: url(../img/mark.gif);
}

.mark:hover {
	background: url(../img/mark_o.gif);
	}
	
.ryot {
      position:absolute;
      left: 50%;
      top: 50%;
      width: 80px;
      height: 43px;
      margin-left: 109px;
      margin-top: 262px;
	  z-index: 0;
	  text-indent: -9999px;
	  background: url(../img/ryot.gif);
}

.ryot:hover {
	background: url(../img/ryot_o.gif);
	}

.leah {
      position:absolute;
      left: 50%;
      top: 50%;
      width: 51px;
      height: 43px;
      margin-left: 53px;
      margin-top: 262px;
	  z-index: 0;
	  text-indent: -9999px;
	  background: url(../img/leah.gif);
}

.leah:hover {
	background: url(../img/leah_o.gif);
	}
	
.oron {
      position:absolute;
      left: 50%;
      top: 50%;
      width: 88px;
      height: 43px;
      margin-left: -40px;
      margin-top: 262px;
	  z-index: 0;
	  text-indent: -9999px;
	  background: url(../img/oron.gif);
}

.oron:hover {
	background: url(../img/oron_o.gif);
	}
	
.kirs {
      position:absolute;
      left: 50%;
      top: 50%;
      width: 53px;
      height: 43px;
      margin-left: -98px;
      margin-top: 262px;
	  z-index: 0;
	  text-indent: -9999px;
	  background: url(../img/kirs.gif);
}

.kirs:hover {
	background: url(../img/kirs_o.gif);
	}
	
.vern {
      position:absolute;
      left: 50%;
      top: 50%;
      width: 67px;
      height: 43px;
      margin-left: -170px;
      margin-top: 262px;
	  z-index: 0;
	  text-indent: -9999px;
	  background: url(../img/vern.gif);
}

.vern:hover {
	background: url(../img/vern_o.gif);
	}

.nich {
      position:absolute;
      left: 50%;
      top: 50%;
      width: 69px;
      height: 43px;
      margin-left: -244px;
      margin-top: 262px;
	  z-index: 0;
	  text-indent: -9999px;
	  background: url(../img/nich.gif);
}

.nich:hover {
	background: url(../img/nich_o.gif);
	}

.tech {
      position:absolute;
      left: 50%;
      top: 50%;
      width: 98px;
      height: 43px;
      margin-left: -347px;
      margin-top: 262px;
	  z-index: 0;
	  text-indent: -9999px;
	  background: url(../img/tech.gif);
}

.tech:hover {
	background: url(../img/tech_o.gif);
	}
	
.home {
      position:absolute;
      left: 50%;
      top: 50%;
      width: 53px;
      height: 43px;
      margin-left: -405px;
      margin-top: 262px;
	  z-index: 0;
	  text-indent: -9999px;
	  background: url(../img/home.gif);
}

.home:hover {
	background: url(../img/home_o.gif);
	}

.credit {
      position:absolute;
      left: 50%;
      top: 50%;
      width: 17px;
      height: 140px;
      margin-left: 460px;
      margin-top: 130px;
	  z-index: 0;
	  text-indent: -9999px;
	  background: url(../img/credit.gif);
}

/* Title box */

#pageTitle
      {
      position: absolute;
      right: 90px;
      top: 80px;
      width: 360px;
      height: 40px;
      overflow: hidden;
      }

/* Box for text over main image on homepage



 */
#scrollText
      {
      border-top-color: #484645;
      border-left-style: none;
      border-bottom-style: none;
      border-right-style: none;
      border-top-style: solid;
      border-top-width: 1px;
      position: absolute;
      right: 90px;
      bottom: 90px;
      width: 360px;
      height: 320px;
      overflow: hidden;
      font: 14px/1.5em "Arial Narrow", Arial, Helvetica, Geneva, sans-serif;
	  font-weight: normal;
      color: #000;
      }

#fade {
	 position: absolute;
      right: 90px;
      bottom: 90px;
      width: 360px;
      height: 14px;
      z-index: 99;
      background : url(../img/fade.png);

}

#scrollText p {
	
	text-align: left;
	padding-bottom: 10px;
	margin: 3px;
	z-index : 0;
	color: #000;
}

#scrollText p.caption {
	
	padding-top: 10px;
	font: 13px/1.3em "Arial Narrow", Arial, Helvetica, Geneva, sans-serif;
}

#scrollText p.logo {
	
	text-align: center;
}

#scrollText p img {
	
	margin: 0 auto;
}

#scrollText h2 {
	font-size: 1.3em;
	font-weight: normal;
	}

#scrollText h3 {
	font-size: 1.2em;
	font-weight: normal;
	}
	
#scrollText a {
	text-decoration: underline;
	color: #2b2b2b;
}

/* Buttons for the scrolling text */

#scrollText a:hover {
	text-decoration: underline;
	color: #464646;
}




#scrollButtons {
	  position: absolute;
      right: 90px;
      bottom: 50px;
      width: 49px;
      height: 22px;
      overflow: hidden;	
}

a.buttondn {
	position: absolute;
	bottom : 0px;
	right : 0px;
	height : 22px;
	width : 22px;
	background : #555 url(../img/down.png);
}

a.buttondn:hover {
	background : url(../img/down_o.png);
}

a.buttonup {
	position: absolute;
	bottom : 0px;
	right : 27px;
	height : 22px;
	width : 22px;
	background : #555 url(../img/up.png);
}

a.buttonup:hover {
	background : url(../img/up_o.png);
}

/* Boxes for holding images */

div.imageHolderTop {
      z-index: 0;
      position: absolute;
      left: 90px;
      top: 80px;
      width: 320px;
      height: 160px;
}


div.imageHolderBottom {
      z-index: 0;
      position: absolute;
      left: 90px;
      bottom: 90px;
      width: 320px;
      height: 160px;
}

div.imageHolderSingle {
      z-index: 0;
      position: absolute;
      left: 90px;
      top: 80px;
      width: 320px;
      height: 370px;
}