﻿@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
/*	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		6;
	dw-num-cols-tablet:		12;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25; */
html, body {
    width: 100%;
    height: 100%;
}

body {
    min-width: 700px;
}

img, object, embed, video {
    max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
    width: 100%;
}

.float_l {
    float: left;
}

.float_r {
    float: right;
}

.cleaner {
    width: 100%;
    height: 0;
    clear: both;
}

.cleaner_h10 {
    width: 100%;
    height: 10px;
    clear: both
}

.cleaner_h20 {
    width: 100%;
    height: 20px;
    clear: both
}

.cleaner_h30 {
    width: 100%;
    height: 30px;
    clear: both
}

.cleaner_h40 {
    width: 100%;
    height: 40px;
    clear: both
}

.cleaner_h50 {
    width: 100%;
    height: 50px;
    clear: both
}

.cleaner_h60 {
    width: 100%;
    height: 60px;
    clear: both
}

div.fiContainer {
    overflow: hidden;
}

img.flyingImage {
    position: relative;
}

img#flyingImage1 {
    right: 0px;
}

img#flyingImage2 {
    left: 0px;
}

img#flyingImage3 {
    right: 0px;
}

img#flyingImage4 {
    left: 0px;
}

img#flyingImage5 {
    left: 0px;
}

img#flyingImage6 {
    right: 0px;
}

/*TYPOGRAPHY*/
h1 {
    font-size: 46px;
    font-family: 'Parisienne', cursive;
    padding: 0;
    margin: 0;
    color: #443636;
}

h2 {
    font-size: 32px;
    font-family: 'Parisienne', cursive;
    padding: 0;
    margin: 0;
    color: #8e7979;
}

p {
    font-size: 14px;
    color: #705f55;
}

.gridContainer {
    width: 88.5%;
    max-width: 1232px;
    padding-left: 0.75%;
    padding-right: 0.75%;
    margin: auto;
}

.gridContainer.top {
    position: relative
}

.top_section {
    width: 100%;
    height: auto;
    border-bottom: 8px solid #aa9c79;
    position: relative;
}

.top_section img.banner {
    width: 100%;
    height: auto;
}

.wrapper {
    width: 100%;
    height: 250px;
    position: absolute;
    top: 0;
    background: url(../image/menu_bg.png) repeat-x 0 130px;
    z-index: 100000;
}

a.logo {
    width: 330px;
    height: 229px;
    display: block;
    padding: 15px;
    z-index: 9999;
    position: absolute;
    left: -47px;
}

.menu_content {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: right;
}

p.lang_select {
    height: 40px;
    line-height: 40px;
    display: block;
    margin: 0;
    padding: 0;
    color: #ab9c79;
    font-size: 13px;
}

p.lang_select a {
    color: #ab9c79;
    text-decoration: none;
}

p.lang_select a:hover {
    color: #FFFFFF;
}

p.lang_select a.selected {
    font-weight: bold;
    text-decoration: none;
}

p.lang_select a.selected:hover {
    color: #ab9c79;
}

p.lang_select_2 {
    height: 40px;
    line-height: 40px;
    display: block;
    margin: 0;
    padding: 0;
    color: #FFFFFF;
    font-size: 13px;
}

p.lang_select_2 a {
    color: #FFFFFF;
    text-decoration: none;
}

p.lang_select_2 a:hover {
    color: #715f56;
}

p.lang_select_2 a.selected {
    font-weight: bold;
    text-decoration: none;
}

p.lang_select_2 a.selected:hover {
    color: #FFFFFF;
}

.menu_content ul.main_nav {
    height: 64px;
    float: right;
    list-style: none;
    margin: 90px 0 0 0;
    padding: 0;
    text-align: left;
    background-color: #aa9c79;
}

.menu_content ul.main_nav li {
    height: 64px;
    display: block;
    float: left;
    list-style: none;
    margin: 0;
    position: relative;
}

.menu_content ul.main_nav li a {
    width: auto;
    height: 64px;
    line-height: 64px;
    display: block;
    padding: 0 10px;
    margin: 0;
    font-size: 19px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 200 !important;
}

.menu_content ul.main_nav li.active a,
.menu_content ul.main_nav li a:hover,
.menu_content ul.main_nav li:hover {
    color: #ffffff;
    background-color: #d2c5a9;
}

.menu_content ul.main_nav li ul.dropdown li:hover {
    background: none;
}

.menu_content ul.main_nav li ul.dropdown {
    position: absolute;
    width: 200px;
    height: 64px;
    left: -240px;
    opacity: 0;
    -moz-transition: all 0.3s ease-in; /* Firefox */
    -webkit-transition: all 0.3s ease-in; /* WebKit */
    -o-transition: all 0.3s ease-in; /* Opera */
    transition: all 0.3s ease-in; /* Standard */
}

.menu_content ul.main_nav li:hover > ul.dropdown {
    display: block;
    height: 64px;
    opacity: 1;
    -moz-transition: all 0.6s ease-in; /* Firefox */
    -webkit-transition: all 0.6s ease-in; /* WebKit */
    -o-transition: all 0.6s ease-in; /* Opera */
    transition: all 0.6s ease-in; /* Standard */
}

.menu_content ul.main_nav li ul.dropdown li:hover > .menu_content ul.main_nav li a {
    background-color: #d2c5a9;
}

.menu_content ul.main_nav li ul.dropdown {
    width: 400px;
    height: 64px;
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.menu_content ul.main_nav li ul.dropdown li {
    height: 64px;
    display: block;
    float: left;
    list-style: none;
    margin: 0;
}

.menu_content ul.main_nav li ul.dropdown li a {
    padding: 0 15px;
    background-color: #f6ebd5;
    margin: 2px 0 0 2px;
    color: #928566;
}

.menu_content ul.main_nav li ul.dropdown li a.selected,
.menu_content ul.main_nav li ul.dropdown li a:hover {
    color: #928566;
    height: 56px;
    background-color: #FFF;
    border-bottom: 8px solid #f6ebd5;
}

.menu_content ul li ul.dropdown li a:hover > .menu_content ul li a {
    background-color: #000
}

.mid_section {
    background: url(../image/main_background.jpg) no-repeat fixed;
    background-size: cover;
    padding: 40px 0;
}

.white_bg {
    width: 100%;
    height: auto;
    background-color: #FFF;
    border: 1px solid #dfd5c8;
}

.footer_section {
    background-color: #705f56;
    text-align: center;
    padding: 20px 0;
    border-top: 8px solid #aa9c79;
    margin-bottom: 20px;
}

span.copyright {
    color: #443636;
}

span.copyright a {
    text-decoration: none;
    color: #443636;
    font-weight: bold;
}

span.copyright a:hover {
    text-decoration: none;
    color: #aa9c79;
}

/* Layout DIVs */
.LayoutDiv1, .LayoutDiv2, .LayoutDiv3, .LayoutDiv4, .LayoutDiv5, .LayoutDiv6, .LayoutDiv7, .LayoutDiv8, .LayoutDiv9, .LayoutDiv10, .LayoutDiv11, .LayoutDiv12, .LayoutDiv13, .LayoutDiv14, .LayoutDiv15, .LayoutDiv16, .LayoutDiv17, .LayoutDiv18, .LayoutDiv19, .LayoutDiv20, .LayoutDiv21, .LayoutDiv22 {
    clear: both;
    float: left;
    display: block;
}

.LayoutDiv1 {
    margin-left: 0;
    width: 100%;
}

.LayoutDiv2 {
    margin-left: 0;
    width: 49.1525%;
}

.LayoutDiv3 {
    clear: none;
    margin-left: 1.6949%;
    width: 49.1525%;
}

.LayoutDiv4 {
    margin-left: 0;
    width: 32.2033%;
}

.LayoutDiv5 {
    clear: none;
    margin-left: 1.6949%;
    width: 32.2033%;
}

.LayoutDiv6 {
    clear: none;
    margin-left: 1.6949%;
    width: 32.2033%;
}

.LayoutDiv7 {
    margin-left: 0;
    width: 23.7288%;
}

.LayoutDiv8 {
    clear: none;
    margin-left: 1.6949%;
    width: 23.7288%;
}

.LayoutDiv9 {
    clear: none;
    margin-left: 1.6949%;
    width: 23.7288%;
}

.LayoutDiv10 {
    clear: none;
    margin-left: 1.6949%;
    width: 23.7288%;
}

.LayoutDiv11 {
    margin-left: 0;
    width: 23.7288%;
}

.LayoutDiv12 {
    clear: none;
    margin-left: 1.6949%;
    width: 74.5762%;
}

.LayoutDiv13 {
    margin-left: 0;
    width: 32.2033%;
}

.LayoutDiv14 {
    clear: none;
    margin-left: 1.6949%;
    width: 66.1016%;
}

.LayoutDiv15 {
    margin-left: 0;
    width: 40.6779%;
}

.LayoutDiv16 {
    clear: none;
    margin-left: 1.6949%;
    width: 57.6271%;
}

.LayoutDiv17 {
    margin-left: 0;
    width: 57.6271%;
}

.LayoutDiv18 {
    clear: none;
    margin-left: 1.6949%;
    width: 40.6779%;
}

.LayoutDiv19 {
    margin-left: 0;
    width: 66.1016%;
}

.LayoutDiv20 {
    clear: none;
    margin-left: 1.6949%;
    width: 32.2033%;
}

.LayoutDiv21 {
    margin-left: 0;
    width: 74.5762%;
}

.LayoutDiv22 {
    clear: none;
    margin-left: 1.6949%;
    width: 23.7288%;
}

/************* Transitions *************/
a {
    -webkit-transition: all 0.6s linear;
    -o-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    -ms-transition: all 0.6s linear;
    -kthtml-transition: all 0.6s linear;
    transition: all 0.6s linear;
}

a:hover {
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -kthtml-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.btn_home {
    width: auto;
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    color: #edddcb !important;
    float: left;
    background: url(../image/button_home_more.jpg) repeat-x bottom left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #4a3d37;
}

/* Banner rotator */

.sliderWrapper {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 9998;
}

.sliderWrapper .slider {
    position: relative;
    overflow: hidden;
}

.sliderWrapper .slider .sliderItem {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    position: absolute;
}

.sliderWrapper .slider .sliderItem img {
    width: 100%;
    max-width: 100%;
}

.sliderWrapper .slider .sliderItem .description {
    width: 100%;
    position: absolute;
    top: 260px;
    z-index: 999;
}

.sliderWrapper .slider .sliderItem .description .positioner {
    width: 88.5%;
    max-width: 1232px;
    padding-left: 0.75%;
    padding-right: 0.75%;
    margin: auto;
    position: relative;
}

.positioner h1,
.positioner p,
.positioner a {
    float: right;
    text-align: right;
    display: block;
    clear: both;
}

.positioner h1 {
    font-size: 52px;
    font-weight: normal;
    padding-bottom: 20px
}

.color_text {
    color: #f7ecd6 !important;
}

.positioner p {
    padding: 15px;
    color: #000;
    text-align: justify;
    font-size: 14px;
}

.positioner a {
    width: auto;
    display: block;
    padding-left: 15px;
    padding-right: 100px;
    height: 100px;
    line-height: 70px;
    font-weight: bold;
    font-size: 16px;
}

.sliderWrapper .navigation {
    width: 100%;
    height: 100px;
    display: block;
    position: absolute;
    top: 290px;
    left: 0;
    z-index: 9999999;
    text-align: right;
}

.sliderWrapper .navigation .row {
    width: 100%;
    float: right;
    text-align: right;
}

.sliderWrapper .navigation .row .arrow a {
}

.sliderWrapper .navigation .row .arrow {
    width: 81px;
    height: 175px;
    background-image: url(../image/slider/rotator_nav_arrows.png);
    background-repeat: no-repeat;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.sliderWrapper .navigation .row .arrow.left {
    float: left;
    background-position: 0 0;
    display: block;
}

.sliderWrapper .navigation .row .arrow.right {
    float: right;
    background-position: -81px 0px;
    text-indent: -99999px;
}

.sliderWrapper .navigation .row .arrow.left:hover {
    background-position: 0px 0px;
}

.sliderWrapper .navigation .row .arrow.right:hover {
    background-position: -81px 0px;
}

.sliderWrapper .navigation .row .arrow.left:hover,
.sliderWrapper .navigation .row .arrow.right:hover {
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -kthtml-transition: all 0.2s linear;
    transition: all 0.2s linear;
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.sliderWrapper .navigation .row .arrow.pause {
    width: 50px;
    height: 50px;
    background: url(../image/rotator_nav_pause.png) no-repeat 0 0;
}

.sliderWrapper .navigation .row .arrow.pause:hover {
    background-position: 0 -50px;
}

.sliderWrapper .navigation .row .navItem {
    float: left;
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 1px;
    background-image: url(../image/rotator_nav_item.png);
    background-position: -22px 0;
    background-repeat: no-repeat;
}

.sliderWrapper .navigation .row .navItem.active,
.sliderWrapper .navigation .row .navItem:hover {
    background-position: 0 0;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -kthtml-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.floating, .floating2 {
    -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    margin-left: 0;
    margin-top: 0;
    width: 200px;
    height: 200px;
    text-align: center;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -kthtml-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.floating p, .floating2 p {
    width: 160px;
    height: 130px;
    margin: 35px auto;
    color: #000;
}

@-webkit-keyframes Floatingx {
    from {
        -webkit-transform: translate(0, 0px);
    }
    65% {
        -webkit-transform: translate(0, 35px);
    }
    to {
        -webkit-transform: translate(0, -0px);
    }
}

@-moz-keyframes Floating {
    from {
        -moz-transform: translate(0, 0px);
    }
    65% {
        -moz-transform: translate(0, 35px);
    }
    to {
        -moz-transform: translate(0, -0px);
    }
}

a.spot {
    width: 200px;
    height: 200px;
    padding: 50px 25px 0 25px;
    text-align: center;
    font-size: 22px;
    font-weight: 200 !important;
    color: #443636;
    text-decoration: none;
    background: url(../image/arrow_down.png) no-repeat center bottom #f6ebd5;
    display: block;
    margin: 0 0 0 -125px;
    z-index: 9999999999999 !important;
    position: absolute;
    bottom: -65px;
    left: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

a.spot:hover {
    bottom: -10px;
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.per80 {
    width: 80%;
    height: auto;
    float: right
}

#slider1 .text {
    position: absolute;
    right: 100px;
    margin-top: 225px;
    z-index: 100000;
}

#slider1 .text h1 {
    font-size: 52px;
    font-weight: normal;
}

#slider1 .text h1.white {
    color: #f7ecd6;
}

@media only screen and (max-width: 1000px) {
    #floatdiv {
        -ms-transform: scale(0.7,0.7); /* IE 9 */
        -webkit-transform: scale(0.7,0.7); /* Chrome, Safari, Opera */
        transform: scale(0.7,0.7);
    }
}

/* ----------------------------------Mobile and Tablet Layout---------------------------------- */
/*
@media only screen and (max-width: 481px) {
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.9666%;
	padding-left: 1.5166%;
	padding-right: 1.5166%;
}


.LayoutDiv1, .LayoutDiv2, .LayoutDiv3, .LayoutDiv4, .LayoutDiv5, .LayoutDiv6, .LayoutDiv7, .LayoutDiv8, .LayoutDiv9, .LayoutDiv10, .LayoutDiv11, .LayoutDiv12, .LayoutDiv13, .LayoutDiv14, .LayoutDiv15, .LayoutDiv16, .LayoutDiv17, .LayoutDiv18, .LayoutDiv19, .LayoutDiv20, .LayoutDiv21, .LayoutDiv22 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}


@media only screen and (min-width: 481px) {
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 91.45%;
	padding-left: 0.775%;
	padding-right: 0.775%;
}


.LayoutDiv1, .LayoutDiv2, .LayoutDiv3, .LayoutDiv4, .LayoutDiv5, .LayoutDiv6, .LayoutDiv7, .LayoutDiv8, .LayoutDiv9, .LayoutDiv10, .LayoutDiv11, .LayoutDiv12, .LayoutDiv13, .LayoutDiv14, .LayoutDiv15, .LayoutDiv16, .LayoutDiv17, .LayoutDiv18, .LayoutDiv19, .LayoutDiv20, .LayoutDiv21, .LayoutDiv22 {
	clear: both;
	float: left;
	display: block;
}
.LayoutDiv1 {margin-left: 0;width: 100%;}
.LayoutDiv2 {margin-left: 0;width: 49.1525%;}
.LayoutDiv3 {clear: none;margin-left: 1.6949%;width: 49.1525%;}
.LayoutDiv4 {margin-left: 0;width: 32.2033%;}
.LayoutDiv5 {clear: none;margin-left: 1.6949%;width: 32.2033%;}
.LayoutDiv6 {clear: none;margin-left: 1.6949%;width: 32.2033%;}
.LayoutDiv7 {margin-left: 0;width: 23.7288%;}
.LayoutDiv8 {clear: none;margin-left: 1.6949%;width: 23.7288%;}
.LayoutDiv9 {clear: none;margin-left: 1.6949%;width: 23.7288%;}
.LayoutDiv10 {clear: none;margin-left: 1.6949%;width: 23.7288%;}
.LayoutDiv11 {margin-left: 0;width: 23.7288%;}
.LayoutDiv12 {clear: none;margin-left: 1.6949%;width: 74.5762%;}
.LayoutDiv13 {margin-left: 0;width: 32.2033%;}
.LayoutDiv14 {clear: none;margin-left: 1.6949%;width: 66.1016%;}
.LayoutDiv15 {	margin-left: 0;width: 40.6779%;}
.LayoutDiv16 {clear: none;margin-left: 1.6949%;width: 57.6271%;}
.LayoutDiv17 {margin-left: 0;width: 57.6271%;}
.LayoutDiv18 {clear: none;margin-left: 1.6949%;width: 40.6779%;}
.LayoutDiv19 {margin-left: 0;width: 66.1016%;}
.LayoutDiv20 {clear: none;margin-left: 1.6949%;width: 32.2033%;}
.LayoutDiv21 {margin-left: 0;width: 74.5762%;}
.LayoutDiv22 {clear: none;margin-left: 1.6949%;width: 23.7288%;}
}


@media only screen and (min-width: 800px) {
*/