body {
	font-family: "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
	font-size: 12pt;
	background-color: #FFF;
	color: #333;
}

a {
	text-decoration: none;
	border-bottom: 1px dashed #030;
	color: #030;
}
a:hover {
	border-bottom: none;
	color: #070;
}

#main {
	background-color: #FFF;
	position: relative;
	width: 960px;
	margin: 10px auto;
	xborder: 1px solid #555;
}
#mainholder, 
#main {
	background-image:url('../images/greenfade.jpg');
	background-repeat: repeat-x;
	background-position: bottom;
}

#header1 {
	padding-top: 20px;
}
.strapline {
	width: 300px;
	font-family: 'Lobster';	/* loaded as a google web font */
	font-size: 1.5em;
	color: #070;
	float: left;
}
.bhhpa {
	float: right;
	margin-top: -10px;
}

#navholder {
	width: 936px;
	height: 40px;
	margin-bottom: 10px;
	background-color: #050;
	background-image: url(../images/navbg.jpg);
	background-repeat: repeat-x;
	border-left: 2px solid #050;
	border-right: 2px solid #090;
}
#navholder a {
	color: yellow;
	line-height: 40px;
	font-weight: bold;
	text-decoration: none;
	margin-left: 10px;
	margin-right: 10px;
	border-bottom: none;
}
#navholder a:hover {
	color: #0F0;
}

h1 { font-size: 1.7em; }
h2 { font-size: 1.3em; }

#title1,
#title2,
h1, h2,
.highlight,
.lowlight
{
	font-family: 'Lobster';	/* loaded as a google web font */
}
#title1,
#title2,
h1, h2,
.highlight {
  color: #070;
}
#title1,
#title2 {
  font-weight: bold;
}
#title1 { font-size: 3em; }
#title2 { 
	font-size: 1.5em;
	letter-spacing: 0.1em;
}
.highlight { font-size: 1.5em; }

/*
	Big picture below the nav bar
*/
#picture {
	width: 940px;
	height: 200px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	margin: 10px 0;
}

#gallery {
	margin-top: -10px;
}
#gallery img,
#gallery1 img {
	padding: 4px;
	border: 1px solid #070;
	margin-top: 15px;
}
#gallery a,
#gallery1 a {
	text-align: center;
	text-decoration: none;
	color: #070;
	border-bottom: none;
}

/*
	Caravan features are provided as an unordered list...
	If the columns are the same size then this can be used, otherwise use the featuresEq class.
*/
ul.features {
	border: 1px solid silver;
	border-radius: 10px;
	padding: 5px;
	padding: 5px 5px 5px 10px;
	background-color: white;
}

ul.features li {
	margin: 0 0 1em 1em;
	list-style: circle;
	padding-left: 10px;
}

/* 
	This is used to provide equal height columns but only has borders top and left 
*/
div.featuresEq {
	overflow:hidden;
	margin-bottom: 20px;
	
}
ul.featuresEq {
	border-radius: 10px;
	padding: 5px 5px 5px 10px;
	background-color: white;

	border-left: 1px solid silver;
	border-top: 1px solid silver;
	background-color: white;
  	margin-bottom: -99999px;
	padding-bottom: 99999px;
}
ul.featuresEq li {
	margin: 0 0 1em 1em;
	list-style: circle;
	padding-left: 10px;
}

/*
	Link to info@sycamore...
*/
.email {
	font-family: "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
}

/*
	The forsale div is a block of buttons, each linking to a caravan that's for sale.
*/
#forsale a {
	display: block;
	width: 200px;
	text-decoration: none;
	margin-top: 10px;
	font-weight: bold;
	color: yellow;
	border: 1px solid #070;
	border-radius: 10px;
	padding: 5px;
	background-image: url(../images/navbg.jpg);
	background-repeat: repeat-x;
	text-align:center;
}
#forsale a:hover {
	color: #000;
	background-position: bottom;
}


/*
	to overlay a sycamore leaf on a small scrolling image
*/
img.overlay {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 18px;
	height: 21px;
	background-image: url(/images/leaf2.png);
	background-repeat: no-repeat;
	border:none !important;
}

#bottom {
	margin-bottom: 10px;
}

.bold {
	font-weight: bold;
}