@import "reset.css";

/* Make HTML 5 elements display block-level for consistent styling */
header, nav, article, footer, address {
	display: block;
}

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

}

.clear {
	clear: both;
}

div#container {
	width: 839px;
	margin: 0 auto;
}

	header {
		width: 839px;
		height: 86px;
		position: relative;
	}
	
		header div#contact {
			position: absolute;
			right: 0px;
			bottom: 8px;
		}
		
			header div#contact h2, header div#contact h3, header div#contact a {
				font-family: 'CoolveticaRegular';
				text-transform: uppercase;
				font-weight: normal;
				font-size: 10px;
				line-height: 11px;
				text-align: right;
			}
			
			header div#contact a {
				display: block;
				color: #000;
				text-decoration: none;
				text-transform: lowercase;
			}
		
		header div#title {
			position: absolute;
			left: 0px;
			bottom: 8px;
			font-family: 'CoolveticaRegular';
			font-size: 10px;
			text-align: left;
			text-transform: lowercase;
			font-weight: normal;
		}
		
			header div#title a {
				color: #000;
				text-decoration: none;
			}
			
	div#content {
		padding-top: 26px;
	}
	
	div.photo, div.video {
		margin-bottom: 54px;
		width: 839px;
		overflow: hidden;
		text-align: center;
	}