/* browser reset */
* {
	margin: 0;
	padding: 0;
	}
	
/* global styles */
body {
	background: #303030;
	font: 12px/16px Georgia;
	color: #333;
	}
h2 {
	margin: 0 0 5px;
	font: 24px/28px Georgia;
	text-align: center;
	}
p {
	margin: 0 0 15px;
	}
a {
	color: #666;
	text-decoration: none;
	}
	a:hover {
	color: #333;
	text-decoration: underline;
	}
#container {
	width: 1200px;
	margin: 20px auto;
	border: 5px solid #4d4d4d;
	}
	#container {
	min-height: 800px;
	background: url(/images/bgHome.png) no-repeat 0 140px;
	}
	
/* header */
#header {
	height: 140px;
	background: #4D4D4D url(/images/header.png) no-repeat;
	}
	#header h1#logo {
	float: left;
	width: 435px;
	height: 140px;
	background: url(/images/logo.png) no-repeat;
	text-indent: -9000px;
	}
	
/* navigation */
#header ul#navigation {
	float: left;
	list-style: none;
	height: 56px;
	padding-top: 84px;
	}
	#header ul#navigation li {
	float: left;
	height: 30px;
	}
	#header ul#navigation li a {
	display: block;
	height: 30px;
	background-color: #010101;
	background-repeat: no-repeat;
	text-indent: -9000px;
	}
	#header ul#navigation li#videoBtn a {
	width: 71px;
	background-image: url(/images/videoBtn.png);
	}
	#header ul#navigation li#photographyBtn a {
	width: 156px;
	background-image: url(/images/photographyBtn.png);
	}
	#header ul#navigation li#scoresBtn a {
	width: 88px;
	background-image: url(/images/scoresBtn.png);
	}
	#header ul#navigation li#reelBtn a {
	width: 62px;
	background-image: url(/images/reelBtn.png);
	}
	#header ul#navigation li#resumeBtn a {
	width: 90px;
	background-image: url(/images/resumeBtn.png);
	}
	#header ul#navigation li#contactBtn a {
	width: 107px;
	background-image: url(/images/contactBtn.png);
	}
	
/* content */
#content {
	position: relative;
	margin: 8px 0 0;
	height: 500px;
	overflow: hidden;
	}
	#content #sidebar {
	float: left;
	width: 189px;
	height: 230px;
	padding: 170px 20px 0;
	}
	#content #sidebar h2 {
	margin: 0;
	font: 18px/22px Georgia;
	}
	#content #sidebar h3 {
	font: 16px/20px Georgia;
	color: #444;
	}
	#content #sidebar ul {
	list-style: none;
	margin-left: 10px;
	margin-bottom: 10px;
	font: 12px/16px Georgia;
	color: #555;
	}
	/* video page */
	#content #videoPlayer {
	float: left;
	width: 724px;
	height: 304px;
	background: url(/images/videoBg.png) no-repeat;
	}
	#content #videoPlayer #demoReel, #content #videoPlayer #videoFlash {
	width: 720px;
	height: 300px;
	margin: 2px;
	}
	#content #videoDesc {
	float: left;
	width: 590px;
	margin: 10px 15px 0;
	}
	/* home welcome */
	body#home #content #videoPage {
	display: none;
	}
	body#home #content #videoPage a#closeReel {
	display: block;
	font: 16px/20px Georgia;
	color: #666;
	text-align: center;
	text-decoration: none;
	}
	#content #welcome {
	float: left;
	width: 650px;
	margin: 0 15px 0;
	font: 14px/18px Georgia;
	}
	#content #welcome a#viewReel {
	display: block;
	font: 26px/30px Georgia;
	color: #666;
	text-align: center;
	text-decoration: none;
	}
#content #videoIndexPage {
	float: left;
	width: 724px;
	height: 304px;
	}
	#content #videoIndexPage ul {
	list-style: none;
	margin-left: 50px;
	font: 14px/20px Georgia;
	}
#content #musicIndexPage {
	float: left;
	width: 724px;
	height: 304px;
	}
	#content #musicIndexPage ul {
	list-style: none;
	margin-left: 50px;
	font: 16px/22px Georgia;
	}
#content #resumePage {
	float: left;
	width: 724px;
	height: 304px;
	padding-left: 50px;
	font-size: 16px;
	}
	
#photoGallery {
	position: relative;
	float: left;
	width: 720px;
	height: 340px;
	margin: 0 auto;
	padding: 32px 2px;
	background: url(/images/photosBg.png) no-repeat;
	white-space: nowrap;
	overflow: hidden;
	}
	#photoGallery #previousPhotoBtn, #photoGallery #nextPhotoBtn {
	position: absolute;
	bottom: 0;
	z-index: 100;
	display: block;
	width: 360px;
	height: 15px;
	margin: 2px;
	background: #ccc;
	opacity: .25;
	text-indent: -9000px;
	}
	#photoGallery #previousPhotoBtn {
	left: 0;
	}
	#photoGallery #nextPhotoBtn {
	right: 0;
	}
	#photoGallery #previousPhotoBtn:hover, #photoGallery #nextPhotoBtn:hover {
	opacity: .5;
	}