/* ==|== PROJECT INFO ======================================================= */
@charset "utf-8";

/*********************
Main CSS Stylesheet
Project:          Davor Vrankić - official website
Primary Use:      Screen
Version:          1.0
Date:             16.08.2011.
Last Change:      16.08.2011.
Author:           REVOLUCIJA - http://www.revolucija.hr
**********************/

/* ==|== CSS  reset ======================================================= */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; /*overflow-y: scroll;*/ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; line-height: 1.231; padding:0;}
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
::-moz-selection { background: #1b1b1b; color: #fff; text-shadow: none; }
::selection { background: #1b1b1b; color: #fff; text-shadow: none; }

:focus {outline:none;}
::-moz-focus-inner {border:0;}

a { color: #5f5f5f; text-decoration:none; }

a:hover { color: #1b1b1b; }

a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; clear:both; border: 0; border-top: 1px solid #d7d7d7; margin: 10px 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* ==|== main styles ======================================================= */
body {margin:0; height:100%; background:#f0eeee; color:#5f5f5f;}

/* ==|== color scheme ======================================================= */
.darker {color:#525252}
.dark {color:#1b1b1b}
.lines {color:#d7d7d7}
.light {color:#9e9d9d}
.gray{color:#ccc}

.bb {border-bottom:1px solid #d7d7d7;}
.cb {clear:both;}
.left {float:left;}
.right {float:right;}
.oh {overflow:hidden;}
.fs24{font:normal 24px/32px "ff-meta-serif-web-pro","palatino",georgia;}
.fs14{font:normal 14px  "ff-meta-web-pro",helvetica,arial; text--transform:uppercase;display:block; }

#container {overflow:hidden; width:985px; position:relative; margin:0 auto;}

#container.home {width:100%; display:block;}
#container.home nav {margin-right:35px; border:none;}
#container.home header {background:url(../img/bg-w.png); border:none;z-index:2; position:absolute;height:100px;}
#container.home a.logo {margin-left:45px;}

header { overflow:hidden; background:#f0eeee; height:140px; width:100%; z-index:0; position:relative; border-bottom:1px solid #d7d7d7; margin-bottom:30px;}
header h1 {display:none;}

article {clear:both; overflow:hidden; font:14px/20px "ff-meta-serif-web-pro","palatino",georgia; padding:0 30px 30px 30px; margin-top:10px;}
article h2 {font:normal 24px/32px "ff-meta-serif-web-pro","palatino",georgia; margin:0 0 15px;}
article .column.left {margin-left:0px;}
article .column.right {margin-right:0px;}

.biolist { clear:both; list-style:none; margin:20px 20px 20px 10px; padding-left:5px;}
.biolist li { margin-bottom:15px; line-height:26px}
.biolist span {text-transform:uppercase; font:10px/15px "ff-meta-web-pro",helvetica,arial; display:block; background: url(../img/dash.png) 0 center no-repeat;margin-bottom:10px; padding-left:40px; margin-left:-10px;}

.column {width:420px;}
.column p {font:14px/20px  "ff-meta-serif-web-pro","palatino",georgia !important;margin-bottom:20px; text-indent:15px;}
.column.left {margin-right:50px; margin-left:30px;}
.column.right {margin-right:30px;}
.column.left.darker p:first-child:first-letter,.column.right.light p:first-child:first-letter {float: left;font-size: 52px;line-height: 52px;padding-right: 8px;padding-top: 2px; text-indent:0px;}
.column.left.darker p {color:#525252}
.column.right.light p {color:#9E9D9D}

.intro {overflow:hidden; margin:-10px 0 30px 0; padding: 0 0 10px 0;}

nav {float:right; width:690px; margin:24px 0 0 0; padding-top:10px; border-left:1px solid #d7d7d7}
nav ul {display:block; float:right; list-style:none; height:50px;}
nav ul li {float:left; margin-right:40px;display:block; position:relative;}
nav ul li a { font-family: "ff-meta-web-pro",helvetica,arial; text-decoration:none; overflow:hidden; display:block;}
nav ul li a strong {color:#5f5f5f; font-size:14px; font-weight:bold; display:block; text-transform:uppercase;padding:1px 0px; z-index:1; text-align:left;}
nav ul li a span {position:relative; z-index:-1;background:#2c2c2c; width:100%; height:0px; margin:0px ; display:block;}
/*nav ul li a:hover strong,nav ul li a:hover em {color:#1b1b1b;}*/
nav ul li a.active strong {color:#fff; background:#2c2c2c; padding:1px 3px; }
nav ul li a.active em {color:#1b1b1b}
nav ul li a em {color:#9e9d9d; font-size:12px;}

a.logo { background:url(../img/logo.png) no-repeat; display:block; width:228px; height:26px; float:left; margin:35px 0 10px 15px;}
#logotext {font:30px "ff-meta-serif-web-pro","palatino",georgia; text-decoration:none;display:block; width:240px; height:32px; float:left; margin:30px 0 10px 20px;}
.home #logotext {margin:30px 0 10px 40px;}
a.errorimage {display:block; margin:100px auto; width:429px; height:429px;}
#error404 { background:url(../img/error404.png) no-repeat;}
#error500 { background:url(../img/error500.png) no-repeat;}

.home #main {min-height:600px;display:none;}
#main {height:100%; width:100%;min-height:500px; display:block; position:relative; overflow:hidden; background-repeat:no-repeat; background-position: center 25% !important; }
/*#main .bigimg {z-index:-1; margin:-300px 0 0 -100px;}*/

a.arrow {width:56px;top:46%; height:58px; display:block; background:url(../img/arrows.png) no-repeat; position:absolute; opacity:.2; text-indent: -5555px; -moz-transition: all 0.6s ease 0s;}
a.arrow.left { left:45px;}
a.arrow.right { right:45px; background-position:right 0;}
a.arrow.left:hover { -moz-transform: rotate(-360deg);}
a.arrow.right:hover { -moz-transform: rotate(360deg);}

.outerarr {top:450px; position:absolute; display:block; width:40px; font:12px "ff-meta-web-pro",helvetica,arial; height:50px; overflow:hidden; color:#fff; background:url(../img/bgexp.png) no-repeat; z-index:7;}
.outerarr.oleft {left:0px; background-position:1px 8px;text-indent:-9999px; }
.outerarr.oright {right:0px; background-position:-15px -43px;text-indent:-9999px; }
.outerarr.oleft.open {background-position:left -160px;padding:12px 20px 1px 60px;color:#fff; text-indent:0;}
.outerarr.oright.open {background-position:right -95px;padding:12px 30px 1px 50px; color:#fff;text-indent:0;}
.outerarr span {display:block; width:200px; height:44px; overflow:hidden;}

#detailinfo {position:absolute; display:none; width:870px; height:77px; color:#fff; font-family: "ff-meta-serif-web-pro","palatino",georgia; bottom:60px; left:20px;}
#detailinfo div { background:url(../img/bg-b.png);height:77px; overflow:hidden;float:left;}
#detailinfo .numbers {text-shadow:0px 1px #000; text-align:center;line-height:77px; font-size:34px; margin-right:1px;  width:150px;}
#detailinfo .det {text-shadow:0px 1px #000; text-align:right; margin-right:1px;font-family: "ff-meta-web-pro","helvetica",arial;width:120px;}
#detailinfo .det span {display:block; font-size:11px; margin-right:20px; text-transform:uppercase; padding-top:4px;}
#detailinfo .det span.first {margin-top:21px;}
#detailinfo .title {width:500px;}
#detailinfo .title h2{line-height:77px; font-size:34px; font-weight:normal; text-shadow:0px 1px #000; margin:0 10px 0 30px;}
#detailinfo .title h2 a {color:#fff;}
#detailinfo .title h2 a:hover {color:#CCC;}

.workslist {list-style:none; display:block; clear:both; margin:0 0 30px; overflow:hidden; padding:0 10px;}
.workslist li {float:left; display:block; height:370px; margin:0 20px 20px 0; width:300px;overflow:hidden; position:relative;}
.workslist li.last {margin-right:0;}
.workslist li a {color:#525252; display:block; overflow:hidden}
.workslist li a:hover {color:#1b1b1b}
.workslist li a img {display:block; border:none; margin-bottom:7px;}
.workslist li a strong {display:block; position:relative;font:normal 26px/32px "ff-meta-serif-web-pro","palatino",georgia;}
.workslist li a span { position:absolute; display:block; width:300px; height:300px; background:url(../img/bg-b.png); opacity:.7;}
.workslist li a hr {border:none; position:absolute; z-index:4; top:293px; left:0; width:300px; height:7px; background:#131313; margin:0; padding:0; display:none}

.heading {margin:-20px 0 30px; overflow:hidden; padding:10px 0px; height:90px; }
.heading .title {border-left:1px solid #d7d7d7; float:left; padding-left:20px;}
.heading h1 {font:normal 24px "ff-meta-serif-web-pro","palatino",georgia;  margin:0; margin-top:15px;}
.heading strong { text-transform:uppercase; font:normal 10px  "ff-meta-web-pro",helvetica,arial; display:block; margin:10px 0 5px; }

.heading a { float:left; display:block; width:16px; height:49px;  background:url(../img/arrows-slim.png) 0px 10px no-repeat; margin:20px 20px 0 10px;}
.heading a:hover {background-position:0px -150px;}
.heading.oneline {height:70px}
.heading.oneline a { background:url(../img/arrows-slim.png) 0px 2px no-repeat;}
.heading.oneline a:hover {background-position:0px -160px;}

#singlepic {overflow:hidden; max-height:640px; position:relative;}
#singlepic a {display:block; float:left;}
#singlepic a span {max-height:600px; overflow:hidden;display:none; position:relative;margin:0 auto 20px ; z-index:6; background:url(../img/bg-b.png); opacity:.7;}
#singlepic a span strong { display:block; position:absolute; z-index:7; background:url(../img/povecalo.png) no-repeat; width:35px; height:35px; opacity:1;}
#singlepic img { max-height:600px;margin:0 auto 20px ; display:block; }

.singledetails { overflow:hidden; height:60px; padding:15px 0; overflow:hidden;}
.workdetails {float:left; width:125px;}
.workdetails strong { text-transform:uppercase; display:block;color:#b0b0b0;}

.smallthumbs {float:left; margin-right:20px; overflow:hidden;}
.smallthumbs a { float:left;margin-right:1px; display:block; position:relative; width:60px; height:60px;}
.smallthumbs a hr {border:none; position:absolute; z-index:4; top:57px; left:0; width:60px; height:3px; background:#131313; margin:0; padding:0; display:none; }
.smallthumbs a img {  border:none;}
.smallthumbs img:hover { cursor:pointer;}
.smallthumbs a.active hr {display:block;}

.workinfo {float:left;}
span.f12 {display:block;font:normal 12px  "ff-meta-web-pro",helvetica,arial;margin-top:3px;}
em.f12 {display:block;font:normal 12px  "ff-meta-web-pro",helvetica,arial; font-style:italic; margin-top:3px;}
.singledetails em.f12 {color:#b0b0b0;}

#picslist {list-style:none; display:block; clear:both; margin:0 0 30px; overflow:hidden; padding:0 10px;}
#picslist li {float:left; display:block; height:180px; margin:0 20px 20px 0; overflow:hidden; position:relative;}
#picslist li a {display:block; overflow:hidden; position:relative; z-index:0;}
#picslist li a span {display:none; position:absolute; z-index:1; height:180px; background:url(../img/bg-b.png); color:#fff; width:100%;}
#picslist li a span strong {display:block; margin:20px 15px 10px 15px; height:100px; overflow:hidden;font:normal 24px "ff-meta-serif-web-pro","palatino",georgia !important;}
#picslist li a span em {  font-style:normal; font:normal 12px  "ff-meta-web-pro",helvetica,arial; bottom:20px; left:15px; position:absolute; text-transform:uppercase; /*text-shadow:0px 1px #000;*/background:url(../img/arrows-white.png) -30px -1px no-repeat; padding-left:25px; display:none;  }
#picslist li a img {display:block; border:none;}

#presslinks { margin:0 0 0 150px;}

a.docs{padding:0 4px 0 55px; background:url(../img/docs.png) no-repeat; }
a.docs:hover {background:#1b1b1b url(../img/docs.png) no-repeat; color:#fff;}

a.docs.pdf {background-position:0 0; }
a.docs.pdf:hover {background-position:0 -112px;}

a.docs.doc {background-position:0 -28px; }
a.docs.doc:hover {background-position:0 -145px; }

a.docs.jpg {background-position:0 -56px; }
a.docs.jpg:hover {background-position:0 -173px; }

a.docs.ppt {background-position:0 -84px; }
a.docs.ppt:hover {background-position:0 -201px; }

img#bio {margin:0 0 30px; clear:both; display:block;}
.subheading {margin:0 0 30px; overflow:hidden; padding:0 0px 30px 0px;}
.subheading .column {font:normal 24px/32px "ff-meta-serif-web-pro","palatino",georgia;}

.newslabel {float:left; width:300px; padding:0 0 30px; text-align:right; font-style:italic; margin:-5px 0 0;}
.newslabel h2 {font:normal 34px "ff-meta-serif-web-pro","palatino",georgia;display:block;color:#9e9d9d; margin:0px;}
.newslabel h2.fr {color:#ccc; font-style:italic; font-size:26px;}

.rightitem {float:right; padding:0; margin:0px 0 20px 0; overflow:hidden; width:630px;}
.rightitem h3 {font:normal 34px/39px "ff-meta-serif-web-pro","palatino",georgia;  margin:0 0 10px 0;}
.rightitem h3 a{color:#1b1b1b;}
.rightitem h3 a:hover {color:#9e9d9d;}

a.imgleft {float:left; width:260px;margin: 0 30px 30px 0;overflow:hidden;}
a.imgleft span, a.colimg span {overflow:hidden;position:relative;/*margin:0 auto 20px ;*/ z-index:6; background:url(../img/bg-b.png);opacity:.7;display:none;}
a.imgleft span strong, a.colimg span strong { display:block; position:absolute; z-index:7; background:url(../img/povecalo.png) no-repeat; width:35px; height:35px; opacity:1;}

ul.addresslist {margin:0 0 10px 0; clear:right;float:left; padding:0; overflow:hidden;font:normal 14px "ff-meta-web-pro",helvetica,arial;}
ul.addresslist li {overflow:hidden; margin-bottom:3px; color:#5f5f5f;  }

div.download {margin:0 0 10px 0; clear:right;float:left; padding:0; overflow:hidden; width:240px;}
div.download a {font:normal 12px "ff-meta-web-pro",helvetica,arial;color:#5f5f5f;display:block;margin-bottom:1px; white-space:nowrap; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fff url(../img/arrow-bottom.png) 10px 5px no-repeat; padding:3px 10px 3px 30px;}
div.download a:hover { background:#000 url(../img/arrow-bottom.png) 10px 5px no-repeat; color:#fff;}

section {overflow:hidden; margin-bottom:10px;}

.indent {border-left:1px solid #d7d7d7; overflow:hidden; padding-left:30px;}

.newswrap {clear:both; overflow:hidden; margin:0 0 30px 0;}
.newswrap .colimg {float:left; display:block; width:260px; margin:0 30px 0 40px}
.newswrap .col {float:left; width:280px; margin:0 30px 0 0}
.newswrap .col h3 {font:normal 34px "ff-meta-serif-web-pro","palatino",georgia;margin:0 0 10px 0;}
.newswrap .col h3 a {color:#161616;}
.newswrap .col h3 a:hover {color:#9e9d9d;}

.newswrap .col.fr h3 { font-style:italic;}
.newswrap .col p {font:14px/20px "ff-meta-web-pro",helvetica,arial; color:#5f5f5f; margin-bottom:20px;}

.nrt p {font:14px/20px "ff-meta-web-pro",helvetica,arial;color:#5f5f5f;margin-bottom:20px;}
p {font:14px/20px "ff-meta-web-pro",helvetica,arial;color:#5f5f5f;margin-bottom:20px;}
p a { border-bottom:1px dotted #555;}
p a:hover {color:#fff; background:#1b1b1b;}

footer {clear:both; margin:20px 0 0; border-top:1px solid #d7d7d7; color:#b0b0b0; font:normal 11px "ff-meta-web-pro","helvetica",arial; overflow:hidden; height:100px; text-transform:uppercase; position:relative;}
footer span.copyright {position:absolute; left:15px; top:55px;}
footer a {color:#b0b0b0; }
footer a span {position:relative; z-index:-1; background:#2c2c2c; width:100%; height:0px; margin:0px ; display:block;}
footer a strong { font-weight:normal;}
footer a#impressum {position:absolute; left:155px; top:55px; width:60px; height:14px;}
footer a:hover {color:#1b1b1b}
footer em {position:absolute; right:15px; top:55px; display:block; font-style:normal; width:145px;}
footer em a {width:96px; float:right;}

#headerimgs {overflow:hidden;width:100%; height:100%; position:absolute; background:url(../img/loader.gif) center center no-repeat; z-index:-3;}
.headerimg { background-position: center top; width:100%; height:100%; position:absolute;  background-attachment: fixed;background-repeat: no-repeat;background-size: cover;-moz-background-size: cover;}

#startwhite {background:#fff;width:100%; height:100%; position:absolute; z-index:100; }

.fullhor {border-bottom:1px solid #d7d7d7; margin:-10px 0 35px;}
a.statement {font:normal 24px/30px "ff-meta-serif-web-pro","palatino",georgia; display:block; margin:0px 32px 20px; padding-left:30px; background:url(../img/arrows-slim.png) -31px 6px no-repeat;}
a.statement:hover { background-position:-31px -154px;}
a.statement:hover span {color:#555;}

/* SCROLL */
.scrollwrap{ overflow:hidden; width:900px; margin:30px auto 5px;}

.scrollable {position:relative;overflow:hidden;width: 785px;height:130px;float:left;}
.scrollable .items {width:20000em;position:absolute;}

.items div {float:left;}
.items img { cursor:pointer; }
.items a {float:left; margin-right:1px; position:relative;}
.items span { position:absolute; display:block; width:130px; height:130px; background:url(../img/bg-b.png); opacity:.7;}
.items hr {border:none; position:absolute; z-index:4; top:126px; left:0; width:130px; height:4px; background:#131313; margin:0; padding:0; display:none}

.scrollwrap a.browse {background: url(../img/arrows-slider.png) no-repeat;cursor: pointer; opacity:0.7;display: block;float: left;font-size: 1px;height: 36px;margin: 45px 20px; width: 36px;}
.scrollwrap a.right {background-position: bottom right;clear: right;margin-right: 0; float:left;}
.scrollwrap a.right:hover {/*background-position: bottom left;*/ opacity:1;}
/*a.right:active {background-position: -60px -30px;}*/
.scrollwrap a.left {margin-left: 0;background-position: top right;}
.scrollwrap a.left:hover {/*background-position: top left;*/opacity:1;}
/*a.left:active {}*/
.scrollwrap a.disabled { opacity:0.2 !important; cursor: default; }
.scrollwrap a.disabled:hover { background-position:top right;}
.scrollwrap a.disabled.right:hover { background-position:bottom right;}

#ajaxwrap { overflow:hidden; height:906px;}
#loading { z-index:3; position:absolute; width:960px; height:815px;background:url(../img/loader.gif) center center no-repeat; display:none;}

/* SLAGALICA */
.slagalicawrap {margin:30px 0px 0px; position:relative; overflow:hidden; border-bottom:1px solid #d7d7d7;}
#slagalicalegend {position:absolute; top:25px; left:410px; width:130px; height:424px; z-index:3; /*background:url(../img/puzzlethumb.png) no-repeat;*/ background:url(../img/puzzlelegend.png) no-repeat;}

#slagalica {height:700px; width:345px; margin:0px auto 13px; position:relative;}
.tile {position:absolute; width:114px; height:174px;overflow:hidden; cursor: move;}

#slagalical {height:700px; width:345px; margin:0px auto 13px; position:relative; float:left;}
#slagalicad {height:700px; width:345px; margin:0px auto 13px; position:relative; float:right;}

/* FANCYBOX */
#fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none;}
#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url(../img/fancybox.png);}
#fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:1100;display:none;}
#fancybox-tmp{border:0;overflow:auto;display:none;margin:0;padding:0;}
#fancybox-wrap{position:absolute;top:0;left:0;z-index:1101;outline:none;display:none;padding:20px;}
#fancybox-outer{position:relative;width:100%;height:100%;background:#fff;}
#fancybox-content{width:0;height:0;outline:none;position:relative;overflow:hidden;z-index:1102;border:0 solid #fff;padding:0;}
#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1101;}
#fancybox-close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;background:transparent url(../img/fancybox.png) -40px 0;cursor:pointer;z-index:1103;display:none;}
#fancybox-error{color:#444;font:normal 12px/20px Arial;margin:0;padding:14px;}
#fancybox-img{width:100%;height:100%;border:none;outline:none;line-height:0;vertical-align:top;margin:0;padding:0;}
#fancybox-frame{width:100%;height:100%;border:none;display:block;}
#fancybox-left,#fancybox-right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;outline:none;background:transparent url(../img/blank.gif);z-index:1102;display:none;}
#fancybox-left{left:0;}
#fancybox-right{right:0;}
#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block;}
#fancybox-left-ico{background-image:url(../img/fancybox.png);background-position:-40px -30px;}
#fancybox-right-ico{background-image:url(../img/fancybox.png);background-position:-40px -60px;}
#fancybox-left:hover,#fancybox-right:hover{visibility:visible;}
#fancybox-left:hover span{left:20px;}
#fancybox-right:hover span{left:auto;right:20px;}
.fancybox-bg{position:absolute;border:0;width:20px;height:20px;z-index:1001;margin:0;padding:0;}
#fancybox-bg-n{top:-20px;left:0;width:100%;background-image:url(../img/fancybox-x.png);}
#fancybox-bg-ne{top:-20px;right:-20px;background-image:url(../img/fancybox.png);background-position:-40px -162px;}
#fancybox-bg-e{top:0;right:-20px;height:100%;background-image:url(../img/fancybox-y.png);background-position:-20px 0;}
#fancybox-bg-se{bottom:-20px;right:-20px;background-image:url(../img/fancybox.png);background-position:-40px -182px;}
#fancybox-bg-s{bottom:-20px;left:0;width:100%;background-image:url(../img/fancybox-x.png);background-position:0 -20px;}
#fancybox-bg-sw{bottom:-20px;left:-20px;background-image:url(../img/fancybox.png);background-position:-40px -142px;}
#fancybox-bg-w{top:0;left:-20px;height:100%;background-image:url(../img/fancybox-y.png);}
#fancybox-bg-nw{top:-20px;left:-20px;background-image:url(../img/fancybox.png);background-position:-40px -122px;}
#fancybox-title{font-family:Helvetica;font-size:12px;z-index:1102;}
.fancybox-title-inside{padding-bottom:10px;text-align:center;color:#333;background:#fff;position:relative;}
.fancybox-title-outside{padding-top:10px;color:#fff;}
.fancybox-title-over{position:absolute;bottom:0;left:0;color:#FFF;text-align:left;}
#fancybox-title-over{background-image:url(../img/fancy_title_over.png);display:block;padding:10px;}
.fancybox-title-float{position:absolute;left:0;bottom:-20px;height:32px;}
#fancybox-title-float-wrap{border:none;border-collapse:collapse;width:auto;}
#fancybox-title-float-wrap td{border:none;white-space:nowrap;}
#fancybox-title-float-left{background:url(../img/fancybox.png) -40px -90px no-repeat;padding:0 0 0 15px;}
#fancybox-title-float-main{color:#FFF;line-height:29px;font-weight:700;background:url(../img/fancybox-x.png) 0 -40px;padding:0 0 3px;}
#fancybox-title-float-right{background:url(../img/fancybox.png) -55px -90px no-repeat;padding:0 0 0 15px;}
.fancybox-ie6 #fancybox-close{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_close.png',sizingMethod='scale');}
.fancybox-ie6 #fancybox-left-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_nav_left.png',sizingMethod='scale');}
.fancybox-ie6 #fancybox-right-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_nav_right.png',sizingMethod='scale');}
.fancybox-ie6 #fancybox-title-over{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_title_over.png',sizingMethod='scale');zoom:1;}
.fancybox-ie6 #fancybox-title-float-left{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_title_left.png',sizingMethod='scale');}
.fancybox-ie6 #fancybox-title-float-main{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_title_main.png',sizingMethod='scale');}
.fancybox-ie6 #fancybox-title-float-right{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_title_right.png',sizingMethod='scale');}
.fancybox-ie6 #fancybox-bg-w,.fancybox-ie6 #fancybox-bg-e,.fancybox-ie6 #fancybox-left,.fancybox-ie6 #fancybox-right,#fancybox-hide-sel-frame{height:expression(this.parentNode.clientHeight+"px");}
#fancybox-loading.fancybox-ie6{position:absolute;margin-top:0;top:expression((-20+(document.documentElement.clientHeight?document.documentElement.clientHeight/2:document.body.clientHeight/2) 0 (ignoreMe=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)) 0 px);}
#fancybox-loading.fancybox-ie6 div{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_loading.png',sizingMethod='scale');}
.fancybox-ie .fancybox-bg{background:transparent!important;}
.fancybox-ie #fancybox-bg-n{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_n.png',sizingMethod='scale');}
.fancybox-ie #fancybox-bg-ne{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_ne.png',sizingMethod='scale');}
.fancybox-ie #fancybox-bg-e{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_e.png',sizingMethod='scale');}
.fancybox-ie #fancybox-bg-se{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_se.png',sizingMethod='scale');}
.fancybox-ie #fancybox-bg-s{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_s.png',sizingMethod='scale');}
.fancybox-ie #fancybox-bg-sw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_sw.png',sizingMethod='scale');}
.fancybox-ie #fancybox-bg-w{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_w.png',sizingMethod='scale');}
.fancybox-ie #fancybox-bg-nw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_nw.png',sizingMethod='scale');}

/* ==|== override styles ======================================================= */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* ==|== mobile styles ======================================================= */

@media only screen and (min-width: 480px) {

}

@media only screen and (min-width: 768px) {

}

/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}