@import url(font.css);
html.mobile { 
	background: url(../mobile/bg/home_bg.jpg) no-repeat center top ; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../mobile/bg/home_bg.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../mobile/bg/home_bg.jpg', sizingMethod='scale')";
}
/*html { 
	background: url(../img/bg/home_bg.jpg) no-repeat center top ; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg/home_bg.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg/home_bg.jpg', sizingMethod='scale')";
}*/
body {
	font-family:'Intro-Regular';
	margin:0;
	padding:0;
}
img {border:0}
.clear{clear:both;}
a{
	text-decoration:none;
}
#actorname , #hometitle ,#dates , #footer ,#loveStory ,#homeright, #soundtrack{
	display:none;
}
#mainbody {
	width:1052px;
}
#homeleft {
	float:left;
	width:299px;
}
#homeright {
	float:left;
	width:740px;
	height:42px;
	margin-top:12px;
	background:url(../img/home/home_navbg.png) no-repeat;
}





#footer{
	margin-top:-110px;
	z-index:30;	
}

#soundtrack {
	float:right;
	height:250px;
	margin-top:550px;
	right:0px;
z-index:20;
width:210px;
}
#soundtrack a{ color:#f84a70;
}

#soundtrack a:hover{ color:#db2e6b;
}


.soundtracktext{
	font-size:11px;
	letter-spacing:-0.02em;
	background:url(../img/home/home_navbg.png);
	margin:-3px 0 0;
	padding:5px 30px 2px 5px;
	color:#222222;
}

.smaller{
font-size:8px;
margin:-2px 0 1px 0;
}

#homeright a {
	float:left;
	height:42px;
	text-indent:-9999px;
}
#homeright a.nav_about {
	width:178px;
	background:url(../img/home/nav_about.png) no-repeat;
}
#homeright a.nav_cast {
	width:116px;
	background:url(../img/home/nav_cast.png) no-repeat;
}
#homeright a.nav_filmmaker {
	width:134px;
	background:url(../img/home/nav_filmmakers.png) no-repeat;

}
#homeright a.nav_review {
	width:104px;
	background:url(../img/home/nav_reviews.png) no-repeat;
}
#homeright a.nav_gallery {
	width:108px;
	background:url(../img/home/nav_gallery.png) no-repeat;
}
#homeright a.nav_trailer {
	width:100px;
	background:url(../img/home/nav_trailer.png) no-repeat;
}

#homeright a#nav_trailer {
	width:100px;
	background:url(../img/home/nav_trailer.png) no-repeat;
}

#homeright a#nav_trailer:hover {
	background-position:  0 -42px;
}

#homeright a:hover{
	background-position:  0 -42px;
}

#actorname , #hometitle {
	margin:28px
}

#homeOpeningdates {
	margin:-100px 28px 6px 28px;
	z-index:5;
}

#viewDates, #social ,#footerMenu{
	margin:0 28px;
}

#viewDates a{
	display:block;
	width:118px;
	height:27px;
	background:url(../img/home/home_viewdates.png) no-repeat;
	text-indent:-9999px;
}
#viewDates a:hover {
	background-position:  0 -27px;
}

#loveStory {
	margin:20px 28px;
}

#footerMenu, #copyright {
	font-size:10px;
	color:#ffffff;
	text-shadow: 0px 1px 1px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=1);
}
#footerMenu a{
	display:inline-block;
	line-height:16px;
	padding:2px 5px 1px 5px;
	margin:5px 5px 0px 0px;
	color:#fff;
	font-size:11px;
}
#footerMenu a:first-child{
margin-left:0;
}
#footerMenu a:hover{
	background:#333333;
}
#copyright {
	margin:5px 28px 100px 28px;
}
#social {
	position:relative;
	/*padding-left:30px;*/
}
#twitter, #facebook, #pinterest{
	display:inline-block;
	width:22px;
	height:22px;
	overflow:hidden;
	background: url("../img/twitter_icon.png") no-repeat center top ;
}
#facebook {
	background: url("../img/facebook_icon.png") no-repeat center top ;
}

#pinterest {
	background: url("../img/pinterest_icon.png") no-repeat center top ;
}

#twitter:hover, #facebook:hover, #pinterest:hover{
background-position:0 -22px;
}

a.tooltip:hover {
	text-decoration:none;
}
a.tooltip span { /* The "span" defines the text appearing on mouse hover, these are basic stylings */
	display:none;
	padding:5px 7px 3px 7px;
	bottom:26px;
	position:relative;
	height:24px;
	width:50px;
	text-align:center;
	background:url("../img/tooltip.png") no-repeat center top;
	position:absolute;
	color:#fff;
	font-size:11px;
	margin-left:-20px;
	z-index:110;
}
a.tooltip:hover span {
	display:block;
}
#copyright {
	margin:5px 28px 0 32px;
}