/* CSS Document */

body
{
		text-align:center;
		background-color: #000000;
		background-image:  url(images/pageBG.jpg);
		background-repeat: no-repeat;
		background-position: center -75px;
		margin: 0px;
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
		FONT-SIZE: 12px;
		color:#888888;
		text-align: center;
		SCROLLBAR-FACE-COLOR: #101010; 
		SCROLLBAR-HIGHLIGHT-COLOR: #666666;   /*inner highlight*/
		SCROLLBAR-SHADOW-COLOR: #666666;      /*inner shadow*/
		SCROLLBAR-3DLIGHT-COLOR: #101010;     /*outer highlight*/
		SCROLLBAR-DARKSHADOW-COLOR: #101010;  /*outer shadow*/
		SCROLLBAR-ARROW-COLOR: #666666; 
		SCROLLBAR-TRACK-COLOR: #101010; 
		SCROLLBAR-BASE-COLOR: #666666; /*default color*/
}

h4
{
	float: inherit;
	position: absolute;
	visibility: hidden;
}

#ifcontainer {
	position:relative; top: 20px;
	font-size: .85em;
	margin:0 auto;
	padding:0;
	width:844px;
	height: inherit;
	text-align:left;
}

#blogBox {
	position: relative;
	margin:20px auto;
	width:844px;
	height:100%;
	text-align:left;
	background: url(images/contentBG_vBlog.jpg) no-repeat top center;
	
}

#blogContainer {
	position:relative; top: 10px;
	margin:0 0;
	padding:0;
	width:844px;
	background: url(images/contentBlog_vTiled.jpg) repeat-y top center;
	
}

#ifheader {
	position:relative;
	margin:0 auto;
	padding:0;
	width:280px;
	height:150px;
	text-align:left;
	background: url(images/logo.png) no-repeat top center;
}

#menu {
	position:relative; top: -293px;
	margin:0 auto;
	padding:0;
	width:521px;
	height:49px;
	text-align:left;
	background: url(images/menuBar_BG.png) no-repeat top center;
}
#blogMenu {
	position: absolute; top: 150px; left: 161px;
	margin:0 auto;
	padding:0;
	width:521px;
	height:49px;
	text-align:left;
	background: url(images/menuBar_BG.png) no-repeat top center;
}

/* MENU ITEMS!!! */

	#about a
	{
		position: relative; top: 7px; left: 13px;
		float: left;
		display: block;
		background: url(images/menuAbout.png) no-repeat top left;
		width: 87px; height: 36px;
	}

	#about a:hover
	{
		position: relative; top: 7px; left: 13px;
		float: left;
		display: block;
		background: url(images/menuAbout.png) no-repeat bottom left;
		width: 87px; height: 36px;

	}
	
	#projects a
	{
		position: relative; top: 7px; left: 13px;
		float: left;
		display: block;
		background: url(images/menuProjects.png) no-repeat top left;
		width: 100px; height: 36px;
	}

	#projects a:hover
	{
		position: relative; top: 7px; left: 13px;
		float: left;
		display: block;
		background: url(images/menuProjects.png) no-repeat bottom left;
		width: 100px; height: 36px;

	}
	
	#blog a
	{
		position: relative; top: 7px; left: 13px;
		float: left;
		display: block;
		background: url(images/menuBlog.png) no-repeat top left;
		width: 72px; height: 36px;
	}

	#blog a:hover
	{
		position: relative; top: 7px; left: 13px;
		float: left;
		display: block;
		background: url(images/menuBlog.png) no-repeat bottom left;
		width: 72px; height: 36px;

	}

	#investors a
	{
		position: relative; top: 7px; left: 13px;
		float: left;
		display: block;
		background: url(images/menuInvest.png) no-repeat top left;
		width: 111px; height: 36px;
	}

	#investors a:hover
	{
		position: relative; top: 7px; left: 13px;
		float: left;
		display: block;
		background: url(images/menuInvest.png) no-repeat bottom left;
		width: 111px; height: 36px;

	}
	
	#contact a
	{
		position: relative; top: 7px; left: 13px;
		float: left;
		display: block;
		background: url(images/menuContact.png) no-repeat top left;
		width: 125px; height: 36px;
	}

	#contact a:hover
	{
		position: relative; top: 7px; left: 13px;
		float: left;
		display: block;
		background: url(images/menuContact.png) no-repeat bottom left;
		width: 125px; height: 36px;

	}

/* END MENU ITEMS */

#loadBox {
	position: relative; top: 30px;
	margin:0 auto;
	padding:0;
	width:844px;
	height:293px;
	text-align:left;
	background: url(images/contentBG.jpg) no-repeat top center;
	
}

#posterFrame {
	position: absolute; top: 33px; left: 40px;
	width: 149px;
	height: 227px;
	background: url(images/defaultPoster_white.jpg) no-repeat center center;
}
#posterFrame_v2 {
	position: absolute; top: 33px; left: 652px;
	width: 149px;
	height: 227px;
	background: url(images/defaultPoster_white.jpg) no-repeat center center;
}

#randomPoster {
	position: absolute; top: 33px; left: 40px;
	width: 149px;
	height: 227px;
	background: url(images/randomPosters/random.php) no-repeat center center;
}
#randomPoster_v2 {
	position: absolute; top: 33px; left: 652px;
	width: 149px;
	height: 227px;
	background: url(images/randomPosters/random_v2.php) no-repeat center center;
}

#contentBlock {
	position: absolute; top: 33px; left: 205px;
	width: 438px;
	height: 227px;
	background: url(images/contentBlock.jpg) no-repeat center center;
}

#trailerBlock {
	position: absolute; top: 33px; left: 40px;
	width: 603px;
	height: 227px;
	padding-top: 3px;
	padding-right: 40px;
	text-align: right;
	background: url(images/trailerBG.jpg) no-repeat top right;
}

#contactBlock {
	position: absolute; top: 31px; left: 40px;
	width: 595px;
	height: 227px;
	text-align: left;
	background: url() no-repeat center center;
}

#investorsBlock {
	position: absolute; top: 33px; left: 225px;
	width: 385px;
	height: 227px;
	background: url(images/investorsTemp.jpg) no-repeat center center;
}

.contentHeader {
	display: block;
	position: absolute; top: 10px; left: 20px;
	font-size:20px;
	font-weight: bold;
	color: #363636;
	text-transform: capitalize;
}
.headerLine {
	display: block;
	width: 411px;
	height: 13px;
	position: absolute; top: 36px; left: 5px;
	background: url(images/titleLine.png);
}
.synTitle {
	position: absolute; left: 20px; top: 57px;
	font-size:12px;
	font-weight: bold;
	color: #363636;
	text-transform: capitalize;
}
.synopsis {
	display: block;
	position: absolute; left: 20px; top: 73px;
	margin-bottom: 10px;
	font: Verdana, Arial, Helvetica, sans-serif;
	color:#737373;
	width: 408px;
	height: 90px;
	overflow: hidden;
	font-weight: normal;
	font-size: 12px;
}
.statusTitle {
	position: absolute; left: 20px; top: 195px;
	font-size:12px;
	font-weight: bold;
	color: #363636;
	text-transform: capitalize;
}
.genreTitle {
	position: absolute; left: 20px; top: 173px;
	font-size:12px;
	font-weight: bold;
	color: #363636;
	text-transform: capitalize;
}
.genre {
	position: absolute; left: 76px; top: 173px;
	font-size:12px;
	color: #363636;
	text-transform: capitalize;
	font: Verdana, Arial, Helvetica, sans-serif;
	color:#737373;
}
.status {
	position: absolute; left: 84px; top: 195px;
	font-size:12px;
	color: #363636;
	text-transform: capitalize;
	font: Verdana, Arial, Helvetica, sans-serif;
	color:#737373;
}
#subMenus {
	position: absolute; top: 33px; left: 643px;
	width: 161px;
	height: 227px;
	background: url(images/subMenu_BG.jpg);
}

	#overview a {
		position: relative;
		display: block;
		width: 161px;
		height: 25px;
		background: url(images/overview.jpg);
		background-position: top;
	}
	#overview a:hover {
		position: relative;
		display: block;
		width: 161px;
		height: 25px;
		background: url(images/overview.jpg); 
		background-position: center;
	}
	#overview_select {
		position: relative;
		display: block;
		width: 161px;
		height: 25px;
		background: url(images/overview.jpg);
		background-position: bottom;
	}
	#overview_na {
		position: relative;
		display: block;
		width: 161px;
		height: 25px;
		background: url(images/overview_na.jpg);
		background-position: bottom;
	}
	#castCrew a {
		position: relative; top: 8px;
		display: block;
		width: 161px;
		height: 25px;
		background: url(images/castCrew.jpg);
		background-position: top;
	}
	#castCrew a:hover {
		position: relative; top: 8px;
		display: block;
		width: 161px;
		height: 25px;
		background: url(images/castCrew.jpg);
		background-position: center;
	}
	#castCrew_select {
		position: relative; top: 8px;
		display: block;
		width: 161px;
		height: 25px;
		background: url(images/castCrew.jpg);
		background-position: bottom;
	}
	#castCrew_na {
		position: relative; top: 8px;
		display: block;
		width: 161px;
		height: 25px;
		background: url(images/castCrew_na.jpg);
		background-position: bottom;
	}
	#accolades a {
		position: relative; top: 16px;
		display: block;
		width: 161px;
		height: 25px;
		background: url(images/accolades.jpg);
		background-position: top;
	}
	#accolades a:hover {
		position: relative; top: 16px;
		display: block;
		width: 161px;
		height: 25px;
		background: url(images/accolades.jpg);
		background-position: center;
	}
	#accolades_select {
		position: relative; top: 16px;
		display: block;
		width: 161px;
		height: 25px;
		background: url(images/accolades.jpg);
		background-position: bottom;
	}
	#accolades_na {
		position: relative; top: 16px;
		display: block;
		width: 161px;
		height: 25px;
		background: url(images/accolades_na.jpg);
		background-position: bottom;
	}
	#trailer a {
		position: relative; top: 24px;
		display: block;
		width: 161px;
		height: 25px;
		background: url(images/trailers.jpg);
		background-position: top;
	}
	#trailer a:hover {
		position: relative; top: 24px;
		display: block;
		width: 161px;
		height: 25px;
		background: url(images/trailers.jpg);
		background-position: center;
	}
	#trailer_select {
		position: relative; top: 24px;
		display: block;
		width: 161px;
		height: 25px;
		background: url(images/trailers.jpg);
		background-position: bottom;
	}
	#screenings a {
		position: relative; top: 32px;
		display: block;
		width: 161px;
		height: 25px;
		background: url(images/screenings.jpg);
		background-position: top;
	}
	#screenings a:hover {
		position: relative; top: 32px;
		display: block;
		width: 161px;
		height: 25px;
		background: url(images/screenings.jpg);
		background-position: center;
	}
	#screenings_select {
		position: relative; top: 32px;
		display: block;
		width: 161px;
		height: 25px;
		background: url(images/screenings.jpg);
		background-position: bottom;
	}
	#screenings_na {
		position: relative; top: 32px;
		display: block;
		width: 161px;
		height: 25px;
		background: url(images/screenings_na.jpg);
		background-position: bottom;
	}

#projectList {
	display: block;
	position: absolute; top: 33px; left: 40px;
}

#aboutBlock {
	display: block;
	position: absolute; top: 85px; left: 120px;
	width: 600px;
	font-size: 14px;
	text-align: justify;
}

.projectPoster {
	display: inline;
	position: relative;
	padding-left: 30px;
}

#iffooter {
	position:relative; top: -31px;
	margin:0 auto;
	padding:0;
	width:521px;
	height:31px;
	text-align:left;
	background: url(images/footer.png) no-repeat top center;
}

#footer {
	position:relative;
	margin:0 auto;
	padding:0;
	width:844px;
	height:31px;
	text-align:left;
	background: url(images/footer_vBlog.jpg) no-repeat top center;
}
	
/* FORM STYLES */

input {
  font : 1em verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
  border : 1px solid #272727;
  background-color : #060606;
  cursor : text;
  padding : 1px 2px;
  color: #666666;
}

input:focus {
  border : 1px solid #272727;
  background-color : #020202;
}

textarea {
  font : 1em verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
  border : 1px solid #272727;
  background-color : #060606;
  cursor : text;
  padding : 1px 2px;
  color: #666666;
}

textarea:focus {
  border : 1px solid #272727;
  background-color : #020202;
}