.navigation-container {clear:both; float:left; width:100%; overflow:hidden;}

#navigation-item {
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  float:left;
  position:relative; 
  left:50%;
  }
  
#navigation-item li {
  float:left; position:relative; right:50%;
  color:#4F6475;
  font-family:verdana,arial, sans-serif;
  font-size:16px;
  font-weight:bold;
  letter-spacing:1px;
  padding:6px 5px 0px 5px;  
  }
  
#navigation-item a {
  width:auto;
  display:block;
  text-decoration:none;
  color:#f1f1f1;
  text-decoration:none;
  }

#navigation-item a:hover {
  color:#FFFF80;
  text-decoration:underline;
  }
    

.gallery-container {clear:both; float:left; width:100%; overflow:hidden;}

#gallery-item {
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  float:left;
  position:relative; 
  left:50%;
  }
#gallery-item li {
  float:left; position:relative; right:50%;
  }
#gallery-item a {
  width:auto;
  display:block;
  padding:0px 0px 0px 0px;
  text-decoration:none;
  }
  
body
{
color:#333333;
background-color:#ffffff;
font-family:verdana, arial, sans-serif;
margin:0px;
}


.outer
{
width:980px;
margin:0px auto;
}

.outer-border
{

border-left:5px solid #91A769;
border-right:5px solid #91A769;
}


.row1
{
width:970px;
height:26px;
clear:both;
background-color:#91A769;
}

.row2
{
width:970px;
clear:both;
}

.row-nav
{
width:970px;
height:32px;
clear:both;
background-color:#91A769;
}

.row-nav2
{
width:970px;
height:40px;
clear:both;
background-color:#91A769;
}

.row3
{
width:970px;
height:40px;
clear:both;
border-top:2px solid #ffffff;
background:url(assets/title-background.png) repeat-y;
}

.row4
{
width:970px;
clear:both;
background:url(assets/bath-self-catering-cottage.jpg) bottom no-repeat;
}

.left500
{
width:500px;
float:left;
}

.left470
{
width:470px;
float:left;
}


.nf-col1
{
width:16px;
float:left;
}

.nf-col2
{
width:472px;
float:left;
}

.nf-col2-stretch
{
width:938px;
float:left;
}

.nf-col3
{
width:16px;
float:left;
}

.nf-col4
{
width:450px;
float:left;
}

.nf-col5
{
width:16px;
float:left;
}



.page-header
{
text-align:left;
color:#ffffff;
font-family:verdana, arial, helvetica;
font-size:12px;
font-weight:bold;
padding-top:4px;
}

.page-header-right
{
text-align:right;
color:#ffffff;
font-family:verdana, arial, helvetica;
font-size:12px;
font-weight:bold;
padding-top:4px;
}

.page-title
{
font-family: verdana, arial, helvetica;
font-size:20pt;
text-align:left;
font-weight:bold;
padding-left:15px;
color:#ffffff;
letter-spacing: 1pt;
line-height:40px;
}

.content
{
font-family:verdana, arial, helvetica;
font-size:0.75em;
text-align:left;
color:#666666;
}

.content a {color:#91A769;font-weight:bold; text-decoration:none}
.content a:hover {color:#EBDD58;font-weight:bold; text-decoration:underline}

.sec-nav {color:#4A6F3C; font-size:12px;font-weight:bold;}
.sec-nav a {padding:0px 5px 0px 5px;color:#4A6F3C; text-decoration:none;font-size:12px;font-weight:bold;}
.sec-nav a:hover {padding:0px 5px 0px 5px;color:#91A769; text-decoration:underline;font-weight:bold;}


.footer-text
{
text-align:center;
color:#f1f1f1;
font-family:verdana, arial, helvetica;
font-size:12px;
font-weight:bold;
padding-top:6px;
}



.home-box
{
width:450px;
background-color:#91A769;
}

.home-box-text
{
font-family:trebuchet, arial, helvetica;
font-size:0.9em;
font-weight:bold;
text-align:justify;
color:#ffffff;
line-height: 1.5;
letter-spacing: 0.1em;
}

.home-box-text a
{
color:#4F6475;
text-decoration:none;
}

.home-box-text a:hover
{
color:#EBDD58;
text-decoration:none;
}


-------------------------


div.top-nav {padding:4px 30px 5px 30px;text-align:center;color:#f1f1f1; font-family: lucida sans unicode, verdana, arial, helvetica; font-size:14px; text-decoration:none;margin:0px 0px 0px 0px;}
div.top-nav a {padding:4px 15px 5px 15px;color:#f1f1f1; text-decoration:none;}
div.top-nav a:hover {color:#EBDD58; text-decoration:underline;}



div.sec-nav2 {background:url(assets/dc-bullet1.gif) 8px 4px no-repeat;}



.spacer
{
height:1px;
font-size:1px;
clear:both;
}

.white-spacer
{
height:2px;
font-size:2px;
clear:both;
}





.hp-col1
{
width:10px;
float:left;
}

.hp-col2
{
width:166px;
float:left;
}

.hp-col3
{
width:9px;
float:left;
}

.hp-col4
{
width:368px;
float:left;
}

.hp-col5
{
width:9px;
float:left;
}

.hp-col6
{
width:408px;
float:left;

background-color:#C2D175;
}








.content-centered-small
{
font-family:lucida sans unicode, verdana, arial, helvetica;
font-size:0.7em;
text-align:center;
line-height: 1.1;
color:#333333;
}


.content-centered
{
font-family:lucida sans unicode, verdana, arial, helvetica;
font-size:0.75em;
text-align:center;
line-height: 1.5;
color:#333333;
}

.picture
{
border: 2px solid #ffffff;
}


.dc-col1
{
width:10px;
float:left;
}

.dc-col2
{
width:204px;
float:left;
}

.dc-col2b
{
width:607px;
float:left;
}

.dc-col3
{
width:9px;
float:left;
}

.dc-col4
{
width:394px;
float:left;
}

.dc-col5
{
width:9px;
float:left;
}

.dc-col6
{
width:344px;
float:left;

background-color:#C2D175;
}

.brown-nav
{
width:204px;
background-color:#B4A180;
}



---------------------------------------

.caption
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
text-align:center;
padding-top: 4px;
padding-bottom:10px;
}



.form-field
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
width:248px;
border:1px solid #333333;
}


.form-field-area
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#666666;
width:428px;
height:100px;
border:1px solid #333333;
}

.form-button
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#ffffff;
background-color:#ff3300;
padding:1px;
cursor:pointer;
border:2px solid #ff6600;
}

.content-title
{
font-family: verdana, arial, helvetica;
font-size:1.0em;
text-align:left;
font-weight:bold;
color:#333333;
letter-spacing: 1pt;
}