#wrapper{min-height:100%;background: black;margin: 0;text-align: center;color:white;}
#content{padding:75px 0 100px 0;margin-bottom:20px;position:relative}

/*sections and sidebars*/
section#main{width:950px;margin:0 auto;text-align: left}
sidebar#left-sidebar{width:300px;height:100%;min-height:500px;float:left;}
sidebar#left-sidebar img{margin-top:10px}

/*Navigation elements*/
nav#top-nav{margin:0 auto; width:850px;margin-top:-15px;height:90px}
nav#top-nav ul li{margin:0 0 1px 0;padding:0;list-style-type: none;display: table-cell;border-left:1px solid black;vertical-align: middle}
nav#top-nav ul li:last-child{border-right:1px solid black}
nav#top-nav ul li:first-child a{padding:20px 25px 8px 25px!important}
nav#top-nav ul li a{text-transform: lowercase; background:#2a2a2a;display: inline-block;padding:30px;text-decoration: none;color:#999999;font-size:0.8em;letter-spacing: 0.2em}
nav#top-nav ul li a.active, nav#top-nav ul li a:hover{background:#252525!important;color:#dc8502!important}
a h1, a h2{letter-spacing: normal}
a h1{font-size:1.75em;text-transform: uppercase;margin:0;color:white}
a h2{font-size:1em;text-transform: lowercase;margin:0;color:#CCCCCC;font-weight: normal}
a:hover h1, a:hover h2{color:#dc8502!important}
nav#sections ul{width:700px;text-align: center;margin:20px auto 0 auto;display: table}
nav#sections ul li{display: table-cell;width:33%;list-style-type: none;margin:0 40px;text-align: center}
nav#sections ul li a{text-decoration: none;color:#cccccc;text-transform: lowercase;letter-spacing:0.2em;font-size:0.75em}
nav#sections ul li a:hover, nav#sections ul li a.active{color:#dc8502}

nav#main-nav ul li{margin:0 0 1px 0;padding:0;list-style-type: none}
nav#main-nav ul li a{background:#252525;display: inline-block;width:100%;padding:25px 0;text-decoration: none;color:#999999;font-size:0.8em;letter-spacing: 0.2em}
nav#main-nav ul li:first-child a{padding:50px 0!important}
nav#main-nav ul li a.active, nav#main-nav ul li a:hover{background:#333333!important;color:#dc8502!important}

/*Filmstrip formatting */
#filmstrip-frame{padding:0 40px}
#filmstrip-holder{width:100%;overflow-x: hidden;text-align: left;}
#filmstrip-slider {width:10000px;text-align: left;}
img.thumbnail{height: 60px;cursor: pointer}
#main-image-frame{position: relative;}
#main-image-holder {margin:20px 0;}
#main-image-holder img{max-height:1000px}
#main-image-label{display: block;font-size:0.75em;letter-spacing: 0.2em;margin:10px 0}
#main-image-label span{display: inline-block;color:#dd8500;margin-right: 10px}
#main-image-frame a{position:absolute;top:50%;z-index: 1000;text-decoration: none}
#main-image-frame a.left{left:20px}
#main-image-frame a.right{right:20px}
#main-image-prop{height:750px;margin:20px 0}
a.portfolio{display: inline-block;width:30px;height:40px}
a.portfolio.left{background:url(/views/site/images/arrow-left.png) top left no-repeat}
a.portfolio.right{background:url(/views/site/images/arrow-right.png) top left no-repeat}
.slideshow-link{color:white;text-transform: capitalize;letter-spacing: 0.2em;font-size:0.75em;display: inline-block;padding-left:15px;text-decoration: none;}
.slideshow-link:hover{color:#dc8502}
.slideshow-link.play{background: url(/views/site/images/play.png) 0 2px no-repeat}
.slideshow-link.stop{background: url(/views/site/images/stop.png) 0 2px no-repeat}

nav#main-nav{margin:0 auto;width: 435px;height: 300px;}
#open-menu{display: none}
