/*base+reset*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}
legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
a,a:link, a:active, a:hover, a:visited {outline: none;-moz-outline-style: none;}
input,textarea{outline:none}

/* 960 Grid System ~ Core CSS.
----------------------------------------------------------------------------------------------------*/
.container_24{margin-left:auto;margin-right:auto;width:960px}

.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,
.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,
.grid_24 {display: inline;float: left;position: relative;margin-left: 5px;margin-right: 5px;}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha{margin-left:0}
.omega{margin-right:0}

/* Grid >> 24 Columns
----------------------------------------------------------------------------------------------------*/
.container_24 .grid_1{width:30px}
.container_24 .grid_2{width:70px}
.container_24 .grid_3{width:110px}
.container_24 .grid_4{width:150px}
.container_24 .grid_5{width:190px}
.container_24 .grid_6{width:230px}
.container_24 .grid_7{width:270px}
.container_24 .grid_8{width:310px}
.container_24 .grid_9{width:350px}
.container_24 .grid_10{width:390px}
.container_24 .grid_11{width:430px}
.container_24 .grid_12{width:470px}
.container_24 .grid_13{width:510px}
.container_24 .grid_14{width:550px}
.container_24 .grid_15{width:590px}
.container_24 .grid_16{width:630px}
.container_24 .grid_17{width:670px}
.container_24 .grid_18{width:710px}
.container_24 .grid_19{width:750px}
.container_24 .grid_20{width:790px}
.container_24 .grid_21{width:830px}
.container_24 .grid_22{width:870px}
.container_24 .grid_23{width:910px}
.container_24 .grid_24{width:950px}
/* Prefix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/
.container_24 .prefix_1{padding-left:40px}
.container_24 .prefix_2{padding-left:80px}
.container_24 .prefix_3{padding-left:120px}
.container_24 .prefix_4{padding-left:160px}
.container_24 .prefix_5{padding-left:200px}
.container_24 .prefix_6{padding-left:240px}
.container_24 .prefix_7{padding-left:280px}
.container_24 .prefix_8{padding-left:320px}
.container_24 .prefix_9{padding-left:360px}
.container_24 .prefix_10{padding-left:400px}
.container_24 .prefix_11{padding-left:440px}
.container_24 .prefix_12{padding-left:480px}
.container_24 .prefix_13{padding-left:520px}
.container_24 .prefix_14{padding-left:560px}
.container_24 .prefix_15{padding-left:600px}
.container_24 .prefix_16{padding-left:640px}
.container_24 .prefix_17{padding-left:680px}
.container_24 .prefix_18{padding-left:720px}
.container_24 .prefix_19{padding-left:760px}
.container_24 .prefix_20{padding-left:800px}
.container_24 .prefix_21{padding-left:840px}
.container_24 .prefix_22{padding-left:880px}
.container_24 .prefix_23{padding-left:920px}
/* --------------------------------------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6,p,div,span{text-align:left}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

/* basic styling */
strong{font-weight:bold}
em{font-style:italic}

/*links*/
a{color:#c47003}
a:active{color:#d33700}
a:hover{color:#872300}

html{background-color:#ccdbce;background-image:url(static/img/bg-body2.png);background-repeat:repeat-x;background-position:top}
body{font-size:62.5%;/* IE6 center */text-align:center}
.wrap{background-color:#fff;background-image:url(static/img/bg-page.png);background-repeat:repeat-y}
#header{height:222px;position:relative}

/* top navigation - sitemap, client login, help */
/*
#top-nav{position:absolute;right:15px;top:-15px;width:auto}
#top-nav li{display:block;float:left;margin-left:20px}
#top-nav li a{color:#fff;font-size:1.1em;text-decoration:none;text-shadow:0 1px 1px #777}
#top-nav li a:hover{text-decoration:underline}*/

/* man navigation container */
#nav-wrap{position:absolute;bottom:0px;left:0;right:0;height:52px;text-align:center;padding:13px 14px 0 14px;border-top:1px solid #a19f8d}

/* main navigation */
#nav{height:53px;background-image:url(static/img/bg-nav.png);background-repeat:no-repeat;background-position:left top;position:relative}
#nav li{display:block;float:left}
#nav li a{display:block;float:left;font-size:1.7em;color:#fff;text-decoration:none;height:23px;padding:14px 18px 8px 18px}

/*link with submenu (top-level) - increased padding for superfish arrow*/
#nav li a.sf-with-ul {
padding-right: 24px;
}

#nav li a:hover {
background-image: url(static/img/bg-nav-over.png);
background-repeat: repeat-x;
}

#nav li a.active,
#nav li a.active:hover {
background-image: url(static/img/bg-nav-active.png);
background-repeat: repeat-x;
}

/* nested menu items */
#nav ul li {
width: auto;
text-align: left;
}

/*sub-menu links (1st level)*/
#nav ul li a.sf-with-ul,
#nav ul li a {
display: block;
float: left;
font-size: 1.3em;
color: #fff;
text-decoration: none;
width: 12em;
padding-right: 0;
padding: .6em 1em 0 1em;

background-image: url(static/img/bg-nav.png);
background-repeat: no-repeat;
background-position: top left;
}


/* homepage feature block */
#feature {
padding: 0;
height: 437px;
/*fix for separator*/
padding-bottom: 30px;
margin-bottom: -10px;
}

/* left part: message */
#message {
position: relative;
height: 437px;
}

#message p {
color: #0a7282;
}


#message p {
position: absolute;
top: 60px;
left: 60px;
padding-right: 25px;
font-size: 1.8em;
line-height: 1.3em;
}

#message a {
position: absolute;
left: 60px;
top: 288px;
}

/* right part - container */
#rotator-wrap {
position: relative;
}
#rotator-wrap .inner {
position: absolute;
top: 20px;
right:45px;
padding: 20px;
overflow: hidden;
height: 370px;
}

/* right part - jquery item rotator */
#rotator li {
/* fix for IE cleartype rendering */
background-color:#fff;
/* fix for content flashing */
margin-bottom: 100px;
}

#rotator li img {
border: 1px solid #7f7565
}

/* for images without border */
#rotator li img.clean {
border: none;
}

#rotator p {
font-size: 1.2em;
line-height: 1.3;
color: #465a5b;
margin-top: 5px;
}

#rotator p.title {
font-size: 1.8em;
text-transform: uppercase;
color: #5a5d5d;
margin-top: 15px;
margin-left: -1px;
}

#rotator p.title a {
text-decoration: none;
}

/* pager */
#rotator .pager {
position: absolute;
right: 18px;
bottom: 0px;
}

#rotator .pager li {
display: inline;
list-style: none;
list-style-type: none;
list-style-image: none;
}

#rotator .pager li a {
display: block;
float: left;
padding: 3px 7px;
margin-left: 1px;
font-size: 11px;
color: #fff;
background-color: #c47003;
text-decoration: none;
text-align: center;
}
#rotator .pager li a:hover {
color: #fff;
background-image: url(static/img/bg-nav-hover.png);
}
#rotator .pager li a.current {
background-image: url(static/img/bg-nav-active.png);
}


/* main content */
#content {
padding-bottom: 30px;
}

/* headings */
#content h1 {
margin-top: 1.3em;
font-size: 3.6em;
color: #0a7282;
margin-bottom: .8em;
}

/* subtitle/slogan */
#content h1 span {
color: #938875;
font-size: .4em;
display: block;
margin-bottom: .8em;
margin-left: 5px;
}

#content h2 {
font-size: 2.2em;
margin-bottom: 7px;
color: #313435;
}

#content h3 {
font-size:1.8em;
}

#content h4 {
font-size:1.6em;
}

#content h5 {
font-size:1.4em;
font-weight: bold;
}

#content h6 {
font-size:1.3em;
font-weight: bold;
}

#content p  {
font-size:1.2em;
font-size: 1.3em;
line-height: 1.35;
margin-bottom: 1.32em;
}



/* secondary content gradient */
div.secondary{background-image:url(static/img/bg-secondary.png);background-repeat:no-repeat;background-position:top center;padding-top:20px;margin:10px 0px}
.secondary h3{font-size:1.8em;margin-bottom:1.5em;color:#5a5d5d}

/* right sidebar */
#sidebar h3{border:0}
/* sidebar on contact page */
#sidebar.contact{border-left:1px solid #938875;padding-left:30px}
#sidebar.contact dl{margin-bottom:20px;font-size:1.4em}
#sidebar.contact dt{margin-top:10px;font-weight:bold}
#sidebar.contact .note{display:block;padding:15px;margin:15px 0 15px;border-width:1px;border:double;border-color:#fff;font-size:11px;color:#fff;background-color:#872300}

/* extra spacing for columns & content */
#content div.space{padding:0px 30px 0 0px;margin-left:30px}

/* columns with icons as background images - homepage & services page */
#content div.icon{background-repeat:no-repeat;background-position:-3px 5px}
/* icon images */
#content .recycle{background-image:url(static/img/ico-recycle.png)}
#content .facebook{background-image:url(static/img/connect-facebook.png)}
#content .globe{background-image:url(static/img/ico-globe.png)}
#content .megaphone{background-image:url(static/img/ico-megaphone.png)}
#content .refresh{background-image:url(static/img/ico-refresh.png)}
#content .chart-up{background-image:url(static/img/ico-chart_up.png)}
#content .accept{background-image:url(static/img/ico-accept_male_user.png)}

#content div.icon h2{padding-left:40px;margin-bottom:25px;line-height:1.2}

/* imglist - used on homepage & about page */
#content ul.imglist li{min-height:95px;position:relative;display:block;clear:both;margin:0;list-style:none;border-bottom:1px solid transparent}
#content ul.imglist li h4{font-size:1.3em;margin:0;margin-bottom:5px}
#content ul.imglist li h4 a{text-decoration:none}
#content ul.imglist li p{font-size:1em;line-height:1.2;padding-left:68px}
#content ul.imglist p a.more{margin-top:5px;margin-bottom:10px;padding:0;float:right;clear:both}
#content ul.imglist img{display:block;padding:3px;border:1px solid #dfddd1;position:absolute;left:0}
#content ul.imglist span.name{display:block;font-size:1.3em;margin-bottom:4px}



/* footer */
#footer {
background-image: url(static/img/bg-footer.png);
background-repeat: repeat-x;
background-position: top;
background-color: #938875;
margin: 0 14px;
padding-bottom: 80px;
position: relative;
overflow: auto;
}
/* 1/4 width column - footer column */
#footer .col14 {
margin-left: 20px;
margin-right: 20px;
}

#footer .col14 h6 {
text-transform: uppercase;
font-size: 1.2em;
color: #fff;
letter-spacing: 1px;
margin-top: 17px;
}

#footer ul {
margin-top: 18px;
}

#footer ul li {
padding: 2px 0;
}

#footer ul li a {
color: #fff;
font-size: 1.1em;
text-decoration: none;
}

#footer ul li a:hover {
text-decoration: underline;
}

/* copyright block */
#copyright p {
position: absolute;
left: 20px;
bottom: 20px;
color: #dfddd1;
font-size: 1.1em;
}

#copyright a {
color: #fff;
}

/* footer end */
#footer-bottom {
height: 14px;
border-bottom: 1px solid #a19f8d;
}


/* contact form */
#content label {
display: block;
font-size: 1em;
padding: 3px;
text-transform: uppercase;
color: #5a5d5d;
}

#content label:after {
content: ":";
}

#content label.error {
background-color: #872300;
border: 1px solid #872300;
padding: 5px;
margin-top: -10px;
width: 100%;
color: #fff;
text-transform: none;
}
#content label.error:after {
content: "";
}

#content textarea,
#content input {
font-size: 1.8em;
width: 100%;
padding: 5px;
margin-bottom: 10px;
background-color:  #dfddd1;

border: 1px solid #7f7565;
border-bottom: 1px solid #bbb9a4;
border-right: 1px solid #bbb9a4;
}

#content textarea:focus,
#content input:focus {
border: 1px solid #000;
}

#content textarea {
height: 165px;
}

#content input.submit {
margin-top: 10px;
width: auto;
padding: 5px 15px;
background-color: #465a5b;
border: 1px solid #313435;
color: #fff;
text-align: center;
}

/* services - contents.php */
#content #services-top{margin-left:65px}
#services{margin-top:12px}
#services .service{padding-bottom:10px;margin-bottom:23px;height:auto;overflow:auto}
.service .img{float:left;width:230px;margin-left:20px;padding:0;padding-top:33px}
.service .text{float:left;width:540px;padding-left:20px}
#services .service .text p{margin-bottom:17px}
#services .service .text h2{margin-bottom:10px}
#services .service .text h2{color:#313435;border-bottom:1px solid #bbb9a4;font-size:2em;padding:5px 0 4px 0}
#services .service .text .list{margin:0;margin-bottom:10px;font-size:1.2em}

/*projects page - galeria.php */
#projects{margin-top:10px}
#projects .project{display:block;float:left;width:280px;margin-left:30px;height:300px}
#projects .project .frame{margin-bottom:5px}
#projects .project h2{font-size:1.8em;margin-bottom:5px}
#projects .project p{font-size:1.2em}

/* --------------------------------------------------------------------------------------------------- */
.post,.post p{font-size:12px;line-height:1.5em !important}
#notasrel{max-height:200px !important;overflow:auto}
#notasrel li{margin-bottom:10px !important}

/* post comments block */
#comments{margin-top:2.5em}
#comments .head{overflow:auto;border-bottom:6px solid #dedede;background-color:#bbb;margin-top:3em;padding:1.5em}
#comments .head h3{margin:0;float:left;width:100%;color:#fff}
#comments .head h3 .post{float:right;font-size:.65em;margin-top:.10em;text-decoration:none;color:#444;*margin-top:-1.3em}
#comments  ol{list-style-type:none}
#comments .comment{overflow:auto}
#comments .comment .text{float:left;width:510px;margin-left:20px;padding-bottom:1em;position:relative}
#comments .comment .text .author{display:block;color:#C47003}
#comments .comment .text .author a{font-weight:bold}
/* post comment form */
#post-comment{padding-top:2em;margin-bottom:4em}
#post-comment .submit{*margin-left:-84px}
#post-comment .title{margin-top:3em;margin-bottom:2em;padding:0;color:#aaa}
/* blog sidebar */
#sidebar.blog{margin-right:0;margin-left:-8px}
#sidebar.blog h4{margin-bottom:.5em;color:#444}
#sidebar.blog ul{margin-bottom:1.5em}
#sidebar.blog ul li{margin-bottom:.5em}
#sidebar.blog ul li a{font-size: 1.2em;text-decoration:none}

/* generic text stylings */
caption, br {
line-height: 1.5;
}

a.block {
display:block;
line-height: 1.5;
margin-bottom: 1.5em;
}

span.amp {
  font-family: "Goudy Old Style", "Palatino", "Book Antiqua", serif;
  font-style: italic;
  font-size: 110%;
}

pre, code, samp, kbd, var {
font: mono-space,monospace;
}
pre {
overflow:auto;
}
del {
text-decoration: line-through;
}
abbr, acronym{
text-transform:uppercase;
border-bottom:1px dotted #666;
letter-spacing:1px;
}
abbr[title], acronym[title] {
cursor:help;
}
small {
font-size:.9em;
}
sup, sub {
font-size:.8em;
}
sup {
vertical-align: top;
}
sub {
vertical-align: bottom;
}
em, cite, q {
font-style:italic;
}
strong {
font-weight: bold;
}


/* --------------------------------------------------------------------------------------------------- */


/*** ESSENTIAL STYLES ***/
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width: 14em; /* left offset of submenus need to match (see below) */
	margin-top: 2em;
}
.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:			18em; /* match ul width */
	top:-2em;
}
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:			14em; /* match ul width */
	top:			0;
}


/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.2em;
	top:			1.15em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('static/img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}


a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			1.1em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

ul.sf-menu ul li a > .sf-sub-indicator {
	top:			.9em;
	right: .5em;
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


/* --------------------------------------------------------------------------------------------------- */


body,input,textarea,#rotator p{font-family: Calibri, Frutiger, "Frutiger Linotype", Univers,  "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif}
#content blockquote p,#message h1,#message p{font-family: Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", serif}
#credits,#content label,#copyright p,#footer ul li a,#rotator .pager li a,#sidebar.contact .note,#top-nav li a,#searchText{font-family: Tahoma, Calibri,Frutiger, "Frutiger Linotype", Univers,  "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif}
#nav li a,#content h1,#content h2,#content h3,#content h4,#content ul.imglist h3,#footer h6,#rotator p.title{font-family:Arial, sans-serif}

#search{position:absolute;top:22px;right:24px}
#searchText{font-size:15px;color:#555;height:22px}
#searchSubmit{border:1px solid #bbb;font-size:15px;height:26px;width:66px;cursor:pointer}

#credits{margin:20px;color:#7f7565;font-size:1.1em;text-align:center}
#credits a{color:#7f7565;font-weight:bold;text-decoration:none}
#credits a:hover{text-decoration:underline}

img.frame{padding:6px;background-color:#fff;border:1px solid #d8d8d8}

div.error,div.success{font-size:2em;background-color:#a19f8d;padding:10px;color:#fff}
div.error{background-color:#872300}


/* --------------------------------------------------------------------------------------------------- */


.form_gen td{padding:5px}
.form_gen input{font-size:10px}
.input1{border:1px solid #C3D1D2;color:#808080;padding:2px;width:150px;font:10px Arial,Helvetica,sans-serif}

.paginator{font-size:16px;font-weight:700;text-align:center}
.paginator a{padding:0 5px}
.paginator span{padding:0 8px}


/* --------------------------------------------------------------------------------------------------- */


.br{margin-bottom:1em}
.cl{clear:both}
.fl{float:left}
.fr{float:right}
.tl{text-align:left}
.tr{text-align:right}
.tc{text-align:center}
.va{vertical-align:middle}
.vat{vertical-align:top}
.nowrap{white-space:nowrap}

.f10{font-size:10px}
.f11{font-size:11px}
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f15{font-size:15px}
.f16{font-size:16px}

.none{display:none}
.block{display:block}

.bold,.strong{font-weight:700}
.normal{font-weight:400}
.pointer{cursor:pointer}
.border{border:1px solid #000}
.wmin{width:1px}
.underline{text-decoration:underline}

.messenger{padding:5px;font-size:12px;border:1px solid #555}
.messenger img{margin-right:5px}
.messenger1{background:#0F67A1;color:#fff}
.messenger2{background:green;color:#fff}
.messenger3{background:orange;color:#000}

.w25{width:25px !important}
.w50{width:50px !important}
.w100{width:100px !important}
.w150{width:150px !important}
.w200{width:200px !important}
.w250{width:250px !important}
.w300{width:300px !important}
.w350{width:350px !important}
.w400{width:400px !important}
.w450{width:450px !important}
.w500{width:500px !important}
.w100p{width:100% !important}

.h100{height:100px !important}
.h200{height:200px !important}


/* --------------------------------------------------------------------------------------------------- */


/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('static/fancybox/source/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('static/fancybox/source/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('static/fancybox/source/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('static/fancybox/source/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}