@charset "utf-8";
/* CSS Document */


@font-face {
	font-family: 'CirceWebBold';
	src: url('../fonts/CRC65__W.eot');
	src:
	     url('../fonts/CRC65__W.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/CRC65__W.woff') format('woff'),
	     url('../fonts/CRC65__W.ttf') format('truetype'),
	     url('../fonts/CRC65__W.svg#CirceWeb-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'CirceWebLight';
	src: url('../fonts/CRC35__W.eot');
	src:
	     url('../fonts/CRC35__W.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/CRC35__W.woff') format('woff'),
	     url('../fonts/CRC35__W.ttf') format('truetype'),
	     url('../fonts/CRC35__W.svg#CirceWeb-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: top;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html {
	height: 100%;
        
        margin:0;
        padding:0;
}

.clear {
    clear:both;
    line-height:0;
    height:0;
    
}
h1 {
    font-family: 'PragmaticaWebBold', arial;
}
a, a:visited {
    cursor:pointer;
    outline: none;
    text-decoration:none;
    color:#808184;
}
.other_link, .other_link:visited {
    
    text-decoration: underline;
}
.other_link:hover {
    text-decoration: none;
}
a:hover {
    color:white;
    
}
body {
    width:100%;
    font-family: 'CirceWebLight', arial;
    font-size:13px;
    line-height: 17px;
    min-width:920px;
    position:relative;
    /*background: #aaa;*/
    background: white;
    color:#939597;
}
h1 {
    font-family: 'CirceWebBold', arial;
    color:#939597;
    font-size:13px;
    line-height: 17px;
    font-weight:normal;
}
h2 {
    font-family: 'CirceWebBold', arial;
    color:#939597;
    margin-bottom:15px;
    font-size:13px;
    line-height: 17px;
    font-weight:normal;
}
#logo, #logo:visited {
    background: url(../img/logo.svg) center center no-repeat;
    width:172px;
    height:10px;
    display:block;
    text-indent:-99999px;
    margin-bottom:82px;
    padding:20px 0px 20px 0px;
}
#logo:hover {
    opacity:0.6;
}
header .bg {
    background: black;
    width:226px;
    height:340px;
    position:absolute;
    z-index:1000;
    opacity:0.65;
}
header .content {
    position:absolute;
    z-index:1001;
    padding:27px;
    padding-top:88px;
}
header {
    width:226px;
    height:340px;
    position:absolute;
    top:20px;
    left:20px;
    z-index:1001;
    box-shadow:          5px 5px 5px 0px rgba(0,0,0,0.1), 
                         5px 0 5px 0px rgba(0,0,0,0.1);
}
nav ul {
    border-bottom:1px solid #939597;
}
nav li {
    float:left;
    padding:7px 0px 5px 0px;
    border-top:1px solid #939597;
    width:100%;
   
}
nav li a, nav li a:visited {
    text-transform:lowercase;
    font-size:17px;
    line-height:16px;
}
#text_bg {
    position:absolute;
    top:20px;
    left:248px;
    z-index:999;
    width:414px;
    height:414px;
    background:#E6E7E8;
    display:none;
    padding:20px;
    font-size:13px;
}
#services, #contacts {
    position:absolute;

    z-index:1000;
    width:414px;
    height:414px;

    display:none;

    font-size:13px;
}
#content {        
    margin:0px 2px 0px 228px;
    padding:20px;
}
#admin {
    margin-top:100px;
    margin-left:20px;
}
.work, .work:visited {
    width:226px;
    height:226px;
    float:left;
    display:block;
    margin-right:2px;
    margin-bottom:2px;
    display:inline-block;
    background:black;
    overflow:hidden;
    position:relative;
}
.work img {
    position:absolute;
    z-index:10;
}
.work img:hover {
    opacity:0.4;
    
}
.table {
    display: table;
    position:absolute;
    top:0;
    width:226px;
    height:226px;
}
.work_name {

    vertical-align:middle;
    
    text-align:center;
    display:table-cell;   
}
.fancybox-close/*, .fancybox-next, .fancybox-prev */{
    display:none;
}
.fancybox-opened  .fancybox-skin, .fancybox-overlay .fancybox-skin {
    background:black;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}

.padding {
    padding:15px;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    opacity:0.8
}
    

 .fancybox-nav span { visibility:visible!important}