@font-face {
  font-family: "Cooper";
  src: url('BitstreamCooperLight.ttf') format("truetype");
}

#cboxCurrent {
    font-family: Palatino, sserif;
    color: #77a646;
}

#cboxTitle {
    font-family: Palatino, sserif;
    color: #77a646;

}

html, body {
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
        height:99%;
}

#container{
 width: 99%;
 height: 99%;
 min-width: 30px;
 min-height: 400px;
 border: 0px solid white;
}

#topHalf {
 height: 50%;
 min-height: 250px;
 width: 100%;
 border: 0px solid green;

}

#bottomHalf {
height: 48%;
min-height: 250px;
width: 100%;
border: 0px solid red;

}


#frontImage {
  width: auto;
  height:65%;
 margin-top: 10%;


}

#topMenu {
  margin-top: 0%;
  min-height: 250px;
 background: url('/media/images/JH-NEW-WEB-MENU-top.jpg') no-repeat right center;
    width: 450px;
    height: 100%;
    border: 0px solid white;
    float: right;
    margin-right: 4%;



}



a:link {
	color: #666;
	text-decoration: none;
}

a:visited {
	color: #666;
	text-decoration: none;
}

a:active {
	color: #666;
	text-decoration: none;
}
a:hover {
	color: #AAA;
	text-decoration: none;
}

#nav {
    margin: 0;
    float: right;
    margin-right: 4%;
    margin-top: 12%;
   list-style: none;
    padding: 0;
    width: 154px;
    height: 130px;
    border: 0px solid green;
    position: relative;
    background:url(/media/images/JH-NEW-WEB-MENU-justNav.gif) no-repeat 0 0;
    bottom: 0;
}

#nav li {
    width: 100%;
    float: left;
}

#nav a {
  display: block;
  border: 0px solid green;
  text-decoration: none;

}

#nav span {
    display: none;
}

/****** nav sprites     ******/
#navWee a {
height: 30px;
border: 0px solid red;
background-position: 0 0;
}

#navDVD a {
height: 25px;
background-position: 0 -50px;
}

#navArchive a {
height: 25px;
background-position: 0 -60px;
}

#navContact a {
height: 25px;
background-position: 0 -60px;
}

#navLinks a{
height: 25px;
background-position: 0 -60px;
}


#navWee a:hover {
background:url(/media/images/JH-NEW-WEB-MENU-justNav.gif) no-repeat -154px 0;


}


#navDVD a:hover {
background:url(/media/images/JH-NEW-WEB-MENU-justNav.gif) no-repeat -154px -30px;


}



#navArchive a:hover {
background:url(/media/images/JH-NEW-WEB-MENU-justNav.gif) no-repeat -154px -55px;


}



#navContact a:hover {
background:url(/media/images/JH-NEW-WEB-MENU-justNav.gif) no-repeat -154px -80px;


}



#navLinks a:hover {
background:url(/media/images/JH-NEW-WEB-MENU-justNav.gif) no-repeat -154px -105px;











}#navLink {
    margin: 0;
    float: right;
    margin-right: 4%;
    margin-top: 7%;
   list-style: none;
    padding: 0;
    width: 364px;
    height: 224px;
    border: 0px solid green;
    position: relative;
    background:url(/media/images/LINXXXX-only.gif) no-repeat 0 0;
    bottom: 0;
}

#navLink li {
    width: 100%;
    float: left;
}

#navLink a {
  display: block;
  border: 0px solid green;
  text-decoration: none;

}

#navLink span {
    display: none;
}

/****** nav sprites     ******/
#navLinkJP a {
height: 34px;
border: 0px solid red;
background-position: 0 0;}
#navLinkJP a:hover {background:url(/media/images/LINXXXX-only.gif) no-repeat -368px 0;}

#navLinkOT a {
height: 25px;
background-position: 0 -50px;
}
#navLinkOT a:hover {background:url(/media/images/LINXXXX-only.gif) no-repeat -368px -34px;}

#navLinkPR a {
height: 27px;
background-position: 0 -60px;
}
#navLinkPR a:hover {background:url(/media/images/LINXXXX-only.gif) no-repeat -368px -59px;}

#navLinkPS a {
height: 27px;
background-position: 0 -60px;
}
#navLinkPS a:hover {background:url(/media/images/LINXXXX-only.gif) no-repeat -368px -86px;}

#navLinkGEO a{
height: 27px;
background-position: 0 -60px;
}
#navLinkGEO a:hover {background:url(/media/images/LINXXXX-only.gif) no-repeat -368px -113px;}


#navLinkCOL a{
height: 27px;
background-position: 0 -60px;
}
#navLinkCOL a:hover {background:url(/media/images/LINXXXX-only.gif) no-repeat -368px -140px;}


#navLinkSD a{
height: 27px;
background-position: 0 -60px;
}
#navLinkSD a:hover {background:url(/media/images/LINXXXX-only.gif) no-repeat -368px -167px;}

#navLinkCP a{
height: 27px;
background-position: 0 -60px;
}
#navLinkCP a:hover {background:url(/media/images/LINXXXX-only.gif) no-repeat -368px -194px;}



#movie {
  margin-top: 10%;
  width: 50%;
  margin-left: auto;
  margin-right: auto;

}



/*////////////////// Apple QT stylings /////////////*/

QTP {
	display: inline-block;
	/*display:inline; *zoom:1; *padding-bottom: 28px;
        */
        width: 50%;
}

.QTP .playContainer {
  position: absolute;
  top: 50%;
  left: 0; right: 0;
  text-align: center;
  z-index: 1;
}

.QTP .playButton {
  background-color: rgb(20,20,20);
  cursor: pointer;
  font-weight: bold;
  font-size: 1.25em;
  opacity: .8;
  filter: alpha(opacity=80);
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
/*  zoom: 100%; */
  padding: .5em 1em;
  color: white;
  margin-left: auto;
  margin-right: auto;
}

.QTP_Poster
{
	background: transparent;
	padding: 2px;
	position: relative;
	left: 0px;
	height: 28px;
	/*position: absolute; *bottom: 0; *right: 0;/*/
}
.QTP_Poster button
{
	cursor: pointer;
	border: 0px solid transparent;
	background-color: transparent;
	padding: 0px;
	margin: 0px;
}

.QTP_Poster .Buttons
{
	margin:auto;
	padding:0px;
	display: inline-block;
	position: absolute;
	left: 0; bottom: 0;
}

/* Fix button focus rects in Firefox */
.QTP_Poster button:-moz-focus-inner
{
	border: 0px solid transparent;
}

.QTP_Poster .Beginning, .QTP_Poster .Rewind, .QTP_Poster .Forward, .QTP_Poster .End, .QTP_Poster .Volume, .QTP_Poster .Time
{
	width:0;
	height:0;
	display: none;
}

.QTP_Poster .Play, .QTP_Poster .Pause
{
	width:20px;
	height:25px;
}

.QTP_Poster .Play { background-image: url(/media/images/play.png); }
.QTP_Poster .Pause { background-image: url(/media/images/pause.png); }

.QTP_Poster .Timeline {
	position: absolute;
	display: block;
	left: 30px;
	right: 0px;
	top: 8px;
	width: auto;
	background-color: transparent;
	padding: 0;
	height: 16px;
}
.QTP_Poster .Timeline .Left
{
	position: absolute;
	top: 7px;
	left: 4px;
	height: 9px;
	background-color: #112211;
	margin-right: 4px;
}
.QTP_Poster .Timeline .Knob
{
	background-image: url(/media/images/knob.png);
	position: relative;
	width: 11px;
	height: 16px;
	margin-left: 0px;
	padding: 0px;
	display: block;
}
.QTP_Poster .Timeline .Loaded
{
	position: absolute;
	top: 7px;
	height: 9px;
	left: 0;
	right: 4px;
	margin-left: 4px;
	margin-right: 4px;
	background: transparent url(/media/images/timeline.png) repeat-x bottom;
}