body {
	margin:0; padding:0;
	font:normal 62.5% lucida sans unicode, lucida grande, arial, helvetica, sans-serif;
	background-color:#232329;
}
ul.menu {
	width:840px;
	height:4em;
	list-style:none;
	padding:0;
	margin:10px auto;
	text-align:center;
	position:relative;
}
ul.var2 { width:870px; }
.menu li { display:inline-block; margin:0 4px; }
.menu a {
	display:block;
	position:relative;
	font-size:1.6em;
	line-height:26px;
	padding:0 .8em;
	text-align:center;
	color:#787878;
	text-decoration:none;
	-webkit-transition: font-size .1s linear;
}
ul.var2 a { width:110px; padding:0; }
.menu a:after {
	content:attr(title);
	display:block;
	width:100%;
	position:absolute;
	bottom:-.88em; left:0;
	opacity:.2;
	text-align:center;
	-moz-transform:scaleY(-1);
	-webkit-transform:scaleY(-1);
}
.menu a:hover {
	font-size:2em;
	padding:0 .4em;
	color:#c8c8c8;
}
ul.var2 a:hover { padding:0; }
.reflection-gradient {
	display:block;
	width:100%; height:1.6em;
	position:absolute;
	bottom:0; left:0;
	background:-webkit-gradient(linear, left bottom, left top, color-stop(.2, rgba(35,35,41,1)), to(rgba(35,35,41,0)));
}
.accord-wrapper { text-align:center; }
.accord {
	position:relative;
	display:inline-block;
	width:620px; height:260px;
	margin:10px auto;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
}
.acc-title {
	display:inline-block;
	width:40px; height:260px;
	background:#966;
	margin:0 -3px 0 0;
	vertical-align:top;
	overflow:visible;
	position:relative;
	text-decoration:none;
	font-size:2.2em;
	line-height:40px;
	color:#fff;
}
.acc-title:first-child {
	-moz-border-radius:6px 0 0 6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-bottom-left-radius:6px;
}
.acc-block:last-child {
	-moz-border-radius:0 6px 6px 0;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
}
.acc-title span {
	display:block;
	width:240px;
	position:absolute;
	bottom:-40px; left:0;
	padding-right:20px;
	text-align:right;
	-moz-transform-origin:top left;
	-moz-transform:rotate(-90deg);
	-webkit-transform-origin:top left;
	-webkit-transform:rotate(-90deg);
}
.acc-block {
	display:inline-block;
	width:0px; height:260px;
	background:#ddd;
	margin:0 -3px 0 0;
	vertical-align:top;
	text-align:left;
	overflow:hidden;
	-webkit-transition: width .5s ease-out;
	position:relative;
}
.acc-block:target {
	width:400px;
}
.acc-block .content {
	display:block;
	width:392px;
	padding:4px;
	margin:0;
	font-size:1.4em;
	color:#222;
}
.content img { display:block; float:left; margin-right:6px; border:1px solid #777; }
.content:first-letter {
	font-size:1.4em;
	background:#555;
	color:#ddd;
	padding:0 3px;
	margin-right:1px;
}
.content:first-line {
	font-weight:bold;
	font-size:1em;
	font-family:lucida sans, lucida, arial, helvetica, sans-serif;
	color:#000;
}
.content ul li { cursor:default }
.content ul li:hover { background:#e6e6e6; }

.at-one {
	background:#c9aa3d;
	background:-webkit-gradient(linear, left top, right top, from(#dfcc55), to(#b58a26));
}
.at-two {
	background:#3776c4;
	background:-webkit-gradient(linear, left top, right top, from(#4da5dc), to(#234baf));
}
.at-three {
	background:#b2412a;
	background:-webkit-gradient(linear, left top, right top, from(#d15b3b), to(#94281a));
}
.at-four {
	background:#4f9630;
	background:-webkit-gradient(linear, left top, right top, from(#6fc043), to(#316e1e));
}
.at-five {
	background:#a64297;
	background:-webkit-gradient(linear, left top, right top, from(#ca5cc1), to(#83286e));
}

.gallery-frame {
	height:300px; width:100%;
	margin:10px auto;
	position:relative;
	background:-webkit-gradient(linear, left bottom, left top, from(#232329), color-stop(.3, #39393f), color-stop(.3, #232329), to(#232329));
	overflow-x:auto;
	overflow-y:hidden;
/*	overflow:hidden;*/
}
.gallery-wrapper {
	width:1540px; height:300px;
	position:absolute;
	top:0; left:0;
}
.thumb-wrapper {
	width:280px; height:240px;
	display:inline-block;
	position:relative;
	vertical-align:top;
	margin-left:20px;
	-webkit-transition: all .2s linear;
}
.thumb-wrapper:hover {
	-moz-transform:scale(1.14);
	-webkit-transform:scale(1.14);
}
.thumb-link {
	display:block;
	height:240px;
}
.thumb-link img {
	display:block;
	border:solid 4px #ddd;
	position:absolute;
	bottom:0; left:0;
}
.thumb-reflect {
	position:absolute;
	top:241px; left:0;
	border:solid 4px #ddd;
	-moz-transform:scaleY(-1);
	-webkit-transform:scaleY(-1);
	opacity:.26;
}
.author-link {
	display:block;
	width:80%;
	position:absolute;
	top:240px; left:0;
	text-align:center;
	text-decoration:none;
	color:#ccc;
	opacity:.8;
	font-size:1.4em;
	font-family:Georgia, Times, Times New Roman, serif;
	font-style:italic;
}
.author-link:first-letter { font-size:1.4em; }