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


body {
	margin:0;
	padding:0;
}	

@font-face {
  font-family: "got";
  src: url(../fonts/got.eot);
}

@font-face {
  font-family: "got";
  src: url(../fonts/got.ttf) format("truetype");
}

a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline 4px;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}

p {
	padding-bottom:60px;
	margin:0;
}

#container {
	height:80%;
	min-height:450px;
	position:absolute;
	min-width:1024px;
	width:100%;
	vertical-align:middle;
	top:10%;
	left:0;
	overflow:hidden;
}

#coverall {
	height:80%;
	min-height:450px;
	position:absolute;
	min-width:1024px;
	width:100%;
	vertical-align:middle;
	top:10%;
	left:0;
	z-index:2;
	background-color:#FFFFFF;
	overflow:hidden;
}

#coverall2 {
	height:100%;
	min-height:450px;
	position:absolute;
	min-width:1024px;
	width:100%;
	vertical-align:middle;
	top:0;
	left:0;
	z-index:9999;
	background-color:#FFFFFF;
	overflow:hidden;
}


#top-block {
	height:10%;
	position:absolute;
	width:100%;
	top:0;
	left:0;
	z-index:9999;
	background-color:#FFFFFF;
}

#bottom-block {
	height:53px;
	position:absolute;
	width:100%;
	bottom:0;
	left:0;
	z-index:9999;
	background-color:#FFFFFF;
}

.icon1 {
	position:absolute;
	top:0;
	right:60px;
	cursor:pointer;
	z-index:9999;
}

#icons {
	position:absolute;
	bottom:0;
	right:100px;
	height:24px;
	width:90px;
	z-index:10000;
}

#contents {
	position:absolute;
	top:130px;
	right:61px;
	width:130px;
	height:100%;
	font-size:16px;
	padding-top:20px;
	font-family: "got", Helvetica, Arial, serif;
	z-index:9999;
}

#trigger {
	position:absolute;
	top:130px;
	right:61px;
	width:130px;
	height:270px;
	z-index:9998;
}

#close {
	position:absolute;
	top:0;
	right:55px;
	width:140px;
	height:425px;
	z-index:9998;
}

#facebookmessage, #flickrmessage, #tumblrmessage, #nextmessage, #previousmessage, #startmessage {
	position:absolute;
	bottom:40px;
	right:61px;
	width:130px;
	font-size:16px;
	z-index:9999;
	font-family: "got", Helvetica, Arial, serif;
}

#messageblocker {
	position:absolute;
	bottom:40px;
	right:61px;
	width:130px;
	height:100px;
	background-color:#FFFFFF;
	font-size:16px;
	font-family: "got", Helvetica, Arial, serif;
	z-index:9999;
}

#slideshow {
	position:absolute;
	top:0;
	left:60px;
	height:100%;
	min-height:450px;
	z-index:1;
}

#contentholder {
	height:100%;
	min-height:450px;
	font-family: "got", Helvetica, Arial, serif;
	z-index:1;
	min-width:717px;
	width:70%;
	padding-right:40px;
	margin-left:60px;
	overflow:auto;
	float:left;
}

#contentholder2 {
	height:100%;
	min-height:450px;
	font-family: "got", Helvetica, Arial, serif;
	z-index:1;
	min-width:717px;
	width:70%;
	padding-right:40px;
	margin-left:60px;
	overflow:auto;
	float:left;
}

#contentholder3 {
	height:100%;
	min-height:450px;
	font-family: "got", Helvetica, Arial, serif;
	z-index:1;
	min-width:717px;
	width:70%;
	margin-left:60px;
	overflow:auto;
	float:left;
}


#cover {
	height:100%;
	min-height:450px;
	z-index:2;
	width:40px;
	background-color:#FFFFFF;
	float:left;
	margin-left:-40px;
}

.post-commercial, .post-architecture, .post-projects {
	clear:both;
}

.spacer {
	height:33px;
	clear:both;
}

.post-commercial img, .post-architecture img, .post-projects img {
	margin-right:22px;
	margin-bottom:22px;
	cursor:pointer;
	float:left;
	padding:0;
	margin-top:0;
	border:0;
}

h2 {
	font-family: "got", Helvetica, Arial, serif;
	font-size:61px;
	padding:0;
	padding-right:20px;
	margin-top:-5px;
	margin-bottom:6px;
	line-height:64px;
	width:auto;
	float:left;
	font-weight:normal;
}

h3 {
	font-family: "got", Helvetica, Arial, serif;
	font-size:16px;
	padding:0;
	margin-top:1px;
	margin-bottom:16px;
	line-height:16px;
	width:400px;
	float:left;
	height:64px;
	font-weight:normal;
}

h5 {
	font-family: "got", Helvetica, Arial, serif;
	font-size:16px;
	line-height:18px;
	width:100%;
	font-weight:normal;
}

h4 {
	font-family: "got", Helvetica, Arial, serif;
	font-size:16px;
	padding:0;
	padding-left:6px;
	padding-top:5px;
	float:left;
	width:100%;
	height:19px;
	clear:both;
	background-color:#000000;
	color:#FFFFFF;
	font-weight:normal;
}

#enclose {
	clear:both;
}


.slideshow-resize {
	height:100% !important;
	min-height:450px !important;
	width:auto !important;
	max-height:100% !important;
}

.slideshow-resize2 {
	height:100% !important;
	min-height:450px !important;
	width:auto !important;
	max-height:100% !important;
}

.insideinfo {
	height:auto;
	width:28%;
	margin-right:30px;
	float:left;
}

.insideinfo p {
	padding-bottom:8px;
}

#homebutton, #commercialbutton, #architecturebutton, #projectsbutton, #infobutton, #filmbutton, #contactbutton {
	cursor:pointer;
	padding-bottom:8px;
}