meye/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*********************************************************************************/
body {
	background-color: black;
	overflow: hidden;
     
}


#screen {
	width: 100%;
	height: 1200px;
	
	overflow: hidden;
}

#contactbar {
	width:100%;
	height: 100px;
	background-color: white;
	background-image: url(images/contactbg.png);
	display: none;
}


#contactbar h1 {
	background-color: white;
	background-image: url(images/contactback.png);
	text-indent: -9999px;
	width: 960px;
	height: 100px;
	margin: 0 auto;
	
}






#headerbar {
	width:100%;
	height: 47px;
	margin: 0 0 0 0;
	padding: 0;
	background-color: black;

	
}


#headerbox {
	height: 47px;
	width: 960px;
	margin: 0 auto;
	
}


#logotop h1 {
	text-indent: -9999px;
	height: 0px;
}

#logobox {
	float: left;
	background-color: black;
	width: 300px;
	height: 47px;
	position: absolute;
	z-index: 4;
}

#logotop {
	width: 400px;
	height: 44px;
	background-color: black;
	z-index: 89;
}
	
#logoclear {
	width: 192px;
	height: 48px;
	z-index: 79;
	background-color: black;
	float: left;
	padding: 10px 5px 0 0;
}



#logoclear a:hover {
	color: #d10d7f;
}

#logoclear p {
	text-align: right;
}

#logoslash {
	width: 12px;
	height: 58px;
	float: left;
	z-index: 9;
	
}

#logotwitter {
	width: 35px;
	height: 58px;
	z-index: 9;
	float: left;
	
}

#logoimdb {
	width: 39px;
	height: 58px;
	float: left;
	z-index: 9;
	
}

#logoyoutube {
	width: 31px;
	height: 58px;
	z-index: 9;
	float: left;
	
}

#logofacebook {
	width: 86px;
	height: 58px;
	z-index: 9;
	float: left;
	
}



ul#mainnav {
	display: inline;
	float: right;
}

ul#mainnav li {
	float: left;
	margin: 18px 0 0 40px;
	display: inline;
}

ul#mainnav li a {
	color: #a9a9a9;
	font-family: Helvetica, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",  Arial, "Lucida Grande", sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
	
}

ul#mainnav li a:hover {
	color: white;
}


#footerbar {
	position:fixed; 
	bottom:0px; left:0px; 
	width:100%;
	height: 30px;
	margin: 0 0 0 0;
	padding: 0;
	background-color: black;
	/* background: url(images/top-bg.gif) top left repeat-x; */
		z-index: 8;
}


#footerbox {
	height: 30px;
	width: 960px;
	margin: 0 auto;
	
}

#footerbox ul li {
	float: right;
}

#footerbox p {
	color: gray;
	font-family: Helvetica;
	font-size: 12px;
	float: left;
	margin-top: 8px;
}

#footerbox p a {
	color: gray;
	text-decoration: none;
}

#footerbox p a:hover {
	color: white;
}


#page-home {
	background: #f645a4 url(images/bg/pink.jpg) repeat-x;
	float: left;
}

#page-films {
	background: #f9a240 url(images/bg/blue.jpg) repeat-x;
	float: left;

}

#page-links {
	background: #f9a240 url(images/bg/orange.jpg) repeat-x;
	float: left;
}

#page-press {
	background: #0c0c0c url(images/bg/gray.jpg) repeat-x;
	float: left;
}

#page-contact {
	background: #7828c4 url(images/bg/green.jpg) repeat-x;
	float: left;
}

#page-blog {
	background: #7828c4 url(images/bg/violet.jpg) repeat-x;
	float: left;
}

.reelResume {
	width: 960px;
	margin: 0 auto;
	margin-top: 14px;
}

.reelResume p {
	text-align: right;
}

.reelResume a {
	
	font-size: 26px;
	font-family: Helvetica;
	text-align: right;
	text-transform: uppercase;
	text-decoration: none;
}

#reelResume-home a {
	color: #5f0a3b;
}

#reelResume-films a {
	color: #15384f;
}

#reelResume-links a {
	color: #60320a;
}

#reelResume-press a {
	color: #282828;
}

#reelResume-blog a {
	color: #3e0d53;
	z-index: 99;
}


#logoclear a {
	color: #c9c7c7;
	font-family: Helvetica;
	font-weight: bold;
	font-size: 15px;
	text-align: right;
	text-transform: uppercase;
	text-decoration: none;
}	

#reelResume-home a:hover {
	color: #000000;
}

#reelResume-films a:hover {
	color: #000000;
}

#reelResume-links a:hover {
	color: #000000;
}

#reelResume-press a:hover {
	color: #000000;
}

#reelResume-blog a:hover {
	color: #000000;
}


#photobox {

	margin: 0 auto;
	margin-top: 110px;
	width: 940px;
	height: 282px;
	padding: 10px;
	background-color: black;
}



.job_thumb {
	width:94px;
	height:141px;
	overflow:hidden;
	margin-bottom:0px;
	float: left;}

.job_thumb a {
	filter:alpha(opacity=20);
	opacity:0.2;
}

.job_thumb a:hover {
	filter:alpha(opacity=100);
	opacity:0.9999
}

.job_thumb a img:hover {
	filter:alpha(opacity=100);
	opacity:0.9999;
}


.clearfloat {
	clear: both;
	height: 0px;
	width: 0px;
}

.transition {
	width: 100%;
	height: 60px;
	background: black url(images/bg.jpg) repeat-x;
}


#scrollContainer {
	height: 7200px;
	width: 100%;
}




.positioning {
	width: 100%;
	height: 1200px;
}


.pageContainer {
	width: 960px;
	height: 1040px;
	margin: 0 auto;
	top: 0px;
	position: relative;
}

.sidebar {
	width: 222px;
	height: 498px;
	float: left;
	position: absolute;
	margin-top: 112px;
	border-color: black;
	border-style: solid;
	border-width: 1px;
	z-index: 2;

}

.linkssidebar {
	width: 286px;
	height: 410px;
	float: right;
	margin-top: 30px;
	border-color: black;
	border-style: solid;
	border-width: 1px;
	z-index: 2;

}

.blogsidebar {
	width: 375px;
	height: 470px;
	float: left;
	margin-top: 30px;
	border-color: black;
	border-style: solid;
	border-width: 1px;
	z-index: 2;


}


.presssidebar {
	width: 313px;
	height: 470px;
	float: left;
	margin-top: 0px;
	border-color: black;
	border-style: solid;
	border-width: 1px;
	z-index: 2;


}

#filmsSidebar {
	background-image: url(images/filmsSidebar.jpg);
	background-color: white;
}

#linksSidebar {
	background-image: url(images/newlinkssidebar.jpg);
	background-color: white;
}

#pressSidebar {
	background-image: url(images/blogSidebar.jpg);
	background-color: white;
}

#contactSidebar {
	background-image: url(images/blogpic.jpg);
	background-color: white;
}

#blogSidebar {
	background-image: url(images/blogpic.jpg);
	background-color: white;
}



#linksbox {

	margin-left: 300px;
	margin-top: 112px;
	width: 600px;
	height: 490px;
	padding: 10px;
	background-color: black;
	float: left;
}

ul.linksthumbs li {
	width: 200px;
	height: 480px;
	float: left;
	
}



.link_thumb {
	width:200px;
	height: auto;
	overflow: hidden;
	margin-bottom:0px;
}

.link_thumb a {
	filter:alpha(opacity=20);
	opacity:0.2;
}

.link_thumb a:hover {
	filter:alpha(opacity=100);
	opacity:0.9999
}

.link_thumb a img:hover {
	filter:alpha(opacity=100);
	opacity:0.9999;
}




#filmsbox {
	width: 700px;
	height: 500px;
	background-color: black;
	margin: 0 0 0 110px;
	position: relative;
	padding: 20px;
}

h1.pagetitle {
	font-size: 44px;
	font-family: Helvetica, Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",  "Lucida Grande", sans-serif;
	font-weight: 300;
	color: white;
	text-align: right;
	margin: 90px 110px 0 0;
	
}

ul.filmstitles {
	display: block;
	float: left;
	margin: 0 0 15px 0;
	
}

ul.filmstitles h2 {
	font-size: 20px;
	font-family: Helvetica, Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",  "Lucida Grande", sans-serif;
	font-weight: 300;
	color: white;
	text-align: left;
	margin: 0px;
}



ul.filmstitles li {
	float: left;
	margin: 7px 0 0 15px;
}


ul.filmstitles li.first {
	margin-left: 40px;
}

#wrapper {
	width: 960px;
	height: 400px;
	margin: 0 auto;
	padding-top: 30px;
}



ul.links li {
	display: inline;
}

ul.links li a {
	margin: 0px;
	padding: 0px;
}

#presswrapper {
	background-color: transparent;
	width: 600px;
	height: 500px;
	margin: 30px 0 0 360px;
}

ul#awards,
ul.press_awards {
	list-style: none;
	text-align: left;
}


ul#awards li, ul.press_awards li,
ul.press_awards li a {
	text-align: left;
	color: #d2d1d2;
	font-size: 20px;
	font-family: Helvetica;
	font-weight: 400;
	text-decoration: none;
	margin-bottom: 5px;
}

ul#awards li {
	margin-bottom: 10px;
}



ul.press_awards li a:hover {
	color: white;
}

#presswrapper h2 {
	color: white;
	font-size: 40px;
	font-family: Helvetica;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	display: block;
	margin-bottom: 10px;
	margin-top: 20px;
}

#filmswrapper {
	background-color: black;
	width: 985px;
	height: 365px;
	margin: 0 auto;
	margin-top: 80px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.filmsul li {
	float: left;
	margin: 5px 0 0 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #3a3b3b;
	display: block;
	width: 180px;
	height: 173px;

}




.filmsul li:hover {
	border-style: solid;
	border-width: 1px;
	border-color: white;
}

#tumblr {
	border-width: 1px;
	border-color: black;
	background: #be8dd4;
	border-style:solid;
	float: right;
	margin-top: 30px;
}

  #blogwrapper {
	padding: 15px;
	width: 540px;
	height: 470px;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: white;
	float: right;
	margin-top: 30px;
	background-color: #be8dd4;
	border-width: 1px;
	border-color: black;
	border-style: solid;
}