@import url("http://fonts.googleapis.com/css?family=Lato:300,400,900");

/* Portrait phones */
@media (max-width: 800px) and (orientation: portrait) {
	.images {
		width:80vw;
		border-left:1px solid #fff;
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
	}
	.firstimage {
		width:80vw;
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
	}
	.lastimage{
		width:80vw;
		border-left:1px solid #fff;
		border-bottom:1px solid #fff;
	}
	div#left {
		display:none;
	}
	div#right {
		display:none;
	}
	div#gallery {
		position:relative;
		width: 100%;
		height: 8vh;
		background-color:#000;
	}
}

/* Landscape phones */
@media (max-width: 800px) and (orientation: landscape) {
	.images {
		height:100vh;
		border-left:1px solid #fff;
		border-right:1px solid #fff;
	}
	.firstimage {
		height:100vh;
		border-right:1px solid #fff;
	}
	.lastimage{
		height:100vh;
		border-left:1px solid #fff;
	}
	div#left {
		display:none;
	}
	div#right {
		display:none;
	}
	div#gallery {
		position:fixed;
		/*bottom:60px;*/
		bottom:0;
		left:0;
		width: 100%;
		height: 8vh;
		background-color:#000;
		opacity:0.8;
		z-index: 1;
	}
}

/* Tablets and up */
@media (min-width: 800px) {
	.images {
		height:100vh;
		border-left:1px solid #fff;
		border-right:1px solid #fff;
	}
	.firstimage {
		height:100vh;
		border-right:1px solid #fff;
	}
	.lastimage{
		height:100vh;
		border-left:1px solid #fff;
	}
	div#left {
		position:fixed;
		top:0;
		left:0;
		width: 6vw;
		height: 100vh;
		background-color:rgba(255,255,255,0.3);
		cursor:pointer;
	}
	#leftarrow {
		width:3vw;
		padding-left:1vw;
		padding-top:43vh;
	}
	div#right {
		position:fixed;
		top:0;
		right:0;
		width: 6vw;
		height: 100vh;
		background-color:rgba(255,255,255,0.3);
		cursor:pointer;
	}
	#rightarrow {
		width:3vw;
		padding-left:2vw;
		padding-top:43vh;
	}
	div#gallery {
		position:fixed;
		bottom:0;
		left:0;
		width: 100%;
		height: 8vh;
		background-color:#000;
		opacity:0.8;
		z-index: 1;
	}
}

html {
	width: 100%;
	min-height: 100%;
}
body {
	height:100vh;
	max-height:100vh;
	margin: 0px;
	padding: 0px;
	/*background-color: #21140B;*/
	background-color: #222;
	color: #ffffff;
	/*font-family:Helvetica,"Lucida Grande", Arial, sans-serif;*/
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	overflow-y:hidden;
}
div#header {
	background-color:#000;
	position: absolute;
	top: 612px;
	left: 0px;
	width: 1024px;
	height: 70px;
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 25px;*/
}
div#pageTitle {
	width: 660px;
	margin-left: auto;
	margin-right: auto;
	font-size: 15px;
	font-weight: normal;
	text-transform: lowercase;
}
div#title {
	float: left;
}
div#menu {
	float: right;
	padding-top:20px;
	padding-right:50px;
}
div#menu a {
	font-size:14px;
}
.photo {
	margin: 10px;
}

div#photos img {
	border: 1px solid #FFFFFF;
}
div#photos {
	color: #FFFFFF;
	background-color: #000000;
	width: 680px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	margin-bottom: 50px;
}
div#otherContent{
	width: 660px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 50px;
}
div#otherContent p {
	text-align: justify;
}
div#homeImg {
	position:relative;
	/*background-color: #21140B;*/
	background-color: #111;
	width: 1060px;
	margin-right: auto;
	margin-left: auto;
	/*margin-bottom: 50px;*/
	margin-top:0;
	text-align: center;
	border-left:10px solid #fff;
	border-right:10px solid #fff;
	border-bottom:10px solid #fff;
}
div#homeImg img {
	/*border: 1px solid white;*/
}
div#logo {
	position:absolute;
	top:629px;
	left:20px;
	z-index:1;
}
div#permalink {
	width: 660px;
	margin-right: auto;
	margin-left: auto;
}
div#permalink img {
	border: 1px solid white;
}
div#top {
	height: 25px;
	/*background-image: url(../images/corners_top.gif);*/
	background-position: top;
	background-repeat: no-repeat;
}
div#bottom {
	height: 25px;
	/*background-image: url(../images/corners_bottom.gif);*/
	background-position: bottom;
	background-repeat: no-repeat;
}
div#contactImg {
	width: 660px;
	margin-top: 50px;
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom: 50px;
}
div#contactImg img {
	border: 1px solid white;
}
div#contactDiv {
	width: 660px;
	margin-left:auto;
	margin-right: auto;
}
div#mark {
	margin-top: 2px;
	margin-right: 5px;
	float: left;
}
h1 {
	/*margin-left: auto;
	width: 660px;
	margin-right: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Helvetica, Arial, Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	font-weight: lighter;*/
	display:inline;
	font-size:24px;
	font-weight: normal;
	color: #fff;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family: 'Lato', sans-serif;
}
table {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}
td.stack {
	width: 95px;
	background-image: url(../images/stackBG.gif);
	background-repeat: no-repeat;
	background-position: 1px 1px;
}
td.set {
	width: 95px;
}
.setThumb {
	float: left;
	width: 85px;
	height: 125px;
	background-image: url(../images/stackBG.gif);
	background-repeat: no-repeat;
	background-position: 1px 1px;
	margin: 10px;
}
.setTitle {
	margin-top: 10px;
	margin-bottom: 25px;
	width: 75px;
	text-align: center;
}
.title {
	color: #990000;
	font-style: italic;
}
a:link, a:active, a:visited {
	color: #ccc;
	text-decoration: none;
	text-transform: lowercase;
}
a:hover {
	color:#fff;
}
a.backButton:link, a.backButton:active, a.backButton:visited {
	font-size: 11px;
	font-weight: normal;
	color: white;
	text-decoration: none;
}
a.backButton:hover {
	text-decoration: underline;
}
a.tagLink:link, a.tagLink:active, a.tagLink:visited {
}
a.tagLink:hover {
	color: white;
	text-decoration: underline;
}
div#gallerymenu {
	float: right;
	font-size:1.6vh;
	/*padding-top:20px;
	padding-right:50px;*/
}
div#gallerymenu a {
	
}
div#galleryheader {
	display:inline-block;
    vertical-align:middle;
	padding-left:2.5%;
	padding-bottom:0.5vh;
}
/*div#galleryheader {
	position:absolute;
	left:0;
	bottom:60px;
	width:100%;
	background-color:#000;
	height: 8vh;
	margin-left: auto;
	margin-right: auto;
}*/
/*div#gallerylogo {
	position:absolute;
	bottom:77px;
	left:20px;
	z-index:1;
}*/
#logoImg {
	padding-left:7.5%;
	width: 16vw;
	vertical-align: middle;
}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
div#galleryImg {
}
div#galleryback {
	/*position:fixed;
	top:320px;
	right:10px;
	z-index:1;*/
	position:absolute;
	top:50px;
	right:50px;
}
div#gallerythumbs {
	/*width:400px;*/
	position:absolute;
	/*top:114px;*/
	bottom:126px;
	right:50px;
	/*z-index:1;*/
	/*padding:5px 5px 5px 2px;
	margin:0;*/
}
.thumbborder {
	border:3px solid #000;
}
div#copyright {
	position:fixed;
	bottom:5px;
	right:7vw;
	font-size:12px;
	z-index:2;
}
div#profile {
	position: absolute;
	top: 70px;
	margin-left: 75px;
	margin-right: 75px;
	/*background-color:#9E9995;*/
	background-color:#444;
	/*color: #635C55;*/
	color: #eee;
	height:300px;
	border:1px solid white;
}
div#contact {
	margin-left: 175px;
	margin-right: 175px;
	padding-bottom:30px;
	background-color:#444;
	color: #eee;
	border:1px solid white;
}
div#bottombanner {
	background-color:white;
	color:#fff;
	text-align:right;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	padding:0 10px;
	height:30px;
    /*opacity: .5;             
    -moz-opacity: .5;          
    filter: alpha(opacity=50);*/
}
div#bottombanner h1 {
	color:#222;
	font-size:16px;
}
div.fb-like {
	float:left;
	/*position:fixed;
	bottom:0px;
	left:10px;
	margin-right: auto;
	margin-left: auto;
	padding:2px 0px;*/
}
div#gallerytext {
	background-color:white;
	color:#666;
	text-align:right;
	width: 100%;
	position:relative;
	top:210px;
    opacity: .5;               /* Standard style for transparency */
    -moz-opacity: .5;          /* Transparency for older Mozillas */
    filter: alpha(opacity=50);  /* Transparency for IE */
}

.form p {
	margin:0;
	font-size: 16px;
}

.forminput {
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	color:#fff;
	background-color:#444;
	border:0;
	border-bottom: 2px solid #fff;
}

.formtextarea {
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	color:#fff;
	background-color:#444;
	border:1px solid #fff;
}

.formsubmit {
	font-family: 'Lato', sans-serif;
	font-size: 24px;
	color:#fff;
	background-color:#444;
	border:1px solid #fff;
}

.formerror {
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	color:#f33;
	padding-left:30px;
}

.formthanks {
	padding-top:5px;
}

div#contactOthers {
	margin-top:25px;
	border-top:1px solid #fff;
}

div#contactFb {
	margin-top:25px;
	border-top:1px solid #fff;
}
div.fb-page {
	margin-top:25px;
}

div#contactLeft {
	margin-top:15px;
	float:left;
}

div#contactRight {
	margin-top:15px;
	float:right;
}