/**************************************************************
   Rookery Farm Holiday Accommodation Layout Stylesheet
   Original design by studio7designs.com, adapted by Josh.biz (September 2008)
 **************************************************************/
 
/**************************************************************
   All page content except for footer
 **************************************************************/

#content {
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
}


/**************************************************************
   Header including logo and menu
 **************************************************************/

#header {
	clear: both;
	position: relative;
	height: 10em;
	margin: 0 auto;
	border-bottom: 2px solid #1d1a4b;
	background: #272264;
	background-color: #272264;
	}


#header img {
	position: absolute;
	top: 14px;
	left: 14px;
	}

#header ul {
	margin: 76px 10px 0 0;
	padding: 0;
	float: right;
	display: inline;
	}

#header ul li {
	display: inline;
	list-style: none;
	}

#header ul li a {
	float: left;
	padding: 0 1em;
	font: 400 1.4em arial, sans-serif;
	line-height: 2em;
	color: #bfbdd1;
	border-right: 1px solid #5a9070;
	}

#header ul li a.last {
	padding-right: 0;
	border-right: 0;
	}

#header ul li a:hover {
	text-decoration: none;
	color: #eae9f0;
	}



/**************************************************************
   Header Image
 **************************************************************/

#headerImg {
	margin: 0 auto;
	height: 150px;
	background: url(../images/feature/daffodil_field.jpg) no-repeat left top;
	}

#headerImg2 {
	margin: 0 auto;
	height: 150px;
	background: url(../images/feature/rookery_farm.jpg) no-repeat left top;
	}

#headerImg3 {
	margin: 0 auto;
	height: 150px;
	background: url(../images/feature/daffodils.jpg) no-repeat left top;
	}

#headerImg4 {
	margin: 0 auto;
	height: 150px;
	background: url(../images/feature/aylmerton.jpg) no-repeat left top;
	}

#headerImg5 {
	margin: 0 auto;
	height: 150px;
	background: url(../images/feature/norfolk_beach.jpg) no-repeat left top;
	}

#headerImg6 {
	margin: 0 auto;
	height: 150px;
	background: url(../images/feature/norfolk_sunset.jpg) no-repeat left top;
	}

#headerImg7 {
	margin: 0 auto;
	height: 150px;
	background: url(../images/feature/norfolk_sunset2.jpg) no-repeat left top;
	}

#headerImg8 {
	margin: 0 auto;
	height: 150px;
	background: url(../images/feature/norfolk_beach2.jpg) no-repeat left top;
	}

/**************************************************************
   Top Block Menu
 **************************************************************/

#menu {
	margin: 0 auto;
	}

#menu ul {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
	background: #5a9070 url(../images/bg/menu.gif) repeat-x top left;
	}

#menu ul li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	}

#menu ul li a {
	float: left;
	width: 25%;
	height: 4em;
	font: 400 1.2em arial, sans-serif;
	letter-spacing: 0.1em;
	color: #bfbdd1;
	border-top: 7px solid #5a9070;
	border-bottom: 15px solid #FFF;
	}

#menu ul li a span {
	display: block;
	padding: 4px 7px 2px;
	}


#menu ul li a span.desc {
	font-size: 0.8em;
	color: #eae9f0;
	}


#menu ul li a:hover,
#menu ul li a.here {
	background: #272264;
	border-top: 7px solid #5a9070;
	}

#menu ul li a:hover span.desc,
#menu ul li a.here span.desc {
	color: #eae9f0;
	}



/**************************************************************
   Page Content
 **************************************************************/

#page {
	clear: both;
	float: left;
	width: 100%;
	text-align: left;
	}

#columns {
	margin: 0 auto;
	}


/* Column widths */
.width {
	width: 776px;
	}

.widthPad {
	width: 746px;
	}

.width25 {
	width: 23%;
	}

.width50 {
	width: 49%;
	}

.width73 {
	width: 73%;
	}

.width75 {
	width: 77%;
	}

.width100 {
	width: 100%;
	}


/**************************************************************
   Footer
 **************************************************************/


#footer {
	clear: both;
	width: 100%;
	margin-top: 25px;
	text-align: right;
	color: #ffffff;
	font-size: 1.2em;
	line-height: 1.3em;
	}

#footer #bg {
	position: relative;
	clear: both;
	height: 12em;
	margin: 0 auto;
	padding-top: 15px;
	background: #5a9070 url(../images/logo.gif) no-repeat 20px 20px;
	}

#footer #bg a {
	color: #ffffff;
	}

#footer #bg a:hover {
	text-decoration: underline;
	}

#footer #bg img {
	margin-right: 20px;
	margin-bottom: 40px;
	margin-top: 10px;
	}

#footer #bg p {
	margin-right: 20px;
	}

/**************************************************************
   Thumbnail Lists (left column)
 **************************************************************/

ul.thumbs,
ul.thumbs li {
	margin: 0;
	padding: 0;
	}

ul.thumbs li {
	margin: 0 0 15px 0 !important;
	margin: 0;
	padding: 0px;
	list-style: none;
	}

a.thumb img {
	border: 5px solid #ccc;
	}

a.thumb img.current {
	border: 5px solid #272264;
	}

a:hover.thumb img {
	background: #272264;
	border: 5px solid #5b5b5b;
	}

a:hover.thumb {
	background: none;
	}

a.thumb span {
	display: block;
	margin-top: 2px;
	}





/**************************************************************
   Generic Display 
 **************************************************************/


.block {
	display: block;
	}

.clear {
	clear: both;
	}

.marginRight {
	margin-right: 15px;
	}

.paddingLeft {
	padding-left: 5px;
	}

.paddingRight {
	padding-right: 5px;
	}

.floatLeft {
	float: left;
	}

.floatRight {
	float: right;
	}

.alignLeft {
	text-align: left;
	}

.alignRight {
	text-align: right;
	}

.alignTop {
	vertical-align: top;
	}

.alignMiddle {
	vertical-align: middle;
	}

.alignBottom {
	vertical-align: bottom;
	}

.lightBlueBg {
	background-color: #dee9e2;
	padding-top: 20px;
	padding-bottom: 20px;
	}

.dark {
	color: #272264;
	font-size: 0.9em;
	}

#content #page #columns .floatRight width75 #jumpMenu {
	margin-top: 10px;
	margin-bottom: 20px;
}
#content #page #columns .wifi {
	margin-bottom: 6px;
}
#content #page #columns .floatRight.width75 #subForm div input {
	margin-top: 10px;
}