* {text-decoration: none;outline: none;padding: 0;margin: 0;}
code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext{white-space:normal;font-size:1em;font:inherit;}
dfn, i, cite, var, address, em {font-style: normal;}
th, b, strong, h1, h2, h3, h4, h5, h6 {font-weight: normal;}
a, img, a img, iframe, form, fieldset,abbr, acronym, object, applet, table {border: none;}
table {border-collapse:collapse;border-spacing:0;}
caption, th, td, center {vertical-align: top;text-align:left;}
body {background: white;}
q {quotes: "" "";}
ul, ol, dir, menu {list-style: none;}
sub, sup {vertical-align: baseline;}
a {color:inherit;margin:0;padding:0;}
hr {display: none;}
font {color: inherit !important;font: inherit !important;color: inherit !important;}
marquee {overflow: inherit !important;-moz-binding: none;}
blink {text-decoration: none;}
nobr {white-space: normal;}

/* Sprite */
h1, h2, nav a, .sprite, div.overlay a.close, iframe.overlay a.close{background-image:url(../img/bg_en_sprite.png);background-repeat:no-repeat;}
h1, h2, nav a{text-indent:-99999px;}

.alpha_orange{background:url(../img/bg_alpha_orange.png);}

body, form input, form textarea{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
body{margin:30px 0 0 0;font-size:12px;line-height:17px;color:#FFF;background:#000;text-align:justify;}

a{text-decoration:none;}

p {padding:0 0 10px 0;margin:0;}

ul{padding:0;margin:0 0 20px 30px;}
ul li{padding:0 0 0 10px;margin:0 0 0 20px;}

.breaker{border-bottom:1px solid #999999;margin:0 0 20px 0;padding:0;line-height:1px;height:1px;clear:both;}
.bold{font-weight:700;}

.hidden{display:none;}
.show{display:inline;}
.clear{clear:both;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.small{font-size:0.8em;line-height:1em;}
.big{line-height:1.5em;}
.highlight{}
.notes{clear:both;line-height:1em;}
.grey{color:#999999;}

.float_right {float:right;}
.float_left {float:left;}

.scroll {overflow:auto;}

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

p.warning, p.success{color:#FFFFFF;font-weight:700;}
p.warning{background:#FF0000;margin:0;}
p.success{background:#00FF00;margin:0;}


header{height:60px;background:#444444;display:block;padding:0;margin:0 0 10px 0;}

h1{width:340px;height:40px;margin:10px 0 0 30px;display:inline;float:left;cursor:pointer;}
h2{height:22px;margin:0 0 15px 0;}
h3{font-weight:700;margin:0 0 5px 0;}

#page_photos h3{font-size:1.2em;line-height:1.4em;}
#page_contact h3{font-size:1.6em;line-height:1.8em;}

nav#lang{display:inline;float:left;margin:10px 0 0 450px;}
nav#lang a{display:block;float:left;height:40px;width:40px;margin:0 0 0 10px}

nav#lang a#en{background-position:-340px 0;}
nav#lang a#en:hover{background-position:-380px 0;}
nav#lang a#en.on, nav#lang a#en.on:hover{background-position:-420px 0;}

nav#lang a#fr{background-position:-460px 0;}
nav#lang a#fr:hover{background-position:-500px 0;}
nav#lang a#fr.on, nav#lang a#fr.on:hover{background-position:-540px 0;}

nav#menu{padding:0 0 35px 30px;display:none;clear:both;}
nav#menu a{display:block;float:left;height:20px;margin:0 20px 0 0}

nav#menu a.home{width:54px;background-position:0 -40px;}
nav#menu a.home:hover{background-position:0 -80px;}
nav#menu a.home.active{background-position:0 -60px;}

nav#menu a.work{width:53px;background-position:-100px -40px}
nav#menu a.work:hover{background-position:-100px -80px;}
nav#menu a.work.active{background-position:-100px -60px;}

nav#menu a.films{width:65px;background-position:-200px -40px}
nav#menu a.films:hover{background-position:-200px -80px;}
nav#menu a.films.active{background-position:-200px -60px;}

nav#menu a.photos{width:79px;background-position:-300px -40px}
nav#menu a.photos:hover{background-position:-300px -80px;}
nav#menu a.photos.active{background-position:-300px -60px;}

nav#menu a.reviews{width:92px;background-position:-400px -40px}
nav#menu a.reviews:hover{background-position:-400px -80px;}
nav#menu a.reviews.active{background-position:-400px -60px;}

nav#menu a.contact{width:94px;background-position:-520px -40px}
nav#menu a.contact:hover{background-position:-520px -80px;}
nav#menu a.contact.active{background-position:-520px -60px;}

h2.work{background-position:-150px -176px;width:66px;}
h2.films{background-position:-300px -176px;width:79px;}
h2.photos{background-position:-450px -176px;width:96px;}
h2.reviews{background-position:-600px -176px;width:116px;}
h2.contact{background-position:-750px -176px;width:113px;}


div#wrapper{clear:both;width:800px;background:#333;padding:15px 15px 15px 0;display:inline;float:left;margin:0 0 10px 105px;}
section.page{width:785px;display:inline;float:left;height:415px;margin:0 0 0 15px;}
.js section.page{margin:0 785px 0 15px;overflow:hidden;}

div#wrapper{overflow:hidden;position:relative;height:415px;}
div#pages{position:absolute;width:99999px;}
nav#menu{display:block;}

nav#social{position:absolute;top:520px;left:760px;width:150px;height:40px;}
nav#social a{width:40px;height:40px;margin:0 0 0 10px;display:inline;float:right;}

nav#social a#fb{background-position:0 -100px}
nav#social a#fb:hover{background-position:-40px -100px;}

nav#social a#yt{background-position:-80px -100px;}
nav#social a#yt:hover{background-position:-120px -100px;}

nav#social a#tw{background-position:-160px -100px;}
nav#social a#tw:hover{background-position:-200px -100px;}

nav#social a#li{background-position:-240px -100px;}
nav#social a#li:hover{background-position:-280px -100px;}

nav#social a#vi{background-position:-320px -100px;}
nav#social a#vi:hover{background-position:-360px -100px;}

footer{display:inline;float:left;clear:both;width:815px;margin:0 0 10px 105px;font-size:0.8em;}

footer span.newsletter{display:inline;float:left;text-align:left;}
footer span.copyright{display:inline;float:right;text-align:right;}
footer span.copyright a{color:#666;}


section#twitter{display:inline;float:left;clear:both;width:815px;margin:0 0 3px 105px;font-size:0.9em;height:1.9em;border-bottom:1px solid #666}

section.l_panel{width:440px;display:inline;float:left;}
section.r_panel{width:290px;display:inline;float:right;}

section.r_panel article{margin:0 0 15px;display:block;clear:both;}
section.r_panel article img{display:inline;float:left;margin:0 10px 10px 0;}
hr.line{border:0;background:#666;height:1px;display:block;clear:both;padding:0;margin:0 0 15px 0;}

div.thumbnails{margin:0 0 10px 0;}
div.thumbnails a{margin:0;padding:0;}
div.thumbnails img{width:50px;height:50px;padding:2px; border:1px solid #CCC;margin:0 4px 4px 0;}

div.thumbnails img:hover{border-color:#999;}
div.thumbnails p{margin:0;padding:0;clear:both;display:block;}


.js div.box_scroller{overflow:hidden;position:relative;width:440px;margin-left:0;float:left;}

.js div.box_scroller div.items {width:20000em;position:absolute;clear:both;}
.js div.box_scroller div.items div{margin:0;padding:0;display:inline;float:left;cursor:pointer;width:440px;}
.js div.film_scroller div.items, .js div.film_scroller {height:125px;}
.js div.photo_scroller div.items, .js div.photo_scroller {height:335px;}

div.box_scroller nav{display:none;}
.js div.box_scroller nav{display:block;}

div.box_scroller a.next, a.prev{width:15px;position:absolute;bottom:0;height:36px;margin:0 5px 0 5px;cursor:pointer;}
div.box_scroller a.prev{left:0;background-position:-440px -140px;}
div.box_scroller a.next{right:0;background-position:-455px -140px;}
div.box_scroller a.prev:hover{background-position:-470px -140px;}
div.box_scroller a.next:hover{background-position:-485px -140px;}


div.box_scroller h4{width:380px;height:18px;position:absolute;bottom:0;background-position:0 -140px;position:absolute;bottom:0;float:left;padding:11px 0;color:#000;font-weight:700;margin:0;padding:11px 30px 7px 30px;}

img.awards{margin:20px 0 0 0;display:inline;float:right;}


/* Overlays */
div#exposeMask{cursor:pointer;}
div.overlay object{display:inline;float:left;z-index:999998;}

div.overlay a.close, iframe.overlay a.close {background-position:-500px -140px;position:absolute;right:-22px;top:-22px;cursor:pointer;height:18px;width:18px;z-index:999999;}

div.overlay a.close:hover, iframe.overlay a.close:hover{background-position:-500px -158px;}
div.overlay, iframe.overlay{border:5px solid #444;display:none;text-align:center;background:#000;}

iframe.overlay{width:480px;height:385px;}

div.overlay div.progress{display:none;}
div.loading div.progress{display:inline;}
div.loading div.title{display:none;}
div.loading div.progress img{margin:100px 0 0 ;}

div.overlay div.wrap img{margin:0;padding:0;display:inline;float:left;}
div.overlay div.title{position:absolute;bottom:0;width:100%;height:22px;padding:5px 0 0 0;font-weight:700}

div.overlay div.title a{color:#000;line-height:20px;}

div#gallery_overlay.loading{width:250px;height:250px;}


form {margin:0;padding:0;display:inline;}
form p.errors{margin:0 0 10px 0;width:300px;padding:5px;}
form textarea, form input{font-size:1em;line-height:1.2em;}
form .input_text {clear:both;dispay:block;width:300px;background:#FFFFFF;border:none;color:#000;padding:5px;margin:0 0 10px 0;}
form label{display:block;clear:left;font-weight:700;padding:0 0 5px 0;width:120px;}
form textarea {clear:both;height:70px;padding:2px;margin:0 0 0 20px;}
form .button {background:none;border:none;padding:0;margin:0 0 20px 0;font-size:1em;font-weight:700;cursor:pointer;display:block;clear:both;}
form input.input_error, form textarea.input_error {border-color:#FF0000;background:#FDBDBF;}

p.quote{padding:10px 30px 5px 30px;background:url(../img/bg_quote_open.png) no-repeat;font-style:italic;}
p.quote_close{padding:0 0 0 30px;margin:0 0 15px 0;background:url(../img/bg_quote_close.png) no-repeat top right;font-weight:700;}
p.quote_close img{display:inline;float:left;margin:0 10px 0 0;}

/* Blue */
h3, a:hover, form .button:hover, p.quote_close, .blue{color:#3ED8FF;}

/* Orange */
a, form .button, .orange {color:#FF9939;}