*{padding:0;margin:0}
img{border:0}
:hover,:focus{ outline:none}
a{ text-decoration:none; color:#84815B}
a:hover{ color:#474D62}
span.more,a.more,a.more b,span.more b{ font: bold 12px/20px arial;padding:0 0 0 10px; background:#f4f6fd url(../images/button.png) scroll no-repeat left top;color:#fff;float:right; margin-bottom:10px;}
a.more b,span.more b{padding:0 10px 0 0; background-position:right top; float:none; display:block}
a.more b:hover{color:#E5E5EF;}
span.more,span.more b{ background-image:url(../images/button2.png)}

ul,li{ list-style:none}
ol li{ list-style: disc outside; margin-left:20px; padding-left:20px}
p,.p,ol{margin:15px 7px}
p,.p {text-align: justify}
.hM{ margin-left:0; margin-right:0}

h1{ font: bold 20px/2 Candara, Arial, Helvetica, sans-serif; margin:30px 0 15px; color:#7aa1b2}
h2{font: normal 18px/2 Candara, Arial, Helvetica, sans-serif;margin:10px 7px }
h4{font: bold 14px/1.2 Candara, Arial, Helvetica, sans-serif;color:#7697a6;margin:0 7px }
h1 img, h2 img{ display:block; margin:0 auto}

.caps{ margin:-30px -5px 0 -25px; vertical-align:text-bottom}
.caps.T{ margin-right:-42px}
.caps.S{ margin-right:-30px}
.caps.F{ margin-right:-40px}
.caps.M{ margin-right:-33px;}

body{ font:normal 62.5%/1.5 Candara, Arial, Helvetica, sans-serif; background:#82869b url(../images/elora_tile.png) fixed repeat left top; color:#7F7C77}

#container{ width:930px; margin:0 auto; background: url(../images/banner1.png) scroll  no-repeat top right;}
#banner{height:130px; position: relative; text-align:right; z-index:100}
#banner #logo{ position:absolute; left:-12px; top:35px; z-index:50;width:363px;height:131px; line-height:131px;color:#fff;  font: bold 4em Arial, Helvetica, sans-serif;display:block;}



#content_border{border:10px solid #dcdcdb; border-bottom-width:0; background:#dcdcdb }
#content{background:#f4f6fd left bottom no-repeat ; font-size:1.4em;}
#content_bottom{height:26px;font:normal 16px/26px  "Trebuchet MS", Arial, Helvetica, sans-serif;color:#7e7c92;
background:#dcdcdb; clear:both;}

form#offer_signup{display:none;font-size:11px; line-height:26px;float:right; width:40%; text-align:right}
form#offer_signup input{font-size:10px;color:#b0b0c7; float:right; margin-left:4px}
form#offer_signup #email{ text-align:left;background:#f4f6fd; border:1px solid #bebecc; padding:2px 0 2px 6px; margin-top:5px ;width:124px;margin:3px 0 0 4px;}


#topnav{ background:#474d62 url(../images/topnav2.png) scroll no-repeat center top; height:36px; text-align:center; overflow:hidden}
#topnav a{font:bold 12px/36px Arial, Helvetica, sans-serif; color:#fff;float:left;height:100%;background:#474d62 url(../images/topnav2.png) scroll no-repeat 0 bottom}

#topnav a img{margin-top:-36px}
#topnav a:hover img,#topnav a.active img{color:#cccaba; margin-top:0}

#topnav a:hover, #topnav a.active{ background:none}
#topnav .a_0{width:66px; background-position:-0px bottom}
#topnav .a_1{width:74px; background-position:-66px bottom}
#topnav .a_2{width:106px; background-position:-140px bottom}
#topnav .a_3{width:64px; background-position:-246px bottom}
#topnav .a_4{width:126px; background-position:-310px bottom}
#topnav .a_5{width:126px; background-position:-436px bottom}
#topnav .a_6{width:60px; background-position:-562px bottom}
#topnav .a_7{width:48px; background-position:-622px bottom}
#topnav .a_8{width:78px; background-position:-670px bottom}
#topnav .a_9{width:82px; background-position:-748px bottom}
#topnav .a_10{width:80px; background-position:-830px bottom}


.bar_container{ background:url(../images/lavender.png) left bottom no-repeat}
#left_bar{width: 270px; float:left; position:relative}
#right_bar{width: 524px; float:left; margin-left:60px;}
#ads{ margin:-10px 0 0 0;}
#ads li{margin:10px 0 0 0;}
#ads a{display:block}
#ads img{ border: 1px solid #dcdcdb;}
#ads a:hover img{ border-color:#B0B0C7}

form#check_avail{ background: transparent url(../images/box.png) scroll no-repeat left bottom;padding-bottom:18px; color:#fff; font: normal 12px/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center;}
form#check_avail .wrapper{ background:#b0b0c7;padding:15px 0 0 0}
form#check_avail li{margin:0 3px;vertical-align: middle;}
form#check_avail img{ margin:3px 0 0 2px; vertical-align:top;}
form#check_avail label{ display:block; padding:0 0 4px 0;}
form#check_avail .arrival label{ padding-right:20px}
form#check_avail input,form#check_avail select{ padding:3px 2px; text-align:center; color:#474d62; border:1px solid #aaa; 
font: normal 1em Arial, Helvetica, sans-serif}
form#check_avail option{ padding:0 2px}
form#check_avail .mid{ width:70px;font-size:12px}
form#check_avail #check_button{overflow:hidden;margin:0;height:21px; width:129px;}
form#check_avail #check_button input{ margin:0; padding:0; border:none }
form#check_avail #check_button:hover input{ margin-top:-21px}

#act_evt_menu ul{ width:524px;height:90px;background:url(../images/act_evt_menu.png) scroll no-repeat left center;}
#act_evt_menu li{ width:100%;height:30px; overflow: hidden;}
#act_evt_menu li a{ display:block; font:bold 15px/2 Arial, Helvetica, sans-serif; text-align:center;color:#a39d97;
width:100%;height:100%;}
#act_evt_menu li a:hover,#act_evt_menu li a.active{background:url(../images/act_evt_menu.png) scroll no-repeat right center;}
#act_evt_menu li a.first:hover,#act_evt_menu li a.first.active{ background-position: right top}
#act_evt_menu li a.last:hover,#act_evt_menu li a.last.active{ background-position: right bottom}
#act_evt_menu li a span{ display:none}
#act_evt_content{ margin-top:20px}

#suite_right{width:637px; float:right;text-align:center; color:#fff; position:relative}
#suite_left{width:260px; float:left;background:#b0ae99; color:#F4F6FD; margin-left:6px}
#suite_nav { padding:27px 0 10px; text-align:center; background:#f4f6fd;color:#8c847d;}
#suite_nav a{color:#8c847d; font-size:.85em; font-family:Arial, Helvetica, sans-serif}
#suite_nav a:hover,#suite_nav a.active{ color:#650;}
#suite_pager{ position:absolute; bottom:2px; right:2px; z-index:100}

#suite_pager .ib {margin-right:1px;/*border:1px solid #333333*/;width:10px;height:10px;background-color:#999999}
#suite_pager .ib:hover{background-color:#black;border-color:white}
#suite_pager .activeSlide .ib{ background-color:#333}

/*#suite_pager img{border:1px solid #B0B0C7;margin:0;}
#suite_pager .activeSlide img,#suite_pager a:hover img{ border-color: #474d62}*/

#xx_pager img,#suite_pager img {border:1px solid #474d62;margin:0;}
#xx_pager .activeSlide img,#suite_pager .activeSlide img,#xx_pager a:hover img,#suite_pager .activeSlide img{ border-color: #B0B0C7}

#xx_pager .ib {margin-right:1px;/*border:1px solid #333333*/;width:10px;height:10px;background-color:#999999}
#xx_pager .ib:hover{background-color:#black;border-color:white}
#xx_pager .activeSlide .ib{ background-color:#333}

#suite_desc{padding:0 5px;height:260px;text-align:left; overflow:hidden}
#suite_desc h2{text-align:center; font-weight:bold; padding:0}
#suite_desc p{overflow:auto; overflow-x:hidden; height:200px; margin:0 0 0 5px;font-size:13px}

#theme{text-align:right; height:370px;position:relative; overflow:hidden}
#xx_pager{ position:absolute; bottom:5px; right:5px; width:95%; z-index:100}

#photo_gallery{ padding:0 0 10px 0; text-align:center}

#map_direction{}
#map_direction h4{ margin:10px 0}
#map_direction ul{ margin:10px 0}
#map_direction li{ list-style:disc outside; padding:0 0 2px 2px; margin-left:15px}

#google_map{ margin:15px 0 10px}

#footer{ font:normal 11px/ 1.2 Calibri, Arial, Helvetica, sans-serif; text-align:center; color:#fff; padding:10px}
#footer a{ text-decoration:underline; color: #fff}
#footer a:hover{ text-decoration:none}

#contact_container{ margin:10px}
.split{ width:48%; font: normal 1em/1.2 Calibri, Arial, Helvetica, sans-serif}
.split_3{width:30%; margin-right:14px; float:left}
.split_3.last{ margin-right:0}

.sexyform input,.sexyform textarea{ width:100%; padding:2px 0 2px 2px;font: normal 14px/1.2 Calibri, Arial, Helvetica, sans-serif; color:#474D62; overflow:auto;overflow:visible;}

.sexyform textarea{ height:80px;}
.sexyform input{*width:112px;}
.booking input{*width:136px;}
.sexyform textarea{*width:240px}
.sexyform.booking textarea{*width:310px; zoom:1}

@media all and (min-width: 0px){} .sexyform input{width:112px;}
@media all and (min-width: 0px){} .booking input{width:136px;}
@media all and (min-width: 0px){} .sexyform textarea{width:240px}
@media all and (min-width: 0px){} .sexyform.booking textarea{width:310px;}


.sexyform .chkbox_wrap { padding:8px 0 5px}
.sexyform .chkbox_wrap label{ margin:-2px 0 0 25px}
.sexyform label{ display:block; margin:5px 0}
.sexyform .auto input{ width:auto;}
.sexyform .mid input{ width:240px}
.sexyform  small{ margin:5px 2px; font-size:11px; display:block}
.sexyform .split_3 input{width:80px}
.sexyform .submit_area{ text-align:center; margin-top:5px} 

#status{ color:red; font-weight:bold; padding-left:5px; text-transform:capitalize}
#loading{ background:#474D62; color:#fff; padding:2px; font: bold 10px/1 arial}

.menu-list{ background:#fff url(../images/elora_logo_small.png) center top no-repeat; width:95%; margin:0 auto; padding:60px 0 5px; *padding-top:90px}
.menu-list h4,.menu-item{font: bold 14px/1.2 Candara, Arial, Helvetica, sans-serif;color:#7697a6; margin:0; padding:0}
.menu-list p{ font:normal 12px/1.4 Arial; color:#afaaa4; margin:0 0 5px 0; padding:0}
.menu-list h1 {font-size:18px; clear:both; line-height:1em}
.menu-item{ margin-bottom:5px}
.menu-list ul{ list-style:none}
.item-desc{ width:80%; float:left}
.item-price{ width:20%; float:right; text-align:right}

center{ clear:both; display:block; padding-top:2px}

/*equal height*/
.eW{ overflow:hidden}
.eH{ padding-bottom:400px; margin-bottom:-400px}
/* aligning*/
.al{ text-align:left}
.ar{ text-align:right}
.aj{ text-align: justify}
.ai{ text-align:inherit}

/* tricky css of forcing inline-block */
.inlineBlock,.ib{display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;}

/* tricky css of floating */
.clear{clear:both}
.clearBoth{clear:both;height:0;font-size: 1px;line-height: 0px;}
.clearLeft{clear:left}
.clearRight{clear:right}
.floatLeft{float:left}
.floatRight{float:right}

/* slightly enhanced, universal clearFix hack */
.clearFix:after { visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearFix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearFix { height: 1%; }
.clearFix { display: block; }
/* close commented backslash hack */
.curved {-webkit-border-radius: 8px;-khtml-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}


#dl-pdf,.sIFR-alternate{ display:none}
.sIFR-root{ padding:0; margin:0;}
.sIFR-flash{width:360px}