body{
	margin:0;
	padding:0;
	background: #802f2d;
}

/* -----------------------------
------------- TYPE -------------
----------------------------- */

@font-face {
	font-family: "Zacharoni";
	src: url("images/zacharoni.ttf");
}
@font-face {
	font-family: "Print Clearly";
	src: url("images/printclearly.ttf");
}

h1,h2,h3,h4,h5{
	font-family: "Zacharoni";
	font-weight: normal;
	line-height: 1;
	margin-bottom: 0;
}
h1{
	font-size: 50px;
}
a{
	color: #fff;
	outline: none;	
}
a:hover{
	color: #e7c466;
}
img{
	border: none;
}

/* -----------------------------
---------- HOME PAGE -----------
----------------------------- */

.mouth{
	position: fixed;	
	display:block;
	width: 100%;
	height: 50%;
}

.mouth-top{
	bottom:50%;
	background: #e8e9df url( 'images/mouth-bg-top.jpg' ) repeat-x bottom center;
	border-bottom: 1px solid #c6c6c6;
}
.mouth-bottom{
	top:50%;
	background: #e8e9df url( 'images/mouth-bg-bottom.jpg' ) repeat-x top center;
	border-top: 1px solid #c6c6c6;
}

.teeth{
	position: fixed;	
	display:block;
	width: 100%;
	height: 26px;
}
.teeth-top{
	background: url( 'images/teeth-bg-top.png' ) repeat-x center center;
	top:50%;
}
.teeth-bottom{
	background: url( 'images/teeth-bg-bottom.png' ) repeat-x center center;
	bottom:50%;
}

#title{
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 15px;
}

#title a{
	color: #8d8b8b;
	text-decoration: none;
}
#title a:hover{
	color: #7b2a29;
	text-decoration: none;
}
.eye-right, .eye-left{
	width: 106px;
	height: 63px;
	display: block;
	position: absolute;
	bottom: 15px;
	background-image: url('images/eyes.jpg');
}
.eye-left{
	left: 200px;
}
.eye-right{
	right: 200px;
	background-position: -106px;
}

#nav-links{
	text-align: center;
	position: absolute;
	width: 100%;
	top: 15px;
}

#nav-links .nav-link{
	width: 140px;
	height: 140px;
	display:inline-block;
	margin: 0;
}
#nav-links .nav-link:hover{
	background-position: 0 -140px;
}

#nav-links .portfolio{
	background: url('images/nav-portfolio.jpg');
}
#nav-links .about{
	background: url('images/nav-about.jpg');
}
#nav-links .contact{
	background: url('images/nav-contact.jpg');
}
#nav-links #loading-icon{
	width: 100px;
	height: 25px;
	display:inline-block;
	background: url('images/loading-icon.gif');
	margin: 0;	
}

/* -----------------------------
----------- CONTENT ------------
----------------------------- */

#content-wrapper{
	position: absolute;
	display:block;
	width: 100%;
	min-width: 950px;
	top: 50%;
}

#content{
	color: #fff;
	font-family: "Print Clearly", Helvetica, Arial, "MS Trebuchet", sans-serif;
	font-size: 16px;
	line-height: 1.3;
	
	display:block;
	width: 100%;
	height: 550px;
	margin-top:-225px;
	overflow: hidden;
	background: #802f2d url( 'images/mouth-bg.jpg' ) no-repeat center 10px;
}

.loader{
	width: 100%;
	height: 100%;
	display:block;
	background: url( 'images/loading.gif' ) no-repeat center center;
}

/* -----------------------------
----------- GALLERY ------------
----------------------------- */

.image-gallery{
	width: 50000px;
}

.image-gallery .images ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.image-gallery .images li{
	float: left;
	margin-right: 80px;
}
.image-gallery .images img:hover{
	-webkit-box-shadow: #280503 0px 1px 5px;
	-moz-box-shadow: #280503 0px 1px 5px;
}


.image-gallery .navigation{
	position: absolute;
	top: 80px;
	width: 100%;
	height: 90px;
	text-align: center;
}

.image-gallery .nav-text{
	font-family: "Zacharoni";
	font-size: 16px;
}
.image-gallery .category-selected{
	color: #fd9b9b;
}

.image-gallery .navigation .nav{
	width: 90px;
	height: 90px;
	top: -45px;
	display: block;
	position: absolute;
}
.image-gallery .navigation .nav:hover{
	background-position: 0 -90px;
}

.image-gallery .navigation .nav-left{
	left: 300px;
	background-image: url( 'images/gallerynav-prev.png' );
}
.image-gallery .navigation .nav-right{
	right: 300px;	
	background-image: url( 'images/gallerynav-next.png' );
}

.portfolio-full{
	
}

.portfolio-full .content .heading{
	margin-top:0;
}

.portfolio-full .content .back-link{
	font-family: "Zacharoni";
	font-size: 24px;
}

.portfolio-full .content .copy{
	height: 300px;
	overflow: auto;
}

.portfolio-full .images ul{
	list-style: none;
	margin:0;
	padding:0;
}
.portfolio-full .images li{
	position: absolute;
	top:30px;
	left:0;
}

.portfolio-full .images .nav span{
	font-family: "Zacharoni";
}

/* -----------------------------
------------ ABOUT -------------
----------------------------- */

.about{
}

.about .resume-link{
	font-family: "Zacharoni";
	font-size: 125%;
}

.about .bg-image{
	display: block;
	background: url( 'images/aboutme-image.jpg' ) no-repeat bottom right;
	height: 350px;
}

.contact{
	
}

.contact .contact-links{
	margin-top: 50px;
	font-size: 18px;
	text-align: center;
}
.contact .social-link{
	font-family: "Zacharoni";
	font-size: 125%;
	margin: 0 5px;
}

.col{
	display:inline-block;
	float: left;
	position: relative;
	width: 300px;
	height: 450px;
}