﻿*
{
    padding:0;
    margin:0;
}
body 
{
    font: 62.5% Verdana, Ariel, Geneva, Helvetica, sans-serif;
    padding-left: 2px;
    background-color: Black;
    background-image: url(../images/banner-underline.gif);
    background-repeat:repeat-x;
}
#wrapper
{
    width:960px;
    margin: 0 auto;
}
#banner
{
    height:101px;
    height:56px;
    width:100%;
    background-image: url(../images/home-logo.gif);
    background-image: url(../images/Birchfield-House-Banner.jpg);
    background-repeat: no-repeat;
    background-color:Black;
    padding-top:45px;
}
#left-column
{
    width:300px;
    height:600px;
    float:left;
    background-color:black;
    background-image: url(../images/Birchfield-House-Banner-side.jpg);
    background-repeat: no-repeat;
    padding-top:78px;
}


#right-column
{
    width:660px;
    height:600px;
    float:left;
    margin-top:16px;
}
.clearfloats
{
    clear:both;
    overflow:hidden;
    height:0px;
}
#topnav
{
    display:block;
}
#topnav li
{
    float:right;
}
#topnav li a
{
    display:block;
    font-size:17px;
    padding-left:30px;
    padding-right:4px;
}
#topnav li a.greyed
{
    color:#333333;
}
#holding-text
{
    width:266px;
    height:339px;
    border-left:solid 2px #f7bc0f;
    border-right:solid 2px #f7bc0f;
    border-bottom:solid 2px #f7bc0f;
    font-size:17px;
    background-color:Black;
    background-color:#231f20;
    color:White;
    padding:10px 4px 4px 4px;
    margin-left:10px;
}

#leftnav li
{
    text-decoration:none;
    list-style-type:none;
}
#leftnav li a
{
    display:block;
    width:267px;
    width:270px;
    width:248px;
    height:81px;
    height:54px; /* 81px */
    height:58px; /* 81px */
    height:58px; /* 81px */

    border-right:solid 2px #f7bc0f;
    border-left:solid 2px #f7bc0f;
    /*border:solid 2px #5f5f5f;*/
    margin:0px 0px 0px 10px;
    padding-top:28px;
    padding-left:10px;
    padding-right:16px;
    font-size:17px;
    background-color:Black;
    background-color:#231f20;
}
.kevin
{
    background-image: url(../images/home-KW.jpg);
    background-repeat:no-repeat;
    background-position:right;
}
.events
{
    background-image: url(../images/home-champagne.jpg);
    background-repeat:no-repeat;
    background-position:left;   
    border-bottom:solid 2px #5f5f5f;
    text-align:right;
}
.news
{
    background-image: url(../images/newspapers.jpg);
    background-repeat:no-repeat;
    background-position:left;      
    border-bottom:solid 2px #5f5f5f;
    text-align:right;
}
.iom
{
    background-image: url(../images/home-iom.jpg);
    background-repeat:no-repeat;
    background-position:right;     
    border-bottom:solid 2px #5f5f5f;
}
.find
{
    background-image: url(../images/IsleofManMap.jpg);
    background-repeat:no-repeat;
    background-position:left;     
    border-bottom:solid 2px #f7bc0f;
    text-align:right;
}
#leftnav li a.booking
{
    background-image: url(../images/home-makeabooking.jpg);
    background-repeat:no-repeat;
    background-position:right;
    height:57px;
}
/*homepage*/
#home-kevin
{
    margin-left:12px;
    height:210px;
    width:178px;
    background-image: url(../images/kevin.jpg);
    border:solid 2px #dddddd;
    float:left;
}
#home-cottage2
{
    height:210px;
    width:650px;
    background-image: url(../images/home-cottage2.jpg);
    border:solid 2px #dddddd;
    float:left;
}
#news-top
{
    height:210px;
    width:650px;
   /* background-image: url(../images/home-cottage2.jpg);*/
    border:solid 2px #dddddd;
    float:left;
}
#douglas-bay
{
    height:210px;
    width:456px;
    background-image: url(../images/home-exterior.jpg);
    border:solid 2px #dddddd;
    float:left;
}

#home-text
{
    margin-top:12px;
    border:solid 2px #5f5f5f;
    height:338px;
    height:368px; /*Logo added */
    padding:8px;
    width:634px;
    background-color:#231f20;
}

.news_title,.news_title a
{
    padding-top:12px;
    font-size:18px;
}
.news_intro
{
    font-size:14px;
}
p.news_intro a
{
    font-size:14px;
    color:#f7bc0f;
}

.newstitleblock
{
    padding-top:6px;
    padding-bottom:12px;
}
#news-block,#maintext
{
    margin-bottom:20px;
    border:solid 2px #5f5f5f;
    /*height:338px;
    height:368px; */ /*Logo added */
    min-height:312px; /*Logo added new padding*/
    padding:0px 32px 16px 16px;
    width:650px;
    width:602px;
    background-color:#231f20;
}
#mainmenu
{
    margin-top:12px;
    width:660px;
    height:32px;
}
.newsmain
{
    background-image: url(../ibwebimages/1/newstabback.gif);
    background-repeat:repeat-x;
    padding:0px 0px 0px 8px;
    width:642px;
}
#newsnav,.news_nav
{
    float:right;
    width:200px;
    height:78px;
}
.newsselect
{
}
.newsselect li
{
    float:left;
}
.newsselect li a
{
    display:block;
    font-size:17px;
    width:210px;
    height:24px;
    padding-top:10px;
    text-align:center;
}
.newsselect li a.selected
{
    background-image: url(../ibwebimages/1/newstab.gif);
}

.newsmenu li
{
    float:left;
    list-style:none;
    
}
.newsmenu li a
{
    display:block;
    font-size:17px;
    width:140px;
    height:26px;
    padding-top:6px;
    text-align:center;
}
.newsmenu li a.wide,.newsmenu li a.wide_selected
{
    width:234px;
    text-align:center;
}
.newsmenu li a.wide_selected
{
    background-image: url(../ibwebimages/1/newsmenu234.gif);
}
.newsmenu li a.selected
{
    background-image: url(../ibwebimages/1/newsmenu140.gif);
}
#page5-text
{
    border:solid 2px #7f7f7f;
    border:solid 2px #5f5f5f;
    height:564px;
    height:594px;
    padding:8px;
    width:634px;
    background-color:#231f20;
}
#page2-text
{
    margin-top:12px;
    border:solid 2px #5f5f5f;
    height:433px;
    height:463px; /*Logo added */
    padding:8px;
    width:330px;
    float:left;
    background-color:#231f20;
}
#page3-text
{
    margin-top:12px;
    border:solid 2px #5f5f5f;
    height:307px;
    height:337px;
    padding:8px;
    width:634px;
    float:left;
    background-color:#231f20;
}
#page4-text
{
    margin-top:12px;
    border:solid 2px #5f5f5f;
    height:552px;
    height:582px;
    padding:8px;
    width:634px;
    float:left;
    background-color:#231f20;
}
#page6-text
{
    margin-top:12px;
    border:solid 2px #5f5f5f;
    height:195px;
    height:225px;
    padding:8px;
    width:640px;
    float:left;
    background-color:#231f20;
}
#page7-text1
{
    margin-top:12px;
    border:solid 2px #5f5f5f;
    padding:8px;
    padding-bottom:20px;
    width:640px;
    float:left;
    background-color:#231f20; 
    height:227px;  
    height:257px;  
}
#page7-text2
{
    margin-top:12px;
    border:solid 2px #5f5f5f;
    padding:8px;
    padding-bottom:20px;
    width:640px;
    float:left;
    background-color:#231f20;    
}
#page9-text
{    
    margin-top:12px;
    border:solid 2px #7f7f7f;
    border:solid 2px #5f5f5f;
    border-right:none;
    height:241px;
    padding:7px;
    width:342px;
    background-color:#231f20;  
    float:left; 
}
#page10-text
{
    margin-top:12px;
    border:solid 2px #5f5f5f;
    height:552px;
    padding:8px;
    width:390px;
    float:left;
    background-color:#231f20;      
}
#page10-text
{
    margin-top:12px;
    border:solid 2px #5f5f5f;
    height:552px;
    height:582px;
    padding:8px;
    width:634px;
    float:left;
    background-color:#231f20;      
}
/*contact*/
#contact-birchfield-house
{
    height:353px;
    width:655px;
    background-image: url(../images/contact-birchfield-house.jpg);
    background-image: url(../images/contact-exterior3.jpg);
    border:solid 2px #dddddd;
    float:left;
}
#special-breaks
{
    height:310px;
    width:655px;
    background-image: url(../images/douglas-bay.jpg);
    border:solid 2px #dddddd;
    float:left;
}
/*rooms*/

.hoverdiv1
{
    height:115px;
    width:115px;
    float:left;
    border:solid 2px #dddddd;
    background-image: url(../images/rooms-bedroom5.jpg);
}
.hoverdiv2
{
    height:115px;
    width:115px;
    float:left;
    border:solid 2px #dddddd;
    margin-left:16px;
    background-image: url(../images/rooms-secondbedroom.jpg);
}
.hoverdiv3
{
    height:115px;
    width:115px;
    float:left;
    border:solid 2px #dddddd;
    margin-left:16px;
    background-image: url(../images/rooms-bedroom4.jpg);
}
.hoverdiv4
{
    height:115px;
    width:115px;
    float:left;
    border:solid 2px #dddddd;
    margin-left:16px;
    background-image: url(../images/rooms-bedroom2.jpg);
}
.hoverdiv5
{
    height:115px;
    width:115px;
    float:left;
    border:solid 2px #dddddd;
    margin-left:16px;
    background-image: url(../images/rooms-bathroomchamp.jpg);
}
.bedroom1hover
{
    display:block;
    height:115px;
    width:115px;
}
a.bedroom1hover:hover
{
    display:block;
    width:400px;
    height:200px;
    position:absolute;
    top:100px;
    left:290px;
    background-image: url(../images/rooms-bedroom5-large.jpg);
    border:solid 2px #dddddd;
}
.bedroom2hover
{
    display:block;
    height:115px;
    width:115px;
}
a.bedroom2hover:hover
{
    display:block;
    width:400px;
    height:200px;
    position:absolute;
    top:100px;
    left:400px;
    background-image: url(../images/rooms-secondbedroom-large.jpg);
    border:solid 2px #dddddd;
}
.bedroom3hover
{
    display:block;
    height:115px;
    width:115px;
}
a.bedroom3hover:hover
{
    display:block;
    width:400px;
    height:200px;
    position:absolute;
    top:100px;
    left:490px;
    background-image: url(../images/rooms-bedroom4-large.jpg);
    border:solid 2px #dddddd;
}
.bedroom4hover
{
    display:block;
    height:115px;
    width:115px;
}
a.bedroom4hover:hover
{
    display:block;
    width:400px;
    height:200px;
    position:absolute;
    top:100px;
    left:610px;
    background-image: url(../images/rooms-bedroom2-large.jpg);
    border:solid 2px #dddddd;
}
.bedroom5hover
{
    display:block;
    height:115px;
    width:115px;
}
a.bedroom5hover:hover
{
    display:block;
    width:400px;
    height:200px;
    position:absolute;
    top:100px;
    left:730px;
    background-image: url(../images/rooms-bathroomchamp-large.jpg);
    border:solid 2px #dddddd;
}
#rooms-bedroom1large
{
    height:445px;
    height:478px;
    width:286px;
    background-image: url(../images/rooms-bedroom1large_long.jpg);
    border:solid 4px #dddddd;
    border:solid 2px #dddddd;
    float:right;
    margin-top:12px;
}
.smallimage
{
    display:block;
    border:solid 2px white;
}
.largeimage
{
    display:block;
    border:solid 2px white;
    background-color:Red;
    position:absolute;
    top:110px;
    left:400px;
}

.pics-five
{
    height:115px;
    width:115px;
    float:left;
    border:solid 2px #dddddd;
}
#rooms-bathroom
{
    background-image: url(../images/rooms-bedroom5.jpg);
    margin-left:0px;
}
#rooms-bedroom1
{
    background-image: url(../images/rooms-bedroom1.jpg);
    margin-left:16px;
}
 #rooms-bathroom2
{
    background-image: url(../images/rooms-bedroom4.jpg);
    margin-left:16px;
}
#rooms-bedroom2
{
    background-image: url(../images/rooms-bedroom2.jpg);
    margin-left:16px;
}
#rooms-bedroom3
{
    background-image: url(../images/rooms-bedroom3.jpg);
     margin-left:16px;
}
/*booking*/
.pics-four
{
    height:84px;
    width:84px;
    width:112px;
    float:left;
    border:solid 2px #dddddd;
}
#Mulberrypic
{
    background-image: url(../images/booking-mulberry.jpg);
    margin-left: 0px
}
#Specialpic
{
    background-image: url(../images/booking-special.jpg);
    margin-left: 0px
}
.floatright
{
    height:84px;
    width:84px;
    border:solid 2px #dddddd;
    float:right;
}
.fourrows
{
    height:84px;
    width:630px;
}
.pics-four-lefttext
{
    float:left;
    height:68px;
    width:120px;
    padding-top:20px;
    padding-left:20px;
        }
 .pics-four-righttext
{
    float:left;
    height:68px;
    width:320px;
    padding-top:20px;
    padding-left:40px;
        }
 .pics-four-righttextbtm
{
    float:left;
    height:68px;
    width:320px;
    padding-top:5px;
    padding-left:40px;
        }        
#Cardamompic
{
    background-image: url(../images/booking-cardamom.jpg);
    margin-left:0px;
}
#Vervinepic
{
    background-image: url(../images/booking-vervine.jpg);
    margin-left:0px
}
#Diningpic
{
    background-image: url(../images/booking-dining.jpg);
    margin-left:0px
    }
#map-iom
{
    height:273px;
    width:229px;
    background-image: url(../images/map-iom.jpg);
    border:solid 2px #dddddd;
    float:right;
    margin-top:13px;
    margin-bottom:75px;
}
#IOM--photo-of-island
{
    height:310px;
    width:656px;
    background-image: url(../images/douglas-bay.jpg);
    border:solid 2px #dddddd;
    float:left;
}
#IOM-fourphotos
{
    width:300px;
    height:259px;
    background-image: url(../images/IOM-fourphotos.jpg);
    float:left;
    margin-top:12px;
}
#iom2-directions
{
    height:215px;
    width:229px;
    background-image: url(../images/iom2-directions.jpg);
    border:solid 2px #dddddd;
    float:right;    
}
#dining-desserts-main-pic
{
    height:241px;
    width:390px;
    background-image: url(../images/dining-desserts-main-pic.jpg);
    border:solid 2px #dddddd;
    float:left;    
}
#dining-dessert-smallpic1
{
    height:114px;
    width:242px;
    background-image: url(../images/dining-landscape.jpg);
    border:solid 2px #dddddd;
    float:right;
    margin-right:4px;
    margin-bottom:8px;     
}
#dining-fireplace
{
    height:114px;
    width:114px;
    background-image: url(../images/dining-drawing.jpg);
    border:solid 2px #dddddd;
    float:right;
    margin-bottom:0px; 
    margin-right:4px;    
}
#dining-dessert-smallpic2
{
    height:114px;
    width:114px;
    background-image: url(../images/dining-drawing.jpg);
    border:solid 2px #dddddd;
    float:right;
    margin-right:4px;
}
#dining-bar
{
    height:114px;
    width:114px;
    background-image: url(../images/dining-bar.jpg);
    border:solid 2px #dddddd;
    float:right;
    margin-right:10px;     
}
.topmargin
{
    margin-top:10px;
}
