@import url("reset.css");

/* -------- Snapshot Films css ---------- **/
/* ----------------- by SJJ ---------------- */


* { font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; line-height: 150%;}
body {background-color: #342d2c; padding-top: 1px; color: #000000;}

hr { text-align: right; width: 100%; height: 1px; color: #d4dee8; border: none;  margin: 15px 0px;} /* For Internet Explorer */
html>body hr { margin-right: 0; width: 100%; height: 1px; background-color: #d4dee8; border: none; margin: 15px 0px;} /* For Gecko-based browsers */
html>body hr { margin-right: 0; width: 100%; height: 1px; background-color: #d4dee8; border: 0px solid #d4dee8; margin: 15px 0px;} /* For Opera and Gecko-based browsers */

#wrapper {width: 960px; padding: 20px 0px; margin-left: auto; margin-right:auto; overflow: hidden; height: 1%; }


/* ----------------- Main Nav ---------------- */
#navigation {clear: both; overflow: hidden; margin-bottom: 20px;}
#navigation li {float: left;  margin-right: 48px; }
#navigation li a {padding-top: 41px; display: block; color: #ffffff; text-decoration: none; text-transform: lowercase; font-size: 120%;}
#navigation li.active a, #navigation li a:hover  {background: url(../img/icons/nav-arrow_red.gif) 50% 0% no-repeat; }


/* ----------------- Content---------------- */
#content {background: #ffffff url(../img/bg/top-corner.gif) 100% 0% no-repeat; overflow: hidden; padding: 35px 30px; position: relative; height: 1%;}
#content #bottomcorner {position: absolute; left: 0px; bottom: 0px; width: 75px; height: 75px; background: url(../img/bg/bottom-corner.gif) bottom left no-repeat; }

#content #leftcol {width: 295px; float: left; margin-right: 45px; margin-bottom: 20px; overflow: hidden; height: 1%;}
#content #leftcol a.logo {width: 295px; height: 167px; background: url(../img/logo.jpg) top left no-repeat; display: block; text-indent: -9999px;}


#content #rightcol { width: 535px; float: left; padding-top: 40px; margin-bottom: 20px; overflow: hidden; height: 1%;}
#content #rightcol h1 {font-size: 160%; color: #000000; line-height: 120%; margin-bottom: 20px; }
#content #rightcol p {margin-bottom: 10px;} 
#content #rightcol p.summary {font-weight: bold;}

#content #rightcol ul.form li {clear: both; margin-bottom: 10px; overflow: hidden;}
#content #rightcol ul.form li label {font-weight: bold; width: 150px; margin-right: 10px; float: left; font-size: 95%;}
#content #rightcol ul.form li input, #content #rightcol ul.form li select {width: 200px;  float: left; font-size: 90%; }
#content #rightcol ul.form li textarea {width: 330px;  float: left; font-size: 90%;}
#content #rightcol ul.form li span {float: left; font-weight: bold; padding-left: 10px; }
#content #rightcol ul.form li.submit input {width: auto;}

#content #rightcol p.message {color: #ff0000; font-weight: bold; font-size: 90%;}
#content #rightcol div.validationsummary ul {margin-bottom: 10px;}
#content #rightcol div.validationsummary ul li {font-size: 90%; color: #ff0000;}

#content #rightcol div table {border: 1px solid #333333; margin-left: 5px; margin-bottom: 20px;}
#content #rightcol div table tr th {padding: 3px; font-size: 90%; background-color: #eeeeee;}
#content #rightcol div table tr td {padding: 3px; font-size: 90%; border: 1px solid #333333;}

#content #rightcol a.samplevideo {color: #ce171f; text-decoration: underline; background: url(../img/icons/film.gif) top left no-repeat; padding-left: 20px; margin-bottom: 10px; display: block;}
#content #rightcol a.samplevideo:hover {text-decoration: none;}
#content #rightcol dl.accordion-menu  a.samplevideo {margin-bottom: 0px;}

#content #rightcol ol li {list-style-type: decimal; list-style-position: outside; list-style-image: none; margin-bottom: 10px;  overflow: hidden; height: 1%;}

#content div.film-strip {width: 875px; height: 120px; background: url(../img/bg/film-strip.gif) top left no-repeat;  clear: both; margin-bottom: 20px; padding-left: 16px; padding-top: 20px; }
#content div.film-strip img {margin-right:  4px; float: left;}
#content a.trailer {float: right; background: url(../img/icons/clapper-board.gif) 0% 50% no-repeat; padding-left: 81px; width: 133px; color: #000000; text-decoration: none; font-weight: bold; min-height: 61px; padding-top: 10px;}
#content a:hover.trailer  {background-image: url(../img/icons/clapper-board-closed.gif); text-decoration: underline; }





/* ----------------- Footer ---------------- */
#footer {font-size: 90%;  padding: 10px 0px; overflow: hidden; clear: both; color: #ffffff;}
#footer p {text-align: right; margin-bottom: 0px!important;}
#footer p a {color: #ffffff; text-decoration: none; }
#footer p a:hover {text-decoration: underline; }