/* Base */

* {
 outline: none;
}

html {
 width: 100%;
 height: 100%;
}

body {
}

/* Layout */

div#loader {
 position: absolute;
 top: 50%;
 left: 50%;
 margin-top: -10px;
 margin-left: -72px;
}

div#wrapper {
 display: none;
}

div#logo {
 margin-bottom: -70px;
}

div#information {
 margin-top: 55px;
 text-align: right;
}

div#viewport {
 margin-bottom: 40px;
 border: 1px solid #CCC;
}

div#previous-box {
 position: absolute;
 top: 416px;
 left: -495px;
 margin-left: 50%;
}

div#next-box {
 position: absolute;
 top: 416px;
 left: 470px;
 margin-left: 50%;
}

div#face {
 text-align: right;
}

div#thanks {
 display: none;
}

a#previous, a#next {
  cursor: pointer;
}

a#previous {
 display: block;
 height: 33px;
 width: 28px;
 overflow: hidden;
}

a#previous:hover {
 display: block;
 text-indent: -28px;
}

a#next {
 display: block;
 height: 33px;
 width: 28px;
 overflow: hidden;
}

a#next:hover {
 display: block;
 text-indent: -28px;
}

/* Typography */

h1 {
 font-size: 200px;
 font-weight: bold;
}

h2 {
 font-size: 30px;
 font-weight: normal;
}

span#location {
 font-size: 15px;
 font-weight: normal;
}

a, a:hover, a:visited, a:active {
 color: #333;
 font-weight: bold;
 text-decoration: none;
}

a:hover {
 color: #F00;
}

a#email {
 font-weight: normal;
}

div#thanks li {
 list-style-type: square;
}

/* Image */

/* Infinite Carousel */

div#viewport {
 position: relative;
 width: 910px;
 height: 300px;
 overflow: hidden;
}

div#viewport ul {
 position: relative;
 padding: 0;
 margin: 0;
}

div#viewport li {
 width: 910px;
 height: 300px;
 float: left;
 list-style: none;
}