html {overflow-y: scroll;}
body {font-family: verdana,Georgia,"Times New Roman",Times,serif; background: #1a1a1a; color: #FFF;}
body, h1, #nav, #nav li, h3, #thumbs, img#pre, img#next, #info-eng p, #info-french p, h4, .project_thumbs, .project_images {margin: 0; padding: 0;}

/*Links*/
a:link {color: #3291f1; text-decoration:none;}
a:visited {color: #3291f1;  text-decoration:none;}
a:active {color: #3291f1; text-decoration:none;}
a:hover {color: white; text-decoration:none;}

/*HEADER*/
#headerWrap {background: #1e1e1e url(../i/border.gif) repeat-x bottom left; padding-bottom: 25px;}
#header, #content {display: block; width: 597px; margin: 0 auto;}
#header {position: relative; padding-top: 30px;}
#nav, #filmstrip {margin-bottom: 12px;}
#nav img, #backtotop img, #sidebar  img, a:link{border: none;}
#logo {height: 17px;}
#logo img {margin: 0 0 0px 0; border: none;}
#thumbs {position: absolute; top: 0; left: 0;}
#nav li, #thumbs li , .project_thumbs li {list-style: none; display: inline;}
#filmstrip {height: 58px; position: relative; width: 597px; overflow: hidden;}
#thumbs img, .project_thumbs img {margin-right: 23px; height: 58px; width: 39px;}
#thumbs {width: 2000px;}
#thumbs .current, .project_thumbs .current {border: #fff solid 3px; height: 52px; width: 33px;}
img#pre, img#next {position: absolute; bottom: 20px;}
#pre {left: -45px;}
#next {right: -50px;}
#filmstrip img:hover, .project_thumbs img:hover, #thumbs img:hover, #pre, #next {cursor: pointer;}
#filmstrip img:hover, .project_thumbs img:hover, #thumbs img:hover {opacity: .5;}

/*CONTENT*/
#content {position: relative;}
.project_title {padding: 15px 0;}
.project_images {padding: 15px 0 0; list-style: none;}
.project_images  p {margin: 40px 0 0;}
#backtotop {margin: 80px 0 0;}
.project_title, .project_thumbs, #info-eng, #info-french {text-align: right;}
.project_thumbs img {margin: 0 0 0 23px;}
#info-eng, #info-french, .project_images  p {font-size: 11px; line-height: 2; color: #777;}
.project_images a {color: #3399FF;}
#backtotop {text-align: center;}

/*FOOTER*/
#footer {margin: 100px 0 20px; }
#footer, #footer a {font-size: 9px; color: #333; text-align: center; text-decoration: none;}
h4 {font-size: 10px; color: #dbdbdb;}
#featuredImg{margin: 20px 0 45px; width: 597px;}
#sidebar {width: 100px; float: left; }
#info-eng, #info-french {width: 450px; font-size: 10px; float: right;}
#info-eng p, #info-french p {margin-bottom: 3em;}
noscript {font-size: 14px; font-weight: bold; color: #39f;}
.display_none {display: none;}
.second {padding-top: 500px;}
.clear {clear: both;}
.op0 {opacity: 0;}
.op1 {opacity: .1;}
.op2 {opacity: .2;}
.op3 {opacity: .3;}
.op4 {opacity: .4;}
.op5 {opacity: .5;}
.op6 {opacity: .6;}
.op7 {opacity: .7;}
.op8 {opacity: .8;}
.op9 {opacity: .9;}
.op10 {opacity: 1;}