@import url('reset.css');.container{position:relative;}
.clr{clear:both;}
h1 span{display:block;font-size:14px;font-family:Georgia, serif;font-style:italic;color:#b2891b;padding-top:10px;}
.header{font-family:'Arial Narrow', Arial, sans-serif;line-height:24px;font-size:11px;background:#000;opacity:0.9;text-transform:uppercase;z-index:9999;position:relative;-moz-box-shadow:1px 0px 2px #000;-webkit-box-shadow:1px 0px 2px #000;box-shadow:1px 0px 2px #000;}
.header a{padding:0px 10px;letter-spacing:1px;color:#ddd;display:block;float:left;}
.header a:hover{color:#fff;}
.header span.right{float:right;}
.header span.right a{float:none;display:inline;}
.more{position:relative;clear:both;font-family:'Arial Narrow', Arial, sans-serif;text-transform:uppercase;font-size:11px;padding:5px 0px 10px;width:540px;margin:0 auto;}
.more ul{display:block;text-align:center;height:30px;}
.more ul li{display:block;padding:4px 2px;float:left;}
.more ul li.selected a,
.more ul li.selected a:hover{background:#b2891b;color:#fff;text-shadow:none;}
.more ul li a{color:#555;float:left;background:#fff;width:40px;padding:2px 5px;-moz-box-shadow:1px 1px 2px #aaa;-webkit-box-shadow:1px 1px 2px #aaa;box-shadow:1px 1px 2px #aaa;}
.more ul li a:hover{background:#000;color:#fff;}
.view{width:225px;height:150px;float:left;border:5px solid #fff;overflow:hidden;text-align:center;cursor:default;background-color:#ffb7b7;margin-bottom:25px;margin-left:25px;margin-right:25px;position:relative;}
.view .mask,.view .content{width:225px;height:150px;position:absolute;overflow:hidden;top:0;left:0;}
.view img{display:block;position:relative;}
.view h2{text-transform:uppercase;color:#fff;text-align:center;position:relative;font-size:14px;background:rgba(0, 0, 0, 0.8);margin-top:20px;margin-right:0;margin-bottom:0;margin-left:0;padding-top:10px;padding-right:5px;padding-bottom:10px;padding-left:5px;}
.view p{font-family:Georgia, serif;font-style:italic;font-size:12px;position:relative;color:#fff;text-align:center;}
.view a.info{display:inline-block;text-decoration:none;padding:2px 14px;background:#000;color:#fff;text-transform:uppercase;-webkit-box-shadow:0 0 1px #000;-moz-box-shadow:0 0 1px #000;box-shadow:0 0 1px #000;font-size:13px;}
.view a.info:hover{-webkit-box-shadow:0 0 5px #000;-moz-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000;}
.view-tenth img{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);-webkit-transition:all 0.7s ease-in-out;-moz-transition:all 0.7s ease-in-out;-o-transition:all 0.7s ease-in-out;-ms-transition:all 0.7s ease-in-out;transition:all 0.7s ease-in-out;}
.view-tenth .mask{background-color:rgba(255, 231, 179, 0.3);-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear;-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;}
.view-tenth h2{border-bottom:1px solid rgba(0, 0, 0, 0.3);background:transparent;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);color:#333;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear;-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;margin-top:5px;margin-right:15px;margin-bottom:0px;margin-left:15px;}
.view-tenth p{color:#333;-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear;line-height:24px;}
.view-tenth a.info{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear;}
.view-tenth:hover img{-webkit-transform:scale(10);-moz-transform:scale(10);-o-transform:scale(10);-ms-transform:scale(10);transform:scale(10);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;}
.view-tenth:hover .mask{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;}
.social li.facebook{background:#395797;border:1px solid #fff;font-size:13px;color:#FFF;text-decoration:none;}
.social li.facebook:hover{background:#395797;text-decoration:none;}
.social li.gplus{background:#db4a39;border:1px solid #fff;font-size:13px;color:#FFF;text-decoration:none;}
.social li.gplus:hover{background:#db4a39;text-decoration:none;}
.me{width:400px;margin:90px auto;}
.me p,
.me h1{text-transform:uppercase;letter-spacing:3px;text-align:center;}
.me p{font-weight:200;}
.me span{font-weight:bold;}
.social{position:fixed;top:300px;left:0px;z-index:999999;width:0px;}
.social ul{padding:0px;-webkit-transform:translate(-320px, 0);-moz-transform:translate(-320px, 0);-ms-transform:translate(-320px, 0);-o-transform:translate(-320px, 0);transform:translate(-320px, 0);}
.social ul li{display:block;margin:5px;width:340px;text-align:right;padding:5px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;}
.social ul li:hover{-webkit-transform:translate(150px, 0);-moz-transform:translate(150px, 0);-ms-transform:translate(150px, 0);-o-transform:translate(150px, 0);transform:translate(150px, 0);background-color:#FFF;background-position:255;text-decoration:none;}
.social ul li:hover a{color:#FFF;font-size:14px;}
.social ul li:hover i{color:#fff;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;}
.social ul li i{margin-left:20px;color:#000;-webkit-border-radius:5px;-moz-border-radius:5px;font-size:20px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}