*{margin: 0px; padding: 0px;}

/* FONT - Generated by Font Squirrel (http://www.fontsquirrel.com) on March 22, 2013 12:48:44 PM America/New_York */
@font-face {
    font-family: 'PTSansRegular';
    src: url('Font/PTS55F-webfont.eot');
    src: url('Font/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('Font/PTS55F-webfont.woff') format('woff'),
         url('Font/PTS55F-webfont.ttf') format('truetype'),
         url('Font/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansItalic';
    src: url('Font/PTS56F-webfont.eot');
    src: url('Font/PTS56F-webfont.eot?#iefix') format('embedded-opentype'),
         url('Font/PTS56F-webfont.woff') format('woff'),
         url('Font/PTS56F-webfont.ttf') format('truetype'),
         url('Font/PTS56F-webfont.svg#PTSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansBold';
    src: url('Font/PTS75F-webfont.eot');
    src: url('Font/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('Font/PTS75F-webfont.woff') format('woff'),
         url('Font/PTS75F-webfont.ttf') format('truetype'),
         url('Font/PTS75F-webfont.svg#PTSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansNarrowRegular';
    src: url('Font/PTN57F-webfont.eot');
    src: url('Font/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
         url('Font/PTN57F-webfont.woff') format('woff'),
         url('Font/PTN57F-webfont.ttf') format('truetype'),
         url('Font/PTN57F-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


html{height: 360px; background-image: url('images/bg_Main.jpg'); background-repeat: no-repeat; background-size: 100% auto; background-position: 0px 115px; background-color: #232511;}

      html, body {
        height: 100%;
        width: 100%;
        padding: 0;
        margin: 0;
        font-size: 16px;
        color: #202020;
        font-family: PTSansRegular, arial, helvetica, sans-serif;
        line-height: 140%;
       /* overflow-x: hidden; /*to hide main image on smaller devices when becomes absolute*/
      }


/*MAIN STRUCTURAL DIVS*/
#header{height: auto; background-image: url('images/bg_Header.gif'); background-repeat: repeat-x;}

#logo{float: left;}
#route62{float: right; margin-top: 50px;}
#txtKouga{font-family: PTSansNarrowRegular, arial, helvetica, sans-serif; text-align: center; font-size: 55px; padding-top: 30px; line-height: 140%; color: #202020;}
#txtKouga span{color: #68985c; font-style: italic;}

#byline{margin: 50px 0px 30px 0px; font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif; color: #FFFFFF; font-style: italic; font-size: 27px; text-align: center;}

.innerWrapper {width: 1100px; margin-left: auto; margin-right: auto;}
.innerPadding{padding: 20px 20px 20px 20px; overflow: hidden;}
.innerPadding2{padding: 0px 20px 20px 20px; overflow: hidden;}
.greyDiv{background-color: #EFEFEF; padding: 0px 30px 30px 30px; overflow: hidden;}
.greyDiv2{background-color: #EFEFEF; padding: 30px 30px 30px 30px; overflow: hidden;}

/* LINKS */

a{font-family: PTSansRegular, arial, helvetica, sans-serif; font-size: 16px; color: #52724a; text-decoration: underline;}
a:link {color: #52724a; text-decoration: underline;} 
a:visited {color: #52724a; text-decoration: underline;}
a:active {color: #52724a; text-decoration: underline;}
a:hover {color: #76a46a; text-decoration: underline;}

a.big{font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif; font-size: 22px; color: #52724a; text-decoration: underline;}
a.big:link {color: #52724a; text-decoration: underline;} 
a.big:visited {color: #52724a; text-decoration: underline;}
a.big:active {color: #52724a; text-decoration: underline;}
a.big:hover {color: #76a46a; text-decoration: underline;}

a.white{font-family: PTSansRegular, arial, helvetica, sans-serif; font-size: 15px; color: #FFFFFF;}
a.white:link {color: #FFFFFF; text-decoration: none;} 
a.white:visited {color: #FFFFFF; text-decoration: none;}
a.white:active {color: #FFFFFF; text-decoration: none;}
a.white:hover {color: #FFFFFF; text-decoration: underline;}

a.black{font-family: PTSansRegular, arial, helvetica, sans-serif; font-size: 14px; color: #2f2f2f;}
a.black:link {color: #2f2f2f; text-decoration: none;} 
a.black:visited {color: #2f2f2f; text-decoration: none;}
a.black:active {color: #2f2f2f; text-decoration: none;}
a.black:hover {color: #666666; text-decoration: none;}

/* CONTENT */
.contentWrapper{width: 1100px; margin: 0px auto;}
.transparentDiv{height: 12px; background-color: #FFFFFF; filter: alpha(opacity=40); opacity: 0.4;}
.contentWhite{background-color: #FFFFFF;}
      
/* NAVIGATION */
#navWrapper{clear: both; padding-top: 40px; text-align: center;}

a.nav{display: inline-block; background-color: #68985c; font-family: PTSansNarrowRegular, arial, helvetica, sans-serif; font-size: 19px; color: #FFFFFF; text-transform: capitalize; padding: 10px 25px; margin-right: 0px; border-style: solid; border-color: #acb17d; border-width: 1px;}
a.nav:link {color: #FFFFFF; text-decoration: none;} 
a.nav:visited {color: #FFFFFF; text-decoration: none;}
a.nav:active {color: #FFFFFF; text-decoration: none;}
a.nav:hover {color: #FFFFFF; background-color: #84b678; cursor: pointer; cursor: hand; text-decoration: none;}

a.navLive{display: inline-block; background-color: #52724a; font-family: PTSansNarrowRegular, arial, helvetica, sans-serif; font-size: 19px; font-weight: bold; color: #FFFFFF; text-transform: capitalize; padding: 10px 25px; margin-right: 0px; border-style: solid; border-color: #acb17d; border-width: 1px;}
a.navLive:link {text-decoration: none;} 
a.navLive:visited {text-decoration: none;}
a.navLive:active {text-decoration: none;}
a.navLive:hover {text-decoration: none;}

/*MOBILE NAV*/
#menuMobileDiv{display: none; clear: both; text-align: center; margin-bottom: 10px;}
#menuMobileDiv img{cursor: pointer; cursor: hand;}

/* CORE */

h1{font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif; font-style: italic; font-size: 30px; background-color: #52724a; padding: 10px 15px; color: #FFFFFF; text-align: center; line-height: 120%; margin: 0px 0px 25px 0px;}
h1.left{text-align: left;}
h2{font-family: PTSansBold, arial, helvetica, sans-serif; color: #575757; font-size: 24px; font-weight: normal; text-align: center; background-color: #EFEFEF; padding: 15px 10px;}
h2.alt{font-family: PTSansBold, arial, helvetica, sans-serif; color: #575757; font-size: 24px; font-weight: normal; text-align: left; background-color: transparent; padding: 0px; margin: 25px 0px 15px 0px;}
h2.altCenter{color: #272727; background-color: transparent; margin: 10px 0px 10px 0px; padding: 0px 0px 15px 0px; text-align: center; line-height: 140%;} /*rates page  border-style: dotted; border-width: 0px 0px 1px 0px; border-color: #666666;*/
h2.altCenter span{font-family: PTSans, arial, helvetica, sans-serif; font-size: 15px; font-style: italic;}
h3{font-family: PTSansBold, arial, helvetica, sans-serif; color: #52724a; font-size: 22px; font-weight: normal; text-align: center; margin: 25px 0px 15px 0px;}
h3.left{text-align: left;}
h4{font-family: PTSansBold, arial, helvetica, sans-serif; font-weight: normal; font-size: 18px; margin: 20px 0px 10px 0px;}

p{
    font-size: 16px;
    text-align: left;
    color: #202020;
    font-family: PTSansRegular, arial, helvetica, sans-serif;
    line-height: 140%;
    margin: 0px 0px 20px 0px;
    }
    
p.intro{font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif; font-style: italic; font-size: 22px; text-align: center; background-color: #EFEFEF; padding: 20px 30px; margin-bottom: 10px;}
p.intro span{color: #52724a;}

div.center p{text-align: center;}

p.center{text-align: center;}

p.list{background-image: url('images/bullet.gif'); background-repeat: no-repeat; background-position: 0px 6px; font-size: 14px; text-align: left; padding: 0px 0px 0px 15px; margin: 2px 0px;}

.small{font-size: 12px; line-height: 140%;}

div.dividerGreen{height: 8px; background-color: #52724a;}

div.dividerGreen2{height: 2px; background-color: #68985c;}
div.dividerDotted{height: 1px; border-style: dotted; border-color: #666666; border-width: 1px 0px 0px 0px; margin: 20px 0px;}


button.small{background-color: #52724a; color: #FFFFFF; font-size: 14px; padding: 5px 12px; cursor: pointer; cursor: hand;}
button.small:hover{background-color: #6a935f;}

.scrollToTop{display: none; width: 35px; position: fixed; right: 0px; bottom: 0px; background-color: #52724a; color: #FFFFFF; padding: 3px; border-style: solid; cursor: pointer; cursor: hand; z-index: 100;}
.scrollToTop:hover{background-color: #68985c;}

/*TABLES - GENERIC*/
td{vertical-align: top;}

/* TABLE RATES*/
.tblRates{width: 100%;}
.tblRates td.Desc{width: 50%;}
.tblRates td{padding: 4px 12px; font-size: 13px; line-height: 120%; border-style: solid; border-color: transparent; border-width: 0px 1px 0px 0px;}
.tblRates td.head{font-weight: bold;}
.tblRates td.mainHead{background-color: #CCCCCC; font-weight: bold;}

/* LISTS */
ul{margin-left: 20px;}
li{padding-left: 20px; margin-bottom: 4px;}

/* IMAGES */
.picThirdDiv{text-align: center;}
img.picThird{width: 32%; margin-right: 3px;}

img.middle{vertical-align: middle;}

/* BREADCRUMB */
div.breadcrumb{background-color: #FFFFFF; padding: 20px 0px;}
div.breadcrumb img{vertical-align: middle;}


/* GALLERIA*/
.galleria{margin: 0px 20px 20px 20px;} /*10 also added in the galleria css*/

/* HOME ICONS */
.iconDiv{text-align: center; width: 85%; margin-left: auto; margin-right: auto;}
.icon{display: inline-block; margin-right: 10px; margin-bottom: 10px;}

/* BOOKING FORM */
fieldset{padding: 30px; margin-bottom: 10px; border-style: dotted; border-width: 1px; border-color: #666666; text-align: center;}

div.fField{overflow: hidden; height: auto; padding-top: 10px; padding-bottom: 10px;}
div.formInput{display: inline-block; color: #EEEEEE; vertical-align: top;}
label{display: inline-block; width: 150px; color: #020202; text-align: right; font-weight: normal; line-height: 120%;}
label.error{display: inline-block; width: auto; text-align: left; color: #FF0000; font-size: 10px; margin: 0px; padding: 0px;}

#captcha_div{background-color: transparent; padding: 6px 6px 6px 22px; text-align: center; width: 100px; height: 50px;}
#captcha_label{line-height: 100%; text-align: center;}

.button_Submit{background-color: #52724a; color: #FFFFFF; font-size: 18px; padding: 8px 15px; cursor: pointer; cursor: hand;}
.button_Submit:hover{background-color: #6a935f;}

.throw_error{padding: 5px; background-color: transparent; color: #FF0000; font-size: 14px; text-align: center;}
#message{text-align: center;}
#message p{text-align: center;}

textarea, input[type="text"], option{width: 100%; max-width: 250px; box-sizing: border-box; padding: 6px; border-radius: 4px;}
/*input{width: 100%; max-width: 250px; box-sizing: border-box; padding: 6px; border-radius: 4px;}*/

#captchaz{display: inline-block; margin: 0px auto;}

/*ACCOMMODATION - MAIN*/
.aDescription{float: right; width: 49%;}
.aDescription h2{margin-top: 0px;}
.aImg{float: left; width: 48%;}
.aImg img{width: 100%;}

/*ACCOMMODATION - DETAILS*/
#accLeft{float: left; width: 60%;}
#accRight{float: right; width: 35%; border-style: dotted; border-width: 0px 0px 0px 1px; margin: 0px; padding: 0px 0px 0px 15px;}
#accRight p{text-align: left;}
#accRight h3{text-align: left;}
#accGalleryWrapper{width: 80%; margin-left: auto; margin-right: auto;}
#selectAccommodation{float: right; margin-top: 10px;}
#accSelect{width: 200px; padding: 3px; border-radius: 3px; margin-left: auto; margin-right: auto;}

/* GALLERY */
#selectWrapper{text-align: center;}
#gallerySelect{padding: 5px; font-size: 16px; border-radius: 5px;}

/* ACTIVITIES */
.dropHead{background-color: #68985c; padding: 10px 30px 12px 30px; margin-top: 20px; margin-bottom: 1px; cursor: pointer; cursor: hand;}
.dropHead:hover{background-color: #74aa67;}
.dropHead p{color: #FFFFFF; font-size: 18px; margin-bottom: 0px; line-height: 100%;}
.dropPanel{display: none; background-color: #d5d4ca; padding: 10px;}
.dropButton{float: right; background-color: #FFFFFF; border-style: solid; border-color: #FFFFFF; border-width: 1px; padding: 4px 7px 4px 7px; border-radius: 5px; font-size: 11px; line-height: 100%;}
.dropButton img{vertical-align: top;}
.closeButton{width: 50px; margin: 40px auto 10px auto; background-color: #FFFFFF; border-style: solid; border-color: #FFFFFF; border-width: 1px; padding: 4px 7px 4px 7px; border-radius: 5px; font-size: 11px; text-align: center; line-height: 100%; cursor: pointer; cursor: hand;}
.closeButton:hover{background-color: #68985c;} /* b5a455*/

/* Google maps */
    .googleMaps {
        position: relative;
        /*float: right;*/
        margin-top: 0px;
        width: 100%; margin-left: auto; margin-right: auto;
        padding-bottom: 56.25%; /*This is the aspect ratio*/
        height: 0;
        overflow: hidden;
    }
    .googleMaps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


/*FOOTER*/
#footer{height: 200px; margin-top: 30px;}
#footerBadges{width: 100%; margin-bottom: 60px;}
#footer p{float: right; margin-right: 10px; color: #858770; font-size: 14px;}