/******************/
/* Main CSS stuff */
/******************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 	margin:0;	padding:0;}table {	border-collapse:collapse;	border-spacing:0;}fieldset,img { 	border:0;}address,caption,cite,code,dfn,em,strong,th,var {	font-style:normal;	font-weight:normal;}ol,ul {	list-style:none;}caption,th {	text-align:left;}h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal;}q:before,q:after {	content:'';}abbr,acronym { border:0;}

body {
	background: #131313 url("images/background.png") repeat-x;
	font-family: sans-serif;
}

a {
color: #DDD;
text-decoration: none;
}

a:hover {
color: white;
}

#content {
	width: 500px;
	margin: 0px auto 0px auto;
	background: #555;
}

#header {
	background: #ddd;
	color: #000;
	font-size: 13px;
	letter-spacing: 1px;
	padding: 5px 10px 80px 15px;
}

#header h1 {
	font-size: 50px;
	line-height: 40px;
	letter-spacing: 3px;
	display: inline-block;
	margin-left: -8px;
}

#menu {
	display: inline-block;
	width: 100%;
	height: 30px;
	background: #888;
}

#menu li {
	font-size: 12px;
	letter-spacing: 2px;
	float: left;
	text-transform: uppercase;
}

#menu a{
	color: black;
	display: block;
	padding: 0px 10px 0px 10px;
	height: 30px;
	text-decoration: none;
}

#menu .spacer {
	margin-bottom: 7px;
	height: 0px;
	overflow: hidden;
}

#currentpage {
	position: relative;
	color: #666 !important;
	background: #ddd !important;
	padding-bottom: 4px !important;
	margin-bottom: -4px;
}

#main {
	color: #DDD;
	line-height: 16px;
	text-align: center;
}

#main p {
	font-size: 13px;
	text-align: justify;
	margin: 10px 10px 10px 10px;
	padding-bottom: 5px;
	line-height: 22px;
}

#clear {
	clear: both !important;
	float: none !important;
	height: 0;
	overflow: hidden;
}

/*********/
/* About */
/*********/

.mainimage {
	width: 480px;
	height: 170px;
	margin-top: 15px;
	background: #555;
}

/********/
/* Reel */
/********/

.moviebutton {
	display: block;
	color: black;
	text-decoration: none;
	font-size: 20px;
	width: 456px;
	background-color: #333333;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 12px;
}

.moviecontent {
	width: 480px;
	margin: 0px auto 5px auto;
	background: #333;
}

.moviedummie, .midmoviedummie, .highmoviedummie {
	width: 320px;
	height: 240px;
	background: #444;
	margin: 0px auto 0px auto;
	overflow: hidden !important;
}

.midmoviedummie {
	width: 480px !important;
	height: 360px !important;
}

.highmoviedummie {
	width: 640px !important;
	height: 480px !important;
}

.downloadbutton {
	display: block;
	width: 480;
	text-decoration: none;
	color: black;
	padding: 10px;
}

#bottomspace {
	overflow: hidden;
	height: 5px;
}

/**********/
/* Resume */
/**********/

#dlbuttons {
	display: block;
	width: 330px;
	height: 65px;
	margin: 15px auto 0px auto;
}

.dlbutton {
	float: left;
	height: 35px;
	width: 100px;
	margin: 5px;
	background: #777;
	padding-top: 20px;
}

.dlbutton:hover {
	background: #666;
}

/***********/
/* Gallery */
/***********/

#bigImages {
	height: 270px;
	width: 480px;
	background: #777;
	margin: 15px auto 10px auto;
}

#bigImages li {
	position: absolute;
	margin: 0px auto 0px auto
}

#bigImages img {
	position: absolute;
	height: 270px;
	width: 480px;
	/*
	left: 50%;
	margin-left: -240px;
	*/
	opacity: 0;
}

#thumbnails {
	display: block;
	margin-left: 5px;
	margin-bottom: 6px;
	margin: 0px auto 10px auto;
	width: 350px;/*469px;*/
	height: 75px;
}

.thumb {
	float: left;
	height: 55px;
	width: 55px;
	background: grey;
	margin: 6px;
}

.thumb img {
	width: 100%;
	height: 100%;
}

.thumbanchor {
	display: block;
	position: relative;
}