/*
 *  psd2css.css
 *
 *  This is your external CSS style sheet. It defines all of the CSS styles that you
 *  are using in your page.  If you are going to create multiple pages from the same
 *  PSD file (like a template), you will share this CSS style sheet between the various
 *  pages.
 *
 *  This file was originally generated at http://psd2cssonline.com 
 *  February 15, 2011, 7:05 pm with psd2css Online version 1.94
 *
 */

body {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  text-align: left;
  font-size: small;
}


#center {
  position: absolute;
  margin-left: -501px;
  left: 50%;
  top: +0px;
  width: 1002px;
  height: 1342px;
  z-index: 1;
}


#gradient {
  position: absolute;
  left: 1px;
  top: 1px;
  width: 1000px;
  height: 1340px;
  z-index: 2;
}


#trees {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1000px;
  height: 403px;
  z-index: 3;
}


#bottombanner {
  position: absolute;
  left: 0px;
  top: 1229px;
  width: 1000px;
  height: 111px;
  z-index: 4;
}


#bigfootsign {
  position: absolute;
  left: 13px;
  top: 945px;
  width: 182px;
  height: 325px;
  z-index: 5;
}


#trailer {
  position: absolute;
  left: 180px;
  top: 132px;
  width: 641px;
  height: 329px;
  z-index: 6;
}


#grass {
  position: absolute;
  left: 0px;
  top: 409px;
  width: 1000px;
  height: 267px;
  z-index: 7;
}



#purchase {
  position: absolute;
  left: 795px;
  top: 370px;
  width: 153px;
  height: 73px;
  z-index: 9;
}


#dvdbox {
  position: absolute;
  left: 795px;
  top: 175px;
  width: 169px;
  height: 185px;
  z-index: 10;
}



#contactbutton {
  position: absolute;
  left: 620px;
  top: 83px;
  width: 116px;
  height: 47px;
  z-index: 5;
}



#buybutton {
  position: absolute;
  left: 548px;
  top: 83px;
  width: 72px;
  height: 47px;
  z-index: 5;
}



#castbutton {
  position: absolute;
  left: 357px;
  top: 83px;
  width: 191px;
  height: 47px;
  z-index: 5;
}


#storybutton {
  position: absolute;
  left: 270px;
  top: 83px;
  width: 87px;
  height: 47px;
  z-index: 5;
}



#homebutton {
  position: absolute;
  left: 170px;
  top: 83px;
  width: 98px;
  height: 47px;
  z-index: 99;
}


#bottomnav {
  position: absolute;
  left: 32px;
  top: 50px;
  width: 426px;
  height: 39px;
  z-index: 21;
}


#jayellington {
  position: absolute;
  left: 839px;
  top: 60px;
  width: 115px;
  height: 26px;
  z-index: 22;
}


#events {
  position: absolute;
  left: 385px;
  top: 1175px;
  width: 214px;
  height: 26px;
  z-index: 23;
}



#socialmedia {
  position: absolute;
  left: 34px;
  top: 375px;
  width: 170px;
  height: 135px;
  z-index: 26;
}


#bestdocu {
  position: absolute;
  left: 706px;
  top: 60px;
  width: 199px;
  height: 80px;
  z-index: 27;
}


#bestnarrative {
  position: absolute;
  left: 96px;
  top: 60px;
  width: 199px;
  height: 80px;
  z-index: 28;
}


#bubbajohnpic {
  position: absolute;
  left: 500px;
  top: 825px;
  width: 247px;
  height: 199px;
  z-index: 29;
}


#bubbajohnblurb {
  position: absolute;
  left: 500px;
  top: 1035px;
  width: 247px;
  height: 46px;
  z-index: 29;
}



#maincopy1 {
  position: absolute;
  left: 260px;
  top: 700px;
  width: 500px;
  height: 98px;
  z-index: 31;
}


#maincopy2 {
  position: absolute;
  left: 260px;
  top: 825px;
  width: 225px;
  height: 98px;
  z-index: 31;
}


#thelongwaytitle {
  position: absolute;
  left: 285px;
  top: 575px;
  width: 436px;
  height: 98px;
  z-index: 31;
}



#orderbutton {
  position: absolute;
  left: 785px;
  top: 600px;
  width: 158px;
  height: 50px;
  z-index: 33;
}

#share {
  position: absolute;
  left: 785px;
  top: 700px;
  width: 158px;
  height: 50px;
  z-index: 33;
}



#gallerybutton {
  position: absolute;
  left: 785px;
  top: 538px;
  width: 179px;
  height: 58px;
  z-index: 35;
}



#watchbutton {
  position: absolute;
  left: 785px;
  top: 475px;
  width: 179px;
  height: 58px;
  z-index: 37;
}



#thhtbutton {
  position: absolute;
  left: 19px;
  top: 297px;
  width: 193px;
  height: 64px;
  z-index: 39;
}


#transylvaniabutton {
  position: absolute;
  left: 33px;
  top: 240px;
  width: 179px;
  height: 58px;
  z-index: 41;
}


#directorbutton {
  position: absolute;
  left: 33px;
  top: 145px;
  width: 183px;
  height: 90px;
  z-index: 42;
}



#blurb {
  position: absolute;
  left: 370px;
  top: 80px;
  width: 264px;
  height: 46px;
  z-index: 44;
}


#title {
  position: absolute;
  left: 147px;
  top: 22px;
  width: 699px;
  height: 94px;
  z-index: 4;
}


#sectiontitle {
  position: absolute;
  left: 260px;
  top: 200px;
  width: 500px;
  height: 55px;
  z-index: 31;
}

/*story page */

#grassalt {
  position: absolute;
  left: 0px;
  top: 115px;
  width: 1000px;
  height: 267px;
  z-index: 7;
}

#storycopy1 {
  position: absolute;
  left: 260px;
  top: 275px;
  width: 500px;
  height: 98px;
  z-index: 31;
}

/*cast page */

#cast1 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 150px;
  height: 98px;
  z-index: 31;
}

#cast2 {
  position: absolute;
  left: 175px;
  top: 0px;
  width: 150px;
  height: 98px;
  z-index: 31;
}

#cast3 {
  position: absolute;
  left: 350px;
  top: 0px;
  width: 150px;
  height: 98px;
  z-index: 31;
}

#cast4 {
  position: absolute;
  left: 0px;
  top: 175px;
  width: 150px;
  height: 98px;
  z-index: 31;
}

#cast5 {
  position: absolute;
  left: 175px;
  top: 175px;
  width: 150px;
  height: 98px;
  z-index: 31;
}

#cast6 {
  position: absolute;
  left: 350px;
  top: 175px;
  width: 150px;
  height: 98px;
  z-index: 31;
}

#cast7 {
  position: absolute;
  left: 0px;
  top: 350px;
  width: 150px;
  height: 98px;
  z-index: 31;
}

#cast8 {
  position: absolute;
  left: 175px;
  top: 350px;
  width: 150px;
  height: 98px;
  z-index: 31;
}

#cast9 {
  position: absolute;
  left: 350px;
  top: 350px;
  width: 150px;
  height: 98px;
  z-index: 31;
}

#castlist {
  position: absolute;
  left: 0px;
  top: 525px;
  width: 250px;
  height: 98px;
  z-index: 31;
}

#castlist2 {
  position: absolute;
  left: 260px;
  top: 525px;
  width: 250px;
  height: 98px;
  z-index: 31;
}

#imdb {
  position: absolute;
  left: 432px;
  top: 1040px;
  width: 169px;
  height: 185px;
  z-index: 10;
}


/*buy page */


/*contact page */


/*director page */

#linkedin {
  position: absolute;
  left: 34px;
  top: 550px;
  width: 170px;
  height: 57px;
  z-index: 26;
}


/*transylvania page */

#transbutton {
  position: absolute;
  left: 260px;
  top: 925px;
  width: 500px;
  height: 98px;
  z-index: 31;
}


/*thht page */

#thhttrailer {
  position: absolute;
  left: 260px;
  top: 690px;
  width: 500px;
  height: 98px;
  z-index: 31;
}

#thhtquote {
  position: absolute;
  left: 350px;
  top: 1100px;
  width: 302px;
  height: 54px;
  z-index: 31;
}

#thhtawards {
  position: absolute;
  left: 265px;
  top: 1160px;
  width: 504px;
  height: 74px;
  z-index: 31;
}

#thhtlink {
  position: absolute;
  left: 785px;
  top: 800px;
  width: 158px;
  height: 50px;
  z-index: 33;
}


/*clips page */


/*gallery page */



/*floating image*/

img.floatLeft { 
    float: left; 
    margin: 10px; 
}
img.floatRight { 
    float: right; 
    margin: 10px; 
}


/* Here are some examples of how you might want to change the
 * look and behavior of the links on your page.  Some examples for
 * further customization are included in comments.  */
a {
  cursor: pointer;
  outline: none;
}
a:link {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
a:visited { color: #F00; font-weight: bold;}
a:hover { color: #F00; font-weight: bold;}

.bodybold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

.smtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}