@charset "UTF-8";
/* CSS For Blue Valentine Site
 * Created by Ephraim Gregor, 2010 
*/

/* Main Content */

body {
	background-color:#000;
	font-family: Verdana, Geneva, sans-serif;
	color:#FFF;
	padding:0px;
	margin:0px;
	
}

#page {
	width:1280px;
	height:880px;
	margin: 0px auto;
	padding:0px;
	background-image:url(../images/background.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

#content {
	margin-left:522px;
	top:46px;
	width:667px;
	position:absolute;
	background-repeat:no-repeat;
}

/* Home Section */

#home #content {
	background-image:url(../images/home.png);
	margin-left:514px;
	top:58px;
	width:612px;
	height:478px;
}

#home #trailer {
	margin-left:18px;
}

/* About Section */

#about #content {
	top:64px;
	height:469px;
	background-image:url(../images/about.png);
}

/* Cast Section */

#cast #content .gosling {
	background-image:url(../images/cast-gosling.jpg);
	width:650px;
	height:490px;
	position:absolute;
	background-repeat:no-repeat;
	padding-top:250px;
}

#cast #content .gosling .holder {
	margin-left:72px;
	width:545px;
	height:194px;
}

#cast #content .gosling .text {
	width:514px;
	height:819px;
	margin-top:10px;
	background-image:url(../images/cast-gosling-text.png);
}

#cast #content .williams {
	background-image:url(../images/cast-williams.jpg);
	background-repeat:no-repeat;
	width:650px;
	height:507px;
	position:absolute;
	display:none;
	padding-top:250px;
}

#cast #content .williams .holder {
	margin-left:72px;
	width:545px;
	height:194px;
}

#cast #content .williams .text {
	width:512px;
	height:798px;
	margin-top:10px;
	background-image:url(../images/cast-williams-text.png);
}

#cast #content .wladyka {
	background-image:url(../images/cast-wladyka.jpg);
	width:630px;
	height:469px;
	display:none;
	position:absolute;
}

#cast #content .vogel {
	background-image:url(../images/cast-vogel.jpg);
	width:630px;
	height:480px;
	display:none;
	position:absolute;
}

#cast #subnav {
	width:597px;
	background-image:url(../images/popup-cast.png);
	margin-left:335px;
}

#cast #subnav li {
	width:128px;
	height:27px;
	background:url(../images/popup-cast.png) -44px -68px;
}

#cast #subnav li .hover {
	width:128px;
	height:27px;
	background-image:url(../images/popup-cast.png);
}

#cast #subnav .gosling .hover {
	background-position:-44px -95px;
}

#cast #subnav .williams {
	background-position: -172px -68px;
	width:146px;
}

#cast #subnav .williams .hover {
	background-position: -172px -95px;
	width:146px;
}

#cast #subnav .wladyka {
	background-position: -318px -68px;
	width:126px;
}

#cast #subnav .wladyka .hover {
	background-position: -318px -95px;
	width:126px;
}

#cast #subnav .vogel {
	background-position: -444px -68px;
	width:109px;
}

#cast #subnav .vogel .hover {
	background-position: -444px -95px;
	width:109px;
}

/* Filmmakers Section */

#filmmakers #content {
	top:21px;
}

#filmmakers #content .cianfrance {
	background-image:url(../images/filmmakers-cianfrance.jpg);
	height:530px;
	width:650px;
	position:absolute;
	background-repeat:no-repeat;
	padding-top:270px;
	top:25px;
}

#filmmakers #content .cianfrance .holder {
	margin-left:72px;
	width:545px;
	height:192px;
	overflow:hidden;
}

#filmmakers #content .cianfrance .text {
	margin-top:10px;
	width:514px;
	height:676px;
	background-image:url(../images/filmmakers-cianfrance-text.png);
}

#filmmakers #content .patricof {
	background-image:url(../images/filmmakers-patricof.jpg);
	height:535px;
	width:650px;
	position:absolute;
	display:none;
}

#filmmakers #content .howell {
	background-image:url(../images/filmmakers-howell.jpg);
	height:540px;
	width:650px;
	position:absolute;
	display:none;
}

#filmmakers #content .orlovsky {
	background-image:url(../images/filmmakers-orlovsky.jpg);
	height:465px;
	width:650px;
	position:absolute;
	padding-top:80px;
	display:none;
}

#filmmakers #content .orlovsky .holder {
	margin-left:72px;
	width:545px;
	height:440px;
}

#filmmakers #content .orlovsky .text {
	width:504px;
	height:549px;
	margin-top:10px;
	background-image:url(../images/filmmakers-orlovsky-text.png);
}

#filmmakers #content .fix {
	background-image:url(../images/filmmakers-fix.jpg);
	height:360px;
	width:650px;
	position:absolute;
	display:none;
}

#filmmakers #subnav {
	width:698px;
	background-image:url(../images/popup-filmmakers.png);
	margin-left:350px;
}

#filmmakers #subnav ul {
	margin: 18px 0px 0px 24px;
}

#filmmakers #subnav li {
	width:157px;
	height:29px;
	background:url(../images/popup-filmmakers.png) -24px -66px;
}

#filmmakers #subnav li .hover {
	width:157px;
	height:29px;
	background-image:url(../images/popup-filmmakers.png);
}

#filmmakers #subnav .cianfrance .hover {
	background-position:-24px -95px;
}

#filmmakers #subnav .patricof {
	background-position:-181px -66px;
	width:130px;
}

#filmmakers #subnav .patricof .hover {
	background-position:-181px -95px;
	width:130px;
}

#filmmakers #subnav .howell {
	background-position:-311px -66px;
	width:133px;
}

#filmmakers #subnav .howell .hover {
	background-position:-311px -95px;
	width:133px;
}

#filmmakers #subnav .orlovsky {
	background-position:-444px -66px;
	width:127px;
}

#filmmakers #subnav .orlovsky .hover {
	background-position:-444px -95px;
	width:127px;
}

#filmmakers #subnav .fix {
	background-position:-571px -66px;
	width:103px;
}

#filmmakers #subnav .fix .hover {
	background-position:-571px -95px;
	width:103px;
}

/* Media Section */

#media #content {
	background-image:url(../images/media.png);
	width:645px;
	height:451px;
	margin-left:489px;
}

#media #content #clip-title {
	position:absolute;
	width:288px;
	height:100px;
	background:url(../images/media-titles.png) no-repeat;
	left:-5px;
	top:-30px;
	background-position:0px -500px;
}

#media .trailer {
	margin-left:45px;
	margin-top:55px;
}

#media #clip-thumbs, #media #still-thumbs {
	position:absolute;
	margin-left:32px;
	top:401px;
	width:618px;
	z-index:100px;
}

#media #clip-thumbs ul, #media #still-thumbs ul {
	padding:0px;
	margin:0px;
}

#media #clip-thumbs li, #media #still-thumbs li {
	display:block;
	width:95px;
	height:50px;
	float:left;
	margin-right:6px;
	overflow:hidden;
}

#media #clip-thumbs a, #media #still-thumbs a {
	display:block;
	width:95px;
	height:50px;
	padding-top:51px;
}

#media #still-thumbs li {
	background:url(../images/media-thumbs.jpg) #000 no-repeat;
}

#media #still-thumbs .still2 {
	background-position:-95px 0px;
}

#media #still-thumbs .still3 {
	background-position:-190px 0px;
}

#media #still-thumbs .still4 {
	background-position:-285px 0px;
}

#media #still-thumbs .still5 {
	background-position:-380px 0px;
}

#media #still-thumbs .still6 {
	background-position:-475px 0px;
	
}

#media #content #clip-caption {
	position:absolute;
	top:453px;
	left:15px;
	height:83px;
	width:627px;
	background:url(../images/media-titles.png) no-repeat;
	background-position:-288px -517px;
}

#media #subnav {
	width:273px;
	background-image:url(../images/popup-media.png);
	margin-left:681px;
}

#media #subnav ul {
	margin: 18px 0px 0px 24px;
}

#media #subnav li {
	width:85px;
	height:27px;
}

#media #subnav li .hover {
	width:85px;
	height:27px;
	background-image:url(../images/popup-media.png);
}

#media #subnav .video .hover {
	background-position:-24px -66px;
}

#media #subnav .still {
	width:140px;
}

#media #subnav .still .hover {
	background-position:-109px -66px;
	width:140px;
}

/* Press */

#press #content {
	top:0px;
	height:580px;
	background-image:url(../images/press.jpg);
}

#press #content .holder {
	margin-left:72px;
	margin-top:90px;
	width:560px;
	height:470px;
}

#press #content .text {
	width:526px;
}

#press #content .text img {
	padding-bottom:21px;
	border-bottom:solid 1px #736c68;
	margin-bottom:16px;
}


/* Navigation */

#nav {
	margin-top:605px;
	position:absolute;
	width:1280px;
}

#nav ul {
	padding:0px;
	margin: 0px auto;
	list-style-type:none;
	display:block;
	width:534px;
}

#nav li {
	float:left;
	overflow:hidden;
	height:23px;
	text-align:center;
	position:relative;
}

#nav li .hover {
	background:url(../images/nav.png);
	height:23px;
}

#nav a {
	background-image:url(../images/nav.png);
	padding-top:22px;
	display:block;
	height:22px;
	color:#FFF;
	z-index:200;
	position:relative;
}

#nav .home, #nav .home a {
	width:69px;
	background-position:0px 0px;
}

#nav .home .hover {
	width:69px;
	background-position:0px 23px;
}

#nav .about, #nav .about a {
	width:91px;
	background-position:-69px 0px;
}

#nav .about .hover {
	width:91px;
	background-position:-69px 23px;
}

#nav .cast, #nav .cast a {
	width:80px;
	background-position:-160px 0px;
}

#nav .cast .hover {
	width:80px;
	background-position:-160px 23px;
}

#nav .filmmakers, #nav .filmmakers a {
	width:137px;
	background-position:-240px 0px;
}

#nav .filmmakers .hover {
	width:137px;
	background-position:-240px 23px;
}

#nav .media, #nav .media a {
	width:71px;
	background-position:-377px 0px;
}

#nav .media .hover {
	width:71px;
	background-position:-377px 23px;
}

#nav .press, #nav .press a {
	width:86px;
	background-position:-448px 0px;
}

#nav .press .hover {
	width:86px;
	background-position:-448px 23px;
}

/* Subnav */

#subnav {
	position:absolute;
	top:548px;
	height:47px;
}

#subnav ul {
	padding:0px;
	margin:20px 0px 0px 44px;
	list-style:none;
}

#subnav li {
	display:block;
	float:left;
	padding:0px;
	overflow:hidden;
	position:relative;
}

#subnav li a {
	display:block;
	position:relative;
	padding-top:60px;
	width:163px;
	z-index:100;
}

/* Footer */

#footer {
	position:absolute;
	top:685px;
}

#footer #dvd-callout {
	position:absolute;
	margin-left:115px;
	top:-190px;
	width:220px;
	height:230px;
}

#footer #dvd-callout a {
	display:block;
	height:40px;
	width:65px;
	float:left;
	position:relative;
	z-index:20;
}

#footer #dvd-callout .hover {
	background-image:url(../images/icons.png);
	height:17px;
	width:57px;
	background-position:-227px 0px;
	top:21px;
	left:4px;
}

#footer #dvd-callout #dvd-specials-button {
	height:180px;
	width:220px;
	float:none;
	margin-bottom:12px;
}

#footer #dvd-callout #dvd-specials-button .hover {
	width:82px;
	height:82px;
	background-position:-284px 0px;
	top:90px;
	left:7px;
}

#footer .bluray-buy { margin-left:65px; }

#footer .dvd-buy { margin-left:7px; }

#footer #social {
	position:absolute;
	height:60px;
	width:900px;
	overflow:hidden;
	margin-left:348px;
}

#footer #social .container {
	float:left;
	position:relative;
}

#footer #social .hover {
	background-image:url(../images/icons.png);
	height:60px;
}

#footer #social a {
	display:block;
	padding-top:62px;
	float:left;
	position:relative;
	z-index:20;
}

#footer .addthis_toolbox {
	float:left;
	margin-top:20px;
}

#footer .addthis_toolbox a.addthis_button_compact {
	padding-top:0px !important;
}



#footer #share_twitter, #footer #share_twitter .hover {
	width:88px;
}

#footer #share_twitter .hover {
	background-position:13px 0px;
}

#footer #share_facebook, #footer #share_facebook .hover {
	width:82px;
}

#footer #share_facebook .hover {
	background-position:-75px 0px;
}

#footer #news_email {
	background-image:none !important;
}

#footer #news_email input {
	width:125px;
	height:16px;
	border:none;
	padding:0px;
	background-color: transparent;
	float:left;
	color:#FFF;
	font-size:10px;
	margin:20px 0px 0px 132px;
}

#footer #news_check input {
	position:absolute;
	left:338px;
	top:39px;
}

#footer #news_submit {
	width:70px;
	height:16px;
	margin:20px 0px 0px 4px;
}

#footer #news_submit .hover {
	width:70px;
	height:16px;
	background-position:222px 0px;
}

#footer #news_submit button {
	width:70px;
	height:16px;
	border:0px none;
	padding-top:16px;
	z-index:20;
	background:transparent;
	position:relative;
}

#footer #email-confirmation {
	position:absolute;
	height:50px;
	width:296px;
	margin:15px 0px 0px 635px;
	background:url(../images/registered.png) #000 no-repeat 0px 5px;
	z-index:10000;
	display:none;
}



#footer #links {
	padding-top:155px;
	text-align:center;
	color:#2f3a5d;
	font-size:9px;
	text-transform:uppercase;
	width:1280px;
}

#footer #links a {
	color:#2f3a5d;
	font-size:9px;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
}

/* Special Features Box */

#dvd-specials {
	background-image:url(../images/dvd-specials.jpg);
	width:501px;
	height:333px;
}

#dvd-specials a {
	display:block;
	float:right;
	width:130px;
	height:230px;
	margin-top:80px;
	position:relative;
	z-index:20;
}

#dvd-specials .hover {
	background-image:url(../images/overlay-buttons.png);
	width:130px;
	height:230px;
	background-position:5px 0px;
}

#dvd-specials .bluray-buy { margin-right:15px; }
#dvd-specials .bluray-buy .hover { background-position:127px 0px; }

/* Misc */
.hover {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
}

.jspTrack, .jspDrag {
	width:9px;
	background:url(../images/bar-alpha.png) repeat !important;
}

.jspVerticalBar {
	background-color:transparent !important;
}

.hide {
	display:block;
	width:1px;
	height:1px;
	overflow:hidden;
	margin:0px;
	padding:0px;
	position:absolute;
	top:0px;
	left:0px;
}

.holder {
	overflow:hidden;
}

.text {
	background-repeat:no-repeat;
}

img { border:0px none; }

a:active { outline:none; }