@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 {background:#fefefe url(img/bg2.jpg); color:#555; font: normal 15px/1.4 "obliqua-1","obliqua-2", Arial, sans-serif; }
input[type="submit"], #contact p, p em {}
h1 {font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2", Georgia, serif;font-weight:normal; font-size:20px; letter-spacing:2px;text-transform:uppercase; text-align:center; padding-top:180px;}
article p, label, textarea, input[type="text"] {}
h1. #contact h3 {}

hgroup {
	background:transparent url(img/logo.png) 50% top no-repeat;
	margin-bottom:114px;}


h2 {font-style:italic; font-size:14px; color:#999; text-align:center;}
#contact-form h2 {display:none;}
h3 {font-size:14px;}
.description h3, #contact h3 {text-align:left; margin:40px 0 10px 230px;font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2", Georgia, serif;}
#contact h3 {margin:10px 0 5px 230px;}
.tel {margin:40px 0 10px 0;}

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



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

ul {position:relative; height:540px;}
li {position:absolute; top:0; width:200px; padding:6px 6px 0px; float:left; margin: 0 18px 0 0; background:rgba(0,0,0,.1); -webkit-transition:all .5s ease;}
li:hover {width:430px; margin:-100px 0 0 -115px; padding:6px 6px 34px; borders:1px solid rgba(255,255,255,.15); background:#333;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:nth-of-type(4) {left:-6px; top:164px;}
li:nth-of-type(5) {left:224px; top:164px;}
li:nth-of-type(6) {left:454px; top:164px;}
li:nth-of-type(7) {left:224px; top:328px;}
li:nth-of-type(8) {left:454px; top:328px;}


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;-webkit-font-smoothing:antialiased;}
.no-boxshadow li h3 a {display:block; text-indent:-99999px;}
.no-boxshadow li:hover h3 a {text-indent:0;}

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

p a {color:#2489be;}
.description p:first-child {}
#contact p.success {color:#333; margin-top:30px;}

#contact {position:relative; margin-top:5px; padding-bottom:80px;}
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(0,0,0,.05); color:#333; 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="text"]:focus, textarea:focus {background:#fff;}

input[type="submit"] {width:200px; height:30px; margin:6px 0 0 230px; border:none; line-height:28px; font-size:12px; font-weight:bold; text-transform:uppercase; letter-spacing:.2em; background:#2489be; color:#fff;}
input[type="submit"]:hover {background:#1272a4; -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;}