﻿/* ----------- basics --------- */
body 
{
    background-color:#EDECD7;
    padding:0px;
    margin:0px;
    font-family:Candara,Calibri,Verdana,sans-serif;
    font-size:9pt;
}
a:link, a:visited
{
    color:#999966;
    text-decoration:none;
}
a:link img, a:visited img
{
    border-color:#999966;
}
a:hover, a:active, a:focus
{
    color:#999999;
    text-decoration:underline;
}
a:hover img, a:active img, a:focus img
{
    border-color:#999999;
}
ul#accessibility
{
    left:-999px;
    overflow:hidden;
    position:absolute;
    width:990px;
}

/*------- Containers ------*/
div#container_hp
{
    width:980px;
    margin:10px auto;
    height:auto;
    overflow:hidden;
    background: #990000 url(../images/homepage_back.jpg) no-repeat scroll center 84px;
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-inline-policy: continuous;
    position: relative;
}
div#container
{
    background-color:White;
    width:980px;
    margin:0px auto;
    height:auto;
    overflow:hidden;
}

/*------------ Top bar -------- */
div#top_section
{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent none repeat scroll 0 0;
    display:inline;
    float:right;
    /*height:84px;*/
    width:787px;
    z-index:280;
}
div#hotelname
{
    background-color:#FEFBDF;
    height:79px;
    background-image:url('images/clarencetitle4.png');
    background-position:top left;
    background-repeat:no-repeat;
    text-align:right;
    font-size:16pt;
    color:#A30012;
    padding-top:5px;
    padding-right:12px;
    overflow:visible;
}
/*------------ First Navbar ---- */
div#nav1
{
    padding-left:15px;
    width:773px;
    height:35px;
    background-color:white;
    background-image:url('images/navbaredge.png');
    background-position:-1px -1px;
    background-repeat:no-repeat;
    position:relative;
}
div#nav1 ul
{
    float:left;
    background-color:white;
    list-style:none;
    padding:0px;
    padding-top:15px;
    margin:0px;
    display:block;
    font-size:8pt;
    width:578px;
    color:#999966;
}
div#nav1 ul li
{
    float:left;
    background-color:white;
    display:block;
    width:auto;
    padding-right:15px;
}
div#nav1 div#trans
{
    float:right;
    width:187px;
    text-align:right;
    position:absolute;
    top:-50px;
    right:0px;
    z-index:50px;
    color:#A30012;
    /*color:#999966;*/
    font-size:14px;
    padding-right:12px;
}

/*------------ Second Navbar --- */
div#nav2
{
    padding-left:5px;
    width:787px;
    overflow:hidden;
    opacity:0.92;
    background-color:white;
    background-image:url('images/topbar_back2.png');
    background-position:bottom center;
    background-repeat:repeat-x;
}
div#nav2 ul
{
    list-style:none;
    padding:0px;
    margin:0px;
    display:block;
    width:787px;
}
div#nav2 ul li
{
    float:left;
    display:block;
    width:auto;
}
div#nav2 ul li a, div#nav2 ul li a:link, div#nav2 ul li a:visited
{
    display:inline-block;
    padding:10px;
    font-variant:small-caps;
    font-size:11pt;
    font-weight:900;
    text-decoration:none;
    color:Black;
}
div#nav2 ul li a:hover, div#nav2 ul li a:focus, div#nav2 ul li a:active
{
    padding:10px;
    color:Gray;
}

/*-------- Side Bar ------*/
div#sidebar
{
    float:left;
    width:193px;
    height:auto;
    padding-bottom:10px;
    background-color:#FEFBDF;
    background-image:url('images/sidebar_back.png');
    background-position:bottom center;
    background-repeat:repeat-x;
}
#h1_title
{
    display:block;
    background-image:url('images/poppy3.png');
    background-position:bottom center;
    background-repeat:no-repeat;
    margin:0px;
    padding:0px;
    line-height:normal;
    height:449px;
}
#h1_title a
{
    display:block;
    height:432px;
    overflow:hidden;
    text-indent:-99999px;
    width:193px;
}
div.nwsltr
{
    height:59px;
    padding:10px;
}
div.nwsltr #nwsltrtitle
{
    font-variant:small-caps;
    color:#999966;
    padding-bottom:5px;
    font-weight:bold;
}
div.nwsltr input
{
    border:solid 1px #CCCCCC;
    margin-bottom:5px;
    background-color:White;
    width:100px;
}
div.nwsltr button
{
    background-color:Transparent;
    border:none;
}
div#availability
{
    height:184px;
    padding:10px;
    font-size:13px;
}
div#avail_title
{
    font-variant:small-caps;
    color:#999966;
    font-size:14px;
    padding-bottom:5px;
    font-weight:bold;
}
div#availability label.lab1
{
    display:inline-block;
    width:50px;
}
div#availability label.lab2
{
    display:inline-block;
    width:50px;
}
div#availability input.text1
{
    border:solid 1px #CCCCCC;
    margin-bottom:5px;
    width:80px;
}
div#availability input.text2
{
    border:solid 1px #CCCCCC;
    margin-bottom:5px;
    width:20px;
}
input.calbutton
{
    width:20px;
    height:20px;
    background-image:url("images/calendar_icon.png");
    background-position:center center;
    background-repeat:no-repeat;
    background-color:white;
    border:solid 1px white;
    margin-bottom:5px;
    cursor:pointer;
    text-indent:-150px;
    overflow:hidden;
}
div#availability button.avail
{
    font-variant:small-caps;
    font-size:11px;
    color:white;
    background-color:#D7D5BF;
    padding:4px 0px;
    text-align:center;
    width:160px;
    border:none;
    margin-top:5px;
    font-weight:bold;
    cursor:pointer;
}
div#availability ul
{
    list-style-image:url('images/bullet.png');
    padding-left:20px;
    margin-left:0px;
}
div#sidenav
{
    padding:10px;
    font-size:14px;
}
div#sect_title 
{
    padding:0px;
    margin:0px;
    display:block;
    font-size:11pt;
    font-weight:bold;
    font-variant:small-caps;
}
div#sect_title a:link, div#sect_title a:visited
{
    color:Black;
}
div#availability ul, div#sidenav ul
{
    list-style-image:url('images/bullet.png');
    padding-left:20px;
    margin-left:0px;
}
div#offers
{
    height:auto;
    padding:10px;
}

/*-------- Main section ---*/
div#main
{
    float:left;
    height:auto !important;
    margin-top:0;
    min-height:280px;
    padding-bottom:30px;
    padding-left:22px;
    position:relative;
    width:765px;
    background-image:url('images/mainimg_back2.png');
    background-position:0px 347px;
    background-repeat:repeat-x;
}
div#mainimg
{
    height:352px;
    margin-left:-22px;
    margin-top:-5px;
    padding-bottom:0px;
    position:relative;
    background-color:White;
}
div.image_main
{
    position:absolute;
    top:0px;
    left:0px;
    z-index:10;
}
div.img_caption
{
    position:absolute;
    top:0px;
    left:0px;
    padding:5px;
    width:100px;
    font-weight:bold;
    z-index:13;
    text-align:center;
    background-image:url('images/75p_white.png');
}
div#image_thumbs
{
    width:777px;
    height:45px;
    padding:5px;
    text-align:center;
    background-image:url('images/75p_white.png');
    position:absolute;
    bottom:0px;
    left:0px;
    z-index:20;
}
a.image_thumb_single
{
    margin:0px 10px;
}
div#image_thumbs img
{
    border-style:solid;
    border-width:2px;
  /*  border-color:#999966;*/
}
/*a.image_thumb_single:hover img, 
a.image_thumb_single:active img, 
a.image_thumb_single:focus img
{
    border-color:#999999;
}*/
div#maintxt
{
    padding-right:22px;
    text-align:justify;
}


/*--------- Footer ----*/
div#footer
{
    display:block;
    clear:both;
    height:43px;
    margin:19px 0 0;
    padding:10px 10px 10px 0;
    position:relative;
    width:970px;
    background-color:White;
}
div#nav3
{
    display:none;
/*    margin:0;
    padding:0;
    position:absolute;
    right:178px;
    top:30px;*/
}
div#nav4
{
    float:right;
    margin-bottom:3px;
    position:relative;
    right:8px;
    top:18px;
}
div#nav4 ul
{
    list-style:none;
    padding:0px;
    margin:0px;
    display:block;
    font-size:8pt;
    width:787px;
}
div#nav4 ul li
{
    float:right;
    display:block;
    width:auto;
    padding-right:15px;
}

div#contact
{
    float:right;
    position:relative;
    right:10px;
    top:18px;
}
div#contact address
{
    padding:0px;
    margin:0px;
    display:block;
    font-size:8pt;
    width:787px;
    color:#999966;
    text-align:right;
    font-style: normal;
}
div#copy
{
    float:left;
    left:13px;
    margin-bottom:3px;
    position:absolute;
    top:24px;
    width:300px;
    font-size:10px;
}


/*-------------Homepage ------*/
div#hpmain
{
    float:left;
    height:auto !important;
    margin-top:0;
    min-height:280px;
    padding-left:22px;
    position:relative;
    width:765px;
}
div#hplink
{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#FFFFFF none repeat scroll 0 0;
    bottom:-200px;
    font-size:1.2em;
    height:auto !important;
    min-height:20px;
    opacity:0.8;
    /*padding-left:190px;*/
    position:absolute;
    right:0;
    text-align:center;
    width:788px;
    z-index:10;
    margin-left:-22px !important;
}
div#hplink p
{
    color:#8E8854;
    margin:0;
    padding:7px 20px;
}
div#hplink p a
{
    color:#8E8854;
    text-decoration:none;
}
div#hpnwsltr
{
    position:absolute;
    top:0px;
    right:0px;
}

div.hpsidebar
{
    padding-bottom:10px !important;
    background-image:none !important;
    position:relative;
    margin-bottom:0px !important;
}

div.hpfooter
{
    display:block;
    clear:both;
    height:113px!important;
    margin:0px;
    padding:10px 10px 10px 0;
    position:relative;
    width:970px;
    background-color:White;
    background-image:url('images/mainimg_back.png');
    background-position:0px 0px;
    background-repeat:repeat-x;
}
div.hpfooter div#copy
{
    top:84px;
}
div.hpfooter div#contact, div.hpfooter div#nav4
{
    top:78px;
}


/*----- Tabs Section ---*/
div#hpfeat
{
    height:210px;
    width:183px;
    background-color:#F3F0D5;
    /*background-image:url('images/feat_back.png');
    background-position:top center;
    background-repeat:no-repeat;*/
    padding:10px;
    margin-bottom:-10px;
    position:absolute;
    right:-780px;
    top:230px;
}
.tab_inactive 
{
    display:block;
    position:absolute;
    top:0px;
    margin-top:0px;
    cursor:pointer;
    height:21px;
    background-color:#DFDDC7;
}
.tab_active
{
    display:block;
    position:absolute;
    top:0px;
    margin-top:0px;
    height:21px;
    background-color:#fcfcf6;
}
.tab_active h2, .tab_inactive h2
{
    font-size:16px;
    padding:0px 5px;
    margin-top:0px;
    
}
.tabspace
{
    display:block;
    position:absolute;
    top:5px;
    width:5px;
    height:21px;
}
.section_active
{
    display:block;
    position:absolute;
    background-color:#fcfcf6;
    width:163px;
    padding:5px 5px 10px 5px;
    top:21px;
    background-image:url('images/feat_back.png');
    background-position:bottom center;
    background-repeat:no-repeat;
}
.section_active p
{
    padding-bottom:5px;
    margin:0px;
    font-size:13px;
    line-height:normal;
}
.section
{
    display:none;
}
#tabs
{
    position:relative;
}

/*------- Additional sections ----*/
#gallery
{
/*    background-color:red;
    height:300px;
    margin:0px -22px;
    padding:22px;*/
}
