html {
	text-align: center;
}
body {
	background: #fff;
	text-align: center;
	font-family: "Toranto Subway", "Century Gothic", "Helvetica Neue",helvetica,Arial,sans-serif;
	color: #fff;
}

@font-face {
    font-family: 'TeXGyreAdventorRegular';
    src: url('texgyreadventor-regular-webfont.eot');
    src: url('texgyreadventor-regular-webfont.eot?iefix') format('eot'),
         url('texgyreadventor-regular-webfont.woff') format('woff'),
         url('texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('texgyreadventor-regular-webfont.svg#webfontVNQ4fiYu') format('svg');
    font-weight: normal;
    font-style: normal;

}



li {
	cursor: pointer;
	font-family: "Toranto Subway", "TeXGyreAdventorRegular", "Century Gothic", "Helvetica Neue",helvetica,Arial,sans-serif;
	font-size: 16px;
}
.big_block_left {
	font-family: "Toranto Subway", "TeXGyreAdventorRegular", "Century Gothic", "Helvetica Neue",helvetica,Arial,sans-serif;
}
h1 {
	color: #bbbb00;
	margin: 0;
	font-size: 16px;
	font-weight: normal;
}
div#wrapper{
	border: 0px dotted blue;
	margin: 200px auto 500px;
	position: relative;
	width: 640px;
	text-align: left;
}
#innerwrapper{
	border: 1px dashed red;
	display:block;
	overflow: visible;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}
ul.squares {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: right;
	float: left;
}
ul.squares li h2{
	font-weight: normal;
	margin: 85px 5px 0 5px;
	font-size:16px;
}
ul.squares li{
	display: block;
	margin: 0 ;
	float: left;
	background: #abab00;  
	overflow: hidden;
	border-top: 5px solid #fff;
	border-right: 5px solid #fff;
}
ul.focus{
}
ul.half li:hover{
	cursor: pointer;
}
ul.focus li{
	width: 155px;
	height: 155px;
	position: relative;
	cursor: pointer;
}
ul.quarter li{
	width: 35px;
	height: 35px;
}
ul.eighth li{
	width: 15px;
	height: 15px;
}
ul.hidden li{
	width: 0px;
	height: 0px;
	overflow: hidden;
}
ul.hiddendeep li{
	width: 0px;
	height: 0px;
	overflow: hidden;
}
ul.hiddenrealdeep li{
	width: 0px;
	height: 0px;
	overflow: hidden;
}
div.img_full {
	position: absolute;
	top: 0;
}
div.big_block {
	background: #abab00;
	overflow: hidden;
	position: relative;
	top: -58px;
	padding: 0;
}
div.big_block_left {
	display: block;
	width: 155px;
	height: 50px;
	margin: 90px 5px 0 10px;
	float: left;
	font-size: 16px;
}

div.big_block_right {
	display: block;
	width: 290px;
	float: left;
	font-size:14px;
	line-height: 18px;
	margin: 10px 10px 10px 0;
}

div#about {
	margin: 0 0 0 320px;
	width: 0;
	height: 0;
	background-color: #abab00;
}
div#contact {
	margin: 0 0 0 160px;
	width: 0;
	height: 0;
	background-color: #bbbb00;
}
#photos_holder li{
	background: #abab00 url(../img/ajax-loader.gif) center center no-repeat;
}
.loading_things{
	background: #ffffff url(../img/ajax-loader.gif) center center no-repeat;
}
div#footer {
	text-align: right;
	position: fixed;
	bottom: 25px;
	right: 55px;
	margin: 0;
	color:#ccc;
	font-size:10px;
	display: block;
	height: 20px;
	line-height: 18px;
	padding: 0;
	
}
a#eye_scream{
	display: block;
	position: fixed;
	width: 30px;
	height: 30px;
	overflow: hidden;
	float: right;
	margin: 0 10px 0 50px;
	text-indent: -9999px;
	bottom: 15px;
	right: 15px;
	background: #ffffff url(../img/eye.jpg) 0 0 no-repeat;
	margin: 0;
	padding: 0;
}
a#eye_scream:hover{
	background: #ffffff url(../img/eye.jpg) 0 -30px no-repeat;
}

#title {
	background: #ffffff url(../img/title.png) 0 0 no-repeat;
	text-indent: -9999px;
	position: relative;
	top: 0;
	display: block;
}