@font-face {
	font-family: 'ImperatorRegular';
	src: url('../fonts/Imperator-webfont.eot');
	src: local('ImperatorRegular'), url('../fonts/Imperator-webfont.woff') format('woff'), url('../fonts/Imperator-webfont.ttf') format('truetype'), url('../fonts/Imperator-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ImperatorBold';
	src: url('../fonts/Imperator_Bold-webfont.eot');
	src: local('ImperatorBold'), url('../fonts/Imperator_Bold-webfont.woff') format('woff'), url('../fonts/Imperator_Bold-webfont.ttf') format('truetype'), url('../fonts/Imperator_Bold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body{ line-height: 1; }
blockquote, q{ quotes: none; }
table{ border-collapse: collapse; border-spacing: 0; }
header, nav, article, footer, address{ display: block; }

body{ background: #291105; margin: 0 auto; font: 11px/1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }

html, body{ height: 100%; margin: 0; padding: 0; }
img#background{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

#scroller{ height: 100%; width: 100%; position: absolute; z-index: 100; }

#distance{ width: 1px; float: left; height: 50%; margin-bottom: -310px; /* half of container's height */ }
#container{ margin: 0 auto; text-align: left; height: 680px; width: 1000px; clear: left; position: relative; /* puts container in front of distance */ }

header{ background: #000; float: left; width: 225px; border: 1px solid #000; border-width: 1px 0 0 1px; }
header h1{ width: 225px; height: 185px; margin: 1px 0 0 1px; background: url(../images/logo.jpg) center center no-repeat; text-indent: -9999px; }

nav{ width: 225px; height: 335px; margin: 0 0 0 1px; padding: 0; text-align: right; float: left; background: #000; }
.menu_list{ font: 12px ImperatorRegular, Baskerville, Georgia, times, "Times New Roman", serif; padding: 0 5px 0 15px; margin: 0; text-transform: uppercase; letter-spacing: 2px; }
.menu_head{ padding: 0 10px; }
.menu_head,
.menu_head a:link,
.menu_head a:visited{ cursor: pointer; position: relative; margin:1px; padding-top: 10px; color: #e8e8d1; text-decoration: none; }
.menu_body{ display: none; border-right: 1px solid #e8e8d1; margin-right: 10px; padding: 0 0 5px 0; margin-top: 5px; }
.menu_body li{ display: block; list-style-type: none; }
.menu_body a:link,
.menu_body a:visited{ display: block; color: #e8e8d1; margin-right: 10px; padding-top: 6px; text-decoration: none; font-size: 10px; }
.menu_head a:hover,
.menu_body a:hover{ color: #e8e8d1; }

a:link{ color: #e8e8d1; }
a:visited{ color: #e8e8d1; }
a:hover{ text-decoration: none; }

#page_body{ background: #000; border: 1px solid #000; border-width: 1px 1px 1px 0; }
#home{ padding: 10px; }

aside{ float: left; margin-top: 0; padding: 10px; width: 350px; }
aside img{ display: block; }
section{ float: right; margin: 0 10px 0 0; width: 300px; padding: 75px 55px 75px 35px; height: 350px; }
section #content{ width: 300px; padding: 0 25px 0 0; height: 350px; overflow: auto; color: #e8e8d1; }

.jScrollPaneContainer{ position: relative; overflow: hidden; z-index: 1; }

.jScrollPaneTrack{ position: absolute; width: 1px !important; cursor: pointer; right: 5px; top: 0; height: 100%; background: #e8e8d1; }
.jScrollPaneDrag{ width: 5px !important; right: -2px; position: absolute; background: #e8e8d1; cursor: pointer; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.jScrollPaneDragTop{ position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom{ position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp{ display: block; position: absolute; z-index: 1; top: 0; right: -5px; overflow: hidden; height: 20px; width: 20px !important; }

a.jScrollArrowDown{ display: block; position: absolute; z-index: 1; bottom: 0; right: -5px; overflow: hidden; height: 20px; width: 20px !important; }

h1{ font: 30px ImperatorRegular, Baskerville, Georgia, times, "Times New Roman", serif; margin-bottom: 15px; }
h2{ font: 24px ImperatorRegular, Baskerville, Georgia, times, "Times New Roman", serif; }
h3{ font: 18px ImperatorRegular, Baskerville, Georgia, times, "Times New Roman", serif; margin-bottom: 15px; }
h4{ font: 14px ImperatorRegular, Baskerville, Georgia, times, "Times New Roman", serif; }
p, ul, ol, dl{ margin-bottom: 15px; }
section li{ margin-left: 25px; }

#gallery_container{ background: #000; border: 1px solid #000; border-width: 1px 1px 1px 0; }
#slideshow{ width: 750px; height: 500px; padding: 10px; position: relative; }

div#container{ overflow: hidden; }
div.content{ display: none; }

.home .controls, .home .thumbs, .home #thumbs{ height: 0; display: none; }
#music{ position: relative; top: -31px; outline: none; }

div.content a, div.navigation a{ text-decoration: none; }
div.content a:hover, div.content a:active{ text-decoration: underline; }

div.navigation a.pageLink{ height: 77px; line-height: 77px; }

div.controls{ margin-top: 17px; height: 45px; clear: both; float: right; width: 180px; }
div.controls a{ outline: none; }
.play, .pause{ display: block; float: left; height: 21px; margin: 2px 1px; padding: 6px 10px; width: 85px; font: 10px ImperatorBold, Baskerville, Georgia, times, "Times New Roman", serif; text-transform: uppercase; letter-spacing: 2px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
a.play:hover, a.pause:hover{ background: url(../images/ghost.png); text-decoration: none !important; }
.prev, .next{ display: block; float: left; margin: 2px 1px 0 0; width: 34px; height: 34px; text-indent: -9000px; opacity: .6; }
.prev{ background: url(../images/arrow_left.png) center center no-repeat; }
.next{ background: url(../images/arrow_right.png) center center no-repeat; }
a.prev:hover, a.next:hover{ opacity: 1; }
.ss-controls a:link,
.ss-controls a:visited{ color: #e8e8d1; }

div.slideshow-container,
div.loader,
div.slideshow a.advance-link{ display: block; width: 750px; padding: 0; margin: 0; }

div.loader,
div.slideshow a.advance-link,
div.caption-container{ height: 510px; }

div.slideshow-container{ position: relative; left: 225px; height: 510px; padding: 0; margin: 0; }

div.loader{ position: absolute; top: 0; left: 0; }
div.slideshow span.image-wrapper{ position: absolute; display: block; width: 750px; }
div.slideshow a.advance-link{ display: block; width: 750px; height: 502px; text-align: center; }

div.slideshow a.advance-link:hover,
div.slideshow a.advance-link:active,
div.slideshow a.advance-link:visited{ text-decoration: none; }
div.slideshow a.advance-link:focus{ outline: none; }

div.slideshow img{ display: block; padding: 0; margin: 0 auto; border: none; }

#thumbs{ height: 100px; width: 385px; float: right; }
div.navigation{ position: relative; }
div.navigation a.pageLink{ display: block; position: relative; float: left; margin: 2px; width: 16px; background-position:center center; background-repeat:no-repeat; }
div.navigation a.pageLink:focus{ outline: none; }

ul.thumbs{ margin: 0; padding: 0; }
ul.thumbs li{ float: left; padding: 0; margin: 0; list-style: none; position: relative; }
html>body ul.thumbs li{ top: 5px; -webkit-transition-duration: .4s; }
html>body ul.thumbs li.selected{ top: 0; }
html>body ul.thumbs li.selected a.thumb{ width: 60px; height: 60px; }
html>body ul.thumbs li.selected a.thumb img{ min-height: 60px; } 
a.thumb{ display: block; width: 50px; height: 50px; margin: 5px 15px 15px 0; border: 3px solid #000; overflow: hidden; -webkit-transition-duration: .2s; }
a.thumb:focus{ outline: none; }
ul.thumbs img{ border: none; display: block; -webkit-transition-duration: .2s; }
div.pagination{  position: relative; left: -50%; }
div.pagination a, div.pagination span.current, div.pagination span.ellipsis{ position: relative; display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px; }
div.pagination a:hover{ text-decoration: none; }
div.pagination span.current{ font-weight: bold; }
div.pagination span.ellipsis{ border: none; padding: 5px 0 3px 2px; }

div.gallery-gutter{ clear: both; padding-bottom: 20px; }

label{ display: block; float: left; width: 70px; text-align: right; padding: 5px 5px 4px 5px; clear: both; }
input{ margin: 2px 0; }
input[type="submit"]{ clear: both; float: left; margin: 5px 0 0 80px; }
form img{ border: 1px solid #000; margin-top: 5px; }

.sessions fieldset{ width: 285px; border: none; }
.sessions input[type="checkbox"], .session input[type="radio"]{ margin: 0 15px 0 0; }
.sessions input[type="text"], .session textarea{ width: 75px; float: left; margin: 3px; }
.sessions input[type="submit"], .session input[type="reset"]{ margin: 3px 0 5px 175px; float: left; }
.sessions input[type="submit"]:hover, .session input[type="reset"]:hover{ cursor: pointer; }
.sessions fieldset p{ clear: both; font-style: italic; }

#session{ margin-bottom: 10px; }
#session label{ clear: left; float: left; width: 100px; padding: 5px; text-align: right; }
#session input[type="text"]{ width: 150px; float: left; margin: 3px; }
#session p{ text-align: center; padding: 10px 0; }

.required, .error{ color: #e8e8d1; }
.error{ float: left; font-style: italic; width: 100px; padding-top: 2px; font-size: 10px; }

.kalamazoo_message{ padding: 20px; margin: 0 10px 10px; background: #e8e8d1; border: 1px solid #e8e8d1; color: #000; font-style: italic; font-size: 10px; }

footer{ padding: 20px 10px; color: #e8e8d1; }

#social a img{ border: none; height: 32px; margin: 4px; -webkit-transition-duration: .1s; }
#social a:hover img{ height: 38px; margin: 0px 1px; }

#music{ float: right; margin: 30px 0; width: 25px; height: 25px; }

footer a:link,
footer a:visited{ color: #e8e8d1; }

address{ font-style: normal; clear: both; padding-top: 5px; }

.clear{ clear: both; }