/*
Stylesheet For: Cllr Tweeps
URL: http://www.cllrtweeps.com
Version: v1.0
Author: Cedyrn Creative, http://www.cedyrn.com
*/

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* CONTENTS

   A: Universal Elements
      1. Body & Html
      2. Hyperlinks
      3. General Divs
      4. Headings

   B: Structure
      1. Header & Navigation
      2. Content Wrapper
      3. Sidebar
      4. Main Body
	  5. Footer

	C: Modules
                                                               */
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* *********************************************************** */
/* A. Universal Elements                                       */
/* *********************************************************** */

/* ----------------------------------------------------------- */
/* A1. Body & Html                                             */
/* ----------------------------------------------------------- */

html, body {
    background: #51001D;
    padding: 0px;
    margin: 0px;
}
body, div, p {
	font-family: "Lucida Sans","Lucida Sans Unicode",Arial,Verdana;
/*	font-size: 12px;*/
    font-size: small;
	color: #320012;
}
* html body, * html div, * html p {
    font-size: 12px;
}

/* ----------------------------------------------------------- */
/* A2. Hyperlinks                                              */
/* ----------------------------------------------------------- */

a img {
	border: 0px;
}
a 
{
	color: #9E0039;
	text-decoration: none;
    font-style: italic;
}
a:hover 
{
	color: #000000;
	text-decoration: underline;
}	


/* ----------------------------------------------------------- */
/* A3. General Divs                                            */
/* ----------------------------------------------------------- */

.hide { display: none; }
.menuseparator { display: none; }
.right { text-align: right; }
.map { width: 650px; height: 400px; border: #402B0E 1px solid; }
.frame { background: transparent url(../pics/frame-large.gif) no-repeat top left; padding: 13px 20px 21px 12px; }
.frame-small { background: transparent url(../pics/frame-small.gif) no-repeat top left; padding: 7px 13px 13px 7px; }
.frame-small-t { background: transparent url(../pics/frame-small-tall.gif) no-repeat top left; padding: 7px 13px 13px 7px; }
ul.clean {margin: 0px; list-style: none; padding: 0px; }

/* ----------------------------------------------------------- */
/* A4. Headings                                                */
/* ----------------------------------------------------------- */

h1 {
    font-size: 300%;
    padding: 10px;
    font-weight: normal;
    font-style: italic;
    font-family: Georgia, "Lucida Sans","Lucida Sans Unicode",Arial,Verdana;
    color: #700028;
    text-transform: lowercase;
    margin: 0px;
}
h1.feelathome {
    background: transparent url(../pics/feel-at-home-in-the-mountains.gif) no-repeat top left;
    text-align: center;
    height:81px;
    border-bottom: #EEC3B5 3px solid;
    margin-bottom: 20px;
}
* html h1.feelathome {
    height: 100px;
}
h1.theaccommodation { background: transparent url(../pics/the-accommodation.gif) no-repeat top left; }
h1.tariffsandoffers { background: transparent url(../pics/tariffs-and-offers.gif) no-repeat top left; }
h1.localarea { background: transparent url(../pics/local-area.gif) no-repeat top left; }
h1.contactus { background: transparent url(../pics/contact-us.gif) no-repeat top left; }
h1.news { background: transparent url(../pics/news.gif) no-repeat top left; }
h1.guestbook { background: transparent url(../pics/guestbook.gif) no-repeat top left; }
h1 span {
    display: block;
    text-indent: -9000px;
}
h2 {
    color: #402B0E;
    font-weight: normal;
    font-size: small;
    font-size: 150%;
    padding: 0px;
    margin: 0px 0px 10px 0px;
}
h2.extra {
    font-size: small;
    font-weight: bold;
    margin: 10px 0px 10px 0px;
}
h3 {
    font-size: small;
    font-size: 140%;
    font-weight: bold;
    color: #402B0E;
    margin: 0px;
    margin-bottom: 10px;
    padding: 0px;
    padding-bottom: 5px;
}


/* *********************************************************** */
/* B. Structure                                                */
/* *********************************************************** */



/* ----------------------------------------------------------- */
/* B1. Shortcut Bar                                            */
/* ----------------------------------------------------------- */

/* ----------------------------------------------------------- */
/* B2. Header & Menu                                           */
/* ----------------------------------------------------------- */
div#head {
    background: #AF003E url(../pics/head-bg.gif) repeat-x bottom left;
    min-height: 135px;
    height: auto !important;
    height: 135px;
}
div#head div.logo img {
    padding-top: 10px;
}
div#head div.menu {
    padding-bottom: 5px;
    text-align: right;
}
div#head div.menu div.accreditation {
	padding-top: 5px;
	height: 105px;
}
div#head div.menu a {
    color: #FFFFFF;
    text-decoration: none;
    padding: 4px 4px 3px 4px;
    font-style: normal;
}
div#head div.menu a:hover {
    background: #51001D;
}

/* ----------------------------------------------------------- */
/* B3. Page                                                    */
/* ----------------------------------------------------------- */
div#page {
    background: #FFF4D3 url(../pics/content-bg.gif) repeat-x top left;
    padding-top: 20px;
    padding-bottom: 10px;
    min-height: 105px;
    height: auto !important;
    height: 105px;
}

div#page div.intro p {
    font-size: 110%;
}

/* ----------------------------------------------------------- */
/* B4. Lower Body                                              */
/* ----------------------------------------------------------- */
div#lowerbody {
    background: #E0D1A3 url(../pics/lowerbody-bg.gif) repeat-x top left;
    padding-top: 20px;
    padding-bottom: 10px;
    min-height: 90px;
    height: auto !important;
    height: 90px;
}
div#lowerbody div.localevents h2 {
    background: transparent url(../pics/local-events.gif) no-repeat top left;
}
div#lowerbody div.localevents h2 span {
    display: block;
    text-indent: -9000px;
}
div#lowerbody div.localevents ul {
    list-style: none;
    margin: 0px;
}
div#lowerbody div.localevents ul li {
    padding: 5px 0px 5px 20px;
    background: transparent url(../pics/bullet.gif) no-repeat left 13px;
}
div#lowerbody div.localevents ul li a {
    font-weight: bold;
    font-style: normal;
}

div#lowerbody div.theaccom h2 {
    background: transparent url(../pics/the-accommodation-sm.gif) no-repeat top left;
}
div#lowerbody div.theaccom h2 span {
    display: block;
    text-indent: -9000px;
}
div#lowerbody div.theaccom div.frame-medium {
    background: transparent url(../pics/frame-medium.gif) no-repeat top left;
    padding: 7px 17px 13px 7px;
    float: right;
    margin: 0px;
}
div#lowerbody .holidayrentals { float: right; }
div#lowerbody .holidayrentals a { color:#C0AD75; }
div#lowerbody .holidayrentals a:hover { color:#9E0039; }
/* ----------------------------------------------------------- */
/* B5. Subsite Bar                                             */
/* ----------------------------------------------------------- */


/* ----------------------------------------------------------- */
/* B6. Banners                                                 */
/* ----------------------------------------------------------- */

/* ----------------------------------------------------------- */
/* B7. Footer                                                  */
/* ----------------------------------------------------------- */
div#footer  {
    background: transparent url(../pics/footer-bg.gif) no-repeat top left;
    padding-bottom: 10px;
    padding-top: 10px;
}
div#footer div.copyright {
    color: #E0D1A3;
    font-style: italic;
}
div#footer div.copyright span.allrights {
    color: #C0AD75;
}
div#footer div.credit {
    text-align: right;
    color: #E0D1A3;
}
div#footer div.credit a {
    color: #F3DFE6;
    font-style: normal;
}
div#footer div.credit a:hover {
    color: #E0D1A3;
}
/* *********************************************************** */
/* C. Modules                                                  */
/* *********************************************************** */

/* ----------------------------------------------------------- */
/* C1. Contact                                                 */
/* ----------------------------------------------------------- */

div.fwdContactSet {
    padding-left: 5px;
}
div.fwdContactLabel {
    width: 140px;
    font-weight: bold;
    float: left;
    padding-top: 3px;
    height: 17px;
}
div.fwdContactInput {
    padding-bottom: 2px;
}
div.fwdContactInput input {
    width: 200px;
    border: #B58C4E 1px solid;
}
div.fwdContactInput select, div.fwdContactInput textarea {
    border: #B58C4E 1px solid;
}
div.fwdContactForm fieldset {
    background: #E7D5A0;
    border: 0px;
    margin: 0px;
    margin-bottom: 5px;
    padding: 0px;
    padding-bottom: 5px;
}
div.fwdContactForm fieldset legend {
    visibility: hidden;
}
span.fwdContactRequired {
    color: #FF0000;
}
div.fwdContactInput input.fwdContactBtn {
    width: 60px;
    border: #B58C4E 1px solid;
    background-color: #FFFFFF;
    color: #000000;
}
div.fwdContactInput input.fwdContactBtn2 {
    width: 50px;
    border: #B58C4E 1px solid;
    background-color: #FFFFFF;
    color: #B58C4E;
    font-size: 10px;
}


/* ----------------------------------------------------------- */
/* C2. News                                                    */
/* ----------------------------------------------------------- */
div.guestbook h2 { font-size: 100%; font-weight: bold; color: #700028; }
div.newsItem { margin-bottom: 20px; }

div.newsItem div.newsDate { margin: -10px 0 10px 0; font-weight:bold; }
div.newsItem div.newsDesc { margin-bottom: 10px; }
div.newsArchiveYears { text-align: right; }
table.newsArchiveTable th { background: #700028; text-align: left; color: #fff; }
table.newsArchiveTable td.subheading { background: #E0D1A3; text-align: left; }
table.newsArchiveTable td { border-bottom: #E0D1A3 1px solid; }
/* ----------------------------------------------------------- */
/* C3. Fancy Box                                               */
/* ----------------------------------------------------------- */

div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666; display: none; z-index: 30; }
* html div#fancy_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; }
div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('../fancybox/fancy_progress.png') no-repeat; }
div#fancy_loading_overlay { position: absolute; background-color: #FFF; z-index: 30; }
div#fancy_loading_icon { position: absolute; background: url('../fancybox/fancy_loading.gif') no-repeat; z-index: 35; width: 16px; height: 16px; }
div#fancy_outer { position: absolute;     top: 0;     left: 0;     z-index: 90;     padding: 18px 18px 32px 18px;     margin: 0;     overflow: hidden;     background: transparent;     display: none; }
div#fancy_inner { position: relative; width:100%; height:100%; border: 1px solid #444; background: #FFF; }
div#fancy_content { position: relative; margin: 0; z-index: 100; width: 100%; height: 100%; }
div#fancy_div { background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100; }
img#fancy_img { position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%; }
div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('../fancybox/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none; }
#fancy_frame { position: relative; width: 100%; height: 100%; display: none; }
#fancy_ajax { position: absolute; overflow: auto; top: 15px; left: 15px; bottom: 15px; right: 15px; }
* html div#fancy_ajax { height: expression((this.parentNode.clientHeight - 30) + "px"); }
a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url(data:image/gif;base64,AAAA); }
a#fancy_left { left: 0px; }
a#fancy_right { right: 0px; }
span.fancy_ico { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block; }
span#fancy_left_ico { left: -9999px; background: transparent url('../fancybox/fancy_left.png') no-repeat; }
span#fancy_right_ico { right: -9999px; background: transparent url('../fancybox/fancy_right.png') no-repeat; }
a#fancy_left:hover {   visibility: visible; }
a#fancy_right:hover {   visibility: visible; }
a#fancy_left:hover span { left: 20px; }
a#fancy_right:hover span { right: 20px; }
.fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }
div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0; }
div.fancy_bg { position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0; }
div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: transparent url('../fancybox/fancy_shadow_n.png') repeat-x; }
div.fancy_bg_ne { top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('../fancybox/fancy_shadow_ne.png') no-repeat; }
div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: transparent url('../fancybox/fancy_shadow_e.png') repeat-y; }
div.fancy_bg_se { bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('../fancybox/fancy_shadow_se.png') no-repeat; }
div.fancy_bg_s { bottom: -18px; width: 100%; height: 18px; background: transparent url('../fancybox/fancy_shadow_s.png') repeat-x; }
div.fancy_bg_sw { bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('../fancybox/fancy_shadow_sw.png') no-repeat; }
div.fancy_bg_w { left: -13px; height: 100%; width: 13px; background: transparent url('../fancybox/fancy_shadow_w.png') repeat-y; }
div.fancy_bg_nw { top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('../fancybox/fancy_shadow_nw.png') no-repeat; }
div#fancy_title { position: absolute; bottom: -32px; left: 0; width: 100%; z-index: 100; display: none; }
div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 3px; }
div#fancy_title table { margin: 0 auto; }
div#fancy_title table td { padding: 0; vertical-align: middle; }
td#fancy_title_left { height: 32px; width: 15px; background: transparent url(../fancybox/fancy_title_left.png) repeat-x; }
td#fancy_title_main { height: 32px; background: transparent url(../fancybox/fancy_title_main.png) repeat-x; }
td#fancy_title_right { height: 32px; width: 15px; background: transparent url(../fancybox/fancy_title_right.png) repeat-x; }