body {background: url(../images/background.jpg) center 40px no-repeat #CCCCCC; font-family: Helvetica, Arial, Verdana; font-size: 1px; color: #666666; margin: 40px 0 0 0;}

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

hr {height: 0; border-top: 1px solid #339900; border-bottom: none; margin: 20px 0 20px 0;}
hr.title {height: 0; border-top: 1px solid #339900; border-bottom: none; margin: 12px 0 0 0;}

input, textarea {width: 90%; padding: 5px; margin: 5px 0 5px 0; font-size: 11px; color: #666666; background: #FFFFFF; border: 1px solid #CCCCCC; vertical-align: middle;}
input.signUpEmail {width: 80%; padding: 5px; margin: 2px 0 5px 0; font-size: 11px; color: #666666; background: #FFFFFF; vertical-align: middle;}
input.signUpName {width: 44%; padding: 5px; margin: 2px 0 5px 0; font-size: 11px; color: #666666; background: #FFFFFF; vertical-align: middle;}

h1 {font-family: Helvetica, Arial, Verdana; font-size: 26px; font-weight: normal; display: inline; color: #339900; line-height: 28px;}
h2 {font-family: Helvetica, Arial, Verdana; font-size: 14px; font-weight: normal; display: inline; color: #FFFFFF;}
h3 {font-family: Helvetica, Arial, Verdana; font-size: 18px; font-weight: normal; display: inline; color: #FFFFFF; line-height: 20px;}
h4 {font-family: Helvetica, Arial, Verdana; font-size: 14px; font-weight: bold; display: inline; color: #339900;}

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

td.logo {width: 685px; height: 150px; padding: 0 0 0 20px; vertical-align: top;}

td.telephone {width: 275px; height: 140px; font-size: 16px; color: #442B30; text-align: right; padding: 0 0 20px 0; border-right: 20px solid #FFFFFF; vertical-align: bottom;}

#nav {width: 685px; height: 32px; background: #339900; border-left: 20px solid #FFFFFF; vertical-align: top;}
#nav ul {text-align: center; list-style: none; margin: 0; padding: 0;}
#nav li {display: inline; padding: 0; margin: 0;}
#nav li a:link {height: 32px; color: #FFFFFF; float: left; display: block; text-decoration: none; line-height: 2.3em; padding: 0 13px 0 13px; border-right: 1px solid #FFFFFF;}
#nav li a:visited {height: 32px; color: #FFFFFF; float: left; display: block; text-decoration: none; line-height: 2.3em; padding: 0 13px 0 13px; border-right: 1px solid #FFFFFF;}
#nav li a:active {height: 32px; color: #FFFFFF; float: left; display: block; text-decoration: none; line-height: 2.3em; padding: 0 13px 0 13px; border-right: 1px solid #FFFFFF;}
#nav li a:hover {height: 32px; color: #FFFFFF; background: #442B30; float: left; display: block; text-decoration: none; line-height: 2.3em; padding: 0 13px 0 13px; border-right: 1px solid #FFFFFF;}
body#about a#navabout, body#rates a#navrates, body#breakfast a#navbreakfast, body#interest a#navinterest, body#book a#navbook, body#location a#navlocation {height: 32px; color: #FFFFFF; background: #442B30; float: left; display: block; text-decoration: none; line-height: 2.3em; padding: 0 13px 0 13px; border-right: 1px solid #FFFFFF;}

#nav li a.end:link {height: 32px; color: #FFFFFF; float: left; display: block; text-decoration: none; line-height: 2.3em; padding: 0 20px 0 13px; border-right: none;}
#nav li a.end:visited {height: 32px; color: #FFFFFF; float: left; display: block; text-decoration: none; line-height: 2.3em; padding: 0 20px 0 13px; border-right: none;}
#nav li a.end:active {height: 32px; color: #FFFFFF; float: left; display: block; text-decoration: none; line-height: 2.3em; padding: 0 20px 0 13px; border-right: none;}
#nav li a.end:hover {height: 32px; color: #FFFFFF; background: #442B30; float: left; display: block; text-decoration: none; line-height: 2.3em; padding: 0 20px 0 13px; border-right: none;}
body#offers a#navoffers {height: 32px; color: #FFFFFF; background: #442B30; float: left; display: block; text-decoration: none; line-height: 2.3em; padding: 0 20px 0 13px; border-right: none;}

#navTop {width: 274px; height: 32px; background: #A9D494; border-left: 1px solid #FFFFFF; border-right: 19px solid #FFFFFF; vertical-align: top;}
#navTop ul {text-align: center; list-style: none; margin: 0; padding: 0;}
#navTop li {display: inline; padding: 0; margin: 0;}
#navTop li a:link {height: 32px; color: #FFFFFF; float: right; display: block; text-decoration: none; line-height: 2.3em; padding: 0 20px 0 20px;}
#navTop li a:visited {height: 32px; color: #FFFFFF; float: right; display: block; text-decoration: none; line-height: 2.3em; padding: 0 20px 0 20px;}
#navTop li a:active {height: 32px; color: #FFFFFF; float: right; display: block; text-decoration: none; line-height: 2.3em; padding: 0 20px 0 20px;}
#navTop li a:hover {height: 32px; color: #FFFFFF; background: #442B30; float: right; display: block; text-decoration: none; line-height: 2.3em; padding: 0 20px 0 20px;}

#navTop li a.home:link {height: 32px; color: #FFFFFF; background: url(../images/home.png) 10px 5px no-repeat; float: right; display: block; text-decoration: none; line-height: 2.3em; padding: 0 10px 0 40px;}
#navTop li a.home:visited {height: 32px; color: #FFFFFF; background: url(../images/home.png) 10px 5px no-repeat; float: right; display: block; text-decoration: none; line-height: 2.3em; padding: 0 10px 0 40px;}
#navTop li a.home:active {height: 32px; color: #FFFFFF; background: url(../images/home.png) 10px 5px no-repeat; float: right; display: block; text-decoration: none; line-height: 2.3em; padding: 0 10px 0 40px;}
#navTop li a.home:hover {height: 32px; color: #FFFFFF; background: url(../images/home.png) 10px 5px no-repeat #442B30; float: right; display: block; text-decoration: none; line-height: 2.3em; padding: 0 10px 0 40px;}
body#home a#navhome {height: 32px; color: #FFFFFF; background: url(../images/home.png) 10px 5px no-repeat #442B30; float: right; display: block; text-decoration: none; line-height: 2.3em; padding: 0 10px 0 40px;}

#navTop li a.contact:link {height: 32px; color: #FFFFFF; background: url(../images/contact.png) 10px 5px no-repeat; float: right; display: block; text-decoration: none; line-height: 2.3em; padding: 0 10px 0 40px; border-right: 1px solid #FFFFFF;}
#navTop li a.contact:visited {height: 32px; color: #FFFFFF; background: url(../images/contact.png) 10px 5px no-repeat; float: right; display: block; text-decoration: none; line-height: 2.3em; padding: 0 10px 0 40px; border-right: 1px solid #FFFFFF;}
#navTop li a.contact:active {hheight: 32px; color: #FFFFFF; background: url(../images/contact.png) 10px 5px no-repeat; float: right; display: block; text-decoration: none; line-height: 2.3em; padding: 0 10px 0 40px; border-right: 1px solid #FFFFFF;}
#navTop li a.contact:hover {height: 32px; color: #FFFFFF; background: url(../images/contact.png) 10px 5px no-repeat #442B30; float: right; display: block; text-decoration: none; line-height: 2.3em; padding: 0 10px 0 40px; border-right: 1px solid #FFFFFF;}
body#contact a#navcontact {height: 32px; color: #FFFFFF; background: url(../images/contact.png) 10px 5px no-repeat #442B30; float: right; display: block; text-decoration: none; line-height: 2.3em; padding: 0 10px 0 40px; border-right: 1px solid #FFFFFF;}

td.headerImageHome {width: 685px; height: 247px; border-left: 20px solid #FFFFFF; vertical-align: top;}
td.headerImage {width: 960px; height: 124px; border-left: 20px solid #FFFFFF; vertical-align: top;}

#sliderAreaMain {width: 685px; margin: 0; display: block; z-index: -1200; height: 247px; max-height: 247px; overflow: hidden;}
#sliderAreaMain div div {overflow: hidden; height: 247px; z-index: -1200;}
#sliderMain {width: 2740px;}
.mainImageContent {width: 685px; height: 247px; float: left;}

td.sliderImageText {width: 235px; height: 227px; font-size: 14px; color: #FFFFFF; line-height: 18px; background: #442B30; padding: 20px 20px 0 20px; border-right: 20px solid #FFFFFF; vertical-align: top;}
ul#mainTextButtons {margin: 0; padding: 0; width: 132px; height: 28px; font-weight: bold;}
ul#mainTextButtons li {display: block; float: left; color: #FFFFFF; font-weight: bold; width: 18px; height: 23px; padding: 5px 0 0 10px; cursor: pointer; margin: 15px 0 0 5px; background: url(../images/circle.png) no-repeat;}
ul#mainTextButtons li:hover {color: #339900; background: url(../images/circle_on.png) no-repeat;}
ul#mainTextButtons li.active {color: #339900; background: url(../images/circle_on.png) no-repeat;}

td.mainText {width: 445px; height: 230px; font-size: 14px; color: #333333; line-height: 18px; padding: 20px 15px 0 20px; vertical-align: top;}
td.mainTextLong {width: 670px; height: 230px; font-size: 14px; color: #333333; line-height: 18px; padding: 20px 15px 0 20px; vertical-align: top;}

td.smallBox {width: 210px; height: 230px; border-top: 20px solid #FFFFFF; border-right: 15px solid #FFFFFF; vertical-align: top;}
#smallBox {width: 210px; height: 230px; float: right; background: url(../images/arrow.png) 165px 10px no-repeat #339900; cursor: pointer;}
div.smallBoxTitle {width: 190px; height: 36px; font-size: 18px; padding: 12px 0 0 20px;}
div.smallBoxImage {width: 210px; height: 182px;}
#smallBox:hover {width: 210px; height: 230px; background: url(../images/arrow.png) 165px 10px no-repeat #442B30; cursor: pointer;}
#smallBox:active {width: 210px; height: 230px; background: url(../images/arrow.png) 165px 10px no-repeat #442B30; cursor: pointer;}

td.sideColumn {width: 275px; height: 230px; border-top: 20px solid #FFFFFF; border-right: 20px solid #FFFFFF; vertical-align: top;}
#largeBox {width: 275px; height: 230px; float: right; background: url(../images/arrow.png) 230px 10px no-repeat #339900; cursor: pointer;}
div.largeBoxTitle {width: 255px; height: 36px; font-size: 18px; padding: 12px 0 0 20px;}
div.largeBoxImage {width: 275px; height: 120px;}
div.largeBoxText {width: 235px; height: 50px; font-size: 14px; color: #FFFFFF; padding: 15px 20px 0 20px;}
#largeBox:hover {width: 275px; height: 230px; background: url(../images/arrow.png) 230px 10px no-repeat #442B30; cursor: pointer;}
#largeBox:active {width: 275px; height: 230px; background: url(../images/arrow.png) 230px 10px no-repeat #442B30; cursor: pointer;}

#galleryBoxes {width: 325px; float: left; padding: 0; margin: 0 10px 10px 0;}
div.galleryImage {width: 325px; height: 200px; max-height: 200px; overflow: hidden;}
div.galleryText {width: 295px; height: 55px; font-size: 14px; color: #FFFFFF; background: #442B30; padding: 10px 15px 10px 15px;}

td.footer {width: 960px; height: 118px; font-size: 12px; color: #333333; line-height: 18px; background: #D0DDC4; border-top: 20px solid #FFFFFF; border-bottom: 20px solid #FFFFFF; border-left: 20px solid #FFFFFF; border-right: 20px solid #FFFFFF; vertical-align: middle;}
#footerCol1 {float: left; width: 122px; padding: 15px; border-right: 2px solid #FFFFFF;}
#footerCol2 {float: left; width: 95px; padding: 15px;}
#footerCol3 {float: left; width: 95px; padding: 15px; border-right: 2px solid #FFFFFF;}
#footerCol4 {float: left; width: 164px; font-size: 18px; color: #666666; padding: 15px;}
#footerCol5 {float: left; width: 300px; padding: 15px;}

td.copyright {width: 980px; font-size: 11px; color: #666666; text-align: right; background: #CCCCCC; padding: 10px 20px 10px 0; vertical-align: middle;}

td.formTitle {width: 150px; padding: 7px 0 0 0; vertical-align: top;}

div.floatLeft {float: left;}
div.floatRight {float: right;}

.paddingIcon {padding: 0 10px 0 0;}
.paddingClick {padding: 15px 0 0 0;}
.paddingBlog {padding: 0 0 5px 20px;}
.paddingCreditCards {padding: 0 0 10px 0;}

.green {color: #339900;}
.brown {color: #442B30;}

a:link {color: #339900; text-decoration: none;}
a:visited {color: #339900; text-decoration: none;}
a:active {color: #339900; text-decoration: none;}
a:hover {color: #339900; text-decoration: underline;}

a#noUnderline:link {color: #FFFFFF; text-decoration: none;}
a#noUnderline:visited {color: #FFFFFF; text-decoration: none;}
a#noUnderline:active {color: #FFFFFF; text-decoration: none;}
a#noUnderline:hover {color: #FFFFFF; text-decoration: none;}

a.socialNetworks:link {color: #666666; text-decoration: none;}
a.socialNetworks:visited {color: #666666; text-decoration: none;}
a.socialNetworks:active {color: #666666; text-decoration: none;}
a.socialNetworks:hover {color: #339900; text-decoration: none;}

a.footer:link {color: #333333; text-decoration: none;}
a.footer:visited {color: #333333; text-decoration: none;}
a.footer:active {color: #333333; text-decoration: none;}
a.footer:hover {color: #339900; text-decoration: none;}

a.copyright:link {color: #666666; text-decoration: none;}
a.copyright:visited {color: #666666; text-decoration: none;}
a.copyright:active {color: #666666; text-decoration: none;}
a.copyright:hover {color: #666666; text-decoration: underline;}

a.button:link {font-size: 13px; color: #FFFFFF; font-weight: bold; background: #442B30; padding: 5px 10px 4px 10px; text-decoration: none;}
a.button:visited {font-size: 13px; color: #FFFFFF; font-weight: bold; background: #442B30; padding: 5px 10px 4px 10px; text-decoration: none;}
a.button:active {font-size: 13px; color: #FFFFFF; font-weight: bold; background: #442B30; padding: 5px 10px 4px 10px; text-decoration: none;}
a.button:hover {font-size: 13px; color: #FFFFFF; font-weight: bold; background: #339900; padding: 5px 10px 4px 10px; text-decoration: none;}