@charset "utf-8";

/*General styles and reset*/
* {margin: 0; padding: 0;}
body {margin:0; background-color: #FFFFFF; font-family:Arial, Verdana, Helvetica, sans-serif; color:#000000;}
#blue {background: rgb(170,224,250);}
ul {list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; }
#mainpage {width: 800px; height: 700px; background: rgb(170,224,250); margin: 0 ; }
.container {width: 800px; height: 700px; background: rgb(255, 255, 255); margin: 0 ; }
#civBuild {height: 1000px;}
#gallery {height: 1350px;} 
img {border: none; margin: 0; padding:0;}
h4 {font-size:12px;}
.movTitle {font-style: italic;}

a:link, a:active  {text-decoration: none; color: rgb(255, 102, 51); border:none; outline: none;}
a:hover {text-decoration: none; border:none; outline: none; }
a:visited {text-decoration:none; color: rgb(255, 102, 51); border:none; outline: none; }


/*Logo positioning*/
#logo1 {position: absolute; margin-top:0px;}
#logo2 {position: absolute; margin-top:0px;}


/*Main Navbar Styles*/
#filmlink {background: url(../images/filmoffwhite.gif) top left no-repeat; display:block; text-indent:-5000px;}
#filmlink:hover {background:url(../images/filmon.gif) top left no-repeat; text-indent:-5000px; cursor: pointer;}
#photolink a:link, #photolink a:active, #photolink a:visited {background: url(../images/photooff.gif) top left no-repeat; display:block; text-indent:-5000px; position: relative;}
#photolink a:hover {background:url(../images/photoon.gif) top left no-repeat; text-indent:-5000px; position: relative;}
#biolink a:link, #biolink a:active, #biolink a:visited {background: url(../images/biooff.gif) top left no-repeat; display:block; text-indent:-5000px; position: relative;}
#biolink a:hover {background:url(../images/bioon.gif) top left no-repeat; text-indent:-5000px; position: relative;}
#linkslink a:link, #linkslink a:active, #linkslink a:visited {background: url(../images/linksoff.gif) top left no-repeat; display:block; text-indent:-5000px; position: relative;}
#linkslink a:hover {background:url(../images/linkson.gif) top left no-repeat; text-indent:-5000px; position: relative;}
#contactlink a:link, #contactlink a:active, #contactlink a:visited {background: url(../images/contactoff.gif) top left no-repeat; display:block; text-indent:-5000px; position: relative;}
#contactlink a:hover {background:url(../images/contacton.gif) top left no-repeat; text-indent:-5000px; position: relative;}


#mainpage dt { line-height: 1.4em;}
#mainpage #filmlink {background: url(../images/filmoffhome.gif) top center no-repeat; display:block; text-indent:-5000px;}
#mainpage #filmlink:hover {background:url(../images/filmonhome.gif) top center no-repeat; text-indent:-5000px; cursor:pointer;}
#mainpage #photolink a:link, #mainpage #photolink a:active, #mainpage #photolink a:visited {background: url(../images/photooffhome.gif) top center no-repeat; display:block; text-indent:-5000px; position: relative;}
#mainpage #photolink a:hover {background:url(../images/photoonhome.gif) top center no-repeat; text-indent:-5000px; position: relative;}
#mainpage #biolink a:link, #mainpage #biolink a:active, #mainpage #biolink a:visited {background: url(../images/biooffhome.gif) top center no-repeat; display:block; text-indent:-5000px; position: relative;}
#mainpage #biolink a:hover {background:url(../images/bioonhome.gif) top center no-repeat; text-indent:-5000px; position: relative;}
#mainpage #linkslink a:link, #mainpage #linkslink a:active, #mainpage #linkslink a:visited {background: url(../images/linksoffhome.gif) bottom center no-repeat; display:block; text-indent:-5000px; position: relative;}
#mainpage #linkslink a:hover {background:url(../images/linksonhome.gif) bottom center no-repeat; text-indent:-5000px; position: relative;}
#mainpage #contactlink a:link, #mainpage #contactlink a:active, #mainpage #contactlink a:visited {background: url(../images/contactoffhome.gif) top left no-repeat; display:block; text-indent:-5000px; position: relative;}
#mainpage #contactlink a:hover {background:url(../images/contactonhome.gif) top left no-repeat; text-indent:-5000px; position: relative;}
#mainpage #navcat {color:rgb(255, 102, 51);}


/*Menu and submenu styles*/
#menu {margin: 26px 0 0 360px; ; position:absolute; width: 500px;}
#menu dl {float: left; margin-left: -30px; width: 100px; text-align:center; padding: 0 5px;font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: 800;}
#menu dl dt {display:block; width: 90px;}
#menu dl dt a:link, #menu dl dt a:active {text-decoration: none; color: rgb(255, 102, 51);}
#menu dl dt a:visited {text-decoration: none; color: rgb(255, 102, 51);}
#menu dl dt a:hover {text-decoration: none; color: rgb(179,217,255);}

#mainpage #menu {margin: 26px 0 0 360px; position:absolute; width: 500px; z-index:99;}
#mainpage #menu dl {float: left; margin-left: -30px; width: 100px; text-align:center; padding: 0 5px;font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: 800;}
.mainpage #menu a:link, .mainpage #menu a:active {text-decoration: none; color: rgb(255, 102, 51);}
.mainpage #menu a:visited {text-decoration: none; color: rgb(255, 102, 51);}
.mainpage #menu a:hover {text-decoration: none; color: #FFFFFF;}

#smenu1 {display: inline; margin: 0 3px; padding: 0 3px; font-size:10px;}
#smenu1 a:hover { cursor:pointer;}
#smenu1 ul {margin: 5px 0 0 32px; font-size: 12px; font-weight:bold; width: 25em;}
#smenu1 ul li {text-align:left; width: 25em; line-height: 1.6em; }
#smenu1 ul li a:link, #smenu1 ul li a:active {text-decoration: none; color: rgb(255, 102, 51);}
#smenu1 ul li a:visited {text-decoration:none; color: rgb(255, 102, 51);}
#smenu1 ul li a:hover {text-decoration: none; color: rgb(179,217,255);}

#homelist {background:url(../images/listback.gif) top left no-repeat; width: 300px; height: 200px; padding-left: 8px; padding-top: 8px; margin-left: 4px;}
#homelist li {line-height: 1px;}

#mainpage #smenu1 ul li a:hover {text-decoration: none; color: rgb(0,0,0);}


/*Individual film-page styles*/
#filmstefan {margin: 180px 0 0 350px; position: absolute; height: 470px; width:400px; font-size:12px;}
#filmstefan #ssbellhed {padding: 0 0 5px 0;}
#filmstefan h2 { background:url(../images/ssbell.png) top left no-repeat; color: rgb(255, 102, 51);  margin-bottom:15px; letter-spacing: 1px; text-indent: -10000px;}
#filmstefan .movtitle {color: rgb(170,224,250);}
#filmstefan #first { margin: 20px 5px 5px -290px; position:absolute;}
#filmstefan #second {margin: 20px 5px 5px -75px;}
#filmstefan #third {margin: 20px 0px 5px 5px;}
#ssbMovie {margin-left: -10px; float: left; position:absolute;}

#superstore {margin: 180px 0 0 350px; position: absolute; height: 470px; width:400px; font-size:12px;}
#superstore  h2 {background:url(../images/superstore.png) top left no-repeat; color: rgb(255, 102, 51); margin-bottom:15px; letter-spacing: 1px; text-indent:-10000px;}
#superstore  .movtitle {color: rgb(170,224,250);}
#superstore  #first { margin: 40px 0px 5px -290px; position:absolute;}
#superstore  #second {margin: 40px 0px 5px -60px;}
#superstore  #third {margin: 40px 0px 5px 12px;}

#youBelongToMe {margin: 180px 0 0 350px; position: absolute; height: 470px; width:400px; font-size:12px;}
#youBelongToMe  h2 {background:url(../images/youbelongtome.png) top left no-repeat; color: rgb(255, 102, 51); margin-bottom:15px; letter-spacing: 1px; text-indent:-10000px;}
#youBelongToMe  .movtitle {color: rgb(170,224,250);}
#youBelongToMe  #first { margin: 20px 0px 5px -290px; position:absolute;}
#youBelongToMe  #second {margin: 20px 0px 5px -60px;}
#youBelongToMe  #third {margin: 20px 0px 5px 12px;}
#ybtmTease { float: left; position:absolute;}

#homePoster {float:right; margin: 140px 40px 0 0; width: 360px;}
#homePoster img {margin-left: -58px; margin-top: 20px; }
#introHome {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:rgb(0, 0, 0); letter-spacing:.1px; width: 400px; font-weight: 500; line-height: 1.3em; float:right; margin: -85px 0 0 -38px; position: absolute; height: 115px;}
#introHome a:link, #introHome a:active, #introHome a:visited {text-decoration: underline; color: rgb(255, 102, 51); border:none; outline: none;}
#introHome a:hover {text-decoration: none; border:none; outline: none; color:#000000; }
#introHome > p {margin-bottom: 5px;}

#reviewsHome {float: left; width: 290px; margin: 350px 15px 0 25px; position:absolute; font-size: 13px;}
#reviewsHome a:link, #reviewsHome a:active, #reviewsHome a:visited {text-decoration:underline;}
#reviewsHome a:hover {text-decoration: none; border:none; outline: none; color:#000000; }

#homePostLinks {margin: -10px 0 20px -60px; font-weight:bold;}
#homePostLinks p {line-height:1em; text-align:left;}

#bio, #thanks, #entErrors {margin: 180px 0 0 350px; position: absolute; width:410px; font-size:12px;}
#bio h2 {background:url(../images/bio.png) top left no-repeat; color: rgb(255, 102, 51);  margin-bottom:15px; letter-spacing: 1px; text-indent: -2000px;}

#linksContent {margin: 180px 0 0 347px; width:400px; font-size:12px; position: absolute;} 
#linksContent h2 {color:rgb(255, 102, 51); text-indent: -2000px; background:url(../images/linksTitle.gif) top left no-repeat; margin-left:-2px;}
#linksContent a:link, #linksContent a:active, #linksContent a:visited {text-decoration: underline; color: #000000;}
#linksContent a:visited {text-decoration: underline; color: #000000;}
#linksContent a:hover {text-decoration: none; color: rgb(170,224,250);}
#contactInfo a:link, #contactInfo a:active, #contactInfo a:visited { text-decoration: underline; color: #000000;}
#contactInfo a:hover {color: rgb(170,224,250); text-decoration: none;}
#contactInfo {margin: 180px 0 0 350px; width:300px; font-size:12px; position: absolute;}
#contactInfo h2 {background:url(../images/contact.jpg) top left no-repeat; color: rgb(255, 102, 51); margin-bottom:13px; letter-spacing: 1px; text-indent: -10000px;}

.whereToBuy {margin-top: 12px;}
#buyTitle {color:rgb(255, 102, 51); margin: 4px 0 25px -2px;}
.buy {color:rgb(170,224,250);}
#rent {margin-top: 20px;}

#promodoc {margin: 180px 0 0 350px; position: absolute; width:410px; font-size:12px; line-height: 2em;}
#promodoc a:link, #promodoc a:active {color: rgb(255, 102, 51); text-decoration:underline; font-weight: bold;}
#promodoc a:visited {color: rgb(255, 102, 51); text-decoration:underline; font-weight: bold;}
#promodoc a:hover {text-decoration:none; color:#000000;}
#promodoc h2 {display: block; height: 45px; background:url(../images/docwork.gif) top left no-repeat; margin-bottom:15px; color: rgb(255, 102, 51);  letter-spacing: 1px; text-indent: -2000px;}
.promoMov {margin: 179px 0 0 350px; position: absolute; width:400px; font-size:12px;}
.promoMov h2 {color: rgb(255, 102, 51);  letter-spacing: 1px; margin-bottom: 15px;}
.wfhDesciption {line-height:normal; font-size: 11px;}
#promodoc .wfhDesciption a:link, #promodoc .wfhDesciption a:active, #promodoc .wfhDesciption a:visited {text-decoration: underline; color: #000000; font-weight: 100;}
#promodoc .wfhDesciption a:hover {text-decoration: none; color: rgb(170,224,250); font-weight: 100;}
.pdMovieEntry {margin-top: 15px;}

#photoPage {margin: 180px 0 0 350px; position: absolute; width:420px; font-size:12px;}
#photoPage h2 {background:url(../images/photoTitle.gif) top left no-repeat; margin-bottom:15px; margin-left: -1px; color: rgb(255, 102, 51);  letter-spacing: 1px; text-indent: -2000px;}
#photoThumbs {margin: 50px 0 0 -200px;}
#photoThumbs tr { table-layout:auto;}

#directReel {margin: 179px 0 0 350px; position: absolute; width:400px; font-size:12px;}
#directReel h2 { background:url(../images/smear.gif) top left no-repeat; color: rgb(255, 102, 51);  letter-spacing: 1px; text-indent: -2000px; margin-bottom: 15px;}
#smearMov {margin-left: }

#press {margin: 180px 0 0 350px; position: absolute; width:400px; font-size:11px; font-weight:bold;}
#press h2 {background:url(../images/press.gif) top left no-repeat; color: rgb(255, 102, 51);  letter-spacing: 1px; text-indent: -2000px; margin-bottom: 15px; display:block; height: 22px;}
#press a:link, #press a:active {color: #000000; text-decoration:underline;}
#press a:visited {color: #000000; text-decoration:underline;}
#press a:hover {text-decoration:none; color:rgb(179,217,255);}

/*Contact Form*/
#mailingList {font-family: Arial, Helvetica, sans-serif; font-size:12px; width:480px;}
input { line-height: 10px; margin:3px 0; padding: 1px; width:145px; background-color: #FFFFFF; border: 1px solid #000000;}

form {margin-top:10px;}
fieldset {border:none;}
#disclaimer{float: left; position: absolute; width: 380px; margin:580px 0 0 350px; font-size:10px;}
label {float: left; width: 10em; margin-right: 5px; text-align:left; padding:4px 0 0;}
select {padding:2px; z-index:99;}
option {width: 120px;z-index:99; }
input.btn {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color:rgb(255, 102, 51); background-color:#FFFFFF; border: 2px solid rgb(179,217,255); padding: 2px; outline:none;}
input.btn:hover{ border: 2px solid rgb(255, 102, 51); color: rgb(179,217,255); cursor:pointer;}
.required {font-weight:bold;}

/*View film links*/
.viewnav a:link, a:active {text-decoration:underline; color: rgb(255, 102, 51);}
.viewnav a:visited {text-decoration:underline; color: rgb(255, 102, 51);}
.viewnav a:hover {text-decoration:underline; color: #000000;}

/*Contact and copyright*/
#address li {width: 240px;}
#addrcontact{color: rgb(255, 102, 51); margin:580px 0 0 14px; position: absolute; font-family:Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 1px; } 
#copyright {color: #666666; font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; letter-spacing: .1px; }
#linksLowerElements #addrcontact {margin-top: 620px;}

/*Bottom navigation bar*/
#lowernav {color: rgb(153, 153, 153); width: 280px; margin: 645px 0 100px 338px; position: absolute; font-size: 11px; line-height: 12px;}
#lowernav li {display: inline; padding: 0 10px; letter-spacing: .2px; font-weight: 500; border-right: 2px solid;  width: 500px;}
#lowernav li a:link {text-decoration: none; color: rgb(153, 153, 153);}
#lowernav li a:active {text-decoration: none; color: rgb(153, 153, 153);}
#lowernav li a:visited {text-decoration: none; color: rgb(153, 153, 153);}
#lowernav li a:hover {text-decoration: underline; color: rgb(153, 153, 153);}
#lowernav #last {border-right: none;}
#linksLowerElements #lowernav {margin-top: 685px;}
#mainpage #lowernav {margin-left: 351px;}

/*Photo Gallery section*/
#gallery #lowernav {margin-top: 1200px;}
#gallery #addrcontact {margin-top:1135px;}
#civBuild #lowernav {margin-top: 800px;}
#civBuild #addrcontact {margin-top:735px;}

/*index page links*/
#mainpage #homePoster #homePostLinks a:link, #mainpage #homePoster #homePostLinks a:active, #mainpage #homePoster #homePostLinks a:visited { text-decoration: underline; text-align:center; color: rgb(255, 102, 51); font-size: 13px; margin-left: 95px;}
#mainpage #homePoster #homePostLinks a:hover {text-decoration: none; text-align:center; font-size: 13px; color: #000000;}