/*
Theme Name: H ARQUITECTES
Theme URI: http://www.harquitectes.com
Description: arquitectura, h arquitectes, arquitecture barcelona
Version: 1.71_v1
*/

/*
***Reset for control "Cross Browsing"***

*/
*, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {margin: 0;padding: 0;border: 0;outline: 0;font-weight: normal;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}
body {line-height: 1}
:focus {outline: 0;color: #0CA8E5;text-decoration:none;}
ol, ul {list-style: none}
table {border-collapse: collapse;border-spacing: 0}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
input, textarea {margin: 0;padding: 0}
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}
strong{font-family:inherit;font-size:inherit;color:inherit;}

/* CSS DOCUMENTATION:

* GENERAL
** THE WALL
*** CONTENT
**** FOOTER
***** SPECIAL
****** TYPOGRAPHY
******* COLOR SCHEME

*/

/*ALL THESE STYLES ARE FOR SCREEN 1440X900 AND HIGHER RESOLUTIONS.
  FOR MINOR RESOLUTIONS SEE STYLES IN ASSETS FOLDER*/

/*********************************************
* GENERAL
*********************************************/
/*reduce the default browser font size from 16px to 10px because
we are working in em and we need a rounded measure*/
body{font-size: 62.5%;background-color:#031b2e;}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}
/*shorts for floats and clears*/
.float-left{float:left;}
.float-right{float:right;}
.hidden{visibility:hidden;}
/* advanced clearfix for fix floating elements */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.clear{clear:both;}/*basic way for clearing floats*/
.clear-block{clear:both;display:block;}/*basic way for clearing floats throw spans*/


body {
  font-family: Helvetica, Arial, 'Lucida Grande', sans-serif; 
  font-size: 1em;
  #font-size: .7em;
  font-style: normal;
  font-weight: 700;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1em;
  overflow-x:hidden;
}

nav, #wrapper {
	 -webkit-text-shadow: 0 1px 1px rgba(255,255,255,.3);
	 -moz-text-shadow: 0 1px 1px rgba(255,255,255,.3);
     -webkit-font-smoothing: subpixel-antialiased;
     -moz-font-smoothing: subpixel-antialiased;
     -o-font-smoothing: subpixel-antialiased;
     font-smoothing: subpixel-antialiased;
}
#wrapper{/*so*/position:fixed !important;  _position:absolute !important; width:100% !important /*fi so*/}

body.top-nav #wrapper{margin-top:0;}

body.admin-bar #top-title-bar { top: 28px; }
body.admin-bar {}
body.admin-bar #sidebar { top: 28px; }

#spinnerWrapper{position:fixed !important;width:198px;height:198px;z-index:9999;border-radius:50%;
background: no-repeat center center; }
/*.spinner{top:-45px;}*/

/*********************************************
* THE WALL // HOME SECTION WITH WORKS
*********************************************/
#top-title-bar{display:block;position:fixed;top:10px;/*width:100%;*/background:none !important;/*z-index:2000;*/z-index:10;height:0px;/*height:40px;*/}
#credits{position:fixed;bottom:11px !important; right: 31px;text-align:right;color:#626262;width:2002px;font-family: Helvetica Neue, HelveticaNeue, Helvetica-Neue, Helvetica;
  font-size:10px !important;
  font-weight: 500;
   letter-spacing:0.3px;
  color: #888888;
  text-decoration:none !important;}
#credits a{
font-family: Helvetica Neue, HelveticaNeue, Helvetica-Neue, Helvetica;
  font-size:10px !important;
  font-weight: 500;
  letter-spacing:0.3px;
  color: #888888;
  text-decoration:none !important;}
  
figure {margin-left:24px;}
#bottom-title-bar{position:fixed; top:13px !important;/*left: 0;*/right: 11px;/*text-align:center;*/margin:0 auto;color:#626262;width:70px;z-index:2001;
font-family: Helvetica Neue, HelveticaNeue, Helvetica-Neue, Helvetica;  font-size:17px;
  font-weight: 600;
  letter-spacing:1.2px;
  color: #FFFFFF;
 font-variant: small-caps;
  font-style: normal;
  text-decoration:none !important;}
  
  #bottom-title-bar a{
  font-family: Helvetica Neue, HelveticaNeue, Helvetica-Neue, Helvetica;
  font-variant: small-caps;
  font-size:17px;
  font-weight: 600;
  letter-spacing:1.2px;
  color: #FFFFFF;
  font-style: normal;
  text-decoration:none !important;
}

#top-title-bar-sdevice{position:fixed;top:0;height:20px;background:none !important;z-index:8;display:none;}
#top-title-bar-sdevice figure{width:250px;margin:0 auto;}
#top-title-bar figure{width:240px;cursor: pointer;}
h1{position:absolute;text-indent:-9999px;}

#thumb-wrapper{*padding-top:45px;width:100%;overflow:hidden;background:#000;}
.top-nav #thumb-wrapper{margin-top:40px;}
.top-nav .the-margin{margin:0px !important;}/*this class is only for cover the little margin when menu slides in top navigation mode. Class is add it using js*/
#thumbs{width: 100%;}
.thumb{float: left;width: 175px;/*Set default width*/opacity:0.4;overflow:hidden;}
.thumb:hover{-moz-transition: opacity 0.3s;-webkit-transition: opacity 0.3s;-o-transition: opacity 0.3s;transition: opacity 0.3s;opacity:1;}
.thumb a img{
/*Flexible image size with border*/
	width: 100%;  /*Took 1% off of the width to prevent IE6 bug*/
	margin: 0 auto;
	display:none;
	-ms-interpolation-mode: bicubic; /*prevents image pixelation for IE 6/7 */
	overflow:hidden;
}
.thumb:hover{cursor:pointer;}
.thumb a img:hover{cursor:pointer;}



ul#thumbs li.thumb img#imgLoad{
    height: auto;
    margin-left: 95px;
    margin-top: -75px;
    opacity: 1;
    position: absolute;
    visibility: visible;
    width: auto;
    z-index: 999999;
}


#work-detail-wrapper{position:relative;height:0;display:block;background:#000;background-position:center center;display:none;overflow:hidden;}
#work-detail-wrapper p{display:block;}

/*#wrapper{position:relative;overflow:hidden;}*/

/*top navigation rule. All the rules starting with body.top-nav are refernt to this mode.*/
body.top-nav #thumb-wrapper{margin-top:0px 0 0 0;*padding-top:0px;width:100%;overflow:hidden;}
.campaign { display: none; }
.inline-video { display: none; }

/*in case hover info is enabled*/
#works ul li .work-caption {
  font-family:Helvetica, Arial, 'Lucida Grande', sans-serif; 
  background:#FFF;
  height:100%;
  opacity:.96;
  overflow:hidden;
  position:absolute;
  visibility:hidden;
  top:0;
  width:100%;
  z-index:100;
  filter: alpha(opacity=96);
}

#works ul li .work-caption .caption-title {
  border:medium none !important;
  height:100%;
  position:absolute;
  text-decoration:none;
  width:100%;
}
#works ul li .work-caption .caption-info {
  color:#000;
  line-height:1em;
  padding:7%;
display:none !important;
}
#works ul li .work-caption .caption-info .meta span {
  font-size:0.8em;
  font-weight:600;
display:none !important;
}
#works ul li .work-caption .caption-info h3 {
  font-size:2.1em;
  line-height:1em;
  letter-spacing:-2px;
  font-weight:800;
  text-transform: uppercase;
 display:none !important;
}
#works ul li .work-caption .caption-info .tags-hr{
  border-top:1px solid #000;
  display:block;
  margin-top:8%;
  width:25px;
display:none !important;
}
.thumb{float:left;width:175px;/*Set default width*/opacity:0.4;overflow:hidden;position:relative;}


/*********************************************
*** NAVIGATION
*********************************************/
/* Toggles */
.toggle {
    margin-bottom: 20px;
}

.toggle-header {
    position: relative;
    display: block;
     font-family: Helvetica, Arial, 'Lucida Grande', sans-serif; 
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 23px;
    cursor: pointer;

    padding-bottom: 16px;

/*    -webkit-transition: color 0.1s ease-in;
    -moz-transition: color 0.1s ease-in;
    -ms-transition: color 0.1s ease-in;
    -o-transition: color 0.1s ease-in;
    transition: color 0.1s ease-in;*/
}

.toggle-open .toggle-header {
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.toggle-header:before {
    position: absolute;
    top: 4px;
    right: 0;
    content: "\e042";
    font-family: 'icomoon';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 14px;
    margin-right: 10px;
    -webkit-font-smoothing: antialiased;
    color: #222;

    -webkit-transition: all 0.2s cubic-bezier(0.712, 0.0376, 0.392, 1);
    -moz-transition: all 0.2s cubic-bezier(0.712, 0.0376, 0.392, 1);
    -o-transition: all 0.2s cubic-bezier(0.712, 0.0376, 0.392, 1);
    -ms-transition: all 0.2s cubic-bezier(0.712, 0.0376, 0.392, 1);
    transition: all 0.2s cubic-bezier(0.712, 0.0376, 0.392, 1);
}

.toggle-header:hover {
    color: #555;
}

.no-csstransforms .toggle-open .toggle-header:before {
    content: "\e006";
}

.csstransforms .toggle-open .toggle-header:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}


/*********NAV DEFAULT**************/
#tab-nav{display:block;height:20px; }
#slide-controls{display:none;}
/*so
#main-nav{position:fixed;display:block;height:100%;top:0;left:0;z-index:1000;box-shadow: 2px 0 10px rgba(0,0,0,0.30); }fi so*/
#main-nav #tab-nav{display:none;position:absolute;right:-40px;top:46%;width:42px;height:42px;}
#main-nav {background-image:none !important; height:0 !important;}


#main-nav #tab-nav img{display:none;width:42px;height:42px;/*background:url(images/tab-nav-single.png) no-repeat;*/margin-left:20px;}
/*#main-nav #nav-menu{position:relative; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; width:240px;height:100%;*font-size:1.5em;z-index:10; }*/

#main-nav #nav-menu h4{font-size:.75em;text-transform:uppercase;margin-bottom:9px;}
#main-nav #nav-menu #logo{display:block;position:absolute;width:100px;}
#main-nav #nav-options {position:relative;}
#main-nav #nav-options ul{display:block;margin-bottom:15%;}
#main-nav #nav-options ul li{position:relative;display:block;}
#main-nav #nav-options ul li a{
	text-decoration:none;
	display:inline;
	width:90%;
    font-size: 1.45em;
    *font-size: 2em;
    font-weight:100;
	font-weight:300\9;
    line-height: 1.2em;
	display:block;
	-webkit-transition: all 0.5s;
	   -moz-transition: all 0.5s;
		-ms-transition: all 0.5s; 
		 -o-transition: all 0.5s; 
		    transition: all 0.5s;
}

#sidebar {
	position:relative;
	height:100%;
	padding:5px;

	/*this rule is needed because the
	start navigation effect*/
	/*left:-500px;*/
	left:0px !important;


}
#sidebar > ul {position:relative;height:100%;}
/*#sidebar .social {position:absolute;font-size:.6em;margin-top:50px;}*/
#sidebar .social {position:absolute;font-size:.6em;margin-top:50px; /*so*/ display:none !important; /*fi so*/}
.fixed-nav #sidebar .social {margin-top:15px;}
#sidebar .menu {position:absolute;bottom:7%;}
#sidebar .menu {min-height:150px;}
#sidebar .widget_text p {margin-bottom:10px;padding:0 13px;line-height:1.7em;}
#sidebar .widget_text p a{margin:0;padding:0 !important;text-decoration:none;}
#sidebar .widget ul {position:relative;/*width:230px;max-width:230px;*/margin-bottom:20px;}
#sidebar .widget ul li {text-align:left;}
#sidebar .widget ul li h4 {display:inline;text-align:left;;}
#sidebar .widget ul li a {display:block;text-decoration:none;text-align:left;}
#sidebar .social ul {width:250px;padding-left:11px;}
#sidebar .social ul li {display:inline;}
#sidebar .social ul li a {
	display:inline;
	line-height:27px;
	border-top:0 solid #000;
	margin-right:10px;
	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		-ms-transition: all 0.2s; 
		 -o-transition: all 0.2s; 
		    transition: all 0.2s;
	}
#sidebar .social ul li a:hover {border-top:5px solid #ffea00;-moz-transition: all .2s; -webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s; }
#sidebar .widget_meta,
#sidebar .widget_nav_menu,
#sidebar .widget_text {position:absolute;bottom:75%;}
#sidebar .widget_meta {bottom:60%;}
#sidebar .widget_links {position:absolute;bottom:45%;}
#sidebar .widget_nav_menu {left:75%;}
#sidebar .widget_text {width:200px;}

#sidebar .widget_qtranslate {position:absolute;top:60px;}
#sidebar .widget_qtranslate ul li a {line-height:1.3em;}

#main-nav #nav-options ul li #filters-launcher {display:none;}
#main-nav #tap-close, #main-nav .close-sub {display:none;}

#main-nav #nav-options .hasSubs {position:relative;}
#main-nav #nav-options .subcategories, #main-nav #sections .sub-menu {
	position:absolute;
	bottom:0;
	width:auto;
	padding-right:0;
	padding:15px;
	display:none;
	margin:0 0 0 -8px;
}
#main-nav #nav-options .subcategories li, #main-nav #nav-options .subcategories li:hover,
#main-nav #sections .sub-menu li, #main-nav #sections .sub-menu li:hover {width:100%;white-space:nowrap;}
#main-nav #nav-options .subcategories li a, body.top-nav #main-nav #nav-options .subcategories li a,
#main-nav #sections .sub-menu li a {
	display:inline;
	width:auto;
	padding-right:0 !important;
	-webkit-transition: all 0.7s;
	   -moz-transition: all 0.7s;
		-ms-transition: all 0.7s; 
		 -o-transition: all 0.7s; 
		    transition: all 0.7s;
	}
#main-nav #nav-options .subcategories li a:hover, #main-nav #sections .sub-menu li a:hover {padding-left:0px;color:#000;}

#main-nav #copyright{font-size:.65em;text-align:center;width:240px;max-width:240px;margin:-40px auto 0 auto;}

/* NAV ALIGNMENTS
=========================*/

/* default right alignment
============================*/
#main-nav .nav-align-1 #sidebar .menu {left:-15px;}
#main-nav .nav-align-1 #sidebar #nav-sections .menu { position:relative;left: 0; }
#main-nav #nav-menu #filters {color:#000; top: 0 !important; text-align:right; position:fixed;width:100%; /*so*/ z-index:10 !important;/*fi so*/ height:40px !important; left:5px; display:none;}
#main-nav .nav-align-1 #filters  ul {padding-left:11px; float: right;margin-right: 90px; }
#main-nav .nav-align-1 #filters  ul li {display:inline;}
#main-nav .nav-align-1 #filters  ul li a {
	display:inline;
	line-height:46px;
	background:none !important;
	color:#FFFFFF;
	}
#main-nav .nav-align-1 #filters  ul li a:hover {/*border-top:5px solid #ffea00;-moz-transition: all .2s; -webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;*/color:#999; }

#main-nav .nav-align-1 #filters  ul li.active a{/*border-top:5px solid #ffea00;-moz-transition: all .2s; -webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;*/color:#999;  }

#main-nav .nav-align-1 ul li a{text-align:right;padding-right:36px;}
#main-nav .nav-align-1 ul li a:hover{
}
#main-nav .nav-align-1 .social ul li a{text-align:right;padding:0;}
#main-nav .nav-align-1 h4{text-align:right;margin:0 17px 9px 0;}
#main-nav .nav-align-1 #network-menu li a,
body.top-nav #main-nav .nav-align-1 #network-menu li a {font-size:1.1em;margin-right:13px;}
#main-nav .nav-align-1 #network-menu li a:hover,
body.top-nav #main-nav .nav-align-1 #network-menu li a:hover {padding-left:0px;}
#main-nav .nav-align-1 #nav-options .subcategories, #main-nav .nav-align-1 #sections .sub-menu {margin:0 0 0 31px;}

#main-nav .nav-align-1 #sidebar .widget_text {text-align:right;padding-left:0;}
#main-nav .nav-align-1 #sidebar .widget_text a {margin:0;padding:0 !important;}

/* center alignment
========================*/
#main-nav .nav-align-2 #nav-options{left:0;}
#main-nav .nav-align-2 #nav-options ul li a {text-align:center;width:100%;}
#main-nav .nav-align-2 ul li a:hover {
	padding-left:0; 
	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		-ms-transition: all 0.2s; 
		 -o-transition: all 0.2s; 
		    transition: all 0.2s;
}
#main-nav .nav-align-2 h4 {text-align:center;margin-bottom:10px;}
#main-nav .nav-align-2 #network-menu li,
body.top-nav #main-nav .nav-align-2 #network-menu li{padding-right:0 !important;}
#main-nav .nav-align-2 #network-menu li a,
body.top-nav #main-nav .nav-align-2 #network-menu li a{padding:0;font-size:1.1em;margin-right:13px;}
#main-nav .nav-align-2 #network-menu li a:hover,
body.top-nav #main-nav .nav-align-2 #network-menu li a:hover{padding-left:0px;}

#main-nav .nav-align-2 #nav-options .subcategories{margin:0 0 0 -7px;}
body.top-nav #main-nav .nav-align-2 #nav-options .subcategories{margin:0 0 0 2px;}

#main-nav .nav-align-2 #sidebar .widget_text {text-align: center;padding-left:10px;}
#main-nav .nav-align-2 #sidebar .widget_text a {margin:0;padding:0 !important;}
#main-nav .nav-align-2 #sidebar .widget_qtranslate ul li a {text-align:center;}

/* left alignment
========================*/

#main-nav .nav-align-3 #nav-options {margin-left:21px;width:185px;}
#main-nav .nav-align-3 #nav-options ul li a {padding-left:7px;}
#main-nav .nav-align-3 #nav-options .subcategories{margin:0 0 0 -5px;}
#main-nav .nav-align-3 #sidebar .widget_qtranslate {padding-left:10px;}

#main-nav .nav-align-3 .nav-align-3 #sidebar .widget_text {padding-left:10px;}

#main-nav .nav-align-3 #nav-options .subcategories, #main-nav .nav-align-3 #sections .sub-menu{margin-left:-5px;}
#main-nav .nav-align-2 #nav-options .subcategories, #main-nav .nav-align-2 #sections .sub-menu{margin-left:-7px;}

/* TOP NAVIGATION STYLES (Default on mobile devices)
-----------------------------------------------------*/
body.top-nav #main-nav{position:relative;height:0px;width:100%;left:0;display:none !important; z-index:0 !important}
body.top-nav #main-nav #nav-options{width:90%;height:0px;margin-left:10%;display:none !important;}
body.top-nav #main-nav #nav-menu #filters {display:block;  }
body.top-nav #main-nav #nav-menu #sections{position:relative;margin-top:0%;width:auto;float:left;left:70px;display:none !important;}
body.top-nav #sidebar .menu {position:relative;bottom:0;display:none !important;}
body.top-nav #sidebar .social {position:absolute;font-size:.6em;min-width:250px;top:-70px;right:5%;display:none !important;}
body.top-nav #main-nav #copyright{position:absolute;margin:0;bottom:15px;display:none !important;}

body.top-nav #main-nav #tab-nav{display:none !important;}
body.top-nav #slide-controls{display:none !importantwidth:34px;margin-top:25px;position:fixed;text-indent:-99999px;display:none !important}
body.top-nav #slide-controls p{position:absolute;display:none !important;}
body.top-nav .launch-nav a{display:none !important;position:relative;display:block;width:34px;height:34px;background:url(images/btn-open-top-nav.png) no-repeat center;margin:0 auto;padding:50px 0 0 0;text-indent:-9999px;}
body.top-nav .scroll-to-menu{display:none !important;}
body.top-nav .show{display:none !important;}
body.top-nav .scroll-to-menu a{display:none !important;position:relative;display:block;width:34px;height:34px;background:url(images/btn-scroll-top-nav.png) no-repeat center;margin:0 auto;padding:50px 0 0 0;text-indent:-9999px;}
body.top-nav .open-nav a{background:url(images/btn-close-top-nav.png) no-repeat center;display:none !important;}
body.top-nav .thepixels{color:#000;left:100px;display:none !important;}


/*body.top-nav #main-nav ul{display:block;width:100%;display:block;float:left;}*/
/*body.top-nav #main-nav #nav-menu #main-logo{margin:35px 0 30px -85px;}*/
/*body.top-nav #main-nav #nav-options #filter{margin-top:-100px;}*/
/*body.top-nav #main-nav #nav-options ul{position:relative;display:block;float:left;}*/
/*body.top-nav #main-nav #social-wrapper{position:absolute;min-width:250px;top:-90px;z-index:10;}*/

/*body.top-nav #main-nav #nav-options .hasSubs{position:relative;}*/
/*body.top-nav #main-nav .nav-align-3 #sidebar #filters,*/
/*body.top-nav #main-nav .nav-align-3 #sidebar #sections {left:120px;}
body.top-nav #main-nav #nav-options .subcategories{margin:0 0 0 17px;}
body.top-nav #main-nav #nav-options .subcategories{margin:0 0 0 -45px;}
body.top-nav #main-nav .nav-align-1 #nav-options .subcategories{margin:0 0 0 15px;}
body.top-nav #main-nav .nav-align-2 #nav-options .subcategories{margin:0 0 0 -15px;}

/*Adjust here the position for you logo when it is displayed
  on mobile devices if you have not set the top navigation as your
  default navigation in the option panel*/
body.top-nav #main-nav #sidebar #nav-options #logo {top:60px;left:-160px;}

body.top-nav #main-nav #sidebar .widget_text {right:25%;z-index:9999;}
body.top-nav #main-nav #sidebar .widget_qtranslate {right:25%;top:70%;z-index:9999;}


/*********************************************
**** WORKS SECTION
*********************************************/

/**** GALLERY V1 SYTLES (#work-gal) ****/

#work-detail-wrapper .item-wrapper .item .info-work {
font-family: Helvetica, Arial, 'Lucida Grande', sans-serif; 
position: absolute;
width: 100%;
min-height:225px;
background-color: black;
color: #999;
border-top: 8px solid #FFEA00;
padding: 25px 15px 50px 80px;
top: 100%;
overflow: visible;
}
#work-detail-wrapper span#closebt{
	position:absolute;
	display:block;
	top:7%;
	right:4%;
	width:39px;
	height:39px;
	z-index:200;
	cursor: pointer;
}
#work-detail-wrapper span#closebt a{transition: opacity 0.4s;-webkit-transition: opacity 0.4s;-moz-transition: opacity 0.4s;display:block;width:39px;height:39px;background:url(images/btn-close-black.png) no-repeat;text-indent:-9999px;}
#work-detail-wrapper span#closebt a:hover{opacity:1;}
#work-detail-wrapper .item-wrapper span#closebt a{display:block;width:15px;height:15px;background:url(images/btn-close-white.png) no-repeat;text-indent:-9999px;margin-left:-55px;}
#work-detail-wrapper .item-wrapper span#closebt a:hover{background:url(images/btn-close-yellow.png) no-repeat;}
#work-gal{ font-family: Helvetica, Arial, 'Lucida Grande', sans-serif; font-size:.8em;}
#work-gal p{ font-family: Helvetica, Arial, 'Lucida Grande', sans-serif; font-size:1em;*font-size:1.4em;width:100%;margin:10px 50px 0 0;/*float:left;*/}
#work-gal p a{text-decoration:none;text-transform:uppercase;font-size:.8em;padding:2px;color:#ffea00;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
#work-gal p a:hover{-moz-transition: all .7s;-webkit-transition: all .7s;-o-transition: all .7s;transition: all .7s;background:#ffea00;color:#000;}
#work-gal #overview{display:block;text-transform:uppercase;font-size:.9em;}
#work-gal h3{display:inline;font-size:1.9em;*font-size:1.8em;color:#ffea00;border-bottom:1px solid #ffea00;padding-bottom:8px;line-height:2em;}
#work-gal #pagination{margin-left:40px;}
#work-gal #pagination a{text-decoration:none;line-height:15px;padding:8px;color:#999;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
#work-gal #pagination a:hover{color:#ffea00;}
#work-gal dl.info-extended{
	float:left;
	width:400px;
	margin:15px 0 10px 0;
	padding:0;
	overflow:hidden;
	}
#work-gal dl.info-extended dt{
	clear:left;
	float:left;
	width:65px;
	margin:0;
	padding:1px;
	font-weight:bold;
	}
	
#work-gal dl.info-extended dd{
	float:left;
	width:300px;
	margin:0;
	padding:1px;
	color:#EEE;
	}
#work-gal dl.info-extended dd a{color:#EEE;text-decoration:none;border-bottom:1px dotted #EEE;}

#work-gal dl.info-extended dd ul, #work-gal dl.info-extended dd ul li{display:block;float:left;}
#work-gal dl.info-extended dd ul li{margin-right:10px;}
#work-gal dl.info-extended dd ul li a{border:none;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
#work-gal dl.info-extended dd ul li a#twitterBtn:hover{color:#0CF;}
#work-gal dl.info-extended dd ul li a#facebookBtn:hover{color:#06C;}
#work-gal dl.info-extended dd ul li a#googleBtn:hover{color:#F30;}

#work-gal-photo #fdgNav span#fdgPrev{float:left;background:url(images/slide-pixel-l-arrow-release-photo.png) no-repeat center center;}
#work-gal-photo #fdgNav span#fdgPrev:hover{background:url(images/slide-pixel-l-arrow-hover-photo.png) no-repeat center center}
#work-gal-photo #fdgNav span#fdgNext{float:right;background: url(images/slide-pixel-r-arrow-release-photo.png) no-repeat center center;}
#work-gal-photo #fdgNav span#fdgNext:hover{background:url(images/slide-pixel-r-arrow-hover-photo.png) no-repeat center center}
#work-gal-photo #fdgNav span#fdgPrev.hide, #work-gal-photo #fdgNav span#fdgNext.hide{background:none;cursor: default;}

#work-detail-wrapper{position:relative;z-index:20;background:#fff;}
#work-detail-wrapper .item-wrapper .item{position:relative;}
#work-detail-wrapper .item-wrapper .item #slideshow{width:100%;height:100%;overflow:hidden;}
.gal-v1 #work-detail-wrapper .item-wrapper .item #slideshow{margin-top:0px !important;}
#work-detail-wrapper .item-wrapper .item .info-work h3{position:relative;}
.item-wrapper{position: absolute;z-index:50;width:100%;height:100%;overflow:hidden;}

#keyboard-icon{display:none;}
.gal-v1 .item-wrapper{opacity:0;}
.gal-v1 div#divThumbs{opacity:0;}


/**** STYLES GALLERY V1 CENTERED INFO ****/
#work-detail-wrapper .centered-info .item .info-work{text-align:center;padding:0;}
#work-detail-wrapper .centered-info .item .info-work h3{}
#work-detail-wrapper .centered-info .item .info-work #overview{margin-top:15px;}
#work-detail-wrapper .centered-info .item .info-work #pagination{display:none;}
#work-detail-wrapper .centered-info .item .info-work .info-extended{display:none;}

/**** GALLERY V2 SYTLES (#work-gallery) ****/

/**** WORK GALLERY****/
.gal-v2 #work-detail-wrapper .item-wrapper .item .info-work, .gal-v2 #work-detail-wrapper .item-wrapper .item .social-panel{
	 font-family: Helvetica, Arial, 'Lucida Grande', sans-serif; 
	position: absolute;
	width:100%;
	height:100%;
	top:0;
	border:none;
	z-index:99999;
	color: #f23834;
	opacity:1;
	display:none;
	padding: 0;
	overflow: hidden;
}

/* Social panel styles
---------------------------------------------------------------------------------*/
.gal-v2 #work-detail-wrapper .item-wrapper .item .social-panel{background:#FFF;}
.gal-v2 #work-detail-wrapper .item-wrapper .item .social-panel #social-btns-wrapper{width:50%;;margin:7% 0 0 7%;}
.gal-v2 #work-detail-wrapper .item-wrapper .item .social-panel ul{display:block;float:left;margin:30px 0 60px 0;}
.gal-v2 #work-detail-wrapper .item-wrapper .item .social-panel ul li{display:block;float:left;margin-right:15px;}
.gal-v2 #work-detail-wrapper .item-wrapper .item .social-panel ul li a:before{content:"";}
.gal-v2 #work-detail-wrapper .item-wrapper .item .social-panel ul li a{font-size:2em;line-height:1.3em;text-decoration:none;}
.gal-v2 #social-list li a:hover{border-bottom:1px dotted;}
.gal-v2 #social-list li a.twitter-share-button, .gal-v2 #social-list li a.twitter-share-button:hover{color:#00aced;}
.gal-v2 #social-list li a.fb-share-button, .gal-v2 #social-list li a.fb-share-button:hover{color:#036cd7;}
.gal-v2 #social-list li a.plus-share-button, .gal-v2 #social-list li a.plus-share-button:hover{color:#ed004e;}
.gal-v2 #social-list li a.tumblr-share-button, .gal-v2 #social-list li a.tumblr-share-button:hover{color:#355370;}
.gal-v2 #social-list li a.posterous-share-button, .gal-v2 #social-list li a.posterous-share-button:hover{color:#344047;}
.gal-v2 #social-list li a.digg-share-button, .gal-v2 #social-list li a.digg-share-button:hover{color:#000;}
.gal-v2 #social-list li a.stumble-share-button, .gal-v2 #social-list li a.stumble-share-button:hover{color:#ea4a24;}
.gal-v2 #social-list li a.delicious-share-button, .gal-v2 #social-list li a.delicious-share-button:hover{color:#3274d1;}
.gal-v2 #social-list li a.linkedin-share-button, .gal-v2 #social-list li a.linkedin-share-button:hover{color:#3399cc;}
.gal-v2 #social-list li a.technorati-share-button, .gal-v2 #social-list li a.technorati-share-button:hover{color:#5bb02a;}
.gal-v2 #social-list li a.evernote-share-button, .gal-v2 #social-list li a.evernote-share-button:hover{color:#6bb130;}

#work-gallery dl.info-extended{
	float:left;
	margin: 0px 0 15px 5px;
	padding:0;
	overflow:hidden;
	}
#work-gallery dl.info-extended dt{
	clear:left;
	float:left;
	margin:0 5px 0 0;
	padding:1px;
	font-weight:bold;
	}
	
#work-gallery dl.info-extended dd{
	float:left;
	margin:0;
	padding:1px;
	color:#EEE;
	}
#work-gallery dl.info-extended dd a{display:block;color:#EEE;text-decoration:none;border-bottom:1px dotted #EEE;}
#work-gallery dl.info-extended dt,
#work-gallery dl.info-extended dd{ line-height: 1.15em; }

.gal-v2 span#up{
	font-size:2.5em;
	width:300px;
	height:50px;
	/*display:block;*/
display:none !important;	
	margin:0 auto;
	position:relative;
	top:-175px;
	color:#474747;
}

.gal-v2 #work-detail-wrapper #work-gallery span#closebt{
	display:block;
	width:43px;
	height:43px;
	text-indent:-9999px;
	cursor: pointer;
	display:inline-block;
	text-decoration:none;
	border-radius:50%;
	top:7%;
	right:0;
	margin-right:-3px;
	}
.gal-v2 #work-detail-wrapper #work-gallery span#closebt a{
	/*border-radius:50%;*/
	display:block;
	width:43px;
	height:43px;
	background:url(images/skins-items/sprite-gal-handlers.png) no-repeat 0 -171px ;
	/*opacity:1;
	-webkit-transition: all .15s ease;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease;*/
	}

.gal-v2 #work-detail-wrapper #work-gallery span#hide-info, .gal-v2 #work-detail-wrapper #work-gallery span#hide-social{display:block;position:absolute;right:52px;top:7%;display:none;z-index:999999;/*background:url(images/skins-items/sprite-gal-handlers.png) no-repeat 0 -171px;*/ }
.gal-v2 #work-detail-wrapper #work-gallery span#hide-info a, .gal-v2 #work-detail-wrapper #work-gallery span#hide-social a{
	opacity: 1;
	/*text-indent: 0px;
	text-decoration: none;
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; 
	font-style: italic;
	color: #505050;*/
	display: block;
	/*line-height: 50px;*/
	/*border: 1px solid white;*/
	width: 43px;
	height:43px;
	/*color:#fff;*/
	/*background: transparent;*/
	/*-moz-border-radius: 75px;
	-webkit-border-radius: 75px;
	border-radius: 750px;
	text-align: center;
	transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;*/
	background:url(images/skins-items/sprite-gal-handlers.png) no-repeat 0px -171px /*#000*/;
	}

.gal-v2 #work-detail-wrapper #work-gallery span#hide-social a{color:#000;border-color:#000;}
.gal-v2 #work-detail-wrapper #work-gallery span#hide-info a:hover, .gal-v2 #work-detail-wrapper #work-gallery span#hide-social a:hover{width:43px;height:43px;/*line-height:64px;margin:-7px -7px 0 0;*/background:url(images/skins-items/sprite-gal-handlers.png) no-repeat -43px -171px /*#000*/;}

.gal-v2 #work-detail-wrapper #work-gallery span#closebt a:hover{background:url(images/skins-items/sprite-gal-handlers.png) no-repeat -43px -171px;}

.gal-v2 #work-detail-wrapper #work-gallery{background-color:#ffffff;background-repeat: no-repeat;font-family:Helvetica, sans;font-size:.8em;*font-size:1.2em;}

.gal-v2 #work-detail-wrapper #work-gallery .item .info-work #info{width:50%;;margin:7% 0 0 7%;}
.gal-v2 #work-detail-wrapper #work-gallery h3{display:block;/*font-size:2em;*/ font-size:35px !important;color:#dedede;line-height:.9em;text-transform:uppercase;margin-bottom:15px;/*letter-spacing:-5px;*/ font-weight:300 !important;}
.gal-v2 #work-detail-wrapper #work-gallery h4, .gal-v2 #work-detail-wrapper #work-gallery h5{font-family:'Arvo', 'Terminal Dosis Light';font-size:1.7em;text-transform:uppercase;color:#b33533;font-weight:bold;margin-bottom:7px;}
.gal-v2 #work-detail-wrapper #work-gallery h5{font-size:1em;line-height:1em;margin:5px 20px 0 0;}
.gal-v2 #work-detail-wrapper #work-gallery .divider{border-top:1px solid #dedede;/*margin-top:100px;*/clear:both;}
.gal-v2 #work-detail-wrapper #work-gallery p{font-family:Helvetica, sans;font-size:1em;color:#031c2e;/*line-height:1.5em;*/margin:25px 0 0 0;}
.gal-v2 #work-detail-wrapper #work-gallery p a{text-decoration:none;text-transform:uppercase;padding:2px;color:#ffea00;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.gal-v2 #work-detail-wrapper #work-gallery p a:hover{-moz-transition: all .7s;-webkit-transition: all .7s;-o-transition: all .7s;transition: all .7s;background:#ffea00;color:#000;}
.gal-v2 #work-detail-wrapper #work-gallery #pagination{display:block;margin:0 0 15px 0px;font-size:1em;color:#FFF;}
.gal-v2 #work-detail-wrapper #work-gallery #pagination a{display:inline-block;text-decoration:none;line-height:15px;padding:8px;color:#eeeeee;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.gal-v2 #work-detail-wrapper #work-gallery #pagination a:hover{color:#ffea00;}

.gal-v2 #work-detail-wrapper{position:relative;z-index:20;}
.gal-v2 #work-detail-wrapper .item-wrapper .item{position:relative;}
.gal-v2 #work-detail-wrapper .item-wrapper .item #slideshow{width:100%;height:100%;overflow:hidden;}
.gal-v2 #work-detail-wrapper .item-wrapper .item .info-work h3{position:relative;}
.item-wrapper{position: absolute;z-index:50;width:100%;height:100%;overflow:hidden;}

.gal-v2 .item-wrapper{opacity:0;}
.gal-v2 div#divThumbs{opacity:0;}

/*STYLES FOR GALLERY V2*/
img:-moz-loading {
    visibility: hidden;
}
.gal-v2 #galeria{width:100%;height:25%;float:left;position:absolute;overflow:hidden;text-align: center;background:#000;}
.gal-v2 #slideshow{position:absolute;max-height:100% !important;}
.gal-v2 ul#fdgSlides{list-style-type:none;height:100% !important;position:relative; background-color:#FFFFFF !important;}
.gal-v2 ul#fdgSlides li.fdgSlide{position:relative;height:100% !important;width:auto;float:left;overflow: hidden;text-align:center;}
.gal-v2 ul#fdgSlides li.video{width:100%;height:100%;}


.gal-v2 .wrapper-embed-video{width:600px;max-width: 100%;margin:auto auto;}

.gal-v2 .video-container{position: relative;padding-bottom: 56.25%;margin-top:-1%;height: 0;overflow: hidden;}

.gal-v2 .video-container iframe,  
.gal-v2 .video-container object,  
.gal-v2 .video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.gal-v2 li.html5-video .wrapper-embed-video{}
.wrapper-soundcloud{width:50% !important;margin-top:-50px;}
.wrapper-soundcloud iframe{height:165px !important;}
.gal-v2 video{max-width: 100%;height: auto;}
.gal-v2 .video-container img{display:none;}
.jp-video-sources { display: none; }
.jp-audio-poster {position:absolute;display:block;visibility:hidden; }
.gal-v2 ul#fdgSlides li img{position:relative;top:50%;height:100% !important; width:auto !important; }
.gal-v2 ul#fdgSlides .video-container .jp-jplayer img, .gal-v2 ul#fdgSlides .video-container .jp-video-poster img { top: auto !important; }
.gal-v2 ul#fdgSlides .video-container .jp-gui img { display: inline; }

.gal-v2 #fdgNav{position:absolute;height:80px;width:43px;bottom:50%;right:55px;z-index:9999;}
.gal-v2 #fdgNav span{
	display:block;
	width:43px;
	height:43px;
	text-indent:-9999px;
	cursor: pointer;
	display:inline-block;
	text-decoration:none;
	margin:3px;
	/*border-radius:50%;*/
	/*-webkit-transition: all .15s ease;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;*/
	}
.gal-v2 #fdgNav span#fdgPrev{opacity:1; background:url(images/skins-items/sprite-gal-handlers.png)  no-repeat 0 -43px }
.gal-v2 #fdgNav span#fdgPrev:hover{background:url(images/skins-items/sprite-gal-handlers.png) no-repeat -43px -43px ;}
.gal-v2 #fdgNav span#fdgNext{opacity:1;background:url(images/skins-items/sprite-gal-handlers.png) no-repeat 0 0 }
.gal-v2 #fdgNav span#fdgNext:hover{background:url(images/skins-items/sprite-gal-handlers.png) no-repeat -43px 0 ;}
/*.gal-v2 #fdgNav span#fdgPrev.hide{opacity:.1;cursor:default;}
.gal-v2 #fdgNav span#fdgNext.hide{opacity:.1;cursor:default;}*/
.gal-v2 #fdgNav span#fdgInfo{background:url(images/skins-items/sprite-gal-handlers.png) no-repeat 0 -85px;}
.gal-v2 #fdgNav span#fdgInfo:hover{opacity:1; background:url(images/skins-items/sprite-gal-handlers.png) no-repeat -43px -85px }
.gal-v2 #fdgNav span#fdgGoGrid{background:url(images/skins-items/sprite-gal-handlers.png) no-repeat -115px 0px ;}
.gal-v2 #fdgNav span#fdgGoGrid:hover{opacity:1; background:url(images/skins-items/sprite-gal-handlers.png) no-repeat -81px 0px }
.gal-v2 #fdgNav span#fdgSocial{background:url(images/skins-items/sprite-gal-handlers.png) no-repeat 0 -129px ;}
.gal-v2 #fdgNav span#fdgSocial:hover{opacity:1 ; background:url(images/skins-items/sprite-gal-handlers.png) no-repeat -43px -129px}
.gal-v2 #fdgNav #fdgSocialOptions{display:block;float:left;width:310px;height:39px;background:url(images/skins-items/sprite-gal-handlers.png) no-repeat 0 -213px;margin:2px 0 0 -195px;margin-top:-13px \9;display:none;}
.gal-v2 #fdgNav #fdgSocialOptions li{display:block;float:left;padding:10px 0 0 19px;}
.gal-v2 #fdgNav #fdgSocialOptions li a{display:block;text-indent:-99999px;}
.gal-v2 #fdgNav #fdgSocialOptions span{z-index:10;}
.gal-v2 #fdgNav #fdgSocialOptions span.info-btn{z-index:999999;}
.gal-v2 #fdgNav #fdgSocialOptions li .twitter-share-button{background:url(images/social/twitter-icon.jpg) no-repeat;width:33px;height:19px;}
.gal-v2 #fdgNav #fdgSocialOptions li .fb-share-button{background:url(images/social/fb_icon.jpg) no-repeat;width:45px;height:20px;}
.gal-v2 #fdgNav #fdgSocialOptions li .plus-share-button{background:url(images/social/gplus-icon.jpg) no-repeat;width:31px;height:20px;}
.gal-v2 #fdgNav #fdgSocialOptions li .pin-share-button{background:url(images/social/pinterest-icon.jpg) no-repeat;width:50px;height:19px;}

.gal-v2 div#divThumbs{
	position: relative;
	*position:absolute; /*fix IE7 Gallery position*/
	width:100%;
	height:200px;
	background: #fff;
	top:100%;
	float:right;
	text-align:center;
	margin-top:-120px;
	z-index:99999;
	opacity:1;
	}
.gal-v2 ul#fdgThumbs{
	display:block;
	height:100px;
	/*margin: 10px 0;*/
	padding-top:7px;
	/*float:left;*/
	text-align:center;
	overflow:hidden;
	margin: 10px 60px;
	float: right !important;	

}

.gal-v2 ul#fdgThumbs li{
	position:relative;
	overflow:hidden;
	margin: 0 5px 0 0;
	width:50px;
	height:25px;
	overflow:hidden !important;
	margin-bottom:4px;
	display: block;
	float:left;
	opacity:1;
	-moz-transition: all .7s;
	-webkit-transition: all .7s;
	-o-transition: all .7s;
	transition: all .7s;
}
.gal-v2 ul#fdgThumbs li:hover{opacity:.5;-moz-transition: all .7s;-webkit-transition: all .7s;-o-transition: all .7s;transition: all .7s;cursor:pointer;}
.gal-v2 ul#fdgThumbs li img{position:absolute;left:0;top:0;width:100%;height:auto;}

.jp-jplayer { z-index:10; overflow:hidden; }
.jplayer_trigger { position:absolute; display:block; width:480px; height:270px; left:0; bottom:0; z-index:20; cursor:pointer; background:url(css/two2/jplayer.two2.video.play.png) 50% 50% no-repeat; }
.gal-v2 ul#fdgSlides li.jp-control { overflow: auto; height: auto; }

/*styles for single description for each slide*/
div.single-description {position:absolute;display:block;bottom:3%;max-width:50%;z-index:100;}
div.single-description p {background:black;color:white;display:inline;padding:10px;}

/*****backgrounds fit for two galleries******/
#work-detail-wrapper #work-gallery.expanded-bg, .section.expanded-bg {background-repeat:no-repeat;background-size:cover;}
#work-detail-wrapper #work-gallery.pattern-bg, .section.pattern-bg {background-repeat:repeat;}
#work-detail-wrapper #work-gal.expanded-bg {background-repeat:no-repeat;background-size:cover;}
#work-detail-wrapper #work-gal.pattern-bg {background-repeat:repeat;}

img#gal-bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
	img#gal-bg {
		left: 50%;
		margin-left: -512px;   /* 50% */
	}
}


/*********************************************
*** SECTIONS
*********************************************/

/**** SECTION - DEF SKIN (base styles based on higher reolutions to 1440px. Rest resolutions are managed in media queries)****/
.section{position:relative;font:normal 1em/1.7em Helvetica, Arial, sans-serif;font-weight:100;width:100%;height:100%;}
.section-wrapper{position:relative;width:960px;left:12%;top:16%;color:#031b2e;text-transform:normal; }
.section-wrapper .breadcrumbs{font-size:1em;font:normal .7em/1.7em Helvetica, Arial, sans-serif;display:none!important;}
h2{font:normal 1em/1.7em Helvetica, Arial, sans-serif;display:block;width:960px;font-size:2em;line-height:1.8em;border-top:2px solid #ffea00;border-bottom:2px solid #ffea00;padding:0;margin:10px 0 60px 0;}

.item-wrapper span#closebt-section{
	position:absolute;
	display:block;
	width:43px;
	height:43px;
	text-indent:-9999px;
	cursor: pointer;
	display:inline-block;
	text-decoration:none;
	border-radius:50%;
	top:7%;
	right:3%;
	margin-right:0px;
	z-index:200;
	}
.item-wrapper span#closebt-section a{
	/*border-radius:50%;*/
	display:block;
	width:43px;
	height:43px;
	background:url(images/skins-items/sprite-gal-handlers.png) no-repeat 0 -171px /*#000*/;
	/*opacity:1;
	-webkit-transition: all .15s ease;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease;*/

	}
	
.item-wrapper span#closebt-section a:hover{/*background:url(images/skins-items/sprite-gal-handlers.png) no-repeat -43px -171px #FFF;*/}

/**************************************
* DEFAULT TEMPLATE AND GENERAL LAYOUT 
***************************************/
h1{font-size:2.75em;}
h2{font-size:2em;}
h3{font-size:1.75em;}
h4{font-size:1.25em;}
h5{font-size:1em;}

.section-intro{font-size:2.5em;line-height:1.1em;font-style:normal;margin:20px 0 0px 0;width:960px;}
.claim{font-style:normal;margin-bottom: 20px;}
.section-content{margin-right:40px;float:left;text-transform:none;overflow:hidden;}
.section-content p{margin:15px 0 0 0;}
strong{font-weight:bold;}
em{font-style:italic;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}
.aligncenter{display: block; margin: 10px auto 20px auto; clear:both;} 

div.content div img{max-width:100% !important;height:auto !important;margin:0 0 10px 0;}
div.content div.nivoSlider img{margin:0;}
div.content a{
	text-decoration: none;
	text-transform: uppercase;
	color:inherit;
	font-size:.9em;
	border-bottom:1px dotted #474747;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;
	}
	
blockquote{display:block;margin:15px 0 15px 15px;padding-left:10px;text-transform:uppercase;}
.content ul{margin:25px 0;}
.content ul li{margin-left:30px;}
.content ul li:before{content:"---";}
/*standard wp classes not in use*/
.wp-caption{}
.wp-caption-text{}
.sticky{}
.gallery-caption{} 
.bypostauthor{}
	
/* ------- Fluid Columns ------- */
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:67.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; }
.last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}



/*********************************************
**** MISC
*********************************************/

/*Protected with password projects*/
.item form{position:absolute;background:#fff7ce;width: 300px;padding: 150px;border: 1px dotted black;}
.item form input{height:25px;line-height:25px;margin:10px 2px 10px 10px;}
.item form p{text-transform:uppercase;}
.item form #submit{padding:5px;line-height: 5px;display: inline-block;width: 55px;text-transform: uppercase;font-size: .85em;background:#000;color:#fff7ce;}
.item #info form{display:none;}

/*********************************************
**** SCROLLABLE AREAS
*********************************************/

/* Styles based in particular parts of the theme*/
#about .scrollable .content, #about .section-wrapper .content {width:960px;float:left;width:960px\9;_width:960px;*width:960px;margin-right:55px\9;_margin-right:55px;*margin-right:55px;}
#about .scrollable, #about .section-wrapper {width:1280px;height:65%;overflow:auto;}

#news .scrollable .content, #news .section-wrapper .section-content {width:920px;float:left;width:920px\9;_width:920px;*width:920px;margin-right:55px\9;_margin-right:55px;*margin-right:55px;}
#news .scrollable, #news .section-wrapper {width:960px;height:65%;overflow:auto;}

.gal-v1 .info-work .scrollable, .gal-v1 .info-work #scrollArea {width:40% !important;height:93px !important;overflow:auto;margin:7px 0 20px -3px;float:left;}
.gal-v1 .info-work #scrollArea{padding-right:10px;margin-right:10px;}
.gal-v1 .info-work .jspContainer {width:100% !important;height:200px !important;width:1500px\9;_width:1500px;*width:1500px;}
.gal-v1 .info-work .jspPane{width:93% !important;}

.gal-v2 .info-work .scrollable,
.gal-v2 .social-panel .scrollable {width:1280px !important;height:75%;overflow:auto;}
.gal-v2 .info-work .jspContainer,
.gal-v2 .social-panel .jspContainer {width:1280px !important;width:1500px\9;_width:1500px;*width:1500px;}
.gal-v2 .info-work .jspPane, 
.gal-v2 .social-panel .jspPane {width:80% !important;}

/*.scrollable .viewport { width: 99999px;height:300px;overflow:auto;*overflow-y:auto; position: relative;-webkit-overflow-scrolling: touch;}*/

/* General styles for scrollable areas*/

.jspContainer{overflow: hidden;position: relative;}
.jspPane{position: absolute;}
.jspVerticalBar{position: absolute;top: 0;right: 0;width: 5px;height: 120%;display:none;padding-right:20px;}
.jspHorizontalBar{position: absolute;bottom: 0;left: 0;width: 100%;height: 16px;display:none;}
.jspVerticalBar *,.jspHorizontalBar *{margin: 0;padding: 0;}
.jspCap{display: none;}
.jspHorizontalBar .jspCap{float: left;}
.jspTrack{background: #ededed;position: relative;-webkit-border-radius: 3px;}
.jspDrag{background: #474747;position: relative;top: 0;left: 0;cursor: pointer;-webkit-border-radius: 3px;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float: left;height: 100%;}
.jspArrow{background: #50506d;text-indent: -20000px;display: block;cursor: pointer;}
.jspArrow.jspDisabled{cursor: default;background: #80808d;}
.jspVerticalBar .jspArrow{height: 16px;}
.jspHorizontalBar .jspArrow{width: 16px;float: left;height: 100%;}
.jspVerticalBar .jspArrow:focus{outline: none;}
.jspCorner{background: #eeeef4;float: left;height: 100%;}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin: 0 -3px 0 0;}


@media only screen and (-webkit-min-device-pixel-ratio: 0) and (min-device-width: 1025px) {
::-webkit-scrollbar{width: 5px;height: 6px;}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment{display: block;height: 10px;}
::-webkit-scrollbar-button:vertical:increment{background-color: #fff;}
::-webkit-scrollbar-track-piece{background-color: #eee;-webkit-border-radius: 3px;}
::-webkit-scrollbar-thumb:vertical{height: 50px;background-color: black;-webkit-border-radius: 3px;}
::-webkit-scrollbar-thumb:horizontal{width: 50px;background-color: #ccc;-webkit-border-radius: 3px;}
}
::selection{background: none !important;color:#404040;}
::-moz-selection{background: none !important;color:#404040;}


}
.gal-v2 #fdgNav #fdgSocialOptions li .fb-share-button{background:url(images/social/fb_icon.jpg) no-repeat;width:45px;height:20px;}
.gal-v2 #fdgNav #fdgSocialOptions li .plus-share-button{background:url(images/social/gplus-icon.jpg) no-repeat;width:31px;height:20px;}
.gal-v2 #fdgNav #fdgSocialOptions li .pin-share-button{background:url(images/social/pinterest-icon.jpg) no-repeat;width:50px;height:19px;}

/* Styles for shortcodes modules
****************************************************/
/*toggles*/
.toggleWrapper{margin:10px 0;clear:both;}
h5.trigger {
	display:block;
    margin: 0px !important;
    font-size: 18px;
    padding: 5px;
    padding-left: 30px;
    background-image: url('images/toggle-plus.png');
    background-position: 10px center;
    background-repeat: no-repeat;
}
h5.trigger a {display:block;background:transparent !important;border-bottom:1px dotted #474747;}
h5.trigger a:hover {color:#FFF;}
h5.active {background-image: url('images/toggle-minus.png') !important;background-position: 10px center;background-repeat: no-repeat;}
.toggle_container {overflow: hidden;padding: 20px 30px;}


/* Nivo slider
****************************************************/
/*
 * jQuery Nivo Slider v3.0 (managed with shortcodes)
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* The Nivo Slider styles */
.nivoSlider {position:relative;width:100%;height:auto;overflow: hidden;background:url(images/loading.gif) no-repeat 50% 50%;}
/*.nivoSlider p{display:inline !important;}*/
.nivoSlider img {position:absolute;top:0px;left:0px;display:none;max-width: none !important;}
.nivo-main-image {display: block !important;position: relative !important;width: 100% !important;max-width: none !important;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;}
/* The slices and boxes in the Slider */
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;top:0;}
.nivo-box {display:block;position:absolute;z-index:5;overflow:hidden;}
.nivo-box img { display:block; }
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {padding:5px;margin:0;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {text-align:center;padding: 15px 0;}
.nivo-controlNav a {cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}

/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider.
Version: 1.2
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
*/

.theme-default .nivoSlider {
	position:relative;
	background:#fff url(images/nivo-theme/loading.gif) no-repeat 50% 50%;
    margin-bottom:50px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	max-width: none;
	max-width: none !important;
}
.theme-default .nivoSlider a {border:0;display:block;}

.theme-default .nivo-controlNav {text-align: center;padding: 20px 0;}
.theme-default .nivo-controlNav a {display:inline-block;width:22px;height:22px;background:url(images/nivo-theme/bullets.png) no-repeat;text-indent:-9999px;border:0;margin: 0 2px;}
.theme-default .nivo-controlNav a.active {background-position:0 -22px;}
.theme-default .nivo-directionNav a {display:block;width:30px;height:30px;background:url(images/nivo-theme/arrows.png) no-repeat;text-indent:-9999px;border:0;}
.theme-default a.nivo-nextNav {background-position:-30px 0;right:15px;}
.theme-default a.nivo-prevNav {left:15px;}
.theme-default .nivo-caption {font-family: Helvetica, Arial, sans-serif;}
.theme-default .nivo-caption a {color:#fff;border-bottom:1px dotted #fff;}
.theme-default .nivo-caption a:hover {color:#fff;}
.theme-default .nivo-controlNav.nivo-thumbs-enabled {width: 100%;}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {width: auto;height: auto;background: none;margin-bottom: 5px;}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {display: block;width: 120px;height: auto;}



/**** CONTACT - DEF SKIN ****/
#contact h2{width:610px;}
#contact ul{display:block;width:200;position:relative;float:left; line-height:inherit; color: #031b2e !important}
#contact ul li{font-size:0.8em;line-height: normal;}
#contact li.list-section{margin-bottom:15px;}
#contact li.nomH{font-size:1.2em; font-weight:bold;}
#contact li small{display:inline;/*padding-left:20px;*/font-size:1em; }
#contact li:last-child{font-size:.8em;}
div.contact-form{
	float:left;
	width:300px;
	height:305px;
	height /*\**/: 280px\9;
	/*background-color:#a3a3a3;*/
	color:#000;
	/*border-top:5px solid;
	border-bottom:none;*/
	margin-left:20px;
	padding-top:0 !important;
	/*-moz-transition:color 0.2s ease-in, background-color 0.2s linear;
    -webkit-transition:color 0.2s ease-in, background-color 0.2s linear;
    -o-transition:color 0.2s ease-in, background-color 0.2s linear;
	transition:color 0.2s ease-in, background-color 0.2s linear;*/
	}
div.contact-form:hover{/*background:#000;color:#ffea00;*/color:#000 !important}
div.contact-form form div#form-wrapper{/*margin:15px;*/}
div.contact-form form div#field-name{margin-top:0px;}
div.contact-form form label{display: block;/* letter-spacing: 1px; text-transform: uppercase; */margin-bottom: 3px !important;/*font-size: 0.8em; /*color:#FFFFFF*/;}

div.contact-form form input,textarea{width:250px;line-height:20px;padding:10px;color:#a3a3a3;border:1px solid #a3a3a3;margin-bottom: 10px;font-size: 0.8em;}
input[type="checkbox"] {
width: 20px !important;
margin-bottom: 20px !important;
}

div.contact-form form input:focus,textarea:focus{/*color:#474747;*/border:1px solid #a3a3a3;/*font-style:italic;*/color:#a3a3a3;/*font-size: 0.8em;*/}
div.contact-form form input#comments-submit{/*margin-left:190px;*/}
div.contact-form form input.form-submit{
	padding:0 !important;
	/*font-style:italic;*/
	color:#999;
	width:100px;
	margin:0px 10px 0 175px;
	background:none;
	border: none !important;
	/*-moz-transition:color 0.2s ease-in, background-color 0.1s linear;
    -webkit-transition:color 0.2s ease-in, background-color 0.1s linear;
    -o-transition:color 0.2s ease-in, background-color 0.1s linear;
	transition:color 0.2s ease-in, background-color 0.1s linear;*/
	}
div.contact-form form input.form-submit:hover{/*background:#ffea00;*/color:#000;cursor:pointer; }

div.contact-form form label.error {
	position:absolute;
	left:20px;
	font-size:1em;
	z-index:2000;
	display:none;
	text-indent:-9999px;
	visibility:hidden;
}
div.contact-form div.error {position: absolute;
font-size: .7em;
/*margin: 0px 0 0 130px;*/
margin: 20px 0 0 150px;
color: #ff0000;}


div.contact-form #success{text-align:center;margin-top:0;}
div.contact-form form input:focus {/*background-color:#ddd;*/}


/*.section-wrapper ul{width:360px;float:left;margin-right:100px;}
.section-wrapper ul li{text-transform:none;font:normal .85em/1.7em 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; ;*font-size:1.2em;line-height:1.5em;}
#news .section-wrapper ul li h2{font-family:'Terminal Dosis Light', 'Raleway', 'Maven Pro', sans;font-size:2.35em;}
.section-wrapper ul li small{display:block;margin:0px 0 10px 0;color:#bbb;font-size:.85em;}
*/
.section-wrapper ul li a{color: #031b2e !important;text-decoration:none;font-size:0.9em/*;background:#ffea00;padding:2px;color:#000;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;*/}
.section-wrapper ul li a:hover{/*-moz-transition: all .7s;-webkit-transition: all .7s;-o-transition: all .7s;transition: all .7s;background:#000;color:#ffea00;*/ text-decoration:underline;}


/************************************************
**** ADD YOUR CUSTOM STYLES FROM HERE OR USE THE 
**** CUSTOM CSS FEATURE  WITHIN THE OPTION PANEL
*************************************************/
/*so per deixar thumbnails visibles sempre*/
/*.gal-v2 div#divThumbs {
     margin-top: -75px !important;
     opacity: 1 !important;
}

.gal-v2 span#up {
     display: none !important;
}*/
/*fi so*/

#work-gallery {
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
}
/*link pdf style*/
body.gal-v2 #work-detail-wrapper #work-gallery p a {
	color: #031b2e !important;
}

body.gal-v2 #work-detail-wrapper #work-gallery p a:hover{
	 color: #999999 !important;
}


.sdm_download.white {
   background: none !important;
   border-color: none !important;
   color: #031b2e !important;
   -webkit-box-shadow:none !important;
}
.sdm_download.white:hover{
   background: none !important;
   border-color: none !important;
   color: #999999 !important;
   -webkit-box-shadow:none !important;
}

.sdm_download {
    display: inline-block;
    text-decoration: none;
    font: bold 12px/12px HelveticaNeue, Arial;
    padding: 0px;
   color: #031b2e !important;
    border: none !important;
    border-radius: none !important;
}