*{
margin:0; padding:0; border:0;
transition:		all 0.3s ease;
-webkit-transition:	all 0.3s ease;
-moz-transition:	all 0.3s ease;
-o-transition:		all 0.3s ease;
}
body, html{min-height:100%; background:#222222; color:#000000; font:11px Helvetica, Verdana, Geneva, sans-serif;}

a{color:#000000;}
strong, strong a{color:#202020;}
h1{color:#ffffff; text-align:right;letter-spacing:4px;}
h2, h3{text-align:left; letter-spacing:2px;}
table, tr, td{margin:0; border:0; padding:0;}
textarea, input, .form_subsection{background:#efefef; border:2px solid #cccccc;}
.form_subsection{width:350px; padding:10px;}

#container{position:relative; width:536px; margin:10px auto; padding:32px; background:#a7a7a7 url(interface/header1_flat.jpg) no-repeat;}

.has_more_info{position:absolute; background:transparent url(interface/expand.png) top right no-repeat;}
#content .has_more_info{background:transparent url(interface/expand-black.png) center right no-repeat;}
p .has_more_info{position:relative;}
.has_more_info .more_info{display:none;}
.has_more_info:hover .more_info{display:block; background:white; color:black; text-align:left; padding:10px; opacity:0.75;}
p .has_more_info:hover .more_info{position:absolute;}

#nav_menu{background:transparent url('interface/nav_bg_raster.png') top left no-repeat; width:512px; margin-top:125px; padding:2px 0 2px 0; position:absolute; list-style:none; clear:both;}
#nav_menu a, #outer_menu a:hover{color:#ffffff; text-decoration:none;}
.outer_item{float:left; padding:0 0 0 0; margin-left:25px; width:100px; min-height:20px; font-size:11px; color:#ffffff; cursor:pointer; font-size:14px; text-align:center;}
.outer_item ul{display:block; height:0; overflow:hidden;}
.outer_item:hover{background:transparent url('interface/outeritem_bg.png') top left repeat-x;}
.outer_item:hover ul{height:auto; list-style:none; margin:0; padding:0; background:transparent url('interface/submenu_bg.png') bottom left repeat-x;}
.outer_item:hover ul li{display:block;}

.gallery{margin:0; border:0; padding:0; padding-bottom:50px; width:536px; background:#e5e5e5 url(interface/grade.jpg) top left no-repeat; list-style-type:none;}
.gallery li{padding-top:50px;}
.gallery li div{text-align:right;}
.larger img{padding:10px;}

.album{width:512px; text-align:left; /*overflow:hidden;*/ background: #e0e0e0 url('interface/grade2.jpg') top left no-repeat;}
.scrollinglist{max-width:512px; text-align:left; vertical-align:bottom; white-space:nowrap; overflow:auto;}

.scrollinglist .thumbnail{
	/*border:10px solid #A7A7A7;*/
	display:inline-block;
	background: rgb(167, 167, 167); /* The Fallback */
   	background: rgba(167, 167, 167, 0.5);
	vertical-align: middle;
   	text-align:center;
   	width:85px;
   	height:85px;
   	padding:10px;
	margin-left:-50px;
	transform:		skew(0,-15deg) scale(0.75,0.75);
	-ms-transform:		skew(0,-15deg) scale(0.75,0.75); /* IE 9 */
	-webkit-transform:	skew(0,-15deg) scale(0.75,0.75); /* Safari and Chrome */
	-o-transform:		skew(0,-15deg) scale(0.75,0.75); /* Opera */
	-moz-transform:		skew(0,-15deg) scale(0.75,0.75); /* Firefox */
}
.scrollinglist .thumbnail img{
	//position:relative;
	margin-left: auto;
	margin-right: auto;
}
.scrollinglist .thumbnail:hover, .scrollinglist .thumbnail:focus, .thumbnail:target{
	margin-right:50px; margin-left:0px;
	transform:		skew(0,0) scale(1,1);
	-ms-transform:		skew(0,0) scale(1,1); /* IE 9 */
	-webkit-transform:	skew(0,0) scale(1,1); /* Safari and Chrome */
	-o-transform:		skew(0,0) scale(1,1); /* Opera */
	-moz-transform:		skew(0,0) scale(1,1); /* Firefox */
}
.scrollinglist .thumbnail:first-child{
	margin-left:0;
}
.scrollinglist .thumbnail:last-child:hover, .scrollinglist .thumbnail:last-child:focus{
	margin-right:0;
}
.larger{
	margin-top:-50px; margin-bottom:50px;
	z-index:1;
	max-height:0;overflow:hidden;
}
.larger:target{
	max-height:1000px;
	transition:		all 4s ease;
	-webkit-transition:	all 4s ease;
	-moz-transition:	all 4s ease;
	-o-transition:		all 4s ease;
}
.larger img{
	margin-top:50px;
	display:none;
}
.larger img{
	display:block;
}
/* styling for SVG elements or their html containers: */

.inactive{display:none;}
.active{display:block; position:fixed; top:0; left:0; width:100%; height:100%; opacity:1; z-index:5000;}

#loadingrect1, #loadingrect2, #loadingrect3{fill:#000000; stroke:none;}

.loading_state1{display:block; opacity:1;}
.loading_state1 #loadingcircle1{fill-opacity:0.5;}
.loading_state1 #loadingcircle2{fill-opacity:0.25;}
.loading_state1 #loadingcircle3{fill-opacity:0.5;}

.loading_state2 #loadingcircle1{fill-opacity:0.75;}
.loading_state2 #loadingcircle2{fill-opacity:0.5;}
.loading_state2 #loadingcircle3{fill-opacity:0.25;}

.loading_state3 #loadingcircle1{fill-opacity:0.5;}
.loading_state3 #loadingcircle2{fill-opacity:0.75;}
.loading_state3 #loadingcircle3{fill-opacity:0.5;}

.loading_state4 #loadingcircle1{fill-opacity:0.25;}
.loading_state4 #loadingcircle2{fill-opacity:0.5;}
.loading_state4 #loadingcircle3{fill-opacity:0.75;}