* { margin: 0; padding: 0; font-family: Times New Roman; }
  body { color: #fff; font-size: 100%; background: #8c9b2b url(../images/bg.gif) repeat-x; } 
  a { color:#FFF;} 
  .clear{ clear: both; }
  .beige { color: #eac98b; }
  #wrapper { width: 1000px; margin: 0 auto; }
  #header { height: 137px; background:  url(../images/tree.jpg) top right no-repeat; position: relative; }
  #masthead { width: 370px; margin: 0 0 0 15px; padding: 10px 0px;  }
  #masthead p { font-size: 2.5em; color: #492e1e ; text-transform: uppercase;  }
  #masthead h2 { font-size: 1em; color: #786b30 ; margin: -10px 0 0 240px; font-size: 1.2em; }
  #masthead p .large { font-size: 1.2em;}
  #nav {list-style-type: none;  background: none; width: 500px; padding: 0px 0px 0px 10px; float: left;  }
  #nav li {float: left; background: url(../images/nav1.gif) top left no-repeat; }
  #nav li a { display: block; background: url(../images/nav2.gif) top right no-repeat; margin-left: 18px; padding: 9px 18px 9px 0px; color: #357882;  text-decoration: none; }
  #nav li:hover {background: url(../images/nav1_sel.gif) top left no-repeat; }
  #nav li:hover a {background: url(../images/nav2_sel.gif) top right no-repeat; color: #442c1e;}
  #main { width: 970px; height: 377px; margin: 15px; background: url(../images/main.jpg) no-repeat;}
  #contactmap { width: 582px; height: 377px; margin: 15px 15px 0 0; float:left;}
  #contactdetails {  width: 265px; margin: 15px 15px 15px 0; float:left; border:solid 0 #000;}
  #contactdetails p {font-size:1.2em;margin-top:0;}
  #contactdetails h3 {margin-bottom:0; font-size:1.2em}
  
  #copy { height: 337px; width: 274px; float: right; background: url(../images/brownbg.jpg) no-repeat; padding: 20px;}
  h1 { color: #fff; font-weight: normal; letter-spacing: -0.03em; line-height: 1em; font-size: 2em; margin-bottom: .3em;}
  h2 { color: #fff;font-weight: normal; letter-spacing: -0.03em; font-size: 2em; margin-bottom: .3em;}
  h3 { color: #eac98b;font-weight: normal; letter-spacing: -0.03em; font-size: 1.6em; margin-bottom: .5em;}
  h4 { color: #fff;font-weight: normal; letter-spacing: -0.03em; font-size: 1.1em; margin-bottom: .3em;}
  
  p.link { margin-top: 5px; }
  
  #copy p { color: #eac98b; font-size: 1.05em; letter-spacing: -0.03em; }
  #colone { margin-left: 15px; width: 638px; float: left;}
  .cottage { width: 640px; padding-bottom: 1.7em;}
  .cottage h3 { float: left; }
  .cottage p { clear: left; width: 350px; color: #fff; }
  .cottage p.info { float: right; clear: none; margin: 8px 245px 0 0; width: auto; padding-left: 24px; background: url(../images/bed.gif) 0px 2px no-repeat; }
  .cottage p.info span.beige { color: #eac98b; margin-left: 10px; }
  #hayloft.cottage { background: url(../images/cottagebg_hayloft.jpg) no-repeat; }
  #henhouse.cottage { background: url(../images/cottagebg_henhouse.jpg) no-repeat; }
  #dovecote.cottage { background: url(../images/cottagebg_dovecote.jpg) no-repeat; }
  p.morelink { margin: 0.3em 0;}
  p.morelink a { font-size: 1.25em; color: #eac98b;}
  #coltwo { float: left; margin-left: 30px; width: 286px;}
  #coltwo p { margin: 0.2em 0.1em; color: #fff;}
  #cottages #coltwo p { margin-top: 0; }
  #footer { float:left; width:100%; background: url(../images/footerbg.gif) no-repeat; clear: left; padding-top: 40px; padding-bottom: 40px;}
  #footer ul { list-style-type: none; margin-left: 30px; padding-top:0; margin-top:0;}
  #footer li { float: left; padding-right: 10px; margin-right: 10px; padding-top:0; margin-top:0; border-right: 0px solid #fff; line-height: 1.2em; font-size: 0.8em;}
  #footer li a { color: #FFF; }
  
  /* nav styles */
  #home #nav li#navhome {background: url(../images/nav1_sel.gif) top left no-repeat;  }
  #home #nav li#navhome a {background: url(../images/nav2_sel.gif) top right no-repeat; color: #442c1e;  }
  #cottages #nav li#navcottages {background: url(../images/nav1_sel.gif) top left no-repeat;  }
  #cottages #nav li#navcottages a {background: url(../images/nav2_sel.gif) top right no-repeat; color: #442c1e;  }
  #area #nav li#navarea {background: url(../images/nav1_sel.gif) top left no-repeat;  }
  #area #nav li#navarea a {background: url(../images/nav2_sel.gif) top right no-repeat; color: #442c1e;  }
  #contact #nav li#navcontact {background: url(../images/nav1_sel.gif) top left no-repeat;  }
  #contact #nav li#navcontact a {background: url(../images/nav2_sel.gif) top right no-repeat; color: #442c1e;  }
  #privacy #nav li#navcontact {background: url(../images/nav1_sel.gif) top left no-repeat;  }
  #privacy #nav li#navcontact a {background: url(../images/nav2_sel.gif) top right no-repeat; color: #442c1e;  }
  #cottageinfo #cottagecopy h2, #cottageinfo #cottagecopy h3 { margin: 0; line-height: 1em }
  #cottageinfo #cottagecopy h3 { font-size: 1em;}
  #cottageinfo #cottagecopy p { color: #fff; margin: 0.5em 0; font-size: 1.05em; line-height: 1.2em;}
  #cottageinfo #cottagecopy p strong { color: #eac98b;  margin: 0.5em 0; font-size: 1.2em; font-weight: normal; }
  #cottageinfo #cottagecopy { padding: 10px 10px 10px 0; float: left; width: 430px;}
  #cottageinfo #cottagecopy ul { list-style-position: inside; color: #eac98b; font-size: 1.2em; line-height: 1.1em; }
  #cottages #pics { float: left; }
  #cottages #main { height: auto; float: left; background: #4c3121 url(images/brownbg2.gif) no-repeat bottom right;}
  #cottages #main img {  float: left; border: 1px solid #7f7c2d;}
  #cottages #main ul#thumbs {    clear: left; list-style-type: none; margin-left: 12px; }
  #cottages #main ul#thumbs li {  margin-right: 27px; float: left; height: 69px; }
  #cottages #main ul#thumbs li img {  float: none; }
  #cottages #main #largeimage { margin: 12px; }
  #cottages #colone h2, #cottages #coltwo h2   {  background: url(/images/footerbg.gif) bottom no-repeat; padding-bottom: 30px; margin-bottom: 0; }
  #cottages #colone { width: 480px; }
  #cottages #colone table.prices { border-collapse: collapse; width: 210px; margin: 0 0 20px 0; float: left; font-size: 1.1em; }
  #cottages #colone table.prices.clear { margin-right: 30px; }
  #cottages #colone table.prices caption { text-align: left; font-size: 1.1em; padding: 4px 0; border-bottom: 1px solid #4c3121; }
  #cottages #colone table.prices th {  text-align: left; padding: 4px 0; width: 190px; }
  #cottages #colone table.prices td {  text-align: left; padding: 4px 0; }
  #cottages #coltwo { width: 462px; }
  #cottages #coltwo p { font-size: 1.05em; }
  #cottages #coltwo img { float: right; margin-left: 15px; }
  #cottages #colone #calendar { height: 285px; width: 275px; float: left; margin-right: 15px; background: #fff; }
  #bookinginfo p { color: #fff; font-size: 1.1em; margin-bottom: 1em;}
  #bookinginfo .big { font-size: 1.3em;}
  #bookinginfo .green { color: #334918; }
  #bookinginfo .red { color: #a90303; }
  #bookinginfo .phone { color: #eac98b; }
  
  #calendarbox { float: left; width: 190px; margin-bottom: 20px; overflow: hidden; }
  
    #_Calendar1Calendar  {  overflow:hidden; }
  
 #calendar .calendarDaySpecial, .calendarDaySpecialOver 
{
    background: Red; color: #FFF; font-family: Arial, helvetica, Sans-Serif; font-weight:normal;}
    
  #calendar  .calendarDayDefault 
{
    background: #090; color: #FFF; font-family: Arial, helvetica, Sans-Serif; }
    
  #calendar  .calendarCalendar
    {
        width:250px;
     font-family: Arial, helvetica, Sans-Serif;    
    }
#calendar.calendarTitle
 {
     font-family: Arial, helvetica, Sans-Serif;    
    }


#cottages #calendar.calendarArrowRight, #cottages #calendar.calendarArrowLeft
 {
     font-family: Arial, helvetica, Sans-Serif;    
     background: #090; 
     font-weight: bold; 
     color: #FFF;
    }
#calendar.calendarMonth

 {
     font-family: Arial, helvetica, Sans-Serif;    
    }
#calendar.calendarMonthTitle
 {
     font-family: Arial, helvetica, Sans-Serif;    
    }
#calendar.calendarDayName
 {
     font-family: Arial, helvetica, Sans-Serif;    
    }

#calendar.calendarDay
 {
     font-family: Arial, helvetica, Sans-Serif;    
    }
#calendar.calendarDayToday
 {
     font-family: Arial, helvetica, Sans-Serif;    
    }
#calendar.calendarDayDisabled
 {
     font-family: Arial, helvetica, Sans-Serif;    
    }
#calendar.calendarDaySelected
 {
     font-family: Arial, helvetica, Sans-Serif;    
    }

#calendar.calendarDatePickerButton
   {
     font-family: Arial, helvetica, Sans-Serif;    
    }
    
    
    
    
    #area #colone { margin-top:10px; font-size:1.1em;}
    #area #colone h2 
    {
         color: #fff; font-weight: normal;  line-height: 1.2em; font-size: 1.4em; margin-bottom: .3em;}
    #area #colone h3 
    {
         color: #eac98b; font-weight: normal;  line-height: 1.2em; font-size: 1.2em; margin: 5px 0 0 0;}
   
    #area #colone p 
    {
     margin:0 0 10px 0;   
     
    }
    
    #cottages .copy { height: 400px; width: 285px; float: left; background: #4c3120 url(../images/brownbg.jpg) no-repeat bottom; padding: 15px; margin:5px;}
  #cottages .copy h4 {float:right; margin:7px 0 10px 5px; padding:0;}
   #cottages .copy h3 {float:left; margin:0 0 0 0; padding:0;}
   #cottages .copy h3 a{text-decoration:underline; color: #eac98b;}
     #cottages .copy h3 a:hover, #cottages .copy h4 a:hover{text-decoration:none;}
     
     #cottages .copy p.morelink { margin: 0.3em 0;}
  #cottages .copy  p.morelink a { font-size: 1.1em; color: #eac98b;}
  #contact h1, #cottages h1, #privacy h1, #privacy #privcont p, #privacy #privcont h2, #privacy #privcont ul { margin: 20px 15px; }
  
   #contact h1, #cottages h1, #privacy h1, #privacy #privcont h2, #privacy #privcont h1 { background: url(/images/footerbg.gif) bottom no-repeat; padding-bottom: 30px; margin-bottom: -10px; }
  
  #contactinfo, #contform { float: left; }
  
  #contactinfo { width: 600px; }
  #contform { width: 370px; margin: 20px 10px 0 0; }
  
  
   #contactdetails #contform h3 {margin-bottom:0;}
   #contactdetails p{font-size:1.0em;}
 #contact #contform p, #privacy #privcont p {font-size:1.2em;}
 
 #contactFormArea {margin-top:10px;}
#contactFormArea fieldset{border:0;margin:0 0 15px;padding:0;}
#contactFormArea label{font-size:1.1em;display:block;width:400px;padding:10px 0 3px;}
#contactFormArea input,textarea{width:291px;color:#333;border:1px solid #ccc;margin:1px 0;padding:3px;}
#contactFormArea .mailingListCheckBox input,#mailing{float:left;width:20px;margin-top:5px; border: solid 0 #000;}
#contactFormArea .mailingListCheckBox label{display:inline;width:300px;margin-top:5px; border: solid 0 #000;}
#contactFormArea input.submit{font:bold 1.2em/1.2em verdana,arial,sans-serif;}
#contactFormArea .submit input{background:transparent url(../images/send.jpg) no-repeat scroll left top;border:medium none;cursor:pointer;height:51px;margin-top:20px;text-indent:-9999px;display:block;width:199px;}
#contactheader { float:left; width:200px; color:#000; margin: 3px 0 0 20px; border: solid 0 #000;}
#contactheader h3 {color:#000;}

.designlink
{
 font-family:Arial, Sans-Serif; 
 font-size: 0.72em;
   color: #eac98b; margin: 5px 0 0 30px;
}

.designlink a
{
 font-family:Arial, Sans-Serif; 
 
   color: #eac98b;
}

#cottages .copy .info 
{ margin:2px 0  11px 0;
}