html, body {overflow:hidden; }
body {
font-family: "Courier New", Courier, monospace;
font-size:18px;
line-height:24px;
background:#fff;
height:100%;
}


h1, h2, h3, h4, h5, h6, p {
font-weight:normal;
margin:0;
padding:0;
}

a {
color: #000;
text-decoration:none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
a:hover {
color: #333;
}
a:link {-webkit-tap-highlight-color: #333;}

* {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-o-user-select: none;
user-select: none;
}




#copyright { position:absolute; bottom:0; left:0;}
#copyright p { font-size:12px; color:#FFFFFF; padding:12px; margin:0; }



#wrapper {
position: absolute;
width: 100%;
height: 100%;
background:url(02.png);
z-index:9999;
}


#error404 {
position: absolute;
bottom:50%;
left:50%;
margin-bottom:-240px;
margin-left:-180px;
z-index: 999;
width:360px;
height:140px;
}

#error404 .inner {
padding:20px 20px 20px;
background:#FFF;
}

#sidebar {
position: absolute;
top:50%;
left:0;
margin-top:-240px;
height: 480px;
z-index: 999;
width:360px;
}





#sidebar header {
position:absolute;
bottom:0;
left:0;
z-index:1000;
width:360px;
background:#FFF;
padding-top:90px;
}

#sidebar header .inner {
padding:0 20px 20px 20px;
}


h1#logo {
float:right;
font-family: Courier, "Courier New", monospace;
font-size:32px;
line-height:32px;
margin:16px 0 0 0;
padding:0;
}

nav#primary-menu {
float:left;
}

nav#primary-menu li {
padding:0;
margin:0;
float:left;
clear:left;
}

nav#primary-menu a {
display:block;
font-size:21px;
line-height:24px;
}


#cv {
position:absolute;
top:0;
left:0;
z-index:1002;
width:360px;
height:342px;
background:#ffffff;
}

.no-js #cv {
overflow:hidden;
overflow-y: scroll;
}

.js #cv .inner  {
margin:20px 20px 0;
width:320px;
height:316px;
}


.no-js #cv .inner  {
padding:20px;
}

#contact {
position:absolute;
bottom:90px;
left:0;
z-index:1001;
width:360px;
height:48px;
background:#ffffff;
}

#contact h3 {
text-align:center;
font-size:21px;
line-height:48px;
}


#supersized-loader { position:relative; top:50%; left:50%; z-index:0; width:24px; height:24px; margin:-12px 0 0 -12px; text-indent:-999em; background:url(loading.gif) no-repeat center center;}

#supersized {  display:block;position:fixed; left:0; top:0; overflow:hidden; height:100%; width:100%; }
#supersized img { width:auto; height: auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/

#supersized li { display:block; list-style:none; z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#000000 }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#000000 url(loading.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img { visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }

.supersized-direction-nav {
position: absolute;
z-index: 1004;
width:72px;
height:24px;
line-height:24px;
bottom:-36px;
right:20px;
}
.supersized-direction-nav li {
position:absolute;
color:#fff;
width:32px;
height:32px;
line-height:32px;
font-size:32px;
top:0;
text-align:center;
}
.supersized-direction-nav li a {
color:#fff;
width:32px;
height:32px;
line-height:32px;
font-size:32px;
}

.supersized-direction-nav li.supersized-next { right:0; }
.supersized-direction-nav li.supersized-prev { left:0;}




/*slideshow controls */

#slideshow-controls {
position: absolute;
z-index: 1004;
width:72px;
height:24px;
line-height:24px;
bottom:-36px;
right:20px;
}

#slideshow-controls a {
position:absolute;
color:#fff;
width:32px;
height:32px;
line-height:32px;
font-size:32px;
top:0;
text-align:center;

}

.controls a:hover {
color:#fff;
}


#slideshow-controls a.next {
right: 0;
}

#slideshow-controls a.previous {
left:0;
}








@media (max-width: 767px) {
#sidebar {
position: absolute;
top:0;
left:0;
margin-top:0;
z-index: 999;
width: 100%;
height:100%;
}

#sidebar header {
position: static;
width:100%;
background:#FFF;
padding-top:0;
}

#sidebar header .inner {
padding:12px;
}

#contact {
position: static;
width:auto;
height:48px;
background:#ffffff;
}

#cv {
position: static;
width:auto;
padding:12px;
height:342px;
background:#ffffff;
}

.no-js #cv {
overflow:hidden;
overflow-y: scroll;
}

.js #cv .inner  {
margin:0;
width:100%;
height:316px;
}


.no-js #cv .inner  {
padding:12px;
}

#slideshow-controls {
position: absolute;
z-index: 1004;
width:72px;
height:24px;
line-height:24px;
bottom:12px;
right:12px;
}

#supersized img {
width:100%;
height: auto !important;
}

.supersized-direction-nav {
position: absolute;
z-index: 1004;
width:72px;
height:24px;
line-height:24px;
bottom:12px;
right:12px;
}

}


@media (min-width: 768px) and (max-width: 1024px) {


}

.hidden {
  display: none;
  visibility: hidden;
}

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

.visible-desktop {
  display: inherit !important;
}


@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}