html,body {width:100%;height:100%;font-family:'Dosis',sans-serif;font-weight:300;overflow:hidden;color:#444}
a {color:#444;text-decoration:none}
a:hover {color:#444;text-decoration:underline}

.button {cursor:pointer;line-height:22px;height:22px;background:#000;color:#fff;margin-right:8px;padding:0 8px;font-size:13px}

.arrow-left {width:48px;height:33px;overflow:hidden;background:url(img/arrow-sprite.png) 0 0;cursor:pointer}
.arrow-left:hover {background-position:0 -33px;}

.arrow-right {width:48px;height:33px;overflow:hidden;background:url(img/arrow-sprite.png) -48px 0;cursor:pointer}
.arrow-right:hover {background-position:-48px -33px;}

#div-page-background {position:absolute;top:0px;left:0px;width:0;height:0;overflow:hidden;z-index:1}
#img-page-background-grayscale {position:absolute;bottom:0;right:0;opacity:0.1;z-index:1;width:100%}
#img-page-background {position:absolute;bottom:0;right:0;z-index:2;opacity:1;width:100%}

#img-logo {position:absolute;top:0;left:3px;z-index:99;cursor:pointer}

#div-portfolio {position:absolute;top:0;left:0;width:100%;height:100%;z-index:7;display:table}
#div-portfolio section {display:table-cell;vertical-align:middle;text-align:center;position:absolute;top:0;left:0;width:100%;height:100%}
#div-portfolio section h2 {display:none}
#div-portfolio section div {display:none;width:65%;margin-top:0}
#div-portfolio section div img {display:block;margin:0 auto;visibility:hidden;width:100%}
#div-portfolio section div span {display:none;padding-top:8px;font-size:12px}

.state-zoomable img {cursor:none}
div.state-zoomed {z-index:99 !important}

#img-loader {position:fixed;top:50%;left:50%;width:23px;height:19px;display:none}
.zoom-cursor {width:29px;height:29px;position:fixed;top:0;left:0;cursor:none;z-index:9999;overflow:hidden;display:none}


#nav-main {position:absolute;top:116px;left:8px;z-index:99}
#nav-main > span, #nav-main > div > span, #nav-main a {letter-spacing:2px;display:block;cursor:pointer;width:86px;line-height:22px;height:22px;background:#4e4e4e;color:#fff;margin-bottom:2px;text-decoration:none;padding-left:8px;font-size:13px}

#nav-portfolio span {display:inline-block;cursor:pointer;line-height:20px;background:rgba(242,242,242,0.8);color:#333;margin-bottom:2px;text-decoration:none;padding:0 8px;font-size:12px;height:0;overflow:hidden}
#nav-portfolio div {height:0;overflow:hidden}

#nav-gallery {position:absolute;top:40%;right:10%;display:none}
#nav-gallery > span {display:inline-block;cursor:pointer;line-height:22px;height:22px;background:#4e4e4e;color:#fff;margin-right:8px;padding:0 8px;font-size:13px}

#nav-thumbs {position:absolute;height:84px;z-index:99;left:0px;bottom:0px}
#nav-thumbs div {width:66px;height:84px;visibility:hidden;background:rgba(255,255,255,0.2)}
#nav-thumbs div.active {top:-5px !important;background:rgba(255, 255, 255, 0.8) url('img/thumbnail-frame.png') !important;}
#nav-thumbs div.active .img-grayscale {opacity:1}

#nav-thumbs img {cursor:pointer;display:block;position:absolute;top:5px;left:5px;width:56px;height:75px;z-index:1}
.img-grayscale {z-index:2}

header {position:fixed;top:10px;right:10px;z-index:99;font-size:16px}
header a, header span {display:inline-block;margin-left:20px}
.footer-side {position:fixed;bottom:150px;left:20px;z-index:99;font-size:13px}
.footer-side {-moz-transform: rotate(-90deg); -moz-transform-origin: bottom left;-webkit-transform: rotate(-90deg);-webkit-transform-origin: bottom left;filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.footer-bottom {position:fixed;bottom:0;left:0;z-index:99;font-size:13px;width:100%;text-align:center;display:none;padding:4px 0}

.ie footer {bottom:350px}

.img-video-thumb {background-position:center center;background-repeat:no-repeat;width:56px;height:75px}
.img-fb-icon {width:16px;height:16px;display:inline-block;margin-right:10px;position:relative;top:2px}

.div-html-content {overflow:hidden;background:#fff;text-align:left;padding:12px 16px 2px 16px;font-size:14px;font-family:Helvetica,Arial,sans-serif;line-height:20px}
.div-html-content a {color:rgba(235,151,164,1)}
.div-html-content p {padding-bottom:12px}
.div-html-content label {display:block;height:25px;line-height:30px}
.div-html-content input,.div-html-content textarea {display:block;background:#000;color:#fff;font-size:14px;width:280px;border:none;padding:4px}
.div-html-content textarea {height:125px}
.div-html-content div {display:block !important}


@media screen and (max-height: 770px) {
	.footer-side {
		display:none;
	}
	.footer-bottom {
		display:block;
	}
	#nav-thumbs {
		bottom:20px;
	}
}

#div-portfolio section  .div-html-content label .error {display:none}
#div-portfolio section  .div-html-content label .label {display:inline-block}

#div-portfolio section  .div-html-content label.error .error {display:inline-block !important}
#div-portfolio section  .div-html-content label.error .label {display:none !important}