/*                         
MADE BY
 _               _    _       _   _   
| |_ ___ ___ ___|_|  | |_ ___| |_| |_ 
|   | -_|   |  _| |  | '_| . | '_| '_|
|_|_|___|_|_|_| |_|  |_,_|___|_,_|_,_|

WISEMAN INTERACTIVE
http://www.wiseman.ee
*/
a img{border:none;}
*:focus{outline:0;}
textarea{resize:none;}

a{-moz-outline-style:none;}
img { -ms-interpolation-mode: bicubic; }
.rotated{/* Safari */-webkit-transform: rotate(-90deg);/* Firefox */-moz-transform: rotate(-90deg);/* Internet Explorer */filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.no_select{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {display: block; margin:0; padding:0;}
body{margin:0; font-family:Arial, Helvetica, sans-serif; background:#666666; min-width:1008px;}
html{min-width:1008px;}
*{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.hidden{display:none;}

.fluid-background{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; z-index:0;}
.fluid-background .fluid-image{position:absolute; top:0; left:0; z-index:1;}
.fluid-background .fluid-active{z-index:2;}

.fluid-fullscreen{position:absolute; top:3px; right:3px; background:url(../imgs/maximize.png); width:25px; height:24px; overflow:hidden; text-indent:-999px; z-index:999;}
.maximizedView .fluid-fullscreen{background:url(../imgs/minimize.png); width:36px; height:36px;}

.fluid-loader{position:absolute; z-index:50; top:50%; left:50%; width:50px; height:50px;  margin:-25px 0 0 -25px; display:none; }
.fluid-trigger{display:none;}

.fluid-previous{position:absolute; top:50%; left:0px; background:url(../imgs/background-navi.png) 0 0; height:75px; width:76px; margin:-37px 0 0 0; text-decoration:none; overflow:hidden; text-indent:-999px; z-index:10;}
.fluid-previous:hover{background-position:right top;}

.fluid-next{position:absolute; top:50%; right:0px; background:url(../imgs/background-navi.png) 0 bottom; height:75px; width:76px; margin:-37px 0 0 0;  text-decoration:none; overflow:hidden; text-indent:-999px; z-index:10;}
.fluid-next:hover{background-position:right bottom;} 

.fluid-loader{position:absolute; z-index:50; top:50%; left:50%; width:50px; height:50px;  margin:-25px 0 0 -25px; display:none !important;  opacity:0; visibility:hidden !important;}

.fluid-timer{position:absolute; z-index:50; top:0; left:0; width:100%; display:none !important;}
.fluid-timer div{float:left; height:5px; background:#fff; overflow:hidden; width:0;}

.fluid-fullScreenButton{position:absolute; left:0; top:5px; background:rgba(255,255,255,0.5); line-height:23px; z-index:4; color:red; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:0 10px; cursor:pointer; z-index:40;}
.fluid-thumbnails{position:absolute; bottom:10px; left:0; right:0;height:93px; z-index:50;}
.fluid-thumbnailWrapper{position:absolute; left:0px; right:0px; top:0px; bottom:0px; overflow:hidden;}
.fluid-thumbnailScroller{position:absolute; top:2px; left:0; height:100%;}
.fluid-thumbnailScroller div{float:left; padding:0 3px;}
.fluid-thumbnailScroller div a{float:left; width:132px; height:90px; -moz-box-sizing:content-box; -webkit-box-sizing: content-box; box-sizing:content-box;}
.fluid-thumbnailScroller div a:hover{border:rgba(255,255,255, 0.7) 1px solid; margin:-1px;}
.fluid-thumbnailScroller div a.active{border:rgba(255,255,255, 1) 1px solid; margin:-1px;}
.fluid-thumbnailScroller div a img{width:132px; height:90px;}

#mainMenu{position:absolute; top:0; left:0; width:210px; background:#9D9D9D; bottom:0; }
#mainMenu .logo{float:left; width:100%; height:202px; background:url(../imgs/logo.gif) center center no-repeat #fff; overflow:hidden; text-indent:-999px;}
#mainMenu .links{display:block; clear:both; width:210px; padding:15px 0 0 40px; line-height:143%; font-size:15px;}
#mainMenu .links a{float:left; clear:both; text-decoration:none; color:#fff;}

#frontPage{position:absolute; top:0; left:210px; right:0; bottom:0; overflow:hidden; min-width:798px;}
#frontPage .introduction{position:absolute; right:0; width:798px; bottom:60px; background:rgba(0,0,0,0.7); color:#fff; padding:15px 15px 5px 15px; font-size:15px; line-height:120%; z-index:1;}
#frontPage .introduction h1{margin:0; font-size:26px; line-height:120%; margin:0 0 20px 0;}
#frontPage .introduction p{margin:15px 0;}
#frontPage .fluid-thumbnails{display:none;}
#frontPage .fluid-previous{display:none;}
#frontPage .fluid-next{display:none;}

#gallery{position:absolute; top:0; left:210px; right:0; height:100%; overflow:auto; min-width:798px; padding:40px 4px 0px 44px;}
#gallery .group{float:left; width:100%; color:#fff; margin-bottom:13px;}
#gallery .group h2{float:left; width:100%; margin:0 0 15px 0; font-size:20px; padding-left:2px;}
#gallery .group a{float:left; width:220px; margin:0 20px 17px 0; font-size:12px; text-decoration:none; background:#fff; line-height:120%; color:#333333;}
#gallery .group a span{float:left; width:100%; height:36px; border-top:#000 1px solid; padding:10px 8px 0 8px; font-weight:bold; text-align:center}

#details{position:absolute; width:300px; top:0; right:0; bottom:0; background:#fff; overflow:hidden; overflow-y:auto; box-sizing:border-box; -moz-box-sizing:border-box; padding:14px 10px 20px 10px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#details ul{padding:0; list-style:none;}
#details .sm_heading{font-size:14px; font-weight:700;}
#details .sm_heading .price{font-size:30px;}
#details .adobe_link a{color:#5D5D5D; text-decoration:none;}
#details .adobe_link img{vertical-align:middle;}

#gallery-detail{position:absolute; top:0; left:210px; right:300px; background:#666666; bottom:0;}

#navi{padding:20px 20px 20px 10px; bottom:0; right:14px; width:275px; font-size:10px; line-height:13px; text-align:center; position:fixed; background:#fff;}

#navi a{color:#000; text-decoration:none; font-size:12px;}
#navi a.prev{float:left;}
#navi a.next{float:right;}
#navi a.prev:before{content:"."; float:left; width:8px; height:13px; margin-right:3px; background:url(../imgs/prev.png);}
#navi a.next:after{content:"."; float:right; width:8px; height:13px; margin-left:3px; background:url(../imgs/next.png);}

#buttons{float:right; position:relative; margin-right:20px;}
#buttons a{float:left; margin-left:10px;}
#details .content:before{content:"."; height:1px; overflow:hidden; width:100%; clear:both; visibility:hidden; display:block; float:left; height:50px;}
#details .content:after{content:"."; height:150px; overflow:hidden; width:100%; clear:both; visibility:hidden; display:block; float:left; height:50px;}
#sendMail{position:absolute; top:34px; right:-7px; width:285px; background:#999999; padding:10px 22px 35px 22px; -moz-box-sizing:border-box; box-sizing:border-box; z-index:100; color:#fff; font-size:16px; display:none;}
#sendMail *{ -moz-box-sizing:border-box; box-sizing:border-box; }
#sendMail .label{float:left; width:100%; position:relative; margin-bottom:30px;}
#sendMail .label .title{position:absolute; heihgt:15px; line-height:15px; background:#000; padding:0 6px; font-size:12px; color:#fff; top:-15px; left:0; display:none;}
#sendMail .label.focus .title{display:block;}
#sendMail .label.focus *{border-color:#000;}
#sendMail .label input{width:100%; height:27px; border:#CCCCCC 1px solid; padding:0 5px; line-height:27px; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
#sendMail .label textarea{width:100%; height:62px; border:#CCCCCC 1px solid; padding:5px; line-height:120%; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
#sendMail h2{font-size:20px; margin:0; font-weight:normal; margin:0 0 35px 0; color:#fff;}
#sendMail .label.error *{border-color:#ff0022;}
#sendMail .submit{float:right; margin-top:-23px; height:29px; background:#000; color:#fff; line-height:29px; text-decoration:none; padding:0 20px; font-size:16px; font-weight:bold;}
#sendMail:before{content:"."; position:absolute; top:-13px; height:14px; overflow:hidden; text-indent:-999px; right:27px; width:23px; background:url(../imgs/arrow.png);}
#sendMail-opaque{position:fixed; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.2); z-index:90;}


#printHeader { border-bottom: 1px  solid #858585;height: 120px; display:none;}
#printLogo {float:left;}
#printLogo #printingLogo {padding-right:30px;}
#printHeader #printHeaderFont {font-size:16px;}
#printPhotos{ display:none;}
#printPhotos img{margin-right:10px;}


@media (max-width:1008px ){
	#details{right:auto; left:708px;}	
	#gallery-detail{min-width:498px;}
}

@media print{
	#mainMenu{display:none;}
	#gallery-detail{display:none;}
	#details{width:100%; left:auto; right:auto; bottom:auto; top:auto; position:static; float:none; margin:0;}
	#details:before{content:"."; height:1px; overflow:hidden; width:100%; clear:both; visibility:hidden; display:block; }
	.spacer{display:none;}
	#buttons{display:none;}
	#navi{display:none;}
	#details .content table{width:100%;}
	body{background:#fff;}
	#printHeader{display:block;}
	#printPhotos{display:block;}
};