@charset "utf-8";
/* CSS Document */


/* Meyer reset don't touch ----------------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
:focus{outline:0}
body{line-height:1;color:#000;background:#FFF}
ol,ul{list-style:none}
table{border-collapse:separate;border-spacing:0}
caption,th,td{text-align:left;font-weight:400}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:"" ""}

/* Typography ----------------------------------------------------------------------------------------------------*/

h1{color:#0052a5; font-size:20px; margin:0 0 25px 0; }
h2{color:#0e99d7; font-size:15px; font-weight:bold; margin:0 0 15px 0;}
h3{font-size:14px; font-weight:bold; margin:0 0 5px 0;}
h4{}
h5{font-size:13px;}
p{font-size:13px; margin:0 0 5px 0;}
a{}
a:hover{}
address{font-size:12px; line-height:16px;}
.left{float:left; margin:0 10px 0 0;}
.right{float:right; margin:0 0 0 10px;}

/* Structure -----------------------------------------------------------------------------------------------------*/

body{background:#e6e6e6; font-family:Helvetica, Arial, Sans-serif; color:#666;}
#wrapper{text-align:center; background:#e6e6e6 url(../images/top_bg_01.jpg) repeat-x;}
#inner_wrapper{margin:0px auto; width:978px;}
#inner{min-height:500px; margin:0px auto; width:758px; background:#e6e6e6 url(../images/film_bg_02.jpg) top center no-repeat; padding:0 100px 0 120px;}
#header{float:left; margin:48px 0 0 0; width:758px;}

/* Header --------------------------------------------------------------------------------------------------------*/

#logo{float:left;}
#info{float:right; color:#fff; font-size:11px; clear:right; margin:15px 0 0 0;}
#info a{color:#fff; text-decoration:none;}
#info a:hover{color:#ccc;}
#menu{margin:50px 0 0 0;color:#0052a5; float:right; font-size:13px;clear:right;}
#menu ul li{display:inline;}
#menu ul li a{color:#fff; text-decoration:none;}
#menu ul li a:hover, #menu ul li a.sel {color:#ccc;}

/* Main Content --------------------------------------------------------------------------------------------------*/

#main_content{min-height:200px;float:left; margin:85px 0 50px 10px; text-align:left; width:590px;}
#main_content p{line-height:19px; color:#666;}
.bio{margin:0 0 20px 0;}
.film{width:550px; float:left; margin:0 0 15px 0;}

/* Footer --------------------------------------------------------------------------------------------------------*/
#footer{width:950px;float:left; text-align:left; background:url(../images/footer_bg.jpg) center center repeat-x;  margin-left:15px; font-weight:bold;}
#footer p{margin:0 0 0 110px; width:auto; font-size:12px;}
span.dark{color:#0052a5; background:#e6e6e6; padding:0 0 0 15px;}
span.light{color:#0e99d7; background:#e6e6e6; padding:0 15px 0 0;}

.clearBoth{width:100%; clear:both;}


/* Contact Form----------------------------------------------------------------------------------------------------*/

.column_1{width:250px; margin:0 20px 0 0; float:left;}
.column_2{width:250px; float:left;}
#contact-area td{vertical-align:top; font-size:12px; font-weight:bold;}
#contact-area{float:left;}
.contactForm input.button{cursor:pointer; background:#666; margin:5px 0 0 60px; padding:3px 8px; color:#fff; border:0px;}
.contactForm a{color:#333;}