/*
* Template Name: Pictora
* Author: Serif Templates
* Author URI: http://seriftemplates.com
* Version: 1.0
*/


@import url(http://fonts.googleapis.com/css?family=Raleway:400,300);

@font-face {
    font-family: 'Open Sans Light';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

#preloader {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:99; /* makes sure it stays on top */
}

#status {
	width:60px;
	height:59px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(images/page-loader.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-30px 0 0 -30px; /* is width and height divided by two */
}

::-moz-selection { background-color: #333; color: #FFF; }
::selection { background-color: #333; color: #FFF; }



/* ------------------------------------------------------------------------
	Nav Bar
------------------------------------------------------------------------- */

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/* navigation styles */

#nav {
  float: right;
  text-decoration: none;
}
#nav > li {
  margin: 0 10px;
}
#nav > li:first-child {
  margin-left: 0px;
}
#nav > li:last-child {
  border-right: none;
  padding-right: 0px;
}
#nav > li > a {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  display: block;
  overflow: hidden;
  line-height: 50px;
}

/* sub navigation -----------------------------------------------------*/
.sfHover ul {
  display: block;
  margin-top: 16px;
  margin-left: -19px;
  padding: 4px 0px;
  text-shadow: none;

}
.sfHover ul li a {
  display: block;
  padding: 10px 20px;
  display: block;
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
}


/* skin */

#nav > li > a {
  color: #1E1E1E;
  text-decoration:none;
}
#nav > li:hover > a {
  color: #83B41A;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#nav span:hover {
  -webkit-transform: translate(-10px, -3px);
  -moz-transform: translate(-10px, -3px);
  -o-transform: translate(-10px, -3px);
  transform: translate(-10px, -3px);
}
#nav > li.current-menu-item > a,
#nav > li.current_page_item > a {
  border-top: 3px solid #E52B50;
}
#nav .sfHover ul {
  background: #000;
  zoom: 1;
  filter: alpha(opacity=70);
  opacity: 0.7;
}
#nav .sfHover ul li a {
  color: #FFF;
}
#nav .sfHover ul li a:hover {
  background: #000;
  color: #83B41A;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}



/* ------------------------------------------------------------------------
	Background Gallery
------------------------------------------------------------------------- */


#toolbar{display:none;}

#toolbar img {
	border:none;
}

#img_title {
	position:fixed;
	 z-index:3;
	 left:10px;
	 top:10px;
	 padding:10px;
	 background:url(images/fs_img_g_bg.png);
	 color:#FFF;
	 font-family:'Open Sans Light',  arial,  serif;
	 font-size:24px;
	 text-transform:uppercase;
}

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

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

#gal-preloader {
	 position:relative;
	 z-index:6;
	 width:60px;
	 padding: 12px 14px;
	 top:50%;
	 margin:auto;
	 background:#FFF;
	 -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     border-radius: 50px;
}

#thumbnails_wrapper {
	z-index:2;
	 position:fixed;
	 bottom:0;
	 width:100%;
	 background:url(images/empty.gif);
	 /* stupid ie needs a background value to understand hover area */;
}

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

#outer_container .thumbScroller {
	position:relative;
	 overflow:hidden;
	 background:url(images/fs_img_g_bg.png);
}

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

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

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

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

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

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

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

.nextImageBtn:hover, .prevImageBtn:hover {
	filter:alpha(opacity=80);
	 -moz-opacity:0.8;
	 -khtml-opacity:0.8;
	 opacity:0.8;
}

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

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


/* ------------------------------------------------------------------------
	Custom Lightbox
------------------------------------------------------------------------- */


#wplightbox_prevdiv {
	background-image: url("images/prev_mod.png") !important;
	background:#FFF;
	filter:alpha(opacity=60);
	 -moz-opacity:0.6;
	 -khtml-opacity:0.6;
	 opacity:0.6;
	 transition: all 0.5s;
	 -moz-transition: all 0.5s;
	 -webkit-transition: all 0.5s;
	 -o-transition: all 0.5s;
}

#wplightbox_prevdiv:hover {
	background-image: url("images/prev_mod.png") !important;
	filter:alpha(opacity=100);
	 -moz-opacity:1.0;
	 -khtml-opacity:1.0;
	 opacity:1.0;
}

#wplightbox_nextdiv {
	background-image: url("images/next_mod.png") !important;
	background:#FFF;
	margin-left: 3px !important;
	filter:alpha(opacity=60);
	 -moz-opacity:0.6;
	 -khtml-opacity:0.6;
	 opacity:0.6;
	 transition: all 0.5s;
	 -moz-transition: all 0.5s;
	 -webkit-transition: all 0.5s;
	 -o-transition: all 0.5s;
}

#wplightbox_nextdiv:hover {
	background-image: url("images/next_mod.png") !important;
	filter:alpha(opacity=100);
	 -moz-opacity:1.0;
	 -khtml-opacity:1.0;
	 opacity:1.0;
}

#wplightbox_closediv {
	background-image: url("images/lightbox_close_1_mod.png") !important;
	background:#FFF;
	filter:alpha(opacity=60);
	 -moz-opacity:0.6;
	 -khtml-opacity:0.6;
	 opacity:0.6;
	 transition: all 0.5s;
	 -moz-transition: all 0.5s;
	 -webkit-transition: all 0.5s;
	 -o-transition: all 0.5s;
}

#wplightbox_closediv:hover {
	background-image: url("images/lightbox_close_1_mod.png") !important;
	filter:alpha(opacity=100);
	 -moz-opacity:1.0;
	 -khtml-opacity:1.0;
	 opacity:1.0;
}

#wplightbox_prevdiv, #wplightbox_nextdiv, #wplightbox_closediv {
	-webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px;
}

#wplightbox_caption {
	font-family: "Open Sans Light", 'sans-serif' !important;
}




/* ------------------------------------------------------------------------
	Contact Form
------------------------------------------------------------------------- */

#contact p, label, legend { font-family:"Arial", sans-serif; color:#636363; font-size:16.0px !important; line-height:1.21em; }

#contact h1 { margin: 10px 0 10px; font-family:"Arial", sans-serif; font-size: 18px; color: #636363; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact { display: block; width: 600px; }

/* Form style */

#contact label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 1.0em; -webkit-border-radius:5px; }
#contact input, textarea, select { width: 280px; margin: 0; padding: 5px; color: #666; background: #fff; border: 1px solid #DBDBDB !important; margin: 5px 0; font:1.0em "Arial", sans-serif; font-size:16.0px  }
#contact input:focus, textarea:focus, select:focus { border: 1px solid #EBEBEB; background-color: #fff; color:#333; }
#contact input.submit { width: 85px; cursor: pointer; border: none; background:#00A1E4; color:#fff; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset { padding:20px 20px 20px 0; border: none; }
#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 16px; color: #636363; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; font-family:"Arial", sans-serif; font-size:16.0px; height: 22px; line-height: 22px; background: #FBE3E4 url('images/error.gif') no-repeat 10px center; padding: 5px 10px 5px 35px; color:#8a1f11;border: none; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('images/success.gif') left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }



/* ------------------------------------------------------------------------
	Page Flip
------------------------------------------------------------------------- */

/*
 * jQuery Booklet Plugin
 * Copyright (c) 2010 - 2013 William Grauvogel (http://builtbywill.com/)
 *
 * Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php)
 *
 * Version : 1.4.2
 *
 * Originally based on the work of:
 *	1) Charles Mangin (http://clickheredammit.com/pageflip/)
 */
	.booklet         {width:800px; height:600px; position:relative; margin:0 auto 10px; overflow:visible !important;}
	.booklet .b-page {left:0; top:0; position:absolute; overflow:hidden; padding:0; outline:1px solid transparent;}
	
	.booklet .b-pN  {}
	.booklet .b-p0  {}
	.booklet .b-p1  {}
	.booklet .b-p2  {}    
	.booklet .b-p3  {}
	.booklet .b-p4  {}
	   
   	/* Page Wrappers */
	.booklet .b-wrap       {top:0; position:absolute;}
	.booklet .b-wrap-left  {background:#EBEBEB;}
	.booklet .b-wrap-right {background:#EBEBEB;}
	
	.booklet .b-pN .b-wrap,
	.booklet .b-p1 .b-wrap,
	.booklet .b-p2 .b-wrap,
	.booklet .b-p3 .b-wrap,
	.booklet .b-p4 .b-wrap  {left:0;}
	.booklet .b-p0 .b-wrap  {right:0;}
	
   	/* Custom Page Types */
	.booklet .b-page-blank  {padding:0; width:100%; height:100%;}
	.booklet .b-page-cover  {padding:0; width:100%; height:100%; background:#925C0E;}
	.booklet .b-page-cover h3  {color:#fff; text-shadow:0px 1px 3px #222;}
   
   	/* Page Numbers */
	.booklet .b-counter {bottom:10px; position:absolute; display:block; width:25px; height:20px; background:#ccc; color:#444; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; padding:5px 0 0;}
	.booklet .b-wrap-left  .b-counter  {left:10px;}
	.booklet .b-wrap-right .b-counter {right:10px;}
   
   	/* Page Shadows */
	.booklet .b-shadow-f  {right:0; top:0; position:absolute; opacity:0; background-image:url("images/shadow-top-forward.png"); background-repeat:repeat-y; background-position:100% 0;}
	.booklet .b-shadow-b  {left:0;  top:0; position:absolute; opacity:0; background-image:url("images/shadow-top-back.png");    background-repeat:repeat-y; background-position:0 0;}
	
	.booklet .b-p0 {background-image:url("images/shadow.png"); background-repeat:repeat-y; background-position:100% 10px;}
	.booklet .b-p3 {background-image:url("images/shadow.png"); background-repeat:repeat-y; background-position:0 10px;}
	
   	/* Overlay Controls */
	.booklet .b-grab     {cursor: url("images/openhand.cur"), default;}
	.booklet .b-grabbing {cursor: url("images/closedhand.cur"), default;}
	
   	/* Overlay Controls */
	.booklet .b-overlay      {top:0; position:absolute; height:100%; width:50%;}
	.booklet .b-overlay-prev {left:0;}
	.booklet .b-overlay-next {right:0;}
	
   	/* Tab Controls */
	.booklet .b-tab        {background:#000; height:40px; width:100%; padding:10px 0 0; text-align:center; color:#ccc; position:absolute; font-size:11px;}
	.booklet .b-tab-prev   {left:0;}
	.booklet .b-tab-next   {right:0;}
	.booklet .b-tab:hover  {background:#aaa; color:#000;}	
	
   	/* Arrow Controls */
	.booklet .b-arrow          {display:block; position:absolute; text-indent:-9999px; top:0; height:100%; width:74px;}
	.booklet .b-arrow div      {display:none; text-indent:-9999px; height:37px; width:37px; position:absolute; left:0; top:-58px;}
	.booklet .b-arrow-next     {right:375px;}
	.booklet .b-arrow-prev     {left:413px;}
	.booklet .b-arrow-next div {background:url("images/flip-rgt.png") no-repeat left top;}
	.booklet .b-arrow-prev div {background:url("images/flip-lft.png") no-repeat left top;}
		
/* @z-index fix (needed for older IE browsers)
----------------------------------------*/

    body              {z-index:0;}
    .b-menu           {z-index:100;}
    .b-selector       {z-index:100;}
    .booklet          {z-index:10;}
    .b-pN             {z-index:10;}
    .b-p0             {z-index:30;}
    .b-p1             {z-index:20;}
    .b-p2             {z-index:20;}
    .b-p3             {z-index:30;}
    .b-p4             {z-index:10;}
    .b-prev           {z-index:40;}
    .b-next           {z-index:40;}
    .b-counter        {z-index:40;}
	
/* @Menu Items
----------------------------------------*/
	.b-menu {height:40px; padding:0 0 10px;}
	
	.b-selector             {height:40px; position:relative; float:right; border:none; color:#cecece; cursor:pointer; font:normal 12px "Myriad Pro", Myriad, "DejaVu Sans Condensed","Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;}
	.b-selector .b-current  {padding:8px 15px 12px; line-height:20px; min-width:18px; height:20px; display:block; background:#000; text-align:center;}
	.b-selector-page        {width:auto; margin-left:15px;}
	.b-selector-chapter     {width:auto;}
	
	.b-selector:hover            {color:#fff; background-position:left 0px;}
	.b-selector:hover .b-current {background-position:right 0px;}
	.b-selector ul               {overflow:hidden; margin:0; list-style:none !important; position:absolute; top:40px; right:0; padding:0 0 10px; background:#000; width:240px;}
	.b-selector li               {border:none;}
	.b-selector a                {color:#cecece; height:14px; text-decoration:none; display:block; padding:5px 10px;}
	.b-selector a .b-text        {float:left; clear:none;}
	.b-selector a .b-num         {float:right; clear:none;}
	.b-selector a:hover          {color:#fff;}