/* PAGE LAYOUT */

body {
	margin-top: 0;
	padding: 0;
	background-color: #93BEE5;
}
#container {
	width: 900px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
}
#header {
	width: 898px;
	height: 300px;
	float: left;
	background: url(../images/header.jpg) no-repeat;
	border-left: 1px solid #393c33;
	border-right: 1px solid #393c33;
}

/* NAVIGATION 
----------------------------------------------------------------*/
#nav {
	width: 900px;
	height: 56px;
	float: left;
	margin: 0;
	padding: 0;
}
/*#nav-border {
	height: 8px;
	width: 898px;
	background-color: #93BEE5;
	float: left;
	border-left: 1px solid #393c33;
	border-right: 1px solid #393c33;
	margin: 0;
	padding: 0;
}*/
#nav ul {
	width: 900px;
	height: 56px;
	margin: 0;
	padding: 0;
	background: url(../images/nav/nav_bkgd_sml.jpg) repeat-x;
	list-style-type: none;	
}
#nav ul li {
	width: 125px;
	height: 56px;
	float: left;
	margin: 0;
	padding: 20px 0 0 0;
	list-style-type: none;
	text-align: center;
	font-size: 18px;
}
#nav ul li#location {
	padding: 12px 0 0 0;
}
#nav ul li a:link,
#nav ul li a:visited {
	width: 120px;
	height: 56px;
	display: block;
	text-decoration: none;
	text-align: center;		
	margin: 0;
	padding: 0;
	color: #FFFFFF;
}
#nav ul li a:hover,
#nav ul li a:active {	
	margin: 0;
	padding: 0;
}
#nav ul li#home,
#nav ul li#apartment,
#nav ul li#location,
#nav ul li#availability,
#nav ul li#gallery,
#nav ul li#things,
#nav ul li#contact {
	text-decoration: none;
	background: url(../images/nav/nav_bkgd_sml.jpg) repeat-x;
}
#nav ul li#home:hover,
#nav ul li#apartment:hover,
#nav ul li#location:hover,
#nav ul li#availability:hover,
#nav ul li#gallery:hover,
#nav ul li#things:hover,
#nav ul li#contact:hover {
	color: #acc045;	
	text-decoration: none;
	background: url(../images/nav/nav_bkgd_over_sml.jpg) repeat-x;
}


/*---------------------------------------------------------------*/

#body {
	width: 858px;
	background-color: #FFFFFF;
	border-left: 1px solid #393c33;
	border-right: 1px solid #393c33;
	padding: 20px;
	float: left;
}
#content {
	width: 569px;
	margin: 0 20px 0 0;
	float: left;
}
#aside {
	width: 269px;
	margin: 0;
	float: left;
}
#footer {
	width: 890px;
	height:22px;
	padding: 8px 0 0 10px;
	background-color: #393c33;
	float: left;

}
a:link ,
a:visited,
a:active  {
	color: #2366AF;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
ul {
	margin: 0;
	padding: 0;
}
li {
	margin: 0 0 8px;
	padding: 0;
}

/* FOOTER 
----------------------------------------------------------------------*/

#footer .copyright p {
	width: 300px;
	float: left;
	color: #FFFFFF;
	font-size: 10px;
}

/* ENQUIRY FORM 
----------------------------------------------------------------------*/

#enquiry {
	width: 247px;
	margin: 0 0 20px;
	padding: 10px;
	float: left;
	border: 1px solid #393c33;
}
#enquiry form label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0 0 5px 0;
	float: left;
}
#enquiry form dl {
	margin: 15px 0 0 0;
	float: left;
	width: 267px;
}
#enquiry form dt {
	clear: both;
	width: 60px;
	min-height: 20px;
	padding: 0;
	float: left;
}
#enquiry form dd {
	min-height: 25px;
	padding: 0;
	position: relative;
	margin: 0 0 5px 0;
	float: left;
}
#enquiry form dd input {
	border: 1px solid #CCCCCC;
	padding: 5px;
	width: 170px;
	font-size: 11px;
	float: left;
}
#enquiry form dd textarea#message {
	height: 90px;
	width: 176px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
#enquiry form .submit {
	margin: 8px 0 0 60px;
}


/* HEADERS AND COPY 
----------------------------------------------------------------------*/

p {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0 0 8px;
}
#header span {
	font-size: 36px;
	color: #393c33;
}
h1 h2 h3 h4 h5 h6 {
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 36px;
	color: #393c33;
	margin: 0 0 12px;
}
h2 {
	font-size: 24px;
	color: #393c33;
	margin: 0 0 12px;
}
h3 {
	font-size: 18px;
	color: #393c33;
	margin: 6px 0 12px 0;
}
h4 {
	font-size: 16px;
	color: #393c33;
	margin: 0 0 12px;
}
#aside h3.alternative {
	width: 259px;
	height: 24px;
	padding: 6px 0 0 10px;
	background-color: #393c33;
	margin: 20px 0 0 0;
	color: #FFFFFF;
}

/* HOME PAGE 
----------------------------------------------------------------------*/

#home-page ul#images {
	margin: 15px 0 0 0;
	padding: 0;
	list-style-type: none;
	height: 185px;
}
#home-page ul#images li {
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	list-style-type: none;
}
#home-page ul#images li.nth-child {
	margin: 0;
}

/* CONTENT SECTION 
----------------------------------------------------------------------*/

#home-page .section {
	width: 549px;
	margin-top: 10px;
	padding: 10px;
	float: left;
	border: 1px solid #393c33;
	background-color: #FFFFFF;
	height: 175px;
}
* html #home-page .section {
	height: 175px;
}
#home-page .section .half-section {
	width: 269px;
	float: left;
}

/* AVAILABILTY CALENDER 
----------------------------------------------------------------------*/

ul#availability-table {
	width: 550px;
	float: left;
	margin: 15px 0 0 0;
	padding: 25px 0 0 0;
	list-style-type: none;
	border-top: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
ul#availability-table li {
	width: 235px;
	min-height: 200px;
	margin: 0 20px 20px 0;
	float: left;
	padding: 10px;
	list-style-type: none;
	background-color: #DDDDDD;
	display: inline;
}
ul#availability-table h3 {
	margin: 6px 0 6px 0;
}
* html ul#availability-table li {
	height: 200px;
}
ul#availability-table li table tr {
	height: 22px;
}
ul#availability-table li table tr.week {
	height: 20px;
	background-color: #FFFFFF;
}
ul#availability-table li table tr.booked-week {
	height: 20px;
	background-color: #CC0000;
	color: #FFFFFF;
}
ul#availability-table li table tr.part-booked-week {
	height: 20px;
	background-color: #0066CC;
	color: #FFFFFF;
}
ul#availability-table li table.availabilitymonth {
	width: 235px;
}	
ul#availability-table li table.availabilitymonth td {
	padding: 2px;
}	
ul#availability-table li .month {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #2366AF;
	width: 120px;
}	
ul#availability-table li table.availabilitymonth td.commencing {
	background-color: #393c33;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	border: 1px #393c33 solid;
}

ul#availability-table li .dateavailable {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
	border: 1px #393c33 solid;
}
	
ul#availability-table li .dateunavailable {
	background-color: #2366AF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	border: 1px #393c33 solid;
}
ul.terms {
	margin: 0 0 15px 15px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
ul.terms li {
	margin: 0 0 8px 0;
	padding: 0;
}
span.red {
	color: #CC0000;
	font-weight: bold;
}
span.blue {
	color: #0066CC;
	font-weight: bold;
}

/* GALLERY
----------------------------------------------------------------------*/

ul#gallery {
	width: 550px;
	margin: 15px 0 0 0;
	padding: 0;
	list-style-type: none;
	float: left;
}
ul#gallery li {
	width: 120px;
	margin: 0 10px 10px 0;
	padding: 0;
	list-style-type: none;
	float: left;
}
ul#gallery li img {
	border: none;
	margin: 0;
}
ul#gallery li.nth-child {
	margin: 0 0 10px 0;
}

/* THINGS TO DO
----------------------------------------------------------------------*/

ul.category {
	width: 550px;
	list-style-type: none;
	margin: 15px 0 0 0;
	padding: 0;
}
ul.category li {
	width: 530px;
	list-style-type: none;
	margin: 0;
	padding: 10px;
	border-top: 1px solid #CCCCCC;
	float: left;
}
ul.category li img {
	float: left;
	margin: 0 20px 0 0;
}
ul.category li .content {
	float: left;
	width: 400px;
}


/* BOOKING CONDITIONS 
----------------------------------------------------------------------*/

#booking-conditions-page ol.conditions {
	margin: 0 0 15px 28px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
#booking-conditions-page ol.conditions li {
	margin: 0 0 8px 0;
	padding: 0;
}


/* MISC STYLES
----------------------------------------------------------------------*/

.mr10 {
	margin-right: 10px;
}
#location-page #google-map {
	margin-top: 20px;
}
#google-map a:link ,
#google-map a:visited,
#google-map a:active {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #acc045;
	text-decoration: underline;
}
#google-map a:hover {
	text-decoration: none;
}
#aside .contact-info {
	width: 269px;
	margin-bottom: 15px;
}
#contact-info {
	width: 247px;
	margin: 0 0 20px;
	padding: 10px;
	float: left;
	border: 1px solid #393c33;
}
img {
	border: none;
}