@charset "UTF-8";

body { 
	background: url(images/bkg_home.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family: 'Zilla Slab', serif;
	background-color: #f36821;
	
}

img { display:block; }

a:link { color: #1C1C39; }
a:visited { color: #1C1C39; }
a:hover { color: #000000; background-color: white;}
a:active { color: #FFFFFF; }

.homeCat {
	width: 50%;
	position: fixed;
	bottom: 0px;
	float: left;
}

.title {
	position:relative;
	margin-left: 60%;
	margin-right: 10%;
	padding-top: 100px;
}

.titleText {
	position:absolute;
	font-size: 70pt;
	color: #ffffff;
	font-weight: 300;
	line-height: 70pt;
}

.titleCat {
	position: absolute;
	top: 160px;
	left: 200px;
}

.credit {
	font-family: 'Zilla Slab', serif;
	font-size: 16pt;
	font-style: italic;
	font-weight: 300;
}

.author {
	padding-top: 80px;
	font-size: 32pt;
	color: #1C1C39;
	line-height: 28pt;
}

.contact {
	padding-top: 60px;
	font-family: 'Work Sans', sans-serif;
	font-weight: 700;
	font-size: 16pt;
	color: #1C1C39;
	line-height: 32pt;
}

.contactCat {
	position:relative;
	top: 55px;	
}

.samples {
	font-size: 36pt;
	padding:10px;
	margin-top: 40px;
}

.thumbnails {
	border:10px solid #FFFFFF;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: 20px;
	box-shadow:2px 2px 5px 3px rgba(25, 12, 0, 0.25);
}

.legal {
	width: 50%;
	position: fixed;
	bottom: 10px;
	left: 10px;
	float: left;
	font-size: 12pt;
	color: #1C1C39;
}

.altCat {
	position:relative;
	left: 45px;
	top: -5px;
}

.footerCat {
	position: fixed;
	width: 150px;
	height: 55px;
	bottom: 0px;
	right: 0px;
}