﻿body { margin: 0px; background: #FCEEBC url(../Images/Bg.jpg) left top repeat; text-align: center; }

h1 { font-family: Georgia; font-size: 24px; font-weight: normal; font-style: italic; color: #78231E; margin: 0px 0px 20px -25px; padding: 0px; letter-spacing: -1px; }
h2 { font-family: Georgia; font-weight: normal; margin: 0px; padding: 0px; }
h3 { font-family: Georgia; font-weight: normal; margin: 0px; padding: 0px; }
h4 { font-family: Arial; font-weight: normal; margin: 0px; padding: 0px; }
a { color: #78231E; }
a:visited { color: #AF914B; }
a:hover { color: #98432E; }
.Red { color: #78231E; }

div { font-family: Georgia, Times New Roman, Arial; font-size: 11px; color: #000000; line-height: 16px; }

div.Container { width: 760px; position: relative; margin: 0px auto 0px auto; padding-left: 10px; text-align: left; background: url(../Images/Shadow.png) repeat-y center; }

div.Container div.LinkBar { width: 227px; position: absolute; top: 0px; left: 518px; z-index: 2; background: url(../Images/NavBG.png) no-repeat; min-height: 637px; height: auto !important; height: 637px; }
div.Container div.LinkBar div.NavLinks { margin: 213px 0px 0px 4px; text-align: center; line-height: 20px; }
div.Container div.LinkBar div.NavLinks a { font-family: Georgia; color: #78231E; font-size: 11px; text-decoration: none; text-transform: uppercase; }
div.Container div.LinkBar div.NavLinks a:visited { color: #78231E; }
div.Container div.LinkBar div.NavLinks a:hover { color: #98432E; }
div.Container div.LinkBar div.NavLinks a:active { color: #98432E; }
div.Container div.LinkBar div.LinkBarInfo { text-align: center; font-family: Arial; font-size: 11px; color: #776231; }
div.Container div.LinkBar div.LinkBarBanner { width: 240px; height: 65px; position: absolute; top: 570px; left: 16px; background: url(../Images/NavBotBanner.png); z-index: 3; }
div.Container div.LinkBar div.LinkBarBanner img { margin: 7px 0px 0px 42px; }

div.Container div.MainHeader { width: 750px; height: 285px; background: WHITE url(../Images/HeaderHome.jpg) no-repeat; }
div.Container div.MainHeader#BookOnline { background: url(../Images/HeaderBookOnline.jpg) no-repeat; }
div.Container div.MainHeader#OurMotel { background: url(../Images/HeaderOurMotel.jpg) no-repeat; }
div.Container div.MainHeader#Accommodations { background: url(../Images/HeaderAccommodations.jpg) no-repeat; }
div.Container div.MainHeader#Restaurant { background: url(../Images/HeaderRestaurant.jpg) no-repeat; }
div.Container div.MainHeader#CoffeeShop { background: url(../Images/HeaderCoffeeShop.jpg) no-repeat; }
div.Container div.MainHeader#Weddings { background: url(../Images/HeaderWeddings.jpg) no-repeat; }
div.Container div.MainHeader#Location { background: url(../Images/HeaderLocation.jpg) no-repeat; }
div.Container div.MainHeader#ContactUs { background: url(../Images/HeaderContactUs.jpg) no-repeat; }
div.Container div.MainHeader img.CamilleLogo { position: absolute; top: 20px; left: 518px; z-index: 3; }

div.Container div.MainContent { width: 485px; padding-right: 265px; background: WHITE url(../Images/LowerMainBG.png) no-repeat left bottom; min-height: 370px; height: auto !important; height: 370px; }
div.Container div.MainContent div.Content { position: relative; top: -57px; left: 55px; width: 435px; font-size: 13px; line-height: 18px; }
div.Container div.MainContent div.Content div.Badge { float: right; margin: 0px 0px 5px 5px; }
div.Container div.MainContent div.Content div.ThumbGallery { float:left; height: 65px; width: 98px; margin:0px 10px 10px 0px; overflow: hidden; }
div.Container div.MainContent div.Content div.ThumbGallery img { border:none; width:98px; }
div.Container div.MainContent div.Content img#VideoThmb { float: right; margin: 0px 0px 5px 10px; border: none; }

div.Container div.Footer { width: 740px; padding: 10px 0px 5px 10px; background: #78231E; min-height: 95px; height: auto !important; height: 95px; font-family: Georgia; font-size: 10px; color: White; line-height: 16px; }
div.Container div.Footer a { color: White; text-decoration: none; }
div.Container div.Footer a:visited { color: White; }
div.Container div.Footer a:active { color: White; }
div.Container div.Footer a:hover { color: White; text-decoration: underline; }

div.ArticleList { width: 430px; clear: both; }
div.ArticleList h2 { margin: 0px 0px 4px 0px; font-size: 18px; font-weight: normal; }
div.ArticleList h3 { font-size: 12px; font-weight: normal; margin: 0px 0px 8px 0px; }
div.ArticleList p { clear: both; margin: 0px; }
div.ArticleListLine { border-top: 3px solid #e4e4e4; clear: both; height: 3px; margin: 10px 0px 10px 0px; }

div.StarBig { width: 17px; height: 16px; margin: 0px 0px 0px 0px; background: url(../Images/IconStarBig.png) no-repeat; float: left; }
div.StarBig#N { background: url(../Images/IconStarBigN.png) no-repeat; }
div.StarBig#H { background: url(../Images/IconStarBigH.png) no-repeat; }

div.ReviewBadge { width: 177px; height: 132px; background: url(../Images/ReviewBadgeBg.png) no-repeat; position: relative; }
div.ReviewBadge div.Rating { position: absolute; width: 177px; top: 93px; font-family: Trebuchet MS; font-size: 11px; color: #888888; line-height: 14px; text-align: center; }
div.ReviewBadge div.Rating span { color: #813e7c; }
div.ReviewBadge div.StarRating { margin: 0px 0px 0px 0px; position: absolute; top: 75px; left: 47px; }
div.ReviewBadge div.StarRating div.Star { width: 17px; height: 16px; margin: 0px 0px 0px 0px; background: url(../Images/IconStarBig.png) no-repeat; float: left; }
div.ReviewBadge div.StarRating div.Star#N { background: url(../Images/IconStarBigN.png) no-repeat; }
div.ReviewBadge div.StarRating div.Star#H { background: url(../Images/IconStarBigH.png) no-repeat; }

div.pnSpecial { border: 2px dashed #78231E; background-color: White; padding: 4px; margin: 10px 0px 10px 0px; }
div.DottedLineTopBott { position: relative; margin: 0px auto 0px auto; width: 114px; padding: 5px 0px 5px 0px; text-align: center; border-top: 1px dotted GRAY; border-bottom: 1px dotted GRAY; font-family: Arial; font-size: 12px; color: #78231E; letter-spacing: 1px; }

img.Inset110L { width: 110px; margin: 0px 5px 5px 0px; float: left; }

div.Clear { clear: both; height: 1px; }
div.Clear5 { clear: both; height: 5px; }
div.Clear10 { clear: both; height: 10px; }
div.Clear15 { clear: both; height: 15px; }
div.Clear20 { clear: both; height: 20px; }

