@import "reset.css";
@import "jquery.fancybox-1.3.4.css";
@import "grid.css";
/* Getting the new tags to behave */
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video {
display:block;
}
mark,rp,rt,ruby,summary,time {
display:inline;
}
/*global*/
body {
position:absolute;
font:14px/20px Arial, sans-serif;
color:#a09b8c;
min-width: 980px;
min-height:760px;
width:100%;
height:100%;
overflow:hidden;
z-index:1;
background: #212121;
}
body p a {
text-decoration:none;
}
body p a:hover {
text-decoration:underline;
}
a {
text-decoration:none;
}
h1 {
position: relative;
display: inline-block;
margin: 16px 0 0 1px;
}
h1>a{
position:relative;
display:inline-block;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
width: 671px;
height: 87px;
background: url(../images/logo.png) 0 center no-repeat;
}
h2 {
font: 400 22px/1.2em 'Dosis', sans-serif;
color: #7d7969;
text-transform: uppercase;
padding: 9px 0 27px;
text-shadow: #ece5d4 5px 5px 5px;
}
h3 {
font: 14px/20px Arial, sans-serif;
color: #746d57;
padding-bottom: 20px;
}
p {
padding-bottom: 20px;
}
#glob {
position:absolute;
width:100%;
height:100%;
overflow:hidden;
z-index:2;
}
.spinner {
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:9999;
background:url( "../images/ajax-loader.gif") 50% 50% no-repeat #212121;
}
.spinner_bg {
background-position: right top;
}
#bgStretch {
z-index:1;
}
#bgStretch>img {
background: #212121; 
}
/*footer*/
footer{
position:absolute;
width:100%;
z-index:100;
bottom:0px;
height:244px;
}
.pagin{
position: relative;
display: inline-block;
float: right;
margin: 27px 10px 0 0;
}
.pagin>ul>li{
position: relative;
display: block;
width: 8px;
height: 8px;
margin-bottom: 2px;
}
.pagin>ul>li>a{
position: relative;
display: block;
width: 100%;
height: 100%;
background: url(../images/pagin_icon.png) center top no-repeat;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
overflow: hidden;
-webkit-transition: opacity 0.4s ease-out;
-moz-transition: opacity 0.4s ease-out;
-o-transition: opacity 0.4s ease-out;
-ms-transition: opacity 0.4s ease-out;    
transition: opacity 0.4s ease-out;
opacity: 0.25;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
}
.pagin>ul>li>a:hover, .pagin>ul>li.active>a{
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.soc_links{
position: relative;
margin: 18px 0 0 16px;
display: inline-block;
}
.soc_links>li{
position: relative;
display: inline-block;
width: 26px;
height: 26px;
}
.soc_links>li>a{
position: relative;
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.soc_links>li>a>img{
position: relative;
display: inline-block;
margin-top: -26px;
}
.soc_links>li>a>img:first-child+img{
position: absolute;
display: block;
top: 0;
left: 0;
margin-top: 0;
z-index: 100;
-webkit-transition: opacity 0.4s ease-out;
-moz-transition: opacity 0.4s ease-out;
-o-transition: opacity 0.4s ease-out;
-ms-transition: opacity 0.4s ease-out;    
transition: opacity 0.4s ease-out;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.soc_links>li>a:hover>img:first-child+img{
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
footer>div{
position: relative;
width: 100%;
}
footer>div:first-child{
height: 117px;
background: url(../images/footer_bg.png);
}
footer>div:first-child+div{
background: #212121;
height: 68px;
}
footer>div:first-child+div+div{
background: #000;
height: 59px;
}
footer p {
position: relative;
font: 12px/1.2em 'Trebuchet MS', sans-serif;
color: #444;
text-transform: uppercase;
display: inline-block;
margin: 24px 0 0;
float: right;
}
footer p a{
color: #444;
}
.bullet {
position: relative;
display: inline-block;
width: 4px;
height: 4px;
background: url(../images/bullet.png) center no-repeat;
margin: 5px;
}
/*end footer*/
/*menu*/
.menu {
position: relative;
display: inline-block;
}
#menu{
margin-left: -16px;
}
#menu>li:first-child {
display: none;
}
#menu>li:first-child+li {
background: none;
margin-left: -3px;
}
#menu>li {
display: inline-block;
position: relative;
background: url(../images/menu_divider.png) left 29px no-repeat;
padding: 0 20px;
text-align: center;
float: left;
}
#menu>li>a, #menu>li>a>span {
position: relative;
display: inline-block;
font: 14px/68px 'Dosis', sans-serif;
color: #fff;
text-transform: uppercase;
padding: 0 34px;
z-index: 1;
}
#menu>li>a>span{
padding: 0;
}
#menu>li>a>strong{
display: inline-block;
position:absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 0;
background: #fea800;
height: 0;
}
.submenu_1, .submenu_2 {
position:absolute;
z-index:9100;
width: 125px;
left: 20px;
top: -122px;
text-align: center;
background: url(../images/submenu_arrow.png) center bottom no-repeat;
}
.submenu_1 li:first-child {
padding-top: 19px;
}
.submenu_1 li.last{
padding-bottom: 18px;
margin-bottom: 8px;
}
.submenu_1 li {
position:relative;
display: inline-block;
width: 100%;
padding: 0px 0 0px;
background: #2e2e2e;
}
.submenu_1 a {
position:relative;
display: block;
font: 500 13px/1.2em 'Dosis', sans-serif;
text-transform: uppercase;
color:#fff;
-webkit-transition: color 0.4s ease-out;
-moz-transition: color 0.4s ease-out;
-o-transition: color 0.4s ease-out;
-ms-transition: color 0.4s ease-out;    
transition: color 0.4s ease-out;
}
.submenu_1 li>span{
position:relative;
display: inline-block;
width: 65px;
height: 1px;
background: url(../images/submenu_divider.png) center bottom no-repeat;
margin-top: 10px;
}
.submenu_1 li>a:hover,.submenu_1 li.sfHover>a{
color: #ffb859 !important;
}
.submenu_2 {
left: 125px;
top: -35px;
background: none;
width: 97px;
}
.submenu_2 li{
background: #1b1b1b;
}
.submenu_2 li.last{
padding-bottom: 26px;
}
.submenu_2 li a{
text-align: left;
padding-left: 23px;
}
.submenu_1, .submenu_2{
display: none;
}
/*end menu*/
/*pages*/
#content {
position:relative;
width:100%;
height: 415px;
margin: -72px auto;
z-index: 50;
}
#content>ul {
position: relative;
width:100%;
height: 100%;
overflow: hidden;
box-shadow: 0 0 13px rgba(94,94,94,0.19);
-moz-box-shadow: 0 0 13px rgba(94,94,94,0.19);
-webkit-box-shadow: 0 0 13px rgba(94,94,94,0.19);
background: url(../images/content_bg.jpg);
}
#content>ul>li:first-child{
display: none;
background: none;
height: 0;
}
#content>ul>li {
position:absolute;
width:100%;
height: 415px;
overflow: hidden;
}
.readMore {
position: relative;
display: inline-block;
font: 600 14px/1.2em 'Dosis', sans-serif;
color: #fff;
padding: 9px 20px;
background: #ffb859;
text-transform: uppercase;
text-shadow: #fbb557 5px 5px 5px;
-webkit-transition: text-shadow 0.3s ease-out;
-moz-transition: text-shadow 0.3s ease-out;
-o-transition: text-shadow 0.3s ease-out;
-ms-transition: text-shadow 0.3s ease-out;    
transition: text-shadow 0.3s ease-out;
}
.readMore:hover {
text-decoration: none;  
text-shadow: #fff 5px 5px 5px;
}
.list1{
margin: -1px 0 11px;
}
.list1>li{
background: url(../images/list_icon.jpg) 1px 1px no-repeat;
margin-bottom: 6px;
}
.list1>li>a{
position: relative;
display: inline-block;
font: 11px/1.2em Arial, sans-serif;
color: #88816c;
text-transform: uppercase;
margin-left: 24px;
}
.list1>li>a>span{
position: absolute;
display: block;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #88816c;
width: 0;
}
.list2>li{
margin-bottom: 26px;
}
.list2>li>img{
float: left;
margin-right: 6px;
}
.list2>li>div{
overflow: hidden;
}
.list2>li>div>p{
padding-bottom: 0px;
}
.list2>li>div>p:first-child{
color: #746d57;
}
.list3>li{
position: relative;
display: inline-block;
width: 105px;
height: 102px;
margin: 0 6px 11px 0;
}
.list3>li.right{
margin-right: 0;
}
.list3>li>a{
position: relative;
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.list4>li{
position: relative;
display: inline-block;
width: 220px;
margin: 0 16px 16px 0;
}
.list4>li.right{
margin-right: 0;
}
.list4>li.bottom{
margin-bottom: 0;
}
.list4>li>a{
position: relative;
display: block;
width: 220px;
height: 140px;
overflow: hidden;
margin-bottom: 17px;
}
.list4>li>:first-child+p{
color: #746d57;
}
.list4>li>:first-child+p>a{
color: inherit;
}
.list4>li>:first-child+p>a:hover{
text-decoration: underline;
}
.list4>li>p{
padding-bottom: 0;
}
.list5{
margin-top: -5px;
}
.list5>li{
position: relative;
display: inline-block;
width: 300px;
margin: 0 16px 16px 0;
}
.list5>li.right{
margin-right: 0;
}
.list5>li.bottom{
margin-bottom: 0;
}
.list5>li.bottom>div:first-child+div>p:first-child+p+p{
padding-bottom: 7px;
}
.list5>li>div:first-child{
width: 56px;
height: 69px;
background: url(../images/date_bg.png);
border: 1px solid #fdfcf9;
box-shadow: 0 1px 2px #d0cabc;
-moz-box-shadow: 0 1px 2px #d0cabc;
-webkit-box-shadow: 0 1px 2px #d0cabc;
float: left;
margin: 4px 14px 0 0;
}
.list5>li>div:first-child+div{
overflow: hidden;
}
.list5>li>div:first-child>p{
font: 400 32px/1.2em 'Dosis', sans-serif;
text-transform: uppercase;
color: #7d7969;
text-align: center;
padding-bottom: 0;
text-shadow: #f3efe6 5px 5px 5px;
}
.list5>li>div:first-child>p>span{
position: relative;
display: block;
width: 54px;
height: 25px;
font: 16px/25px 'Dosis', sans-serif;
text-transform: uppercase;
color: #f7f4ed;
background: #fbb52b;
margin: 1px;
text-shadow: #f9b32b 5px 5px 5px;
}
.list5>li>div:first-child+div>p:first-child{
color: #746d57;
}
.list5>li>div:first-child+div>p:first-child+p+p{
float: right;
padding-top: 4px;
}
.vline1{
background: url(../images/vline.png) 30px 0px no-repeat;  
}
.vline2{
background: url(../images/vline.png) 30px 325px repeat-y;  
}
/*scroll*/
.scroll{
float:left;
}
.outside .scroll{
width: 100%;
height: 220px;
margin-bottom: 43px;
}
.outside2 .scroll{
width: 100%;
height: 260px;
}
.scroll-btns, .outside2 .scroll-btns{
position: absolute;
bottom: 15px;
right: -16px;
z-index: 200;
width: 50px;
height: 13px;
display: inline-block;
float: right;
}
.outside2 .scroll-btns {
bottom: -23px;
right: 0px;
}
.btndown, .btnup{
display: inline-block;
position: relative;
width: 15px;
height: 13px;
}
.btndown, .btndown>span, .btnup, .btnup>span{
position: relative;
display: inline-block;
width: 15px;
height: 13px;
overflow: hidden;
}
.btndown>span, .btnup>span{
-webkit-transition: opacity 0.4s ease-out;
-moz-transition: opacity 0.4s ease-out;
-o-transition: opacity 0.4s ease-out;
-ms-transition: opacity 0.4s ease-out;    
transition: opacity 0.4s ease-out;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.btndown, .btndown>span{
background: url(../images/arrow_down.png) center bottom no-repeat;
margin-right: 1px;
}
.btndown>span{
background-position: center top;
}
.btnup, .btnup>span{
background: url(../images/arrow_up.png) center top no-repeat;
}
.btnup>span{
background-position: center bottom;
}
.btndown:hover>span, .btnup:hover>span {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*end scroll*/
.sitem_over {
position:absolute;
background:url( '../images/pic_bg_over.png');
z-index:2;
width:100%;
height:100%;
display:none;
overflow: hidden;
}
.sitem_over>strong {
position:relative;
background:url( '../images/icon_zoom.png') center no-repeat;
width: 100%;
height: 100%;
display: block;
}
/*PADDINGS*/
.padding1 {
padding-top: 44px;
}
.padding2 {
padding-bottom: 27px;
}
.padding3 {
padding-bottom: 22px;
}
.margin1{
margin: -1px 0 21px;
}
.margin2{
margin-right: 6px;
}
.color1{
color: #524c39;
}
.color2{
color: #746d57;
}
.color3{
color: #ffb859;
}
.fontStyle1{
font: 700 15px/1.2em Arial, sans-serif;
color: #a09b8c;
text-transform: uppercase;
padding-bottom: 7px;
}
.width1{
display: inline-block;
width: 77px;
}
.width2{
display: inline-block;
width: 64px;
}
/*additional classes*/
.wrapper {
width:100%;
overflow:hidden;
}
a.und,.und a {
text-decoration:underline;
}
a.und:hover,.und a:hover {
text-decoration:none;
}
.nopad {
padding:0;
}
.clear {
clear:both;
line-height:0;
}
/*google map*/
.google_map{
position:  relative;
overflow: hidden;
border-radius: 0px;
width: 100%;
height: 240px;
border: none;
box-shadow: none;
background-color: #212121;
background-image: url(../images/ajax-loader.gif);
background-repeat: no-repeat;  
background-position: 50%;
}
/*end google map*/
/* Forms*/
#form1 {
position: relative;
margin-top: -3px;
height: 277px;
}
#form1 input,
#form1 textarea {
position: relative;
border: 1px solid #d0cabc;
color:#a09b8c;
padding: 9px 9px;
width: 244px;
outline:none;
box-shadow:none;
background: url(../images/form_bg.png);
}
#form1 textarea {
width: 519px;
height: 109px;
overflow:auto;
resize: none;
}
#form1 label {
display:inline-block;
min-height: 50px;
position: relative;
width: 265px;
}
#form1 .success{
position: absolute;
top: 2px;
left: 0;
padding-bottom: 3px;
color: #a09b8c;
border: 1px solid #d0cabc;
color:#a09b8c;
padding: 7px 9px;
width: 519px;
background: #f0e9dc;
z-index: 100;
}
#form1 .error, #form1 .empty {
text-align: left;
display:none;
font-size:10px;
color: #746d57;
margin-left: 3px;
top: -3px;
position: relative;
}
fieldset{
height: 210px;
}
.btns{
padding: 31px 0 0;
position: relative;
float: right;
}
.btns a{
display:inline-block;
margin-left: 9px;
}
/* Form defaults */
input, select, textarea {
font: normal 14px/16px Arial, sans-serif;
vertical-align:middle;
}
/*end forms*/