﻿body
{
    background: #fff;
}

h4.left
{
    clear:left;
}

div#wrapper
{
    width: 980px;
    margin: 0 auto;
    background: url(../images/footer.gif) bottom no-repeat;
}

div#header
{
    background: url(../images/header.gif) no-repeat;
    height: 156px;
    padding-left: 21px;
    padding-top: 15px;
    position: relative;
}

div#branding h1
{
    text-indent: -1000px;
    background: url(../images/h1.png) no-repeat;
    height: 35px;
    width: 585px;
}

div#branding p
{
    height: 54px;
    width: 477px;
    text-indent: -1000px;
    background: url(../images/tagline.png) no-repeat;
    margin-top: 10px;
    margin-left: 74px;
}


div#navigation
{
    height: 42px;
    margin-top: 15px;
    margin-left: 12px;
}

div#navigation ul li
{
    display: inline;
}

div#navigation ul li a
{
    display: block;
    height: 32px;
    width: 126px;
    background: url(../images/tabs.png) no-repeat 0 -42px;
    float: left;
    margin-right: 3px;
    text-align: center;
    padding-top: 10px;
    text-decoration: none;
}


div#navigation ul li a:hover
{
    background-position: 0 0;
}

/*make the current pages tab active*/
body.Home a#Home, body.Rooms a#Rooms, 
body.Contact a#Contact, body.About a#About, 
body.Breakfast a#Breakfast, body.Attractions a#Attractions
{
    background-position: 0 0;
}

div#RezovationLinks
{
    position:absolute;
    top:0;
    right:0;
    margin: 15px 145px 0 0;
}

.RoomReservation
{
    clear:both;
    margin: 0 auto;
}

div#RezovationLinks li, .RoomReservation
{
    margin-bottom:3px;
    height:26px;
    width:156px;
    background: url(../images/box.png) no-repeat;
}

div#RezovationLinks a, .RoomReservation a
{
    padding-top:3px;
    display:block;
    text-align:center;
    vertical-align:middle;
}

div#contactinfo
{
    position: absolute;
    right: 0;
    bottom: 9px;
    padding-right: 30px;
}

div#main
{
    margin-top: 23px;
    margin-right: 31px;
    margin-left: 43px;
    position: relative;
}

div#main p
{
    margin-bottom: 10px;
}

div#main p.address + p
{
    clear:both;
    margin-bottom: 25px;
}

div#collage
{
    position: relative;
}

body.Home div#content
{
    width: 100%;
    float: left;
    padding: 23px 10px 0 0;
}

div#booking
{
    width: 292px;
    float: right;
    padding: 23px 0 0 10px;
    padding-top:0;
}

h2
{
    margin-bottom: 10px;
}


/* Photos on Home Page */
div#collage
{
    width:906px;
    height:309px;
    background:url(../images/manorhousebanner.jpg) no-repeat;
    position:relative;
    overflow:hidden;
}
.pics
{
    width:299px;
    height:214px;
    padding:0;
    margin:0;
    bottom:11px;
    left:32px;
    position:absolute;
}

.pics img
{
    width:  287px; 
    height: 202px; 
    top: 0; 
    left: 0;
}

div#footer
{
    clear: both;
    margin-left: 43px;
    padding: 25px 25px 35px 75px;
}

div#bottomnav ul li
{
    display: inline;
    border-left: solid 1px #669966;
    padding: 0 5px 0 5px;
}

div#bottomnav ul li:first-child
{
    border-left: none;
}

ul#RoomsRates
{
    margin-bottom: 0;
}

ul#RoomsRates li
{
    position: relative;
}

ul#RoomsRates li p
{
    width: 400px;
    float: left;
    clear: left;
}

div.photogallery
{
    width: 500px;
    position: relative;
    float: right;
}

div.division
{
    width: 719px;
    margin: 0 auto;
    clear: both;
    padding: 10px 0 10px 0;
}

.photos
{
    border: solid 1px #D9D9D9;
    padding: 5px;
    background: #fff;
}

.right
{
    float: right;
    margin-left: 10px;
    clear:right;
}

.left
{
    float: left;
    margin-right: 10px;
    clear:left;
}

.attractionsicons
{
    float: left;
    margin-right: 10px;
    margin-top:4px;
}

span.caption
{
    display: block;
    margin-top: 5px;
}

/* Room Rates */
.main_image
{
    width: 375px;
    height: 260px;
    float: left;
    position: relative;
}
.image_thumb
{
    float: right;
    width: 125px;
}
.image_thumb img
{
    background: #fff;
    float: left;
}
.image_thumb ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}
.image_thumb ul li
{
    margin: 0 0 10px 10px;  /* > ie6 0 0 10px 10px */
    float: left;
}
.image_thumb ul li:first-child
{
    margin-top: 0;
}


ul#standardrooms > li
{
    display: block;
    float: left;
    width: 400px;
    background: #ddebdd;
    padding: 20px;
    margin-bottom: 22px;
    height: 580px;
}
ul#standardrooms > li.evenli
{
    margin-left: 11px;
}
ul#standardrooms > li.oddli
{
    margin-right: 11px;
    clear: both;
}

ul.amenities, ul#standardrooms ul.amenities
{
    clear: left;
}

ul.amenities li, ul#standardrooms li ul.amenities li
{
    height:36px;
    width:36px;
    display: block;
    text-indent:-2000px;
    float: left;
}

ul.amenities li.coffeemaker, ul#standardrooms ul.amenities li.coffeemaker
{
    background: url(../images/icons/icon_coffee_maker.gif) no-repeat;
}

ul.amenities li.telephone, ul#standardrooms ul.amenities li.telephone
{
    background: url(../images/icons/icon_telephone.gif) no-repeat;
}

ul.amenities li.standardbed, ul#standardrooms ul.amenities li.standardbed
{
    background: url(../images/icons/icon_standard_bed.gif) no-repeat;
}

ul.amenities li.doublebed, ul#standardrooms ul.amenities li.doublebed
{
    background: url(../images/icons/icon_queen_bed.gif) no-repeat;
}

ul.amenities li.queenbed, ul#standardrooms ul.amenities li.queenbed
{
    background: url(../images/icons/icon_queen_bed.gif) no-repeat;
}

ul.amenities li.kingbed, ul#standardrooms ul.amenities li.kingbed
{
    background: url(../images/icons/icon_king_bed.gif) no-repeat;
}

ul.amenities li.minifridge, ul#standardrooms ul.amenities li.minifridge
{
    background: url(../images/icons/icon_mini_refrigerator.gif) no-repeat;
}

ul.amenities li.nosmoking, ul#standardrooms ul.amenities li.nosmoking
{
    background: url(../images/icons/icon_no_smoking.gif) no-repeat;
}

ul.amenities li.internet, ul#standardrooms ul.amenities li.internet
{
    background: url(../images/icons/icon_internet.gif) no-repeat;
}

ul.amenities li.breakfast, ul#standardrooms ul.amenities li.breakfast
{
    background: url(../images/icons/icon_breakfast.gif) no-repeat;
}

ul.amenities li.maid, ul#standardrooms ul.amenities li.maid
{
    background: url(../images/icons/icon_maid_service.gif) no-repeat;
}
ul.amenities li.pool, ul#standardrooms ul.amenities li.pool
{
    background: url(../images/icons/icon_pool.gif) no-repeat;
}
ul.amenities li.television, ul#standardrooms ul.amenities li.television
{
    background: url(../images/icons/icon_TV.gif) no-repeat;
}
ul.amenities li.nopets, ul#standardrooms ul.amenities li.nopets
{
    background: url(../images/icons/icon_no_pets.gif) no-repeat;
}
/* Contact US */
form.cmxform fieldset
{
    margin-bottom: 10px;
    font-size:1.4em;
}
form.cmxform legend
{
    padding: 0 2px;
    font-weight: bold;
}
form.cmxform label
{
    display: inline-block;
    line-height: 1.8;
    vertical-align: top;
}
form.cmxform fieldset ol
{
    margin: 0;
    padding: 0;
}
form.cmxform fieldset li
{
    list-style: none;
    padding: 5px;
    margin: 0;
}
form.cmxform fieldset fieldset
{
    border: none;
    margin: 3px 0 0;
    font-size:1em;
}
form.cmxform fieldset fieldset legend
{
    padding: 0 0 5px;
    font-weight: normal;
}
form.cmxform fieldset fieldset label
{
    display: block;
    width: 245px;
}
form.cmxform em
{
    font-weight: bold;
    font-style: normal;
    color: #f00;
}
form.cmxform label
{
    width: 65px; /* Width of labels */
}
form.cmxform fieldset fieldset label
{
    margin-left: 68px; /* Width plus 3 (html space) */
}

p em
{
    font-weight: bold;
    font-style: normal;
    color: #f00;
}


/* Area Attractions */

div#categories
{
    height: 42px;
    margin-top: 39px;
    margin-bottom: 25px;
    border-bottom: solid 1px #006500;
}

div#categories ul li
{
    display: inline;
}

div#categories ul li a
{
    display: block;
    height: 32px;
    width: 126px;
    background: url(../images/tabs.png) no-repeat 0 -42px;
    float: left;
    margin-right: 3px;
    text-align: center;
    padding-top: 10px;
    text-decoration: none;
}


div#categories ul li a:hover
{
    background-position: 0 0;
}
