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

.Data {
display: none;
}

body, html {
font-family: "Helvetica Neue", "Arial Narrow", Arial;
background-color: #000000;
width: 100%;
height: 100%;
}

#footer {
display: none;
}

img {
display: block;
border: none;
}

#main {
width: 100%;
height: 100%;
}

#vbounds {
height: 480px;
}

#hbounds {
width: 640px;
}

#container {
text-align: left;
width: 100%;
height: 100%;
}

#navigation {
height: 80px;
border-right: 1px #000000 solid;
}

#navigation ul {
position: relative;
font-weight: bold;
font-size: 16px;
float: left;
list-style: none;
padding: 0 15px 0 15px;
}

#navigation a {
font-size: 18px;
display: block;
color: #a9a9a9;
height: 40px;
text-decoration: none;
padding: 0 10px 0 10px;
line-height: 40px;
}

#navigation a:hover,
#navigation .Active
{
color: #ffffff;
}

#navigation li {
float: left;
}

#navigation li ul {
position: absolute;
left: -999em;
height: auto;
font-weight: normal;
opacity: .9;
padding: 0 0 0 0;
}

#navigation li ul a {
font-size: 16px;
height: 20px;
font-weight: bold;
padding: 0 0 0 0;
margin: 0 10px 0 10px;
border-left-style: none;
line-height: 20px;
}

#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {
left: -999em;
}

#navigation li:hover ul,#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul {
left: auto;
}

#header {
background: #000000 url('../../assets/images/logo.png') no-repeat;
width: 100%;
height: 100px;
}

#header a {
display: block;
width: 100%;
height: 100px;
text-indent: -5000px;
}

#cms-content {
overflow: hidden;
background: #ffffff;
}

#context {
position: relative;
width: 33%;
text-align: center;
}

#title {
padding: 20px 20px 20px 20px;
font-size: 2em;
color: #333333;
}

#desc {
padding: 0px 20px 0px 20px;
overflow: auto;
text-align: center;
font-size: 2em;
font-size: 14px;
color: #333333;
}

#meta-data {
display: none;
}

.Graphic img {
float: right;
width: 66%;
height: 100%;
}

#display .Graphic img {
float: none;
width: 100%;
height: 100%;
}

#image {
position: absolute;
height: 0px;
width: 0px;
}

#progress {
position: absolute;
height: 0px;
width: 0px;
background: #ffffff url("../../assets/images/ajax-loader.gif") no-repeat 50%;
}

#video-play {
z-index: 1;
display: none;
position: absolute;
height: 0px;
width: 0px;
background: transparent url("../../assets/images/video-play.png") no-repeat 50%;
}

#video-play-inner {
position: absolute;
height: 100%;
width: 100%;
background: #ffffff;
opacity: .5;
}

#prev-image {
cursor: pointer;
}

#next-image {
cursor: pointer;
}

#prev-image,
#next-image {
overflow: hidden;
color: #a9a9a9;
font-size: 4em;
display: none;
position: absolute;
width: 50px;
height: 80px;
line-height: 80px;
text-align: center;
}

#prev-image:hover,
#next-image:hover {
color: #ffffff;
background: #000000;
}

#thumbnail-wrapper {
height: 80px;
}

#thumbnails {
float: right;
position: absolute;
left: 50%;
width: 50%;
height: 80px;
overflow: hidden;
}

#thumbnails ul {
position: absolute;
top: 0;
left: 0;
}

.Thumbnail {
float: left;
list-style-type: none;
}

.Thumbnail a {
display: block;
width: 100px;
height: 80px;
overflow: hidden;
}

.Thumbnail a img {
position: relative;
}

.Thumbnail a:hover {
border: 10px #000000 solid;
width: 80px;
height: 60px;
}

.Thumbnail a:hover img {
top: -10px;
left: -10px;
}

#thumbnails .Active a {
border: 10px #ffffff solid;
width: 80px;
height: 60px;
}

#thumbnails .Active a img {
top: -10px;
left: -10px;
}