*{margin:0;padding:0;} .clear{clear:both;}

@font-face {
    font-family: 'Bebas';
    src: url('fontface/BEBAS___-webfont.eot');
    src: url('fontface/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/BEBAS___-webfont.woff') format('woff'),
         url('fontface/BEBAS___-webfont.ttf') format('truetype'),
         url('fontface/BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html, body {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		overflow-y: hidden;
		margin: 0;
}

body {
	font-family: "Helvetica Neue", "Helvetica CY", Helvetica, sans-serif;
	
}

a {
	text-decoration: none;
}

.pagewrapper {
		margin:0 auto;
		width: 400px;
	}
	
/***HEADER***/	
	
	section#logo {
		width: 400px;
		margin-top: 0px;
	}
	
	#logo img {
		height: 185px;
		margin-top:10px;
		margin-right: 0px;
/* 		background-color: #444; */
	}
	
	
	#typography {
/* 		background-color: #888; */
		
		margin-left: 6px;
	}
	
	#logo #typography h1.fontface {
		font-size: 38px;
		color: #000;
		font-family: "Bebas", sans-serif;
		display:inline;
		font-weight: normal;
		margin-top: 30px;
		text-align: center;
	}
	
	#logo #typography h1 span {
		letter-spacing: .04em;
		margin-top:0px;
		margin
	}
	
	#logo #typography h2 {
		font-size: 23px;
		margin-top:0px;
		color:#099dc2;
		margin-left: 7px;
	}
	
	#logo #typography h2 span {
		font-family: Baskerville, Palatino, "Book Antiqua", serif;
		font-weight: normal;
		font-style: italic;
	}
	
	nav {
		margin-left: 0px;
	}
	
	nav ul {
		list-style-type:none;
	}
	
	nav ul li:first-child {
		margin-top: 15px;
	}
	
	nav ul li {
		width: 275px;
		border-top: 1px solid #CCC;
		height:40px;
		padding-top: 20px;
		text-align: center;
	}
	
	nav ul li a {
		color:inherit;
		font-weight: bold;
		text-decoration: none;
	}
	
	nav ul li a:hover {
		color: #099dc2;
	}
	
/***DETAILS***/	
	
section#details {
	width: 100%;
	background-color: #eaeaea;
	min-height: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
	display:none;
}
	.detailwrapper {
		margin: 0 auto;
		padding: 0px 20px 0px 20px;
		min-width: 410px;
		max-width: 1024px;
	}
	
	#main-img {
		float: left;
		min-width: 310px;
		margin-right: 20px;
	}
	
	#main-img #big-img img {
		width: 300px;
		min-height: 200px;
		border: 1px solid #CCC;
	}
	
	#small-img-container {
		width: 380px;
	}
	
	#small-img-container ul {
		list-style-type: none;
	}
	
	#small-img-container ul li {
		float:left;
		margin: 5px 5px 0px 0px;
	}
	
	#small-img-container ul li a img {
		max-height: 43px;
		/* min-width: 43px; */
		margin: 5px 5px 0px 0px;
	}
	
	#description {
		float:left;
		padding-top: 30px;
		width: 330px;
	}
	
	#description h3 {
		font-family: "Bebas", Helvetica, Sans-serif;
		font-size: 28px;
		letter-spacing: .05em;
		color: #099dc2;
		margin-bottom: 10px;
	}
	
	#description h4 {
		font-size: 15px;
		float: left;
		padding-right: 10px;
		color: #555;
	}
	
	#description h5 {
		font-size: 15px;
		color: #555;
	}
	
	#description p {
		margin-top: 20px;
		font-size: 13px;
		line-height: 20px;
		border-top: 1px solid #CCC;
		padding-top: 25px;
	}

/***PORTFOLIO***/

section#portfolio {
	background-color:#2d2d2d;
	width:100%;
	min-height:300px;
	color:#FFF;
	padding-top:20px;
}
	
	h2.sectionTitle {
		margin-bottom:45px;
		font-family:"Bebas", Helvetica, sans-serif;
		font-size:35px;
		text-shadow: 4px 4px rgba(0,208,255,0.65);
		letter-spacing: .05em;
	}
	
	.thumb {
		float:left;
		margin: 0px 0px 50px 48px;
	}
	
	.thumb:hover h3 {
		color: #fff;
	}
	
	.thumb a.small {
		height:175px;
		width:214px;
	}
	
	.thumb a.small img {
		background: #FFF;
		box-shadow: 4px 3px 10px 1px rgba(0,0,0,0.4);
		border:1px solid #999;
	}
	
	.thumb a.small img:hover {
		height:173px;
		width:212px;
		border:2px solid #099dc2;
		box-shadow:none;	
	}
	
	.thumb h3 {
		font-weight: normal;
		text-shadow: 0.2em 0.2em 0.1em #000;
		color: #999;
	}
	
	.thumb h4 {
		float:right;
		font-size:13px;
		font-weight:normal;
	}
	
/***ABOUT***/	
	
section#about {
	background-color: #374551;
	display: none;
	text-shadow: #FFF;
	width:100%;
	min-height:300px;
	padding-top:20px;
}
	
	#about img {
		float:left;
		height: 300px;
		margin-right: 20px;
		margin-bottom: 40px;
		background-color: rgba(225,225,225,.5);
		border: 1px solid rgba(225,225,225,.5);
	}
	
	#about p {
		font-size: 14px;
		line-height: 20px;
		max-width: 450px;
		letter-spacing: .05em;
		float:left;
	}
	
section#contact {
	background-color:#000000;
	width:100%;
	height: 375px;
	color:#FFF;
	padding-top:20px;
	padding-bottom: 50px;
}
	
	form input, form textarea {
		float:left;
		clear: both;
		margin-bottom: 20px;
		font-size: 14px;
		font-weight: normal;
		padding: 5px;
		border: 1px solid #444;
		background: #333;
		color: #fff;
	}
	
	form {
		margin-left: 50px;
	}
	
	form textarea {
		width: 200px;
		height: 100px;
	}
	
	form input.submit {
		color: #fff;
		width: 100px;
	}
	
	form input.submit:hover {
		background-color:#099dc2;
		border: 1px solid #000;
	}

.hide, .hide a, .hide img {
	display:none;
}