* {
	font-family: Courier;
	/*background: white;*/
	background-image: url('/images/background.png');
	/*background-color: rgb(230, 230, 230);*/
}
html, body {
	padding: 0;
	margin: 0;
}
html {
	overflow: scroll;
}
body {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
img {
	border: 0;
}
#loading-image {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 200px;
	left: 0;
	right: 0;
	margin: auto;
}
#page {
	position: relative;
	top: 68px;

	width: 940px;
	margin: auto;
}
#landing.cycle-slideshow {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
.cycle-pager {
	text-align: right;
	position: relative;
	right: 10px;
	top: 12px;
}
.cycle-pager span {
	color: rgb(200, 200, 200);
	cursor: pointer;
	font-size: 20px;
}
.cycle-pager span.cycle-pager-active {
	color: black;
}
a {
	text-decoration: none;
	color: black;
}
a:visited {
	color: black;
}
a.selected {
	font-weight: bold;
	color: black;
	border-bottom: 2px solid;
	padding-bottom: 5px;
}
header {
	position: fixed;
	top: 0px;
	left: 0;
	right: 0;
	margin: auto;
	width: 940px;
	height: 60px;
	border-bottom: 1px solid black;
	z-index: 2000;
}
header a img {
	margin-top:18px;
}

header:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -8px;
	height: 5.5px;
	width: 100%;
	/*background: white;*/
	background-image: url('/images/background.png');
	/*background-color: rgb(230, 230, 230);*/
	border-bottom: 2px solid black;
}
nav {
	position: absolute;
	right: 5px;
	bottom: 22px;
}
footer {
	position: relative;
	height: 44px;
	width: 940px;
	margin: auto;
	font-size: 12px;
	border-top: 1pt solid black;
}
footer:before {
	content: "";
	display: block;
	height: 2px;
	background: black;
	position: relative;
	top: -8px;
}
#social-media {
	position: relative;
	top: 7px;
}
#social-media [title=twitter] {
	position: relative;
	top: 2px;
}
#social-media [title=pinterest] {
	position: relative;
	top: 1.5px;
}
#contact {
	position: relative;
	left: 5px;
}
#copyright {
	position: absolute;
	top: 14px;
	right: 5px;
}
h1, nav, ul, li {
	display: inline;
}
ul {
	list-style: none;
}
li {
	margin-left: 40px;
	font-size: 12px;
}

/* Portfolio page */
#thumbnails {
	width: 940px;
	height: auto;
	margin-top: 30px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

#thumbnails img {
	margin: 0;
	padding: 0;
	z-index: 1;
}

#project-cover img:hover {
	opacity: 0;
}

div.project-cover, div.logo-cover {
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
	position: relative;
	height: 300px;
}
div.project-cover.left {
	margin-left: 0px;
}

div.title {
	opacity: 0;
    position: absolute;
    top: 0;
}

div.title:hover {
	opacity: 1;
}

div.centered {
	position: relative;
	height: 300px;
	width: 300px;
	text-align: center;
    vertical-align: middle;
    display: table-cell;
}

div.project-cover h2 {
	/*font-size: 24pt;*/
}

div.project-cover h3 {
	font-size: 11pt;
	font-style: italic;
	font-family: Georgia;
}

/* Project page */
#screen {
	position: absolute;
	top: 0px;
	z-index: 100;
	margin: 0;
	padding: 0;
	width: 100%;
	/*height: 800px;*/
	height: 100%;
}
#project {
	margin: 0;
	padding: 0;
	margin-top: 30px;
	width: 940px;
	height: 555px;
	margin-left: auto;
	margin-right: auto;
}
#project-description {
	display: inline-block;
	margin: 0;
	padding: 0;
	position: relative;
	top: -20px;
	width: 300px;
	height: 580px;
	font-family: Georgia;
	font-size: 10pt;
	padding-right: 100px;
}
#project-description h2 {
	font-family: Courier;
}
#project-description h3 {
	font-family: Georgia;
	font-style: italic;
}
#viewport, #scrollbar, #press-viewport, #press-scrollbar {
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
}
#viewport {
	height: 413px;
	width: 620px;
	position: relative;
	bottom: 580px;
	left: 320px;
	overflow: hidden;
	cursor: pointer;
}
#big-image {
	display: inline-block;
	width: 100000px;
	position: relative;
	/* increase 'right' to slide */

	transition-duration: 0.5s;
	transition-timing-function: ease-in;

	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-in;
}
#viewport img {
	display: inline;
	margin-right: 20px;
	height: 413px;
	position: relative;
}
#scrollbar {
	position: relative;
	left: 318px; /* adjusted by 2 pixels for scroller overflow */
	bottom: 550px;
	overflow: hidden;
	z-index: 0;	
}
#scrollbar img {
	display: inline;
}
#scroller {
	cursor: pointer;
	position: absolute;
	top: 0px;
	/* modify left to slide */

	transition-duration: 0.5s;
	transition-timing-function: ease-in;

	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-in;
}
#handle {
	position: absolute;
	top: 0px;
	background: rgba(0,0,0,0);
}
#left-blinder {
	width: 620px;
	background: white;
	opacity: 0.5;
	position: absolute;
	left: -620px;
}
#right-blinder {
	width: 620px;
	background: white;
	opacity: 0.5;
	position: absolute;
}
#right-arrow {
	position: absolute;
	width: 14px;
	height: 2px;
	background: black;
	visibility: hidden;
}
#right-arrow:after {
	position: absolute;
	top: -5px;
	left: 13px;
	content: "";
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid black;
}
#left-arrow {
	position: absolute;
	left: -14px;
	width: 14px;
	height: 2px;
	background: black;
	visibility: hidden;
}
#left-arrow:after{
	position: absolute;
	top: -5px;
	left: -4px;
	content: "";
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid black;
}
#back-button {
	position:absolute;
	left: 0px;
	bottom: 30px;
	width: 60px;
}
.hidden {
	visibility: hidden;
}

/*About page*/
#about {
	width: 940px;
	height: 830px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
#about-desc {
	width: 300px;
	font-size: 13px;
	padding-right: 20px;
	font-family: Georgia;
	position: absolute;
	top: 0;
	left: 0;
}

#about-image {
	position: absolute;
	top: 6px;
	left: 320px;
}
#about-logo {
	position: absolute;
	top: 505px;
	left: 0;
}
#about-contact {
	width: 620px;
	position: absolute;
	left: 340px;
	top: 530px;
	font-size: 10pt;
	line-height: 1.3em;
}

/* Press page */
#press-items{
	width: 940px;
	margin-top: -40px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.press-images, .press-video {
	width: 940px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	border-top: 2pt solid black;
	position: relative;
	padding-top: 30px;
}
.press-images:before, .press-video:before {
	position: relative;
	bottom: 30px;
	content: "";
	display: block;
	height: 5px;
	border-bottom: 1pt solid black;
}
img.logo {
	height: 80px;
}

#press-items span.link-holder {
	display: block;
	font-size: 12px;
	margin-top: 20px;
}
#press-items span.press-desc {
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: Georgia;
	font-size: 10pt;
}
#press-items a:hover {
	font-weight: bold;
}

#press-viewport {
	height: 455px;
	width: 940px;
	overflow: hidden;
	cursor: pointer;
	bottom: 0;
	left: 0;
}
#press-viewport #big-image {
	display: inline-block;
	width: 100000px;
	position: relative;
	/* increase 'right' to slide */

	transition-duration: 0.5s;
	transition-timing-function: ease-in;

	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-in;
}
#press-viewport img {
	display: inline;
	margin-right: 20px;
	height: 455px;
	position: relative;
}
#press-scrollbar {
	position: relative;
	top: 30px;
	overflow: hidden;
	z-index: 0;	
}
#press-scrollbar #left-blinder {
	width: 940px;
	background: white;
	opacity: 0.5;
	position: absolute;
	left: -940px;
}
#press-scrollbar #right-blinder {
	width: 940px;
	background: white;
	opacity: 0.5;
	position: absolute;
}