@font-face {
    font-family: 'TheSansCaps';
    src: url('fonts/thesans-5-regularcaps-webfont.eot');
    src: url('fonts/thesans-5-regularcaps-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/thesans-5-regularcaps-webfont.woff') format('woff'),
         url('fonts/thesans-5-regularcaps-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TheSansCaps';
    src: url('fonts/thesans-7-boldcaps-webfont.eot');
    src: url('fonts/thesans-7-boldcaps-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/thesans-7-boldcaps-webfont.woff') format('woff'),
         url('fonts/thesans-7-boldcaps-webfont.ttf') format('truetype');
    font-weight: bold;
    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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
a { text-decoration: none; color: inherit; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; }
a:hover {  }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
::selection { background: rgba(0,0,0,0.1); }
::-moz-selection { background: rgba(0,0,0,0.1); }
textarea, input { outline: none; }
.clear { clear: both; height: 1px; margin-top: -1px; }
.has-transition { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.left { float: left; }
.right { float: right; }

html, body { height: 100%; min-height: 100%; }
#wrapper { height: calc(100% - 20px); border: 10px solid #fff; position: relative; font-family: 'TheSansCaps'; letter-spacing: 1px; }
.wrapper-border { background-color: #fff; position: absolute; z-index: 100; width: 100%; height: 100%; }
#border-top { height: 10px; top: 0; left: 0; }
#border-bottom { height: 10px; bottom: 0; left: 0; }
#border-left { width: 10px; top: 0; left: 0; }
#border-right { width: 10px; top: 0; right: 0; }
#slider { height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: #000; }
#slider .slide { height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: 1; opacity: 0; -webkit-transition: opacity 1.2s ease; transition: opacity 1.2s ease; }
#slider .slide.visible { z-index: 2; opacity: 1; }

#logo { width: 232px; height: 156px; position: absolute; z-index: 3; top: 40px; left: 50%; margin-left: -116px; background: url('images/logo.png') 0 0 no-repeat; }

#contact { z-index: 2; background-color: rgba(255,255,255,0.8); width: 600px; height: 220px; padding: 20px 0; box-shadow: -3px 0 3px rgba(0,0,0,0.3); position: absolute; left: -600px; top: 50%; margin-top: -130px;  }
#contact:after { content: ''; position: absolute; top: 100%; left: 0; height: 15px; width: 100%; background: url('images/contact.shadow.png') right top no-repeat; }
#contact.open { left: 0; }
#contact-banner { position: absolute; top: 50%; margin-top: -30px; left: 100%; margin-left: -10px; z-index: 101; height: 60px; width: 160px; color: #fff; line-height: 40px; text-indent: 20px; font-variant: small-caps; background: url('images/contact.png') 0 0 no-repeat; font-size: 25px; padding-top: 4px; }
#contact .logo-holder { width: 240px; border-right: 1px solid #ECE9E7; text-align: center; height: 100%; }
#contact .logo-holder .logo { margin-top: 70px; }
#contact .contact { height: 100%; border-left: 1px solid #C8C5C4; padding-left: 58px; color: #4E4536; font-variant: small-caps; }
#contact .contact h1 { font-weight: bold; font-size: 24px; line-height: 40px; letter-spacing: 2px; }
#contact .contact p { padding-left: 10px; font-size: 16px; line-height: 20px; }
#contact .contact p.c { color: #00C7CA; font-weight: bold; margin-top: 6px;}
#contact .contact span.open { display: inline-block; width: 35px; border-right: 1px solid #4E4536; line-height: 16px; margin: 2px 12px 2px 0; }