/*  

Theme Name: 
Theme URI: http://
Description: 
Version: 1.0
Author: Keefe Au
Author URL: http://aukeefe.carbonmade.com

*/

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }


/* LAYOUT */
.clear { clear: both; }

/* TYPE */
body { font: 80% Arial, Helvetica, sans-serif; background-color: #000; color: #735e24; text-align: center; line-height:1.25em;  }
input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 100%; } 

p { font: 96% Arial, Helvetica, sans-serif; color: #79642a; line-height:1.3em; }

a { text-decoration:none; color: #8f1807; }

a:hover { text-decoration:none; color: #c9b826;}

a:visited {text-decoration:none;  }

/* container */

#container { width:900px; text-align: left; margin-left:auto; margin-right:auto;   }

/* header */

#header { width: 900px; height: auto; margin: 0 auto; position: relative; }

/* navigation */
#navigation { width: 900px; height: 50px; position: relative; top:0; }
#navigation #nav { margin: 0; padding: 0; }
#navigation #nav li { display: inline;  }
#navigation #nav li a { background:url(../images/menu.jpg) no-repeat; float:left; height: 50px; overflow: hidden; }


/* OVER STATES */
#navigation #nav li#nav-home a:hover { background-position: 0 -50px; width:111px; height:50px; }
#navigation #nav li#nav-about a:hover { background-position: -111px -50px; width:150px; height:50px; }
#navigation #nav li#nav-photos a:hover { background-position: -261px -50px; width:176px; height:50px; }
#navigation #nav li#nav-trailers a:hover { background-position: -437px -50px; width:176px; height:50px; }
#navigation #nav li#nav-shop a:hover { background-position: -613px -50px; width:150px; height:50px; }
#navigation #nav li#nav-contact a:hover { background-position: -763px -50px; width:137px; height:50px; }


/* ON STATES */
#navigation #nav li#nav-home a { background-position: 0 0; width:111px; height:50px; }
#navigation #nav li#nav-about a { background-position: -111px 0; width:150px; height:50px; }
#navigation #nav li#nav-photos a { background-position: -261px 0; width:176px; height:50px; }
#navigation #nav li#nav-trailers a { background-position: -437px 0; width:176px; height:50px; }
#navigation #nav li#nav-shop a { background-position: -613px 0; width:150px; height:50px; }
#navigation #nav li#nav-contact a { background-position: -763px 0; width:137px; height:50px; }


/* DOWN STATES  */
#navigation.home #nav li#nav-home a { background-position: 0 0; width:111px; height:50px; cursor: default !important; }
#navigation.about #nav li#nav-about a { background-position: -111px 0; width:150px; height:50px; cursor: default !important; }
#navigation.photos #nav li#nav-photos a { background-position: -261px 0; width:176px; height:50px; cursor: default !important; }
#navigation.trailers #nav li#nav-trailers a { background-position: -437px 0; width:176px; height:50px; cursor: default !important; }
#navigation.shop #nav li#nav-shop a { background-position: -613px 0; width:150px; height:50px; cursor: default !important; }
#navigation.contact #nav li#nav-contact a { background-position: -763px 0; width:137px; height:50px; cursor: default !important; }


/* content */


#logo a {background:url(../images/logo.png) no-repeat; width:310px; height:165px; text-indent:-900em; overflow:hidden; position:absolute; }
#logo a:hover { cursor:pointer !important; }
#logo.about a { top:0; right:20px;  }
#logo.contact a { top:0; left:-20px;  }


#content { width: 900px; height: 600px; margin: 0 auto; position: relative; }
#box { width:900px; height:600px; position:relative; margin-top:5px; overflow:visible; }
.about-img { background:url(../images/synopsis_img.jpg) no-repeat ; background-position:104% 120%;  }
.contact-img { background:url(../images/contact_img.jpg) no-repeat; background-position:bottom left; }
.trailer-img { background:url(../images/trailer_img.jpg) no-repeat; background-position:bottom left; }
.title { font: bold 250% Arial, Helvetica, sans-serif; color: #8f1807; line-height:2em;}
.em-title { font: bold 165% Arial, Helvetica, sans-serif; color: #c9b826; line-height:2em; }
.es-title { font: bold 150% Arial, Helvetica, sans-serif; color: #c9b826; line-height:1.3em; }
.d-title { font: bold 125% Arial, Helvetica, sans-serif; color: #c6b859;  }
.lf-text { width:400px; height:auto; float:left; margin-top:30px; }
#ct {float:right; width:360px; }

#flash { width: 900px; height: 600px; margin-top:5px; position: relative;  }
#trailer { float:right; position:relative; bottom:80px; right:40px; width:480px; height:390px;  }

#flow-about01, #flow-about02, #flow-about03 { float:right; clear:right;   }
#flow-about01 { width:340px; height:170px; }
#flow-about02 { width:265px; height:180px; }
#flow-about03 { width:565px; height:240px;  }

#flow-contact01 { float:left; clear:right;   }
#flow-contact01 { width:320px; height:190px;  }



/* Contact form */


.cform { height:auto; width: 420px; margin:-20px -25px 20px 0; padding: 0; float:right; overflow:hidden; }
.cform fieldset { border:none !important; margin-top:20px; height:auto; }
.cform label { margin-left:35px; padding:5px 0 8px 0; text-align:left; font: bold 85% "Helvetica Neue", Helvetica, Arial, sans-serif;  color:#c6b859; display:block; }
.cform input, .cform select, .cform textarea { margin-left:35px; background:#382e12; border:1px solid #544317; color:#c6b859;font: 100% "Trebuchet MS", Verdana, Arial, sans-serif;  }
.cform input:hover, .cform textarea:hover, .cform select:hover	{  background:#382e12; color:#c6b859; } 
.submit-button { margin-top:15px; }
.cform input.inputSubmit:hover, .cform input.inputReset:hover {  background:#8f1807; border:1px solid #74170a; color:#000; }
.cform  input.inputSubmit, .cform  input.inputReset { cursor:pointer; color:#8f1807; font: bold 80% "Helvetica Neue", Helvetica, Arial, sans-serif; background:#c9b826; border:1px solid #481b00; margin-top:18px; padding:2px;  }


/* footer */

#footer { width: 900px; height: auto; margin: 0 auto; position: relative; }