/* ------------------------------------------------------------------------------- General */
body {font-size: 62.5%; /* set default font to 10px */ background: #e3e5e2 url(../images/bg_body.gif) repeat-x;	font-family: Arial, Helvetica, sans-serif; margin-top:0px;}
#container {background: #fff url(../images/bg_container.gif) repeat-x; width: 900px; margin: 0 auto;}
#container_bottom {background: url(../images/bg_container_bottom.gif) repeat-x; text-align: center;}
textarea {font-family: Arial, Helvetica, sans-serif;}

/* ------------------------------------------------------------------------------- Header */
#header {overflow: hidden;}
#header h1 {font-size: 2.7em; color: #131738;	float: right; margin: 34px 180px 0 0;}
img.logo {	float: left;}
img.strapline {	float: right;	margin: 62px 20px 0 0;}

/* ------------------------------------------------------------------------------- Nav */
#nav {float: right;  margin: 25px 5px 0 0;}
#nav a {color: #f1f3ec; font-size: 1.2em;	text-decoration: none; height: 24px; float: left; display: block; padding: 7px 18px 0;}
#nav a:hover {color: #c0c9d1;}
#nav a.active {background: url(../images/bg_nav_hover.gif) repeat-x;}

/* ------------------------------------------------------------------------------- Main */
#main {background: #fff; overflow: hidden;	padding: 4px 0 0; height: 500px;}
#main.subpage {	margin: 30px 30px 0;	padding: 0 0 30px;}
#main h1 {font-size: 2em;}

/* ------------------------------------------------------------------------------- Index */
#col1 {margin: 0 0 0 20px; width: 286px; border-right: 1px solid #d0d1d7; float: left; overflow: hidden; color: #131738;}
#col1 h2 {font-size: 1.6em;	margin: 0 0 12px 0; padding: 5px 0 0 10px; height: 30px;}
#col1 img {width: 111px; height: 82px; border: 1px solid #54626f; float: left; margin: 0 10px 0 10px;}
#col1 h3 {font-weight: bold; text-decoration: underline; font-size: 1.1em;}
#col1 p {margin: 0 10px 0 0; font-size: 1.1em;}

#col2 {width: 287px; float: left; overflow: hidden;}
#col2 h2 {font-size: 1.6em; padding: 5px 0 0 20px; height: 25px; background: url(../images/bg_col2_h2.gif) repeat-x; color: #fff;}
#col2 p {margin: 12px 20px; font-size: 1.1em;}
#col2 a.book {margin: 20px auto 10px; display: block; text-align: center;}
#col2 img{border:0px;}

#col3 {width: 286px; margin: 0 20px 0 0; float: left; background: #54626f; overflow: hidden; color: #fff; }
#col3 h2 {font-size: 1.6em;	padding: 5px 0 0 30px;}
#col3 h3 {font-size: 1.2em; font-weight: bold; margin: 20px 30px 0;}
#col3 p {font-size: 1.1em; margin: 0 30px 20px;}
.item {overflow: hidden; margin: 0 0 16px 0;}

#col4 {width: 593px; float: left; overflow: hidden;}
#col4 h2 {font-size: 1.6em; padding: 5px 0 0 20px; height: 25px; background: url(../images/bg_col2_h2.gif) repeat-x; color: #fff;}
#col4 p {margin: 12px 20px; font-size: 1.1em;}
#col4 a.book {margin: 20px auto 10px; display: block; text-align: center;}
#col4 img{border:0px;}


/* ------------------------------------------------------------------------------- Bookings */
form#booking {margin: 20px 0 0 0; color: #131738; width: 420px;}
.field {height: 30px;}
#booking label {font-size: 1.2em; float: left;	width: 130px; padding: 3px 0 0;}
#booking input {width: 196px; height: 18px; border: 1px solid #c0c9d1; font-size: 1.3em; padding: 2px 4px 0;}
#booking textarea {width: 196px; border: 1px solid #c0c9d1; height: 46px; font-size: 1.3em; padding: 2px 4px;}
#booking input.small {width: 130px;}
#booking input.submit {background: url(../images/btn_book.gif); width: 118px; height: 21px; border: 0; float: right; cursor: pointer; margin: 32px 84px 0;}

/* ------------------------------------------------------------------------------- Footer */
#footer {background: #fff url(../images/bg_footer.gif) repeat-x; width: 900px; margin: 0 auto; font-size: 1.1em; padding: 20px 0; height: 50px;}
#footer a {color: #131738; margin: 0 4px; text-decoration: none;}