/* 
	reset 
*/

/* FFx3.5/Safari/Op10 - Next */
@font-face {
font-family: Typewriter;
src: url(http://www.sergiothemovie.com/fonts/Courier.ttf);
}

/* FFx3.5/Safari/Op10 - Next */
@font-face {
font-family: TypewriterB;
src: url(http://www.sergiothemovie.com/fonts/CourierBold.ttf);
}

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, 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;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
a, ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* 
	Universal 
*/
html {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}
body {
	position: relative;
	color: #000;
	/*background-color: #897966;*/
	font-size: 13px;
	font-family: Typwriter,"Typewriter", sans-serif;  /*added family */
	background:  url(../images/body-new-bg.jpg) no-repeat fixed; 
}


.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.group { /* IE */
	zoom: 1;
}
.wrap {
	position: relative;
	top: -10px;
	left: 368px;  
	width: 746px; 
	z-index: 100;
}

h1 {
	position: relative;
	top: 13px;
	left: 69px;
	margin-bottom: 16px;
	width: 589px;
	height: 158px;
	overflow: hidden;
	text-indent: -9999px;
	z-index: 500;
}
h1 a {
	display: block;
	width: 589px;
	height: 158px;
	background: url(../images/h1-sergio-title.png) no-repeat;
}
h1 a:hover {
	background: url(../images/h1-sergio-title.png) no-repeat 0 -158px;
}

a.subMenufilmakers {
	display: block;
	width: 154px;
	height: 30px;
	background: url(../images/menufilmakers.png) no-repeat;
	overflow: hidden;
}
a:hover.subMenufilmakers {
	background: url(../images/menufilmakers.png) no-repeat 0 -63px;
}

a.subMenupress {
	display: block;
	width: 154px;
	height: 30px;
	background: url(../images/menupress.png) no-repeat;
	overflow: hidden;
}
a:hover.subMenupress {
	background: url(../images/menupress.png) no-repeat 0 -63px;
}

#line {
	margin-left: 165px;
	margin-bottom: 4px;
	width: 100%;
	height: 5px;
	background: url(../images/divider-line.png) repeat-x;
	z-index: 500;
}
.content {
	position: relative;
	z-index: 500;
}

.content h2 {
	font-size: 18px;
	margin: 0px 0px 15px 35px;
	color: #8f2a22;
}

.content p {
	font-size: 14px;
	/*text-align: justify;*/
}

b {
	color: #000;
	font-size: 15px;
	font-family: TypewriterB, sans-serif;

	font-weight:bold;
}


.content a {
	color: #8f2a22;
	text-decoration: underline;
}


.home-page p {
	margin-bottom: 48px;
	font-size: 1.45em;
	line-height: 1.35;
	z-index: 500;
}
.the-man p, .the-film p, .the-mission p , .coming-soon p {
	margin-bottom: 18px;
	margin-left:35px;  //added
	font-size: 1.45em;
	line-height: 1.35;
}

h2.coming-soon {
	position: relative;
	top: 0;
	left: -8px;
	margin-bottom: 14px;
	width: 311px;
	height: 80px;
	text-indent: -9999px;
	background: url(../images/hdr_comingsoon.png) no-repeat;
}

h2.recent-news {
	position: relative;
	top: 0;
	left: -8px;
	margin-bottom: 14px;
	width: 311px;
	height: 80px;
	text-indent: -9999px;
	background: url(../images/h2-recent-news.png) no-repeat;
}

h2.recent-news {
	position: relative;
	top: 0;
	left: -8px;
	margin-bottom: 14px;
	width: 311px;
	height: 80px;
	text-indent: -9999px;
	background: url(../images/h2-recent-news.png) no-repeat;
}
h2.theMan {
	position: relative;
	top: 0;
	left: -8px;
	margin-bottom: 14px;
	width: 311px;
	height: 80px;
	text-indent: -9999px;
	background: url(../images/hdr_theMan.png) no-repeat;
}
h2.the-film {
	position: relative;
	top: 0;
	left: -8px;
	margin-bottom: 14px;
	width: 311px;
	height: 80px;
	text-indent: -9999px;
	background: url(../images/hdr_theFilm.png) no-repeat;
}
h2.the-mission {
	position: relative;
	top: 0;
	left: -8px;
	margin-bottom: 14px;
	width: 311px;
	height: 80px;
	text-indent: -9999px;
	background: url(../images/hdr_theMission.png) no-repeat;
}
.play-trailer {
	margin-bottom: 24px;
	text-indent: -9999px;
    z-index: 500;
}
.play-trailer a {
	width: 181px;
	height: 39px;
	display: block;
	background: url(../images/button-play-trailer.png) no-repeat;
}
#footer {
	position: relative;
	width: 630px;
	height: 240px;
	z-index: 500;
}
#footer h3 {
	margin-bottom: 26px;
	width: 527px;
	height: 40px;
	text-indent: -9999px;
	background: url(../images/nowPlaying.png) no-repeat;
}
#footer h4 {
	width: 640px;
	height: 64px;
	text-indent: -9999px;
	background: url(../images/awards.png) no-repeat;
}
#footer h5 {
	width: 314px;
	height: 55px;
	text-indent: -9999px;
	background: url(../images/logo-hbo-documentary-films.png) no-repeat;
}
.facebook {
	position: absolute;
	bottom: 82px;
	right: 41px;
	width: 35px;
	height: 34px;
	display: block;
	text-indent: -9999px;
	background: url(../images/icon_fb.jpg) no-repeat;
}
.twitter {
	position: absolute;
	bottom: 82px;
	right: 0;
	width: 35px;
	height: 34px;
	display: block;
	text-indent: -9999px;
	background: url(../images/icon_twitter.jpg) no-repeat;
}
#footer p {
	position: absolute;
	bottom: 29px;
	right: 0;
	color: #191919;
	font-size: 1.2em;
	text-align: right;
	text-transform: uppercase;
}

#home-bckgrnd {
	top: 300;
	left: 0;
	width: 462px;
	height: 700px;
	background: url(../images/sergio-bckgrnd2.png) no-repeat;
	z-index: 1;
}

/*
#home-bckgrnd {
	position: absolute;
	top: 250px;
	left: 0;
	width: 537px;
	height: 727px;
	background: url(../images/sergio-bust.jpg) no-repeat;
	z-index: 100;
}
*/
#contact {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 443px;
	height: 482px;
	z-index: -1;
	background: url(../images/contact-bg.png) no-repeat bottom left;
}
#mission {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 484px;
	height: 467px;
	z-index: -1;
	background: url(../images/mission-bg.png) no-repeat bottom left;
}
#film {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 435px;
	height: 603px;
	z-index: -1;
	background: url(../images/thefilm-bckgrnd.png) no-repeat bottom left;
}
#man {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 454px;
	height: 392px;
	z-index: -1;
	background: url(../images/man-bg.png) no-repeat bottom left;
}
#primaryNav {
	position: relative;
	top: 0;
	left: 165px;
	margin-bottom: 48px;
	width: 823px;
	height: 26px;
	background: url(../images/primary-nav-bg.png) no-repeat bottom left;
	z-index: 500;
}
#primaryNav li {
	position: absolute;
	top: 0;
	height: 26px;
	text-indent: -9999px;
}
#primaryNav li a {
	display: block;
	width: 100%;
	height: 26px;
}



#jsddm
{	margin: 0;
	padding: 0
	width: 1000px;
	top: 0;
	margin-left: 165px;
	display: block;
	z-index: 1000;
	}
	
	#jsddm li
	{	float: left; 
		margin-bottom: 48px;
		list-style: none;
		font: 12px Arial;
		width: auto;
		}

	#jsddm li a
	{	text-decoration: none;
		/*white-space: nowrap*/}

	#jsddm li a:hover
	{	
	text-decoration: none;
	z-index: 1000;
	
	}
		
	#jsddm li ul
	{	margin: 0;
		padding: 0;
		position: absolute;
		visibility: hidden;
		/*border-top: 1px solid black */}
		
	#jsddm li ul li
	{	float: none;
		margin-bottom: 5px;
		margin-left: 3px;
		z-index: 1000;
		/*display: inline*/}
	
	#jsddm li ul li a
	{	width: auto;
		color: #000000;
		font-size: 16px;
		font-weight: bold;
		background: transparent;
		z-index: 1000;
		}
	
	#jsddm li ul li a:hover
	{	
	color: #920101;	
	background: transparent;
	z-index: 1000;
	}


#theMan {
	left: 0;
	width: 110px;
}
#theFilm {
	left: 125px;
	width: 112px;
}
#theMission {
	left: 256px;
	width: 153px;
}
#contactUs {
	left: 428px;
	width: 143px;
}
#hostScreening {
	left: 601px;
	width: 223px;
}
form {
	margin-bottom: 30px;
		
}
label {
	display: none;
}
#name, #email, #address, #organization, #position, #audience, #date {
	margin-left: -198px;
	margin-bottom: 10px;
	padding: 2px 10px;
	width: 242px;
	height: 25px;
	display: block;
	color: #fff;
	font-size: 16px;
	font-family: "Courier New", Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/form-bg.png) repeat;
	border: none;
}
#textarea {
	margin-left: -198px;
	margin-bottom: 10px;
	padding: 5px 10px;
	width: 480px;
	height: 260px;
	display: block;
	color: #fff;
	font-size: 16px;
	font-family: "Courier New", Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/form-bg.png) repeat;
	border: none;
}



/*** contact ****/

h2.contact-us {
	position: relative;
	top: 0;
	left: -200px;
	margin-bottom: 14px;
	width: 311px;
	height: 80px;
	text-indent: -9999px;
	background: url(../images/hdr_contact.png) no-repeat;
}

h2.host-screening {
	position: relative;
	top: 0;
	left: -200px;
	margin-bottom: 14px;
	width: 311px;
	height: 80px;
	text-indent: -9999px;
	background: url(../images/hdr_hostScreening.png) no-repeat;
}

.vidPlayer { position: absolute; 
			 top: 240px; 
			 left: 344px; 
			 z-index: 1000;
		/*	 background-color: #000000; */
			 padding: 20px; 
			 display: none;
	}

.button-close { padding-top: 7px; }

.social { top: 90px;
		  left: 906px;
		  width: 100px;
		  position: absolute;
	}
.hostscreening  { top:140px;left:785px;position:absolute;z-index:1000;}  //added