@import url("reset.css");

body { font-family:Arial; font-size:14px; color:#3f3f3f; background:#fff; margin:auto;}

#header { width:990px; height:auto; margin:auto; padding:40px 0 20px 0; border-bottom:solid 1px #3f3f3f;}
#content { width:990px; height:auto; margin:auto; padding:0 0 20px 0; border-bottom:solid 1px #3f3f3f;}
#footer  { clear:both; width:990px; height:80px; margin:auto; padding:20px 0 0 0; color:#1b93f9; font-size:10px;}
#footer a { color:#1b93f9; font-size:10px; text-decoration:none;  }
#footer a:hover { color:#3f3f3f; text-decoration:none; }

.logo { font-size:38px; color:#2c282b; float:left;}
.logo a span { color:#3f3f3f;}
.logo a { color:#000; text-decoration:none;}
.menu { float:right; margin-top:8px; word-spacing:3px; color:#1b93f9;}
.menu a { color:#1b93f9; font-size:12px; font-weight:bold; text-decoration:none; }
.menu a:hover { color:#3f3f3f; text-decoration:none; }


.box { width:200px; text-align:center; float:left; margin:50px 0 0 40px;}
.box .img img { cursor:pointer; }
.box .text {font-size:14px; font-weight:bold; padding:10px 0 0 0; height:50px;}
.box .text a { color:#1b93f9; text-decoration:none; display:none;}


.film_thumb {width:100px; margin-left:80px; opacity:0.7; -moz-opacity:0.7; filter: alpha(opacity=70);  float:left; }
.film_thumb_over {width:100px; margin-left:80px; opacity:1; -moz-opacity:1; filter: alpha(opacity=100); float:left; }
.film_thumb div {display:none; }
.film_thumb_over div {position:absolute; display:block; width:200px; margin-top:30px; }
.film_strip { margin-top:25px; padding-top:26px; background:url(../images/filmstrip.png) repeat-x; height:104px; background-position:top;  }




.left { float:left; padding-left:50px;}
.right { float:left; padding:0 0 0 30px; line-height:1.5em;}
a {color:#3f3f3f; }

.goback { font-weight:bold; padding:0 0 0 0; margin:0 0 0 0; }
.goback a { text-decoration:none;}
.goback a:hover { color:#1b93f9;}

.film_thumb_over p  { padding:3px 0 0 0; font-size:12px;}

.contact_fields { width:550px; margin-top:50px; float:left; /* border-right:solid 1px #666; */}
.contact_fields table td { padding:10px;}
.contact_fields table .td1 { width:25%; font-size:13px; text-align:right; font-weight:bold}
.contact_fields table .td2 { width:70%; text-align:left;}
.contact_fields table .td2 input { width:250px; height:20px; border:solid 1px #333;}
.contact_fields table .td2 textarea { width:350px; height:150px; border:solid 1px #333; overflow:auto}
.contact_fields table .td2 .reset { width:100px; height:30px; cursor:pointer; border-right:solid 1px #666;}
.contact_fields table .td2 .submit { width:100px; height:30px; cursor:pointer; border-right:solid 1px #666;}

.contact_details { float:left; margin:40px 0 0 30px; font-size:13px;}
.contact_details p { padding:10px 0 0 0;}
.contact_details p span { font-weight:bold}
.succes_field {	width:26px;	height:29px; margin:10px 10px 10px 0; visibility:hidden; color:#CC3300; font-weight:bold;}

#artwork ul li { padding:30px 0 0 35px; float:left; height:100px;}

.resume { font-family:Arial;}
.resume h1 { font-size:20px;}
.resume table tr td { padding:10px;}


.writings { padding-top:10px;}
.writings a { text-decoration:none;}
.writings a:hover { text-decoration:underline;}
.writings table tr td { padding:20px; vertical-align:middle; text-align:center}