*
{
	margin:0px;
	padding:0px;
}

html, body
{
	height:100%;
}

body 
{
	background-image:url(../images/background_tile.jpg);
	background-repeat:repeat-x;
	background-color:#eeeedf;
	font-family:Arial, Verdana, sans-serif;
	font-size:12px;
	text-align:center;	
}

img 
{
	border:0px;
}

hr
{
	height:0px;
	border-bottom:1px dotted #63879c;
	border-top:0px;
	margin:0px 0px 10px 0px;	
}

a:link, a:active
{
	color:#000;
	font-weight:normal;
	text-decoration:underline;
}

a:visited
{
	color:#000;
	font-weight:normal;
	text-decoration:underline;
}

a:hover
{
	color:#000;
	font-weight:normal;
	text-decoration:none;
}

h1, h2, h3, h4, h5, h6
{
	margin:0px;
	padding:0px;
}

h1
{
	color:#0284a5;
	font-size:18px;
	font-weight:bold;
	margin:0px 0px 15px 0px;
}

h2
{
	color:#363636;
	font-size:14px;
	margin:0px 0px 10px 0px;
}

h3, h4, h5, h6
{
	color:#000;
	font-size:12px;
	margin:0px 0px 10px 0px;
}

p
{
	margin:10px 0px 15px 0px;
}


form
{
	margin:0px;
	padding:0px; 
}

input, select, textarea
{
	background-color:#fff;
	font-family:Arial, Verdana, sans-serif;
	font-size:12px;
}

table
{
	border:0px;
	padding:0px;
}

/* Layout Creators */

div.wrapper
{
	background-image:url(../images/content_background.png);
	background-repeat:repeat-y;
	min-height: 100%;
	margin: 0px auto 0px auto;
	position:relative;
	text-align:left;
	width:910px;
}


* html div.wrapper
{
	height: 100%;
}

div.sidebar
{
	background-image:url(../images/navigation.gif);
	background-repeat:no-repeat;
	display: inline;
	float: left;
	height:550px;
	margin: 0px 0px 0px 9px;
	position:relative;
	width:230px;
}

div.sidebar ul
{
	left: 15px;
	margin: 0px;
	padding: 0px;
	position:absolute;
	top:254px;
}

div.sidebar ul li
{
	height: 24px;
	list-style:none;
	margin: 0px 0px 4px 0px;
	padding: 0px;
	width: 196px;
}

div.sidebar ul li a
{
	display:block;
	height: 24px;
}


div.sidebar address
{
	color:#eeeedf;
	font-size: 11px;
	position: absolute;
	left: 15px;
	font-style:normal;
	top: 560px;
	width: 200px;
}

div.sidebar address a
{
	color:#eeeedf;
	text-decoration:none;
}

div.content
{
	float: left;
	margin: 0px 0px 20px 0px;
	position:relative;
	text-align:center;
	width: 671px;
	min-height:700px;
}


div.header
{
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	height:350px;
	position:relative;
	width:671px;
}

div.content-area
{
	margin:auto auto;
	position:relative;
	text-align:left;
	width:645px;
}

div.content-area ul, div.content-area ol
{
	margin: 10px 30px 10px 30px;
}

div.content-area ul li, div.content-area ol li
{
	margin: 0px 0px 3px 0px;
}

/* Navigation */

div.sidebar ul li.home a:hover 
{
    background: transparent url(../images/navigation.gif) -304px -254px no-repeat;
}

div.sidebar ul li.rental-home a:hover 
{
    background: transparent url(../images/navigation.gif) -304px -282px no-repeat;
}

div.sidebar ul li.area a:hover 
{
    background: transparent url(../images/navigation.gif) -304px -310px no-repeat;
}

div.sidebar ul li.things-todo a:hover 
{
    background: transparent url(../images/navigation.gif) -304px -338px no-repeat;
}

div.sidebar ul li.gallery a:hover 
{
    background: transparent url(../images/navigation.gif) -304px -366px no-repeat;
}

div.sidebar ul li.reservation a:hover 
{
    background: transparent url(../images/navigation.gif) -304px -394px no-repeat;
}

div.sidebar ul li.contact a:hover 
{
    background: transparent url(../images/navigation.gif) -304px -422px no-repeat;
}

div.sidebar ul li.rates a:hover 
{
    background: transparent url(../images/navigation.gif) -304px -450px no-repeat;
}

div.sidebar ul li.faq a:hover 
{
    background: transparent url(../images/navigation.gif) -304px -478px no-repeat;
}

div.sidebar ul li.resources a:hover 
{
    background: transparent url(../images/navigation.gif) -304px -506px no-repeat;
}

/* Nav ends */


/* A CSS hack that only applies to IE -- specifies a different offset for the footer */

* html .footer
{
	margin-top: -1.5em;
}


div.footer
{
	background-image:url(../images/content_background.png);
	background-repeat:repeat-y;
	height: 70px;
	margin: -1.5em auto 0 auto;
	position:relative;
	text-align:left;
	width:910px;
}

div.footer ul
{
	left: 255px;
	position:absolute;
	width:470px;
	text-align:left;
	top: 10px;
}

div.footer ul li
{
	float:left;
	list-style:none;
	margin: 0px 7px 0px 0px;
}

div.footer ul li a
{
	font-size: 11px;
	text-decoration:none;
}


div.credit
{
	background-image:url(../images/booking_credit.jpg);
	background-repeat:no-repeat;
	background-position: -60px -240px;
	height: 33px;
	position:absolute;
	right: 15px;
	bottom: 25px;
	width:145px;
}

div.credit a:link, div.credit  a:active, div.credit a:visited, div.credit a:hover
{
	display:block;
	height: 33px;
}

ul.sitemap
{
	list-style: none;
	margin-top: 0px;
}

ul.sitemap li
{
	border-bottom: 1px solid #ebf3f8;
	width: 300px;
}

ul.sitemap li a
{
	display: block;
	padding: 10px 10px 10px 10px;
	text-decoration: none;
}

ul.sitemap li a:hover
{
	background-color:#a7c9dc;
	text-decoration: none;
}



/* Text Formatting */

.size16
{
	font-size: 16px;
}

.size14
{
	font-size: 14px;
}

/* Image styling */


.left
{
	float: left;
	margin: 0px 10px 10px 0px
}

.right
{
	float: right;
	margin: 0px 0px 10px 10px
}


/* Custom */

p.pullout
{
	color:#5B654A;
	font-size:16px;
}

div.booknow
{
	background-image:url(../images/booking_credit.jpg);
	background-repeat:no-repeat;
	float: right;
	height:183px;
	margin: 0px 0px 10px 10px;
	position: relative;
	width: 209px;
}

div.bookbutton
{
	height: 27px;
	left:58px;
	position:absolute;
	top: 140px;
	width:84px;
}

div.bookbutton a
{
	display:block;
	height:27px;
}

div.booknow p
{
	font-size:14px;
	left: 10px;
	position:absolute;
	top: 70px;
}

.clear
{
	clear: both
}

/* Form Styling */

form.cmxform fieldset 
{
	border: 0px;
	width: 600px;	
}

form.cmxform legend 
{
	color:#000;
	font-weight: bold;
	padding: 10px 0px 10px 0px;
}

form.cmxform label 
{
	display: inline-block;
	line-height: 1.4;
	width: 150px; /* Width of labels */	
	vertical-align: top;
}

form.cmxform fieldset ol 
{
	margin: 0;
	padding: 0;
}

form.cmxform fieldset li 
{
	list-style: none;
	padding: 5px;
	margin: 0;
}

em.mandatory
{
	font-weight: bold;
	color: #f00;
}

form.cmxform textarea
{
	height: 90px;
	width: 350px;
}

table.booking
{
	padding: 0px;
}

table.booking td
{
	padding:3px!important;
}