@charset 'utf-8';
@import url(reset.css);
/*@import url(fonts/Charis-SIL/stylesheet.css);*/
@import url(fancybox.css);

/* ----------------------------------------------------- Comment */

.js div {} /* apply only on JavaScript enabled browsers */
.ie7 div {} /* apply only on Internet Explorer 7 and below */
.ie6 div {} /* apply only on Internet Explorer 6 and below */

html {overflow-y:scroll;}

body, input[type="submit"], #contact p, p em {font-family: Georgia, serif;}
body {background:rgb(76,76,76) url(img/bg1.png) 50% top repeat-x; font-size:14px; line-height:1.5; text-align:center; color:#d8d7cd;-webkit-font-smoothing:antialiased;}
h1, h3 {font: bold 23px/1.2 Helvetica, Arial, sans-serif; text-transform:uppercase;}
article p, label, textarea, input[type="text"] {font-family: Helvetica, Arial, sans-serif;}
h1. #contact h3 {color:#faf9f0;}
h2 {font-style:italic; font-size:12px; color:#99988e; margin-bottom:60px;}
#contact-form h2 {display:none;}
h3 {font-size:14px;}
.description h3, #contact h3 {text-align:left; margin:40px 0 10px 230px;}
#contact h3 {margin:10px 0 5px 230px;}

article {position:relative; width:660px; margin:148px auto 0;padding-bottoms:140px;}
article p {font-style:normal;}
hgroup {}



sup {vertical-align:super; font-size:9px}

ul {position:relative; height:180px;}
li {position:absolute; top:0; width:200px; padding:6px 6px 0px; float:left; margin: 0 18px 0 0; background:rgba(0,0,0,.2); -webkit-transition:all .5s ease;}
li:hover {width:430px; margin:-60px 0 0 -115px; padding:6px 6px 34px; borders:1px solid rgba(255,255,255,.15); background:rgba(51,51,51,.95); z-index:10;}
li:nth-of-type(1) {left:-6px;}
li:nth-of-type(2) {left:224px;}
li:nth-of-type(3) {left:454px;}

li img {position:relative; width:200px; height:133px;-webkit-transition-property: width, height; -webkit-transition-duration: .5s, .5s;-webkit-transition-timing-function: ease, ease; -webkit-transition-delay: 0, 0;}
li:hover img {width:430px; height:307px;}
li h3 {position:absolute; bottom:6px; left:71px; width:0px; height:0px; opacity:0; text-align:center; line-height:30px;color:#fff;}
li:hover h3 {width:300px; height:30px; opacity:1;-webkit-transition:opacity .3s ease-in-out; -webkit-transition-delay:.4s; z-index:11}
li h3 a {color:#fff;}

p {text-align:left;margin-left:230px;}
em, #contact p {font-style:italic; color:#99988e;}
li p {margin:0;}

p a {color:#dd674b;}
#contact p.success {color:#faf9f0; margin-top:30px;}

#contact {position:relative; margin-top:5px;}
label {float:left; width:200px; height:30px; line-height:40px; text-align:right; font-size:12px;}

input[type="text"], 
textarea {width:420px; height:70px; margin:6px 0 0 30px; padding:5px; border:none; background:rgba(255,255,255,.15); color:#c1c0b6; font-size:13px;}
input[type="text"] {height:20px;-moz-border-radius-topleft: 4px;-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;}
textarea {-webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}

input[type="submit"] {width:200px; height:30px; margin-top:6px; border:none; line-height:28px; font-size:12px; font-weight:bold; text-transform:uppercase; letter-spacing:.2em; background:#b54c3e; color:#d8d7cd;}
input[type="submit"]:hover {background:#963d31; -webkit-transition:all .3s;}

li, input[type="submit"] {-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}

.portrait {float:left; width:auto; margin:40px 20px 0 230px; padding:3px; background:rgba(51,51,51,.4);-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}