/*
Template Name: Vivid Photo
Theme URI: http://www.priteshgupta.com/templates/vivid-photo
Description: Free Photography Template
Author: Pritesh Gupta
Author URI: http://www.priteshgupta.com/
Version: 2.0
License: New BSD License
License URI: license.txt
*/
/**
 * Vivid Photo | Free Photography Template Version 2.0
 * By PriteshGupta.com 
 * Download for free at http://www.priteshgupta.com/templates/vivid-photo
 
	Released under New BSD License
	http://www.opensource.org/licenses/bsd-license.php
	 
	Copyright (c) 2012, PriteshGupta.com
	All rights reserved.
	
*/

html,body {
height:100%;
background-size:cover;}

body {
background-color:#000;
overflow:auto;
font-family:arial, serif;
margin:0;
padding:0;}

table {
table-layout:fixed;}

hgroup {
position:fixed;
z-index:3;
left:7px;
top:5px;
background:rgba(0,0,0,0.2);
color:#FFF;
font-family:arial, serif, sans-serif;
font-size:17px;
letter-spacing:1px;
text-shadow:rgba(0,0,0,0.10) 0 1px 1px;
padding:7px;}

hgroup h3 {
text-align: center;
font-family:Jicharev;
font-size:27px;
text-shadow:rgba(0,0,0,1) 3px 2px 0;
margin:0;}

hgroup h2 {
text-align: center;
font-family:arial, serif;
font-size:15px;
font-weight:100;
text-shadow:rgba(0,0,0,1) 3px 2px 0;
margin:0;}

hgroup h1 {
text-align: center;
font-family:arial, serif;
font-size:15.5px;
font-weight:100;
text-shadow:rgba(0,0,0,1) 3px 2px 0;
margin:0;}

hgroup h5 {
font-family:arial, serif;
font-size:12px;
color:#898989;
font-weight:100;
margin:0;}


hgroup h6 {
font-family:arial, serif;
font-size:10px;
color:#898989;
font-weight:100;
margin:0;}



hgroup a {
text-decoration:none;
color:#FFF;
border-bottom:1px dashed #FFF;
-webkit-transition:all 1s ease-out;
-moz-transition:all 1s ease-out;
-o-transition:all 1s ease-out;
-ms-transition:all 1s ease-out;
transition:all 1s ease-out;}

hgroup a:hover {
background:rgba(0,0,0,0.50);
-webkit-transition:all 1s ease-out;
-moz-transition:all 1s ease-out;
-o-transition:all 1s ease-out;
-ms-transition:all 1s ease-out;
transition:all 1s ease-out;}

#ctext {
position:fixed;
z-index:3;
left:7px;
top:5px;
background:url(images/fs_img_g_bg.png);
color:#FFF;
font-family:arial, serif, sans-serif;
font-size:17px;
letter-spacing:1px;
text-shadow:rgba(0,0,0,0.10) 0 1px 1px;
padding:7px;}

#toolbar {
position:fixed;
z-index:3;
right:10px;
top:10px;
background:url(images/fs_img_g_bg.png);
padding:5px;}

#toolbar img {
border:none;}

#img_title {
position:fixed;
z-index:3;
right:10px;
bottom:88%;
background:url(images/fs_img_g_bg.png);
color:#EFEFEF;
font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
font-size:10px;
letter-spacing:1px;
padding:5px;}

#copy {
z-index:10;
font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
font-size:11px;
color:#898989;}

#copy2 {
z-index:10;
font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
font-size:14px;
color:#FFF;}

#text {
font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
font-size:13px;
color:#898989;}

#text-ul {
font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
text-align: justify;
font-size:17px;
color:#FFF;}

#result {
font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
font-size:25px;
color:#FFF;
font-weight: bold;
}


.text-ul a {
color:#FFF;}

.text-ul a:hover {
color:#898989;
font-weight:700;}

#text-b {
font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
line-height:3;
font-size:17px;
color:#FFF;}

.text-b a {
color:#FFF;
text-decoration:none;}

.text-b a:hover {
color:#898989;
font-weight:700;
text-decoration:none;}

#bg {
position:fixed;
z-index:1;
overflow:hidden;
width:100%;
height:100%;}

#overlay {
width:100%;
height:100%;
position:fixed;
bottom:120px;
left:0;
opacity:0.5;}

#bgimg {
display:none;
-ms-interpolation-mode:bicubic;}

#preloader {
position:relative;
z-index:3;
width:32px;
top:80px;
background:#000;
margin:auto;
padding:20px;}

#thumbnails_wrapper {
z-index:2;
position:fixed;
bottom:0;
width:100%;
height:120px;
background:url(images/empty.gif);}

#outer_container {
position:relative;
width:100%;
margin:40px auto;
padding:0;}

#outer_container .thumbScroller {
position:relative;
background:rgba(0,0,0,0.850);}

#outer_container .thumbScroller,#outer_container .thumbScroller .container,#outer_container .thumbScroller .content {
height:80px;}

#outer_container .thumbScroller .container {
position:relative;
left:0;}

#outer_container .thumbScroller .content {
float:left;}

#outer_container .thumbScroller .content div {
height:100%;
margin:3px;}

#outer_container .thumbScroller img {
border:1px solid #fff;}

#outer_container .thumbScroller .content div a {
display:block;
padding:4px;}

.nextImageBtn,.prevImageBtn {
display:block;
position:absolute;
width:50px;
height:50px;
top:50%;
z-index:3;
filter:alpha(opacity=40);
-moz-opacity:0.4;
-khtml-opacity:0.4;
opacity:0.4;
-webkit-transition:all .25s linear;
-moz-transition:all .25s linear;
-o-transition:all .25s linear;
-ms-transition:all .25s linear;
transition:all .25s linear;
margin:-25px 10px 0;}

.nextImageBtn:hover,.prevImageBtn:hover {
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity:0.8;
opacity:0.8;
-webkit-transition:all .25s linear;
-moz-transition:all .25s linear;
-o-transition:all .25s linear;
-ms-transition:all .25s linear;
transition:all .25s linear;}

.nextImageBtn {
right:0;
background:#000 url(images/nextImgBtn.png) center center no-repeat;}

.prevImageBtn {
background:#000 url(images/prevImgBtn.png) center center no-repeat;}

ul.menu {
list-style:none;
font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
font-size:14px;
width:601px;
position:absolute;
top:61px;
right:0;
margin:-43px 0 0;
padding:0;}

ul.menu2 {
list-style:none;
font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
font-size:14px;
width:601px;
position:absolute;
top:61px;
right:0;
margin:-52px 0 0;
padding:0;}

article {
display:none;}

.image {
border:2px solid rgba(255,255,255,0.15);
border-radius:5px;
float:right;
-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);
-moz-box-shadow:0 0 10px rgba(0,0,0,0.1);
box-shadow:0 0 10px rgba(0,0,0,0.1);}

#popupAbout,#popupProjects,#popupContact,#popupPrice,#popupPhoto {
height:533px;
width:820px;
overflow:auto;
background-color:rgba(0,0,0,0.80);
border:1px solid #cecece;
z-index:15;
color:#FFF;
-webkit-box-shadow:0 0 4px #000 inset;
-moz-box-shadow:0 0 4px #000 inset;
box-shadow:0 0 4px #000 inset;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
-ms-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
margin-top:-50px;
visibility:hidden;
padding:20px;}

#popupPhoto {
background-image:url(images/fon.jpg);}

#popupAbout p,#popupProjects p,#popupContact p,#popupPrice p,#popupPhoto p {
padding-left:10px;
font-size:16px;
line-height:24px;}

#popupAbout h1,#popupProjects h1,#popupContact h1,#popupPrice h1,#popupPhoto h1 {
font-size:21px;
letter-spacing:1px;
padding-bottom:2px;
margin:0;}

#popupAboutClose,#popupProjectsClose,#popupContactClose,#popupPriceClose,#popupPhotoClose {
right:0;
top:15px;
position:absolute;
display:block;
opacity:0.5;
-webkit-transition:all .25s linear;
-moz-transition:all .25s linear;
-o-transition:all .25s linear;
-ms-transition:all .25s linear;
transition:all .25s linear;}

#popupAboutClose:hover,#popupProjectsClose:hover,#popupContactClose:hover,#popupPriceClose:hover,#popupPhotoClose:hover {
opacity:1;
-webkit-transition:all .25s linear;
-moz-transition:all .25s linear;
-o-transition:all .25s linear;
-ms-transition:all .25s linear;
transition:all .25s linear;}

.border {
height:3px;
clear:both;
border-bottom:1px dotted #FFF;}

.img {
border:3px solid rgba(255,255,255,1);
height:93%;
max-height:900px!important;
max-width:599px!important;}

.img2 {
border:2px solid rgba(255,255,255,1);
height:93%;
max-height:700px!important;
max-width:466px!important;}

.img_g {
border:3px solid rgba(255,255,255,1);
height:93%;
max-width:1352px!important;
max-height:900px!important;}

.img2_g {
border:2px solid rgba(255,255,255,1);
height:93%;
max-width:1052px!important;
max-height:700px!important;}

.img_k {
border:3px solid rgba(255,255,255,1);
height:93%;
max-width:1031px!important;
max-height:900px!important;}

.leftimg {
float:left;
margin:10px 15px 10px 0;}

.rightimg {
float:right;
margin:15px 0 10px 15px;}

figure1 {
display:block;
width:166px;
float:right;
text-align:center;
margin:0 0 5px 10px;
padding:0;}

figure {
display:block;
width:161px;
float:left;
text-align:center;
margin:0 10px 5px 0;
padding:0;}

figcaption {
color:#898989;
font-size:11px;}

.pravoslav {
z-index:7;
width:83px;
position:absolute;
top:5px;
right:77px;}

.photo {
width:96%;
background:#000;
border:solid 1px #000;
position:absolute;
top:60px;
left:20px;
overflow:auto;
height:89%;
white-space:pre;
color:#898989;
font-size:14px;
margin:0 0 30px 5px;
padding:1px;}

.photo2 {
width:96%;
background:#000;
border:solid 1px #000;
position:absolute;
top:100px;
left:20px;
overflow:auto;
height:80%;
white-space:pre;
color:#898989;
font-size:14px;
margin:0 0 30px 5px;
padding:1px;}

.tabl {
width:96%;
background:#000;
border:solid 1px #000;
position:absolute;
top:60px;
left:20px;
overflow:auto;
color:#898989;
font-size:14px;
margin:0 0 30px 5px;
padding:1px;}

.tabl2 {
width:70%;
background:rgba(0,0,0,0.7);
border:solid 1px #000;
position:absolute;
top:120px;
left:15%;
overflow:auto;
color:#c4c4c4;
font-size:16px;
margin:0 auto;
padding:1px;}

.sm {
width:45%;
background:rgba(0,0,0,0.7);
border:solid 1px #000;
position:absolute;
bottom:80px;
left:55%;
overflow:auto;
color:#EBEBEB;
font-size:16px;
line-height: 1.7;
margin:0px auto;
padding:1px;
z-index:11;
text-shadow: 1px 1px 1px #000;
}



.copy {
width:130px;
position:absolute;
bottom:0;
right:1%;
padding:5px;}

.copy2 {
position:absolute;
top:0;
left:1%;
padding:1px;}

.copy2 a {
color:#FFF;;
text-decoration:none;}

.copy2 a:hover {
color:#FFF;
font-weight:700;
text-decoration:none;}

.copy3 {
font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
font-size:12px;
color:#FFF;
text-decoration:none;
width:700px;
position:absolute;
bottom:0;
left:1%;
padding:5px;
}

*,:focus {
outline:none;}

ul.menu a,ul.menu2 a {
text-decoration:none;
outline:none;}

ul.menu li,ul.menu2 li {
float:left;
width:100px;
height:55px;
position:relative;
cursor:pointer;}

ul.menu li > a,ul.menu2 li > a {
position:absolute;
top:0;
left:0;
width:100px;
height:55px;
z-index:12;
background:transparent url(images/overlay.png) no-repeat bottom right;
background-color:rgba(0,0,0,0.61);
-moz-box-shadow:0 0 2px #000 inset;
-webkit-box-shadow:0 0 2px #000 inset;
box-shadow:0 0 2px #000 inset;}

ul.menu li span.wrap,ul.menu2 li span.wrap {
position:absolute;
top:10px;
left:10px;
width:100px;
height:55px;
z-index:15;}


ul.menu li span span.link,ul.menu li span span.descr,ul.menu li div.box a,ul.menu2 li span span.link,ul.menu li span span.descr,ul.menu li div.box a {
margin-left:0;
text-transform:uppercase;
text-shadow:1px 1px 1px #000;}

ul.menu li span span.link,ul.menu2 li span span.link {
color:#fff;
font-size:16px;}

ul.menu li span span.descr,ul.menu2 li span span.descr {
color:#898989;
float:left;
clear:both;
width:100px;
font-size:9px;
letter-spacing:1px;}

#popupAbout .customScrollBox,#popupProjects .customScrollBox,#popupContact .customScrollBox,#popupPrice .customScrollBox,#popupPhoto .customScrollBox {
position:relative;
height:100%;
overflow:hidden;}
#popupAbout .customScrollBox .container,#popupProjects .customScrollBox .container,#popupContact .customScrollBox .container,#popupPrice .customScrollBox .container,#popupPhoto .customScrollBox .container {
position:relative;
width:800px;
top:0;
float:left;}
#popupAbout .customScrollBox .content,#popupProjects .customScrollBox .content,#popupContact .customScrollBox .content,#popupPrice .customScrollBox .content,#popupPhoto .customScrollBox .content {
clear:both;}
#popupAbout .dragger_pressed,#popupProjects .dragger_pressed,#popupContact .dragger_pressed,#popupPrice .dragger_pressed,#popupPhoto .dragger_pressed {
position:absolute;
width:4px;
margin-left:-1px;
height:60px;
background:#999;
text-align:center;
line-height:60px;
color:#666;
overflow:hidden;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
cursor:s-resize;}