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

/* general styles
-------------------------------------------------- */
@font-face {
    font-family: 'colaboratelightregular';
    src: url('ColabLig-webfont.eot');
    src: url('ColabLig-webfont.eot?#iefix') format('embedded-opentype'),
         url('ColabLig-webfont.woff') format('woff'),
         url('ColabLig-webfont.ttf') format('truetype'),
         url('ColabLig-webfont.svg#colaboratelightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'colaborate-thinregular';
    src: url('ColabThi-webfont.eot');
    src: url('ColabThi-webfont.eot?#iefix') format('embedded-opentype'),
         url('ColabThi-webfont.woff') format('woff'),
         url('ColabThi-webfont.ttf') format('truetype'),
         url('ColabThi-webfont.svg#colaborate-thinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'wc_sold_out_a_btaregular';
    src: url('WCSoldOutABta-webfont.eot');
    src: url('WCSoldOutABta-webfont.eot?#iefix') format('embedded-opentype'),
         url('WCSoldOutABta-webfont.woff') format('woff'),
         url('WCSoldOutABta-webfont.ttf') format('truetype'),
         url('WCSoldOutABta-webfont.svg#wc_sold_out_a_btaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'wc_sold_out_b_btaregular';
    src: url('WC_Sold_Out_B_Bta-webfont.eot');
    src: url('WC_Sold_Out_B_Bta-webfont.eot?#iefix') format('embedded-opentype'),
         url('WC_Sold_Out_B_Bta-webfont.woff') format('woff'),
         url('WC_Sold_Out_B_Bta-webfont.ttf') format('truetype'),
         url('WC_Sold_Out_B_Bta-webfont.svg#wc_sold_out_b_btaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
	position: relative;
	min-height: 100%;
}

body {
	font-family: 'colaborate-thinregular', sans-serif;
	background-color: #59554E;
	margin: 0;
}

a {
	text-decoration: none;
	color: #E2E3D9;
	opacity: 0.7;
	transition: all 0.7s ease;
}

a:hover {
	text-decoration: none;
	color: #E2E3D9;
	opacity: 1;
}


/* header
-------------------------------------------------- */
.logo {
	font-family: 'colaborate-thinregular', serif;
	color: #E2E3D9;
}

.icon-links {
	padding: 20px 5px 5px 15px;
	width: 50px;
}

.fixnav {
	position: fixed;
	display: block;
	background-color: #503D2E;
	margin-top: 0;
	width: 100%;
	height: 150px;
	z-index: 500;
}

.pageland {
	display: block;
	width: 100%;
	height: 150px;
	font-family: 'Cutive Mono', courier;
	color: #E2E3D9;
	font-size: 3em;
}
.pageland1 {
	display: block;
	width: 100%;
	height: 130px;
	font-family: 'Cutive Mono', courier;
	color: #E2E3D9;
	font-size: 3em;
}

.pageland1 p {
	padding-right:20%;
	text-align: right;
}

.pcontain {
	position: absolute;
	margin-top: 150px;
	width: auto;
}

/* body
-------------------------------------------------- */
.home {
	background-color: #59554E;
}

.contentWrap {
	display: block;
	background: #E2E3D9;
	margin-top: 150px;
	margin-bottom: 30px;
	width: 100%;
	z-index: -1
}

.contentWrap p {
	padding: 5%;
}

#content {
	margin: 400px 0px 0px 30px;
}

.box {
	display: inline-block;
	margin-bottom: 10px;
}

.box img{
	transition: all 0.5s ease;
	width: 100%;
	height: auto;
	opacity: 0.8;
}

.box img:hover {
	opacity: 1;	
}


/* footer
-------------------------------------------------- */

#footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 30px;
}