/* reset */
@import url('reset.css');

/* basic */
body{font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;background:#f4efd2;text-align:center;color:#593b30;margin:0;padding:0; }
/*NOTE: Uncomment the line below to have a full width background, do the same for ie.css */
/*body{background:#f4efd2 url(images/bg-page.jpg) repeat-x top left;} */ 
h1,h2,h3,h4,p,table,ul,ol {margin:0 0 15px 0;}
h1 {font-size:24px; font-weight:normal;}
h2 {font-size:14px; font-weight:bold;}
h3 {font-size:13px; font-weight:bold;}
h4 {font-size:13px; font-weight:bold;}
strong {font-weight:bold;}
em {font-style:italic;}
a:link, a:visited {color:#593b30; text-decoration:underline;}
a:hover, a:active {color:#000;}


/* layout */
#container{text-align:left;margin:0 auto; width:1002px;}
#header{background:#beb478 url(images/bg-header.jpg) repeat-x;padding:0 40px;}
#mainContent{background:#F4EFD2 url(images/bg-content_wrap.gif) top center repeat-y; padding:0; margin:0;}
#footer{background:url(images/bg-footer.gif) top center no-repeat;padding:0 40px; height:101px;}


/* header */
#header h1{margin:0;padding:0; width:278px; height:105px; float:left;}
#header h1 a{background:url(images/bg-logo.png) no-repeat; width:278px; height:103px; text-indent:-9999px; display:block;}
#header h2{width:477px; margin:40px 0 0 160px; display:block; float:left; font-family:"Times New Roman", Times, serif; font-style:italic; font-weight: normal; color: #7c744b;}

/* main navigation */
#mainNav {background:url(images/bg-main_nav.png) no-repeat;height:68px; position:relative;}
#mainNav ul {list-style:none; position:absolute; left:260px; top:25px;}
#mainNav li {display:block; float:left; padding:0 14px 0 13px; background:url(images/bg-main_nav_list.gif) no-repeat right 55%; font:bold 12px Arial, Helvetica, sans-serif;}
#mainNav li.last {background:none;!important} /* remove background dot on last itme */
#mainNav li a {display:block; position: relative; z-index: 60}
#mainNav li a:link, #mainNav li a:visited {color:#331509; text-decoration:none;}
#mainNav li a:hover, #mainNav li a:active, #mainNav li a.current {color:#000; text-decoration:underline!important;}

/* sub navigation */ 
#mainNav ul li ul {list-style:none; position:absolute; left:0; top:40px; background:#a49959;} /* move submenu UL to the bottom bar */
#mainNav ul li ul li {background:none; padding:0 10px;}
#mainNav ul li ul li a:link, #mainNav ul li ul li a:visited {color:#f4efd2; text-decoration:none;}
#mainNav ul li ul li a:hover, #mainNav ul li ul li a:active, #mainNav ul li ul li a.currentSub {color:white; text-decoration:underline!important;}

/* slideshow */
#slideShow {position:relative;width:922px; height:231px;}
#slideShowFrame {background:url(images/frame-slideshow.png) no-repeat; width:922px; height:231px; position:absolute; top:0; z-index:50}
#slideShowControl {position:absolute; bottom:8px; right:8px; z-index:51}
#slideShowControl p {margin:0;}
#slideShowControl a {display:block; float:left; background:url(images/bg-slideshow_control.png) no-repeat; margin:0 5px; width:25px; height:25px; text-align:center; text-decoration:none; padding:3px 0 0 0; cursor:pointer;}
#pageButtons a.activeSlide { background:url(/_css/images/bg-slideshow_control_active.png) no-repeat }

/* cottage selection */
#cottageSelections {margin:0; background:#B2A769 url(images/bg-cottage_selection.gif) no-repeat 0 20px;padding:20px 30px 0 40px; width:932px;}
#cottageSelections ul {list-style:none;}
#cottageSelections ul li {float:left; list-style:none; display:inline;}
#cottageSelections ul li a {background:url(images/bg-cottage_selection_JPG.jpg) no-repeat; display:block; height:199px; text-indent:-9999px;}
#cottageSelections ul li a#CsCandlelight {background-position:-40px 0; width:227px}
#cottageSelections ul li a#CsCandlelight.active{background-position:-40px -199px!important;}
#XXcottageSelections ul li a#CsCandlelight:hover, #cottageSelections ul li a.csCurrent{background-position:-40px -199px!important;}
#cottageSelections ul li a#CsVillage {background-position:-267px 0;width:236px}
#XXcottageSelections ul li a#CsVillage:hover {background-position:-267px -199px;}
#cottageSelections ul li a#CsForestfooter {background-position:-503px 0;width:235px }
#XXcottageSelections ul li a#CsForestfooter:hover {background-position:-503px -199px;}
#cottageSelections ul li a#CsClareCottage {background-position:-738px 0; width:229px;}
#XXcottageSelections ul li a#CsClareCottage:hover {background-position:-738px -199px;}
/* cottage selection : HOVER */
.cotButton * {display: none;}	
.cotButton span.hover {display: block;height: 199px;width: 227px;background:url(/_css/images/bg-cottage_selection_JPG.jpg) no-repeat; text-indent:-9999px;cursor: pointer;}
.candlelight {background-position:-40px -199px!important;}
.village {background-position:-267px -199px!important;}
.forest {background-position:-503px -199px!important;}
.clare {background-position:-738px -199px!important;}


/* main content */
#content {background:url(images/bg-content.gif) top center no-repeat; padding:35px 60px 0; margin:-2px 0 0 0;}
#content h3 {font-size:14px; margin:0;}
#main {float:left; width:540px; padding:0 0 20px 0;}
#main h3 a {color:#a19756;}
#main h3 a:hover {color:#000;}
#mainWide {}
#mainWide .mainWideLeft {width:480px; float:left; margin:0 0 20px 0;}
#mainWide .mainWideRight {width:390px; float:left; margin:0 0 20px 5px;}
#googleMaps {border:8px solid #a19656;}
#sidebar {float:left; width:300px; margin:30px 0 0 30px; padding:0 0 10px 0; font-size:12px;}
#sidebar ul, #content ul {margin:0 0 20px 40px;}
#sidebar ul li, #content ul li {list-style-image:url(images/bg-list.gif); margin:0 0 10px 0;}
#sidebar h3 {display:block; background:url(images/bg-sidebar_heading.gif) no-repeat; width:280px; height:37px; line-height:37px; font-size:18px; padding:5px 0 5px 20px; font-weight:normal; margin:0 0 15px 5px;}
#sidebar h3 a {text-decoration:none;}
#sidebar p, #sidebar h4 {margin:0 5px 15px 25px;}

/* New Packages CSS -- Added 29/08/2010 */
#packages { background:#fff; text-align:left; width:540px; margin:0 auto; } /* temp styling */
#packages #menu { background:url(images/bg-package_menu.gif) no-repeat; width:541px; height:22px; margin:0 auto 20px; }
#packages #menu li { float:left; padding:0 30px 0 25px; line-height:22px; background:url(images/bg-package_menu_sep.gif) center right no-repeat; margin:0; list-style-image:none;}
#packages #menu li.last { background:none; }
#packages #menu li a:link, #packages #menu li a:visited { display:block; float:left; text-transform:uppercase; text-decoration:none; }
#packages #menu li a:hover, #packages #menu li.active a { color:#bf1e2e }
#packages h3.heading { background:url(images/bg-package_heading.png) no-repeat; width:332px; height:16px; padding:0 8px; font-size:13px; font-weight:normal; line-height:16px; margin:0 0 10px; }\
#packages h4 {color:#bf1e2e; font-weight:normal; font-size:15px;}
#packages .package-content { padding:170px 20px 5px; background:url(images/bg-package_content_top.png) center 150px no-repeat; min-height:150px; height:auto!important; height:150px; }
#packages .package-content-bottom { background:url(images/bg-package_content_bottom.png) top center no-repeat; height:14px; }
#packages .fade {color:#a48a81!important;}
#packages .small {font-size:10px; text-transform:uppercase;}
#packages .package-content ul li {list-style-image:url(images/bg-list_rounded.gif);}

#packages table {margin:0 auto 20px;}
#packages #tariff { background:url(images/bg-package_tariff.jpg) no-repeat; }
#packages #gourmet { background:url(images/bg-package_gourmet.jpg) no-repeat; }
#packages #pamper { background:url(images/bg-package_pamper.jpg) no-repeat; }
#packages #dining { background:url(images/bg-package_dining.jpg) no-repeat; }
#packages .winter { background:url(images/bg-package_seasonal_winter.jpg) no-repeat; }
#packages .spring { background:url(images/bg-package_seasonal_spring.jpg) no-repeat; }
#packages .summer { background:url(images/bg-package_seasonal_summer.jpg) no-repeat; }
#packages .autumn { background:url(images/bg-package_seasonal_sutumn.jpg) no-repeat; }

#sidebar div.special h3 {background:url(images/special-bg-1.gif) no-repeat; width:301px; height:42px; line-height:45px; font-size:20px; color:#f9f5e9; padding:5px 0 5px 20px; font-weight:normal; margin:0;}
#sidebar div.special div {background:url(images/special-bg-2.gif) no-repeat; background-position:bottom; width:301px;  font-size:10pt; color:#fffef4; margin:0; padding: 0;}
#sidebar div.special div h4 {padding-top:15px; font-size:1.1em; color:#f9f5e9; }
#sidebar div.special div p {padding-bottom:25px; padding-right: 70px;}

#floorPlan {background:url(images/bg-floor_plan.gif) no-repeat; width:260px; height:110px; padding:15px; margin:0 auto 10px auto; position:relative;}
#floorPlan img {float:left; width:93px; margin:0 10px 0 0;}
#floorPlan h4 {color:#fff; font-size:26px; font-weight:normal; margin:25px 0 0 0;}
#floorPlan p {color:#fff!important;position:absolute; bottom:13px; left:95px;}
#floorPlan a {color:#fff!important; text-decoration:underline;}
#bottom {border-top:5px solid #f4efd2; font-size:12px; text-align:center; padding:10px 0 0;}
#bottom p {margin:0;}
#bottomWide {font-size:12px; text-align:center; padding:10px 0 0;}
.infoBoxTop {background:url(images/bg-info_box.gif) top center no-repeat; height:5px;}
.infoBoxContent {background:#f2f1f1;padding:5px 20px;}
.infoBoxContent p {margin:0 0 5px 0;}
.infoBoxBottom {background:url(images/bg-info_box.gif) bottom center no-repeat; height:5px;}
.galleryThumb {text-align:center;}
.galleryThumb img {margin:3px;}
.button{text-align:center; margin:0 0 20px 0!important;}
.iconWrap {margin:50px 0 0 0;}
.icon {float:left; text-align:center;width:100px; font-size:12px;}
.icon p {margin:0!important;}
.thumbLeft {float:left; margin:4px 0 0 0; display:inline;}
.textRight {margin:0 0 10px 125px; font-size:12px;}
.textRight ul {margin:0 0 15px 20px!important;} /* the listing look much better with the bullet indented - put the last margin to 0 to remove the indent */
.tariffDate {font-weight:bold; float:left; width:100px;}
.contactTitle {font-weight:bold; float:left;}
.contactInfo {margin:0 0 0 80px; display:block;}
.subSidebar {width:300px; margin:20px 0 0 90px;}

/* form */
form.style {}
form.style label {float:left; width:80px; font-weight:bold;}
form.style br {clear:left;height:0;font-size: 1px;line-height: 0; display:block;}
form.style p {margin:0 0 5px 0;}
form.style input.txtInput {width:180px; border:1px solid #e5da93; background:#ffffff;}
form.style textarea {width:180px; height:80px;border:1px solid #e5da93; background:#ffffff; margin-bottom:20px;}
form.style input.btnSubmit {margin:0 0 0 80px;}


/* footer */
#footer {color:#a19757; font-size:12px; position:relative;}
#footerLink {position:absolute; top:20px; right:40px;}
#footerLink ul {}
#footerLink ul li{display:inline; background:url(images/bg-footer_nav_list.gif) no-repeat right 55%; float:left; padding:0 10px; text-align:right;}
#footerLink ul li.last{background:none;}
#footerLink ul li a:link, #footerLink ul li a:visited {padding:0; color:#a19757; text-decoration:none; display:block;}
#footerLink ul li a:hover, #footerLink ul li a.footerCurrent {text-decoration:underline;}
#footerLink p {margin:25px 0 0 10px;}


/* classes */
.clear {clear:both;height:0;font-size: 1px;line-height: 0; display:block;}
.divider {height:1px; width:100%; margin:0 0 15px 0; border-top:5px solid #f4efd2; line-height:1px;}
.alignRight {text-align:right;}
.alignLeft {text-align:left;}
.floatRight {float:right;}
.floatLeft {float:left;}