/* @override http://localhost:8000/static/stylesheets/design.css */
*{
	font-family:arial;
	line-height:1.5em;
}
body {
	width: 95%;
	height:100%;
	margin-left: auto;
	margin-right: auto;
}
p {
	font-size: 10px;
}
img {
	background: #CCC;
	display: inline;
	margin: 0px;
	padding: 0px;
	border-style: none;
	margin: 0px;
	color: #999;
	list-style: none;
}
a{
	color:#000;
}
a:hover{
	text-decoration: none;
}
/*
#logo img a {
	border-bottom: none;
	text-decoration: none;
}
#logo img a:hover {
	border-bottom: 1px solid #333;
	text-decoration: none;
}*/
#container {
	margin: 20px auto 40px;
	height:100%;
}
#content{
	height:100%;
}
#head {
	width: 200px;
	text-align: right;
}
.project{
	float: left;
	margin: 4em;
	padding: 0;
	background-color: #fff;	
	position: relative;
}
.anchor{
	position:absolute;
	top:-80px;
	border: 5px solid #999;
}
.face img{
	position: relative;
}
.face a{
	font-size: 0.1em;
}
.reverse, .face, .toggle-show{
	display:block;
	height:100%;
}
.gallery{
	position:absolute;
/*	margin:5px 0 0 45px;*/
	z-index:5;
}
.gallery a{
	width:20px;
	height:20px;
	background:#000;
	display:block;
	border: 1px solid #000;
}
.horizontal{
	left:45px;
	top:-30px;
}
.horizontal a{
	margin-right:-1px;
	float:left;
}
.horizontal .default-image{
	background:#000;
	margin-left:5px;
}

.image-horizontal{
	max-height:100%;
	max-width:100%;
}
.vertical{
	left:-30px;
	top:45px;
}
.vertical a{
	margin-bottom:-1px;
}
.vertical .default-image{
	background:#000;
	margin-top:5px;
}

.image-vertical{
	max-width:100%;
	max-height:100%;
}
/*
.corners img{
	z-index: 0;
}
img.dot_vertical{
	float: left;
	position: absolute;
	height: 15px;
	width: 1px;
}
img.dot_horizontal{
	float: left;
	width: 15px;
	height: 1px;
	position: absolute;
}*/
.loader{
	background: url(/static/images/loading.gif);
	width:20px;
	height:18px;
	position:absolute;
	left:-30px;
	top:0;
	display:none;
}
.registration-mark{
	position:absolute;
/*	background: url(/static/images/registration-mark.gif) center center no-repeat;*/
	
	
/*	border: 1px solid #999;*/
}
.horizontal .registration-mark{
	width:22px;
	border-bottom:2px solid #000;
/*	bottom:25px;*/
/*	margin-left:5px;*/
	height:16px;
}
.vertical .registration-mark{
	height:22px;
	border-right:2px solid #000;
/*	right:25px;*/
	margin-top:5px;
}
.reverse_in{
	padding: 40px;
}
.reverse h2{
	margin: 0;
}
h2 a{
	font: normal normal bold 1em Arial Helvetica, sans-serif;
	text-decoration:none;
	border-bottom:1px solid #999;
}
h2 a:hover{
/*	font: normal normal bold 1em Georgia, serif;*/
	text-decoration:none;
	border-bottom:1px solid #999;
}
.reverse, .face{
	z-index: 2;
}

img a {
	border-style: none;
	text-decoration: none;
}
img a:hover {
	border-style: none;
	text-decoration: none;
}

.meta{
	font-size:10px;
	position:absolute;
/*	top:0;*/
}
.horizontal .meta{
	white-space:nowrap;
	left:0;
	bottom:25px;
}
.vertical .meta{
	padding-right:4px;
	right:25px;
	text-align:right !important;
	float:right;
/*	border: 1px solid #999;*/
/*	width:200px;*/
/*	left:4px;*/
}