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

@font-face {
	font-family: 'DejaVuSansCondensedBold';
	src: url('../fonts/DejaVuSansCondensed-Bold-webfont.eot');
	src: local('☺'), url('../fonts/DejaVuSansCondensed-Bold-webfont.woff') format('woff'), url('../fonts/DejaVuSansCondensed-Bold-webfont.ttf') format('truetype'), url('../fonts/DejaVuSansCondensed-Bold-webfont.svg#webfontF8m4EZVn') 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; }

html, body{ height: 100%; margin: 0; padding: 0; font: 12px/1.5em DejaVuSansCondensed, Futura, "Century Gothic", sans-serif; background: #221819; }
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: -350px; /* half of container's height */ }
#container{ margin: 0 auto; text-align: left; height: 720px; width: 1004px; clear: left; position: relative; /* puts container in front of distance */ }

header{ float: left; width: 400px; height: 75px; }

#music{ float: right; margin: 35px 5px 0 0; outline: none; }

nav{ background: #370b06; height: 55px; font: 12px DejaVuSansCondensedBold; -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); }

ul.menu{ list-style: none; height: 556px; width: 1004px; position: absolute; top: 77px; margin: 0; }
ul.menu li{ float: left; position: relative; height: 100%; width: 100px; }
ul.menu li > a{ color: #fff; position: absolute; bottom: 0; left: 0; width: 80px; overflow: hidden; padding-bottom: 25px; height: 30px; text-align: center; line-height: 55px; cursor: pointer; text-decoration: none; opacity: 0.9; text-decoration: none; }
ul.menu li > a:hover{ color: #ddd; }

div.sc_menu_wrapper{ position: absolute; top: 0px; width: 154px; overflow: hidden; bottom: 56px; left: 0px; visibility: visible; margin-left: -30px; z-index: 10; }
div.sc_menu{ width: 154px; visibility: hidden; }
.sc_menu a{ display: block; background: #370b06; text-align: center; text-decoration: none; padding: 0 2px 5px; }
.sc_menu a:link,
.sc_menu a:visited{ color: #fff; }
.sc_menu a:hover{ color: #ddd; }
.sc_menu img{ display: block; border: none; padding: 0 0 3px; opacity: 0.3; filter: progid: DXImageTransform.Microsoft.Alpha(opacity=30); width: 150px; }

#page_body{ background: #370b06; padding: 2px 2px 0; clear: both; }

#content{ width: 1000px; height: 500px; padding: 0 100px 0 536px; }
.about{ background: url(../../content/info/about/images/01.jpg) left center no-repeat; }
.testimonials{ background: url(../../content/info/testimonials/images/01.jpg) left center no-repeat; }
.registry{ background: url(../../content/info/registry/images/01.jpg) left center no-repeat; }
.resources{ background: url(../../content/info/resources/images/01.jpg) left center no-repeat; }
.contact{ background: url(../../content/info/contact/images/01.jpg) left center no-repeat; }
.sessions{ background: url(../../content/info/sessions/images/01.jpg) left center no-repeat; }

#text{ width: 300px; height: 500px; color: #130d0d; overflow: auto; background: url(../images/ghost.png);  position: relative; padding: 30px; overflow: hidden; z-index: 1; border: 1px solid #fff; border-width: 0 2px; }

.jspPane{ position: absolute; }
.jspVerticalBar{ position: absolute; top: 0; right: 0; width: 5px; height: 100%; margin: 30px 15px 0 0; }
.jspHorizontalBar{ position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; }
.jspVerticalBar *,
.jspHorizontalBar *{ margin: 0; padding: 0; }
.jspCap{ display: none; }
.jspHorizontalBar .jspCap{ float: left; }
.jspTrack{ background: #ccc; position: relative; }
.jspDrag{ background: #666; position: relative; top: 0; left: 0; cursor: pointer; }
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{ float: left; height: 100%; }
.jspArrow{ background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }
.jspArrow.jspDisabled{ cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow{ height: 16px; }
.jspHorizontalBar .jspArrow{ width: 5px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus{ outline: none; }
.jspCorner{ background: #eeeef4; float: left; height: 100%; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{ margin: 0 -3px 0 0; }

h1{ font: 18px DejaVuSansCondensedBold, futura, "Century Gothic", sans-serif; color: #130d0d; margin-bottom: .5em; }
p, ul, ol, dl{ margin-bottom: 1.5em; }

ul, ol{ margin-left: 25px; }

a:link{ color: #08435e; }
a:visited{ color: #130d0d; }
a:hover,
a:active{ text-decoration: none; }

#gallery_container{  }
#slideshow{ position: relative; }

div#container{ overflow: hidden; }
div.content{ display: 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{ float: right; width: 130px; height: 0; }
div.controls a{ outline: none; position: relative; top: 30px; }
.prev, .next, .play, .pause{ height: 20px; padding: 0 0 0 20px; font: 10px/20px DejaVuSansCondensedBold; text-align: left; }
.prev{ background: url(../images/prev.png) center left no-repeat; }
.next{ padding: 0 20px 0 10px; background: url(../images/next.png) center right no-repeat; }
.play{ background: url(../images/playpause.png) top left no-repeat; }
.pause{ background: url(../images/playpause.png) bottom left no-repeat; }
.prev:link,
.prev:visited,
.next:link,
.next:visited,
.ss-controls a:link,
.ss-controls a:visited{ color: #fff; }
a.play:hover, a.pause:hover{ text-decoration: none !important; }

div.slideshow-container,
div.loader,
div.slideshow a.advance-link{ display: block; clear: both; width: 1000px; padding: 0; margin: 0; background: #370b06; }

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

div.slideshow-container{ position: relative; height: 500px; padding: 2px 2px 0; margin: 0; }

div.loader{ position: absolute; top: 0; left: 0; }
div.slideshow span.image-wrapper{ display: block; }
div.slideshow a.advance-link{ display: block; width: 1000px; height: 500px; 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; }

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

#thumbs{ height: 65px; width: 435px; padding: 10px 10px 0 0; 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.selected a.thumb{ border-color: #370b06; margin-top: 0; -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); }
a.thumb{ display: block; width: 80px; height: 50px; margin: 5px 0 5px 5px; border: 1px solid #666; overflow: hidden; -webkit-transition-duration: .2s; }
a.thumb:focus{ outline: none; }
ul.thumbs img{ border: none; display: block; min-width: 80px; -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; }

#homeslideshow{ width: 1000px; height: 500px; overflow: hidden; clear: left; border: 1px solid #370b06; border-width: 2px 2px 0; z-index: 4; }
.slideshowPanel1,
.slideshowPanel2,
.slideshowPanel3,
.slideshowPanel4{ width: 333px; height: 500px; float: left; background: #000; overflow: hidden; }

label{ margin: 2px 0; float: left; clear: left; width: 130px; }
input{ margin: 2px 0; }
.required{ font-family: DejaVuSansCondensedBold; }
.error{ font-size: 10px; font-style: italic; font-weight: bold; color: #900; }
form img{ border: 3px solid #ddd; }
.small{ font-size: 10px; }

.kalamazoo_message{ padding: 20px; margin: 10px; background: #600; color: #fff; font-style: italic; }

footer{ clear: both; padding: 20px 0; color: #fff; font-size: 12px; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.75); }
address{ font-style: normal; }
address strong{ font-weight: normal; font-size: 18px; }

footer a:link{ color: #ccc; }
footer a:visited{ color: #fff; }

#social{ float: right; }
#social a img{ border: none; height: 32px; opacity: .7; -webkit-transition-duration:.4s; }
#social a:hover img{ opacity: 1; }