body {font-family: 'Open Sans', sans-serif, Arial, Helvetica, Verdana; font-size: 100%; color: #666666; font-weight: 400; background: #222222; margin: 0;}

/* ATH CMS */
.context-menu-item {color: #333333;}
.ui-dialog input, .ui-dialog textarea {text-align: left;}
.athCmsBlogText {display: inline;}
a.athCmsAddButton:link {float: right; width: 100%; margin: 10px 0 10px 0;}
.athCmsAddGalleryBox {float: right; width: 100%; margin: 20px 0 10px 0;}
.athCmsImageContext {width: auto; height: 60px !important;}
iframe#athCmsBlogEditor_ifr, iframe#athCmsMultiBlogEditor_ifr, iframe#athCmsTextEditor_ifr {width: 100% !important;}
#athCmsHeadingText {width: 90% !important;}

#focus_image .athCmsEditPhotoButton {position: relative; top: -200px; left: -20px;}

#focus_image .athCmsMainImageBox {float: right; width: 427px; height: 251px; max-height: 251px; overflow: hidden; margin: 0 0 0 80px;}
#focus_image .cmsImage {width: 427px;}

.athCmsGalleryBox {float: left; width: 230px; height: 150px; margin: 10px;}
.athCmsImageBox {width: 230px; height: 150px; max-height: 150px; overflow: hidden; margin: 0;}
.athCmsGalleryImage {width: 230px;}
.athCmsImageGalleryCaption {display: none; visibility: hidden;}

#see_blog .athCmsEntry, #offers_blog .athCmsEntry {float: left; width: 960px; font-size: 14px; color: #666666; text-align: left; background: #DDDDDD; padding: 20px; margin: 20px 0 0 0;}
#see_blog .athCmsEntryDate, #offers_blog .athCmsEntryDate {display: none; visibility: hidden;}
#see_blog .athCmsEntryTitle, #offers_blog .athCmsEntryTitle {font-size: 18px; font-weight: 600; display: inline; color: #666666; line-height: 20px; text-transform: uppercase;}
#see_blog .athCmsBlogText, #offers_blog .athCmsBlogText {padding: 20px 0 0 0; display: block;}
#see_blog .athCmsMainImageBox, #offers_blog .athCmsMainImageBox {float: right; width: 273px; padding: 0; margin: 0 0 10px 20px;}
#see_blog .cmsImage, #offers_blog .cmsImage {width: 273px;}

#rooms_blog .athCmsEntry {float: left; width: 313px; font-size: 14px; color: #666666; background: #DDDDDD; padding: 19px 0 0 0; margin: 20px 10px 0 10px;}
#rooms_blog .athCmsEntryDate {display: none; visibility: hidden;}
#rooms_blog .athCmsEntryTitle {font-size: 18px; font-weight: 600; display: inline; color: #666666; line-height: 20px; text-transform: uppercase;}
#rooms_blog .athCmsBlogText {padding: 20px 20px 0 20px; display: block;}
#rooms_blog .athCmsMainImageBox {float: left; width: 273px; padding: 0; margin: 0 0 20px 0;}
#rooms_blog .cmsImageSmall {width: 273px;}

a.athCmsReadMoreLink:link {font-size: 16px; font-weight: 400; color: #FFFFFF; padding: 15px 35px 15px 35px; background: #222222; border-radius: 3px; text-decoration: none !important; text-transform: uppercase; display: block;}
a.athCmsReadMoreLink:visited {font-size: 16px; font-weight: 400; color: #FFFFFF; padding: 15px 35px 15px 35px; background: #222222; border-radius: 3px; text-decoration: none !important; text-transform: uppercase;}
a.athCmsReadMoreLink:active {font-size: 16px; font-weight: 400; color: #FFFFFF; padding: 15px 35px 15px 35px; background: #222222; border-radius: 3px; text-decoration: none !important; text-transform: uppercase;}
a.athCmsReadMoreLink:hover {font-size: 16px; font-weight: 400; color: #FFFFFF; padding: 15px 35px 15px 35px; background: #999999; border-radius: 3px; text-decoration: none !important; text-transform: uppercase;}

a.athCmsImageLink .cmsImageSmall {cursor: default;}

#rooms_blog #athCmsImagesDiv, #rooms_blog #athCmsFilesDiv, #rooms_blog #athCmsVideosDiv {display: none; visibility: hidden;}

#multiBlogInfo .athCmsEntryTitle {font-family: 'Open Sans', sans-serif, Arial, Helvetica, Verdana; font-size: 32px; font-weight: 400; display: inline; color: #000000; line-height: 34px;}
#multiBlogInfo .athCmsEntryDate {display: none; visibility: hidden;}
#multiBlogInfo .athCmsBlogText {padding: 20px 0 20px 0; display: block;}

#wrapperBlack .athCmsMainImageBox {float: left; width: 230px; height: 150px; max-height: 150px; overflow: hidden; margin: 10px;}
#wrapperBlack .cmsImage {width: 230px;}

.athCmsMainVideoBox, .athCmsVideoBox {float: left; margin: 20px 0 0 0;}
iframe {width: 800px !important;}

#wrapperBlack #athCmsImagesDiv {float: left; padding: 0; margin: 0; border: none;}
#wrapperBlack .athCmsImageBox {float: left; width: 230px; height: 150px; max-height: 150px; overflow: hidden; padding: 0; margin: 10px;}
#wrapperBlack .cmsImage {width: 230px;}

#athCmsFilesDiv {float: left; margin: 0;}

a.cmsDocument:link {display: block; margin: 10px 0 10px 0; color: #350000; text-decoration: none;}
a.cmsDocument:hover {display: block; margin: 10px 0 10px 0; color: #350000; text-decoration: underline;}
.athCmsDocumentImage {padding: 2px 10px 0 0;}
/* END ATH CMS */

.athCmsDocumentImage {padding: 2px 10px 0 0;}

img {border-style: none; border-width: 0;}

hr {height: 0; border-top: 1px solid #777777; margin: 20px 0 20px 0;}

form {display: inline; text-align: center;}
input, textarea {width: 80%; padding: 10px; margin: 10px auto; font-size: 12px; color: #777777; text-align: center; background: #FFFFFF; border: 1px solid #777777; vertical-align: top; display: block;}
input.short {width: 30%; padding: 10px; margin: 10px auto; font-size: 12px; color: #777777; text-align: center; background: #FFFFFF; border: 1px solid #777777; vertical-align: middle;}
input.admin {width: 60%; padding: 10px; margin: 10px auto; font-size: 12px; color: #777777; text-align: center; background: #FFFFFF; border: 1px solid #777777; vertical-align: top;}
input[type=checkbox] {width: 16px; height: 16px; padding: 0; margin: 5px 5px 5px 0; font-size: 12px; color: #777777; vertical-align: middle;}
select {width: 330px; outline: none; -webkit-appearance: none; padding: 10px; margin: 5px 0 10px 0; border: 1px solid #777777; background: url(../images/arrow.png) 95% center no-repeat #FFFFFF; color: #777777; line-height: normal; font-family: inherit; font-size: inherit; line-height: inherit; cursor: pointer; -moz-appearance: none;}
input[type=submit] {width: auto; padding: 15px 35px 15px 35px; margin: 0; font-size: 16px; color: #FFFFFF; font-weight: 400; text-align: center; background: #85B200; border: none; border-radius: 3px; vertical-align: middle; cursor: pointer; text-decoration: none; text-transform: uppercase; -webkit-appearance: none;}
input[type=submit]:hover {background: #999999; -webkit-appearance: none;}

h1 {font-family: 'Open Sans', sans-serif, Arial, Helvetica, Verdana; font-size: 32px; font-weight: 400; display: inline; color: #000000; line-height: 34px;}
h2 {font-family: 'Open Sans', sans-serif, Arial, Helvetica, Verdana; font-size: 16px; font-weight: 400; display: inline; color: #FFFFFF; text-transform: uppercase;}
h3 {font-family: 'Open Sans', sans-serif, Arial, Helvetica, Verdana; font-size: 24px; font-weight: 400; display: inline; color: #000000; line-height: 26px;}

#wrapperHeader {width: 100%; height: 194px; background: #FFFFFF;}
#wrapperNav {width: 100%; height: 44px; background: #222222;}
#wrapperHeaderImage {width: 100%; height: auto; text-align: center; background: #FFFFFF;}
#wrapperHeaderImage img {width: 100%;}
#wrapperWhite {width: 100%; height: auto; background: #FFFFFF;}
#wrapperBlack {width: 100%; height: auto; background: url(../images/background_white.gif) left top repeat-x #222222;}
#wrapperBackgroundImage {width: 100%; height: auto; text-align: center;}
#wrapperBackgroundImage img {width: 100%;}
#wrapperFooter {width: 100%;}

#wrapperHeaderImage iframe {width: 100% !important; text-align: center;}

table.main {width: 1000px; margin: 0 auto;}
table.fullWidth {width: 100%;}

td.header {width: 1000px; height: 194px; font-size: 22px; color: #85B200; font-weight: 600; background: url(../images/logo.png) center 35px no-repeat; padding: 0; vertical-align: top;}
#headerLeft {float: left; width: 500px; padding: 105px 0 0 0;}
#headerRight {float: right; width: 200px; text-align: right; padding: 105px 0 0 0;}

#nav {width: 1000px; height: 44px; margin: 0;}
#nav ul {text-align: center; list-style: none; margin: 0; padding: 0;}
#nav li {float: left; list-style: none; display: inline; padding: 0; margin: 0;}
#nav li a:link {width: 111px; height: 44px; color: #FFFFFF; display: block; text-decoration: none; line-height: 3em; padding: 0; margin: 0;}
#nav li a:visited {width: 111px; height: 44px; color: #FFFFFF; display: block; text-decoration: none; line-height: 3em; padding: 0; margin: 0;}
#nav li a:active {width: 111px; height: 44px; color: #FFFFFF; display: block; text-decoration: none; line-height: 3em; padding: 0; margin: 0;}
#nav li a:hover {width: 111px; height: 44px; color: #FFFFFF; background: #85B200; display: block; text-decoration: none; line-height: 3em; padding: 0; margin: 0;}
body#home a#navhome, body#about a#navabout, body#rooms a#navrooms, body#see a#navsee, body#gallery a#navgallery, body#location a#navlocation, body#offers a#navoffers, body#bookings a#navbookings, body#contact a#navcontact {width: 111px; height: 44px; color: #FFFFFF; background: #85B200; display: block; text-decoration: none; line-height: 3em; padding: 0; margin: 0;}

td.mainText {width: 1000px; font-size: 14px; color: #666666; text-align: center; line-height: 20px; padding: 35px 0 35px 0; vertical-align: top;}
#wrapperBlack td.mainText {width: 1000px; font-size: 14px; color: #666666; text-align: center; line-height: 20px; padding: 0 0 35px 0; vertical-align: top;}
#text {float: left; width: 1000px; font-size: 18px; line-height: 24px; padding: 0;}
td.mainText iframe {width: 980px !important;}

#boxHome {float: left; width: 316px; font-size: 24px; text-align: center; padding: 0; margin: 40px 0 0 0; clear: both;}
#boxHomeMiddle {float: left; width: 316px; font-size: 24px; text-align: center; padding: 0; margin: 40px 26px 0 26px;}
#boxHomeEnd {float: left; width: 316px; font-size: 24px; text-align: center; padding: 0; margin: 40px 0 0 0;}

#logos {clear: both; width: 1000px; padding: 80px 0 20px 0; margin: 0 auto;}

#focusBox {float: left; width: 918px; font-size: 14px; background: #DDDDDD; padding: 30px 30px 30px 50px; margin: 0 0 55px 0;}

td.footer {width: 900px; font-size: 14px; color: #666666; line-height: 18px; text-align: center; padding: 45px 100px 45px 100px; vertical-align: top;}
.footerStrapline {font-size: 18px; color: #999999; line-height: 24px;}
.copyright {font-size: 12px;}

td.formTitle {width: 150px; font-size: 14px; font-weight: 400; padding: 12px 0 0 0; vertical-align: top;}
td.formTitleSelect {width: 150px; font-size: 14px; font-weight: 400; padding: 20px 0 0 0; vertical-align: top;}

.paddingIcon {padding: 0 0 0 10px;}
.paddingLogos {padding: 0 10px 0 10px;}

strong {font-weight: 700;}

.green {color: #85B200;}
.grey {color: #999999;}

a:link {color: #000000; text-decoration: underline;}
a:visited {color: #000000; text-decoration: underline;}
a:active {color: #000000; text-decoration: underline;}
a:hover {color: #85B200; text-decoration: underline;}

a.footer:link {color: #666666; text-decoration: none;}
a.footer:visited {color: #666666; text-decoration: none;}
a.footer:active {color: #666666; text-decoration: none;}
a.footer:hover {color: #85B200; text-decoration: none;}

a.button:link {font-size: 16px; font-weight: 400; color: #FFFFFF; padding: 15px 35px 15px 35px; background: #85B200; border-radius: 3px; text-decoration: none !important; text-transform: uppercase;}
a.button:visited {font-size: 16px; font-weight: 400; color: #FFFFFF; padding: 15px 35px 15px 35px; background: #85B200; border-radius: 3px; text-decoration: none !important; text-transform: uppercase;}
a.button:active {font-size: 16px; font-weight: 400; color: #FFFFFF; padding: 15px 35px 15px 35px; background: #85B200; border-radius: 3px; text-decoration: none !important; text-transform: uppercase;}
a.button:hover {font-size: 16px; font-weight: 400; color: #FFFFFF; padding: 15px 35px 15px 35px; background: #999999; border-radius: 3px; text-decoration: none !important; text-transform: uppercase;}

/* BOOKING FORM CODE START */
.eviivo_sbox {width: 500px; height: auto; background: #D0DDC4; padding: 0; margin: 0 auto;}
.eviivo_title {color: #FFFFFF; background-color: #85B200 !important; padding: 5px 0 5px 25px; margin: 0 0 10px 0;}
.eviivo_label {color: #666666; font-weight: bold; padding: 0 0 0 15px;}
.eviivo_roomlab {color: #666666; font-weight: bold; padding: 5px 0 0 0;}
.eviivo_month, .eviivo_nights, .eviivo_adults, .eviivo_rooms, .eviivo_children {padding: 0 0 0 15px;}
.eviivo_calendar {padding: 9px 0 0 0;}
.eviivo_button_image {background: #85B200; position: relative; top: -85px; left: 0;}
.eviivo_sbox select {margin: 10px 0 0 0;}
.eviivo_button a:link {color: #FFFFFF; text-decoration: none;}
.eviivo_button a:visited {color: #FFFFFF; text-decoration: none;}
.eviivo_button a:active {color: #FFFFFF; text-decoration: none;}
.eviivo_button a:hover {color: #222222; text-decoration: none;}
/* BOOKING FORM CODE END */