@charset "UTF-8";
/* CSS Document */
/*-----------------------------------------------------------------------------
BROOKLYN'S FINEST TEASER SITE STYLE SHEET

version:   1.0
programmer:    max herholz
contact:     max@soulsun69.com
last update: 11/30/09
-----------------------------------------------------------------------------*/


/* =General
-----------------------------------------------------------------------------*/
/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
}


/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: none;
	padding: 0;
	margin: 0;
	float: left;
}


body {
	background: #eef2e3 url("../images/background.jpg") no-repeat 0 0;
	font-family:Arial, Helvetica, sans-serif;
}


/* Removes dotted lines on links in Firefox */
a:focus, a:hover, a:active {
	outline:none;
	text-decoration: none;
}

/* =content
-----------------------------------------------------------------------------*/

#mainCredits {
	width: 415px;
	height: 35px;
	font-size: 16px;
	display: block;
	margin: 0 0 0 520px;
	background: url("../images/mainCredits.jpg") no-repeat 0 0;
}
#mainCredits span {display: none;}


#fromDirector {
	width: 300px;
	height: 45px;
	font-size: 16px;
	display: block;
	margin: 15px 0 0 550px;
	background: url("../images/fromDirector.jpg") no-repeat 0 0;
}
#fromDirector span {display: none;}


h1 {
	positon: relative;
	margin-left: 550px;
	width: 300px;
	height: 135px;
	font-size: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #c81d18;
}

h1 span {
	position: absolute;
	width: 300px;
	height: 135px;
	background: url("../images/brooklynsFinest.jpg") no-repeat;
}

#enterSiteBtn {
	position: absolute;
	top: 360px;
	left:225px;
	width: 198px;
	height: 80px;
	display: block;
	background: url("../images/enterSite.jpg") no-repeat 0 0;
	color: #c01917;
	text-decoration: none;
	font-weight: bold;
	font-size: 24px;
	text-align: right;
}

#enterSiteBtn:hover {background-position: 0 -80px;}
#enterSiteBtn span {display: none;}



#brightCove {
	position: absolute;
	top: 235px;
	left:430px;
	width: 430px;
	height: 270px;
	border: 1px solid #2a2a2a;
}

#appleTrailer {
	position: absolute;
	top: 235px;
	left:430px;
	width: 430px;
	height: 270px;
	background: url("../images/appleTrailer.jpg") no-repeat 0 0;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
}

#appleTrailer:hover {background-position: 0 -275px;}
#appleTrailer span {display: none;}

#registerBtn {
	position: absolute;
	top: 300px;
	left:870px;
	width: 110px;
	height: 42px;
	display: block;
	background: url("../images/registerBtn.jpg") no-repeat 0 0;
	color: #c01917;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
}

#registerBtn:hover {background-position: 0 -42px;}
#registerBtn span {display: none;}


#socialNet {
	position: absolute;
	top: 230px;
	left: 870px;
	width: 80px;
}

#socialNet a {
	margin-left: .5em;
}

#followOn {
	width: 80px;
	height: 22px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #bbbaba;
	display: block;
	background: url("../images/followOn.jpg") no-repeat 0 0;
}
#followOn span { display: none;}

#date {
	position: absolute;
	top: 465px;
	left: 550px;
	width: 300px;
	height: 50px;
	text-align: right;
	background: url("../images/inTheaters.jpg") no-repeat 0 0;
}
#date span {display: none;}	

#date2 {
	position: absolute;
	top: 515px;
	left: 550px;
	width: 300px;
	height: 50px;
	text-align: right;
	background: url("../images/inTheaters2.jpg") no-repeat 0 0;
}
#date2 span {display: none;}	

#boxart {
	position: absolute;
	top: 451px;
	left: 151px;
	width: 273px;
	height: 104px;
	text-align: right;
	background: url("../images/boxart.gif") no-repeat 0 0;
}
#boxart span {display: none;}	


#logos {
	position: absolute;
	top: 715px;
	left: 140px;
}


/* =footer
-----------------------------------------------------------------------------*/
#footer {
	position: absolute;
	top: 770px;
	left: 140px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 20px;
	text-align: left;
}

#footer a {
	font-size: 8px;
	padding-right: .35em;
	padding-left: .35em;
	text-decoration: none;
	color: #333;
}

#footer p {
	color: #333;
	font-size: 8px;
	line-height: 12px;
}

#footer a:hover {
	color: #FFF;
}