/* @override http://archann.net/archan/css/master.css */

/* CSS RESET */

html, body, div, span, h1, h2, h3, h4, h5, p, a, ol, ul, li, cite, fieldset, form, input, hr, textarea, img{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent; }

:focus{
	outline: 0; }

ol, ul, li{
	list-style: none; }

a{
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px solid;
	color: #dadcd7; }

a:hover{
	color: #ccff00;
	cursor: pointer; }

html, body{
	background: #151616;
	color: #dadcd7;
	font: normal 100%/1.3em "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: center; }

#container{
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 1em 0 0;
	text-align: left; }

h1{
	border-bottom: 1px solid #888; }

h1 a{
	display: block;
	width: 373px;
	height: 56px;
	margin: 0 0 20px;
	text-indent: -9999px;
	border: 0;
	background: url(../img/logo.png) no-repeat; }

h1 span{
	display: none; }

#menu{
	margin: 0 0 20px;
	padding: 9px;
	border-bottom: 1px solid #888; }

#menu li{
	float: left;
	margin: 0 20px 0 0; }

#menu li a{
	display: block;
	height: 11px;
	border: 0;
	text-indent: -9999px;
	background: url(../img/menu.png); }

#menu #menu_about a{
	width: 51px; }

#menu #menu_about a:hover{
	background-position: 0 100%; }

#menu #menu_gallery a{
	width: 64px;
	background-position: -51px 0; }

#menu #menu_gallery a:hover{
	background-position: -51px 100%; }

#menu #menu_contact a{
	width: 66px;
	background-position: -115px 0; }

#menu #menu_contact a:hover{
	background-position: -115px 100%; }

#menu #menu_shop a{
	width: 44px;
	background-position: -181px 0; }

#menu #menu_shop a:hover{
	background-position: -181px 100%; }

#menu #drop{
	position: absolute;
	right: 9px;
	top: 102px;
	margin: 0; }

#menu #drop a{
	width: 38px;
	height: 11px;
	background-position: -225px 0; }

#drop:hover ul{
	display: block; }

#drop ul{
	display: none;
	position: absolute;
	top: 20px;
	right: -10px;
	width: 80px;
	padding: 5px 8px;
	background: #dadcd7;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	z-index: 1111; }

#drop ul li.first{
	position: absolute;
	top: -30px;
	right: 0;
	display: block;
	width: 95px;
	height: 30px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	border: 0;
	background: url(../img/arrow.png) no-repeat 60px 100%; }

#drop ul li.first:hover{
	border: 0;
	padding: 0; }

#drop ul li{
	padding: 5px 0; }

#drop li:hover{
	padding: 5px 0 4px;
	border-bottom: 1px solid #000; }

#menu #drop #all a{
	width: 22px;
	background-position: -225px 100%; }

#menu #drop #filter_featured a{
	width: 60px;
	background-position: -263px 0; }

#menu #drop #filter_commercial a{
	width: 80px;
	background-position: -323px 0; }

#menu #drop #filter_personal a{
	width: 62px;
	background-position: -403px 0; }

.art ul li{
	position: relative;
	width: 213px;
	height: 162px;
	float: left;
	margin: 0 9px 9px 0;
	border: 9px solid #151616;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em; }

.art ul li img.load{
	padding: 80px 0 0 100px; }

.art ul li#slideshow{
	width: 693px;
	height: 351px;
	background: url(../img/ajax_loader.gif) 50% 50% no-repeat; }

.art ul li:hover{
	background: #dadcd7;
	border: 9px solid #dadcd7;
	-webkit-transition: .4s ease-in }

.art ul li#slideshow:hover{
	border: 9px solid #dbddd7; }

.art ul li a{
	border: 0; }

.art ul li span{
	opacity: 0;
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 100%;
	padding: .5em .3em .3em;
	background: url(../img/thumb_bg.png) no-repeat;
	color: #333;
	font-size: 12px;
	text-align: center; }

.art ul li span.descr{
	display: none; }

.art ul li#slideshow span{
	background: url(../img/thumb_bg_sl.png) no-repeat; }

.art ul li:hover span{
	opacity: 1;
	-webkit-transition: .4s ease-in }

.art li img{
	-webkit-border-radius: .3em }

.description{
	float: left;
	width: 444px;
	margin: 0 9px 9px 0;
	border: 9px solid #151616; }

.close{
	position: absolute;
	top: 149px;
	right: 0;
	padding: 5px 8px;
	background: #dadcd7;
	color: #000;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em; }

#footer{
	clear: both;
	padding: .5em 9px;
	text-align: right;
	font-size: 12px;
	border-top: 1px solid #777; }

.about{
	font-size: 13px; }

.about h2{
	padding: 0 0 .5em;
	font-size: 15px;
	color: #ccff00; }

.about p{
	padding: 0 0 1.5em; }

.about p:last-child{
	padding: 0 0 1em; }

.about ul{
	padding: 0 0 1.5em; }

.about ul li{
	float: left;
	width: 25%; }

.about ul li:before{
	content: "· "; }

/* Overlay */

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	opacity: 0;
	width: 100%;
	background: rgba(0,0,0,.7);
	text-align: center; }

#art{
	padding: 10px;
	margin: 30px auto 0;
	background: #dadcd7 url(../img/loader_grey.gif) 50% 50% no-repeat;
	color: #000;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	z-index: 1000; }

#art:hover{
	cursor: move; }

#art img{
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em; }

#art span{
	display: block; }

#close{
	position: absolute;
	right: 5px;
	top: 5px;
	background: #000;
	padding: 4px 6px;
	border: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; }

/* Clear this */

#content:after,
#menu:after,
.about ul:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }