@charset "UTF-8";
/* –––––––––––––––––––––––––––––––
	CSS by Xavier Lanau
	Last Edited: Aug 07, 2011
––––––––––––––––––––––––––––––– */
html,body,p,ol,ul,form,address,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
html,body{height:100%;font-size:100%;text-rendering:optimizeLegibility;}
body{background:#FFF;color:#333;font-family:Verdana,Helvetica,Arial,sans-serif;text-align:left;}
#wrapper{height:110%;width:950px;padding:0 0 0 50px;}
header{height:120px;width:950px;margin:0 0 100px 0;position:fixed;top:0;left:50px;z-index:2;display:block; background:url(/img/layout/gradient.png) repeat-x;}
header h1{float:left;line-height:1.4em;margin:0 20px 0 0;width:164px;height:20px;font-size:0.83em;font-family:Georgia,Times,serif; display:block;}
header hr{margin:0 0 14px 0;padding:0;height:20px;width:900px;border:0;float:left;background-color:#FFF;color:#FFF;!margin:0;}
header ul,#links{margin:0 20px 0 0;width:164px;float:left;font-size:0.625em;line-height:1.8em;list-style:none;}
header li em{text-decoration:line-through;font-style:normal;}
#content{width:900px;min-height:80%;padding:226px 0 0 0;}
#content a.section{padding:206px 0 0 0;display:block;clear:both;}
#content img{padding:0 0 20px 0;width:532px;float:left;/*display:none;*/}
footer{width:950px;clear:both;position:relative;display:block;}
footer small{float:left;font-size:100%;padding-bottom:30px;}
footer a{font-size:0.625em;float:left;}
#gallery{padding:226px 0 100px 0;width:100%;min-height:80%;display:block;float:left;}
#gallery li{float:left;list-style:none;width:164px;height:270px;margin:0 20px 20px 0;}
#gallery a{font-size:0.625em;}
#gallery img{width:164px;display:block;font-family:Georgia,serif;font-size:0.83em;}
#gallery em{font-style:normal;padding-top:8px;float:left;}
#gallery a:link em{text-decoration:none;}
#gallery a:visited em{text-decoration:line-through;}
#gallery a:hover em,#gallery a:focus em{text-decoration:underline;}
#gallery a:active em{text-decoration:underline;}
#gallery a:hover em:before,#gallery a:focus em:before{content:'# ';}
#language li{padding:0 .4em 0 0;display:inline;}
.text{float:right;height:205px;width:348px;clear:right;}
.text h2,.column h2{font-size:0.83em;line-height:1;margin:0 0 6px 0;width:202px;font-family:Georgia,Times,serif;}
.text p{width:280px;}
.text a{font-size:0.625em;margin:10px 0;display:inline;}
.text p a,.column a,.column p a{font-size:100%;display:inline;text-decoration:underline;}
.big{font-family:Georgia,Times,serif;font-size:0.83em;line-height:1.1;width:216px;float:left;margin:0 0 20px 0; padding:0 0 0 186px;}
.fn,span.email,.url,#share{display:none;}
.column{float:left;width:216px;height:600px;margin:0 10px 10px 0;}
.column ul{font-size:0.625em;line-height:1.4em;margin:14px 12px 14px 0;padding:0;list-style:none;}
.column p{padding:0;margin:0 0 6px 0;}
.margin_left{float:left;width:372px;padding-left:184px;}
#navi{list-style:none;margin:0;padding:0;clear:left;width:100px;display:block;}
#navi a{float:left;width:15px;height:15px;}
#navi a:link,#navi a:visited{background-position:0 -10px;}
#navi a:hover,#navi a:active, #navi a:focus{background-position:0 -36px;}
.prev a{background:url(/img/layout/arrow-left.gif) no-repeat;margin-right:10px;}
.next a{background:url(/img/layout/arrow-right.gif) no-repeat;}
.up{position:absolute;bottom:20px;left:554px;background:url(/img/layout/arrow-top.gif) no-repeat;width:15px;height:15px;}
a.up:link,a.up:visited{background-position:0 0;}
a.up:hover,a.up:active{background-position: -26px 0;}
#pdf{list-style:none;padding:0;margin:0 10px 0 0;float:left;}
#pdf a{height:19px;width:17px;background:url(/img/layout/pdf.jpg) no-repeat;margin:10px 0;}
#pdf a:link,#pdf a:visited{background-position:0 0;}
#pdf a:hover,#pdf a:active{background-position:-17px 0;}
#promsite{position:fixed;left:40px;bottom:30px;}
#html5{position:fixed;left:226px;bottom:35px;}
#preload{background:url(/img/layout/loader.gif)no-repeat;height:16px;width:16px;position:absolute;top:226px;left:50px;display:none;}
#share{position:absolute;bottom:18px;right:50px;}
#share a{overflow:hidden;}
#facebook{border:none;width:80px;height:21px;float:left;}
.addthis_button_compact{}
.addthis_button_google_plusone{margin:2px 6px;}
#form{float:left;width:215px;}
#form ol{list-style:none;}
#form li{line-height:10px;color:#999;}
#form label{margin:0;padding:4px 0 1px 0;float:left;font-size:0.625em;}
#form input,#form textarea{border:1px solid #ccc;padding:10px;width:193px;font-family:Georgia,Times,serif;font-size:0.625em;}
#form input#submit{font-family:Verdana,sans-serif;color:#000;margin:12px 0;cursor:pointer;height:25px;width:60px;float:left;padding:2px 0;text-align:center;border:1px solid #ccc;background:#fff;}
#form input#submit:hover{border:1px solid #000;color:#fff;background:#000;}
#form .field:hover{border:1px dotted #ff3;background-color:#fff;}
.error{background:#fbffc4;color:#333;}
.confirm{float:left;width:215px;height:215px;background:url(/img/thumbs/gracies.gif) no-repeat center;display:none;}
a:link,a:visited{text-decoration:none;color:#333;}
a:hover,a:active,a:focus,h1 a,h1 a:link,h1 a:visited{text-decoration:none;color:#000;}
a,a img{outline:none;border:0;}
img{font-size:0.625em;}
p,address{font-size:0.625em;line-height:1.5;width:206px;font-style:normal;}
h1,h2,h3,h4,h5,h6,small{font-weight:normal;color:#000;}
@media screen and (max-device-width: 480px){
body {font-size:180%;-webkit-text-size-adjust:none;}
#wrapper{width:900px;padding:0 50px;}
footer{height:140px;}
#gallery{width:920px;}
#gallery,#content{padding-top:270px;}
#content img{width:900px;}
#content .text:first-child{padding-bottom:60px;}
.text{float:left;width:100%;height:auto;padding-bottom:20px;}
.text h2{font-size:1.4em;width:auto;}
.text p{font-size:0.825em;width:80%;margin:0;}
.text.desc p{ font-size:0.625em;text-align:center;margin:0 auto;width:60%; }
.text.desc p:first-child:before { content:'↑ '; }
#facebook{left:70px;}
.addthis_button_compact{right:60px;}
.up{left:48%; display:none;}
#navi{float:right;width:auto;margin:-80px 60px 20px 0;}
#facebook,.addthis_button_compact,.up,#navi{-webkit-transform:scale(2.4);bottom:100px;}
}