@import url(reset.css);


/*webkit biz*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
html { overflow: auto }
body { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow-y: auto; overflow-x: auto }
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment,
::-webkit-scrollbar-button:vertical:increment { display: none }
::-webkit-scrollbar { width: 5px; height: 5px }
::-webkit-scrollbar-track-piece { background-color: #ddd }
::-webkit-scrollbar-thumb { background: #ababab; -webkit-border-radius: 3px }
::-webkit-scrollbar-thumb:window-inactive { background: #ddd }
::-webkit-scrollbar-thumb:vertical { height: 50px }
::-webkit-scrollbar-thumb:horizontal { width: 50px }
}


html {
	width: 100%;
	height: 100%;
}

body {
	background: #fff;
	background-position: 50% 50%;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	color: #666;
	font: 11px/16px "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

p {
	margin-bottom: 16px;
}

a:link,a:visited {
	color: #ababab;
	text-decoration: none;
}

a:hover,a:active {
	color: #737373;
}

a:focus,a:active,input:focus,input:active {
	outline: none;
}

ul {
	list-style: none;
}

h1,h1 a {
	margin-bottom: 15px;
	color: #ababab;
	text-transform: lowercase;
	font: 18px/18px Times, Georgia, serif;
}

#menu {
	position: absolute;
	z-index: 99;
	overflow: auto;
	width: 180px;
}

#menu .container {
	background: rgba(255,255,255,.5);
	border-radius: 0 0 50px 0;
}

#menu ul li.active a {
	color: #737373;
	cursor: default;
}

#menu ul li.section-title {
	color: #ababab;
	cursor: pointer;
}

#menu ul li.section-title:hover {
	color: #737373;
}

#menu li.sec1,#menu ul#list1 {
	display: none !important;
}

/*hides "home" link and misc pages*/
ul#list li {
	padding-left: 10px;
}

ul#list li.section-title {
	padding-left: 0 !important;
}

#content ul#list1 {
	margin-top: 1em;
}

#content {
	padding-left: 180px;
	width: 100%;
	height: 100%;
}

#content p,
#content ul:not(#visualindex),
#content table {
	max-width: 540px;
}

body.section-1 #content {
	padding-top: 49px;
}

body.section-1 strong {
	letter-spacing: 2px;
}

body.section-4 #content {
	padding-top: 49px;
}

p.nav {
	margin: 2px 0 35px;
}

#num {
	margin-left: 10px;
	color: #ababab;
}

#num:before {
	content: "(";
}

#num:after {
	content: ")";
}

#img-container {
	display: block;
	min-height: 450px;
}

#img-container img {
	#width: 100%;
	max-width: 540px;
	#max-height: 540px;
}

.img-bot {
	display: block;
	margin-bottom: 6px;
	padding-right: 20px;
}

.container {
	padding: 20px;
}

.slidetitle {
	font-style: italic;
}

.indent {
	margin-left: 15px;
}

.shaun {
	margin-top: 200px;
}

#once {
	clear: left;
}
.hidden {
	display: none;
}

#visualindex { margin: 0 -20px }
#visualindex li, #visualindex div { display: block; #width: 240px; position: relative }
#visualindex li { float: left; margin: 0 20px 20px 0; position: relative }
#visualindex img { height: 250px }
#visualindex span { position: absolute; top: 0; right: 0; bottom: 0; left 0; width: 100%; height: 100%; line-height: 270px; text-align: center; background: rgba(255,255,255,.8); opacity: 0 }
#visualindex li:hover span { opacity: .99999 }
#visualindex div { height: 180px; margin-bottom: 6px;
			-moz-background-size: cover; -o-background-size: cover;
			-webkit-background-size: cover; background-size: cover;
			 background-position: center center; background-repeat: no-repeat; background-color: #9b9f98 }


#d-col1 { max-width: 100%; overflow: auto; margin-bottom: 20px }
#d-col1 td { padding: 0 20px 20px 0 }
#d-col1 img { width: auto; max-width: auto; height: 80px }
#d-col2 img { margin-bottom: 16px }
.title { margin-right: 15px }


/* right thumbs */
#rth1 {
	position: fixed;
	top: 48px;
	right: 0;
	bottom: 0;
	width: 130px;
	padding: 15px 15px 0 0;
	background: #fff;
	border-left: 3px solid #f5f5f5;
	overflow-y: auto;
	overflow-x: hidden;
	}

#rth1 img {
	background: #000;
	width: 100px;
	margin: 0 15px 15px;
	}

#rth1 img:focus,
#rth1 img:active {
	filter: alpha(opacity=8);
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	opacity: 0.8;
	}

#rth2 {
	padding: 0 175px 0 30px;
	color: #999;
	}

#rth2 img {
	display: block;
	max-width: 100%;
	margin: 0 auto 15px;
	}

#hidden-text {
	display: none;
	}