/* 	
Rockhampton Serviced Apartments: Main stylsheet,
Copyright Rockhampton Serviced Apartments 2007,
Developed by World Wide Web Design.

Table of Contents
-----------------
1:- Global elements
2:- Skip navigation
*/

/* 1:----------- Global elements ----------- */
body {
	background: url(../_imgs/body_bg.gif) repeat #333;
	font-family: arial, sans-serif;
	font-size: 67.5%;
	margin: 0;
}

img {
	border: 0;
}

h1 {
	color: #fff;
	font-family: georgia, times new roman, serif;
	font-size: 2.2em;
	font-weight: normal;
	margin: 10px 0 0 0;
}

h2 {
	clear: left;
	color: #dfb67e;
	font-family: georgia, times new roman, serif;
	font-size: 1.8em;
	font-weight: normal;
	margin: 0 0 20px 0;
}

p {
	color: #fff;
	font-size: 1.2em;
}

a:link,
a:visited {
	color: #ffa433;
	text-decoration: none;
}

a:hover,
a:active {
	text-decoration: underline;
}

ul {
	color: #fff;
	font-size: 1.2em;
}

table {
	border-collapse: collapse;
	color: #fff;
}

th {
	background: #8f7962;
}

th,
td {
	border: 1px solid #dfb67e;
	padding: 3px;
}
/* 1:----------- END: Global elements ----------- */
/* 2:----------- Skip navigation ----------- */
div#skip {
	height: 1px;
	overflow: hidden;
}

div#skip a.skiplink:link, 
div#skip a.skiplink:visited,
div#skip a.skiplink:hover {
	height: 1px;
	left: -1000em;
} 

div#skip a.skiplink:active,
div#skip a.skiplink:focus { 
	background: #000;
	color: #fff;
	display: block;
	font-weight: bold;
	height: 30px;
	left: 0;
	padding: 5px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	width: 100%;
}
/* 2:----------- END: Skip navigation ----------- */
/* 3:----------- Main container ----------- */
#main_container {
	background: url(../_imgs/main_container_bg.gif) repeat-y transparent;
	left: 50%;
	margin: 10px 0 0 -383px;
	position: absolute;
	width: 770px;
	z-index: 1;
}

#top_bg {
	background: url(../_imgs/main_container_top.gif) no-repeat transparent;
	height: 9px;
	width: 770px;
}

#bottom_bg {
	background: url(../_imgs/main_container_bottom.gif) no-repeat transparent;
	height: 27px;
	width: 770px;
}
/* 3.1:----------- Header pane ----------- */
#header_pane {
	height: 256px;
	padding: 0 21px 0 18px;
}

.logo {
	float: left;
}
/* 3.1:----------- END: Header pane ----------- */
/* 3.2:----------- Content pane ----------- */
/* 3.2.1:----------- Top nav ----------- */
.top_nav {
	background: url(../_imgs/top_nav_bg.gif) repeat-x transparent;
	height: 46px;
	list-style: none;
	margin: 0;
	padding: 15px 0 0 40px;
}

.top_nav li {
	background: url(../_imgs/top_nav_separator.gif) no-repeat top right;
	display: inline;
	padding: 0 17px 0 15px;
}

li.last_item {
	background: none;
}

.top_nav a:link,
.top_nav a:visited {
	color: #45612d;
	font-family: verdana, arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

.top_nav a:hover,
.top_nav a:active {
	text-decoration: underline;
}
/* 3.2.1:----------- END: Top nav ----------- */
/* 3.2.2:----------- Content left pane ----------- */
#content_left_pane {
	float: left;
	padding: 15px 0 0 0;
	width: 284px;
}

#content_left_pane img {
	border: 1px solid #fff;
	margin: 0 0 0 89px;
}

#content_left_pane #homepage_palm {
	border: 0;
	left: -113px;
	position: absolute;
	top: 360px;
	z-index: 10;
}

#content_left_pane #homepage_photo {
	left: 16px;
	position: absolute;
	top: 342px;
	z-index: 20;
}

p.caption {
	font-size: 1em;
	margin: 0 0 25px 0;
	padding: 0 0 0 87px;
}
/* 3.2.2:----------- END: Content left pane ----------- */
/* 3.2.3:----------- Content right pane ----------- */
#content_right_pane {
	padding: 0 10px 0 308px;
}

#content_gallery_pane {
	padding: 0 10px 0 10px;
}

#content_gallery_pane img {
	border: 1px solid #fff;
}

.gallery_photo {
	float: left;
	margin: 10px 30px 0 0;
	width: 200px;
}

#content_gallery_pane p {
	padding: 5px;
}

#content_right_pane .left {
	color: #fff;
	float: left;
	font-size: 1.2em;
	width: 70px;
}

#content_right_pane .right {
	color: #fff;
	font-size: 1.2em;
	padding-left: 70px;
}
/* 3.2.3.1:----------- Booking form ----------- */
fieldset {
	border: 1px solid #dfb67e;
	margin: 0 0 20px 0;
}

legend {
	color: #dfb67e;
	font-size: 1.2em;
	font-weight: bold;
}

label {
	color: #fff;
	clear: left;
	display: block;
	float: left;
	font-size: 1em;

	margin: 10px 0 0 0;
	width: 120px;
}

input {
	clear: right;
	float: left;
	margin: 10px 0 0 0;
	width: 200px;
}

input.button {
	background: #dfb67e;
	color: #666;
	cursor: pointer;
	font-size: 1em;
	margin: 0 10px 0 10px;
	padding: 5px;
	width: 100px;
}

input.button:hover {
	color: #9b2819;
}

select {
	clear: right;
	float: left;
	margin: 10px 8px 0 0;
}

textarea {
	clear: right;
	float: left;
	margin: 10px 0 0 0;
}

/* 3.2.3.1:----------- END: Booking form ----------- */
/* 3.2.3:----------- END: Content right pane ----------- */
#content_pane {
	background: #6d5e4e;
	margin: 0 21px 0 18px;
	padding: 0 0 10px 0;
}

#separator {
	clear: both;
}
/* 3.2:----------- END: Content pane ----------- */
/* 3.3:----------- Footer pane ----------- */
#footer_pane {
	background: url(../_imgs/body_bg.gif) repeat;
	padding: 0 21px 0 18px;
}

#footer_pane p {
	color: #ccc;
	font-size: 1em;
	margin: 0;
}

#footer_pane .left {
	float: left;
}

#footer_pane .right {
	color: #666;
	float: right;
	text-align: right;
}
/* 3.3:----------- END: Footer pane ----------- */
/* 3:----------- END: Main container ----------- */