/******************/
/*    lay-out     */
/******************/
html {
	overflow					: scroll;
	overflow-x					: hidden;
}

body {
	margin						: 0;
	text-align					: center;
	color 						: #000;
	background-color			: #79a2b8;
	background-image			: url(img/body_bg.jpg);
	background-attachment		: fixed;
	background-repeat			: repeat;
	background-position			: center top;	
}

#site {
	margin						: 0;
	padding						: 0;
	background-image			: url(img/site_bg.jpg);
	background-attachment		: fixed;
	background-repeat			: no-repeat;
	background-position			: center top;
}

#centerbox {
	padding						: 0;
	width						: 970px;
	margin						: 0 auto 0 auto;
}	

#headerbox {
	position					: relative;	
	height						: 215px;
	margin						: 0;
	text-align					: left;
}
#navbox {
	margin						: 0 5px;
	padding						: 0;
	text-align					: center;
}

#mainbox {
	width						: 970px;
	margin						: 0;
	padding						: 0;
	text-align					: left;
	clear						: both;
	background-image			: url(img/column_2ns.png);
	background-attachment		: scroll;
	background-repeat			: repeat-y;
	background-position			: center top;		
}
#mainbox1c {
	width						: 970px;
	margin						: 0;
	padding						: 0;
	text-align					: left;
	clear						: both;
	background-image			: url(img/column_1f.png);
	background-attachment		: scroll;
	background-repeat			: repeat-y;
	background-position			: center top;		
}
#mainbox:after,
#mainbox1c:after{
	content						: "."; 
	display						: block; 
	height						: 0; 
	clear						: both;
	visibility					: hidden;
}

#contentbox {
	position					: relative;
	margin						: 0;
	padding						: 0;
	clear						: both;

}

#content_column_small {
	float						: left;
	width						: 300px;
	margin						: 0 5px 0 0;
	padding						: 0;
}

#content_column_normal {
	float						: left;
	width						: 660px;
	margin						: 0 0 0 5px;
	padding						: 0;
	font-size					: .95em;
}

#content_column_full {
	float						: left;
	width						: 960px;
	margin						: 0 5px 0 5px;
	padding						: 0;
	font-size					: .95em;
}

/* footer */
#footerbox {
	position					: relative;
	margin						: 0;
	padding						: 0;
	clear						: both;
	background-image			: url(img/column_2ns.png);
	background-attachment		: scroll;
	background-repeat			: repeat-y;
	background-position			: center top;	
}


/******************/
/*    styles     */
/******************/

h1 {
	margin						: 0 0 .9em 0;
	font-size 					: 1.8em;
	font-weight					: normal;
	color						: #003366;
	line-height					: 1.05em;
	font-family					: "Times New Roman", Times, serif;
}
h1 span {
	display						: block;
	font-size 					: 0.75em;
	font-style					: italic;
	font-weight					: normal;
	color						: #666;
}
h2 {
	margin						: .9em 0 .6em 0;
	font-size 					: 1.3em;
	font-weight					: normal;
	color						: #003366;
	font-family					: "Times New Roman", Times, serif;
}
h3 {
	margin						: .6em 0 .3em 0;
	font-weight					: bold;
	font-size 					: 1.1em;
	color						: #333;
}
h4 {
	margin						: .6em 0 .3em 0;
	font-weight					: bold;
	font-size 					: 1em;
	color						: #003366;
}
h4 span {
	display						: block;
	font-size 					: 0.8em;
	font-weight					: bold;
	color						: #666;
}
font {}
p {
	margin						: 0 0 .9em 0;
}

a {
	font-weight					: normal;
	text-decoration				: underline;
	color						: #336600;
}
a:hover	{
	font-weight					: normal;
	text-decoration				: underline;
	color						: #669933;
}

ol {
	font-family					: Arial, Helvetica, sans-serif;
	font-size 					: 1em;
	margin						: 0 0 .9em 0;
}

ul {
	font-family					: Arial, Helvetica, sans-serif;
	font-size 					: 1em;
	margin						: 0 0 .9em 0px;
	.margin						: 0 0 .9em 35px;
	list-style-image			: url(img/list_item.png);
}

li {
	margin						: 0;
	padding						: 0;
}

li span {
	display						: block;
	font-size					: .85em;	
}


/* other text */
.tiny {
	font-family					: Arial, Helvetica, sans-serif;
	font-size 					: .8em;
}
.small {
	font-family					: Arial, Helvetica, sans-serif;
	font-size 					: .9em;
}
.large {
	font-size 					: 1.2em;
}
.xlarge {
	font-size 					: 2em;
}

/* image */
img {
	border						: none;
}

.image_left_dropshadow {
	float						: left;
	clear						: both;
	margin						: 10px 15px 2px 5px;
	background					: url(img/shadow-img.png) no-repeat bottom right;
}
.image_right_dropshadow {
	float						: right;
	clear						: both;
	margin						: 10px 0 2px 15px ;
	background					: url(img/shadow-img.png) no-repeat bottom right;
}
.image_left_dropshadow .image,
.image_right_dropshadow .image {
	position					: relative;
	bottom						: 5px;
	right						: 5px;
	padding						: 5px;
	margin						: 0px;
	border						: 1px solid #ccc;
}

.image_left {
	float						: left;
	margin						: 2px 15px 4px 0px;
	padding						: 5px;
	border						: none;
	clear						: both;
}
.image_right {
	float						: right;
	margin						: 2px 0px 4px 15px;
	padding						: 5px;
	border						: none;
	clear						: both;
}

.image_center {
	text-align					: center;
	padding						: 0px;
	border						: 1px solid #ccc;
}

/* other */
.paragraph {
	display						: block;	
	clear						: both;
}

.left {
	float						: left;
	clear						: left;
}
.right {
	float						: right;
	clear						: right;
}
.center {
	text-align					: center;
}
.clear {
	clear						: both;	
}
/* dividers */
hr {
	display						: block;
	width						: 100%;
	height						: 1px;
	color						: #d6bdad;
	margin-top					: 1em;
	clear						: both;	
}
.hr {
	display						: block;
	width						: 100%;
	height						: 0px;
	margin						: 1em 0;
	border-top					: 1px solid #bbb;
	border-bottom				: 1px solid #fff;
	clear						: both;	
}
.divider {
	border-bottom				: 1px dotted #d6bdad;
	display						: block;
	width						: 100%;
	height						: 0px;
	margin						: 2px 0 1px 0;
	text-align					: right;
	clear						: both;	
}

/* special text */
.title {
	font-weight					: bold;
	color						: #000;
}
.intro {
	font-weight					: bold;
	color						: #333;
}
.text {
	padding						: 30px 40px 15px 40px;
	font-weight					: normal;
}

.highlight {
	font-style					: italic;
	font-weight					: bold;
	color						: #c60;
	line-height					: 1.3em;	
}
.error {
	font-weight					: bold;
	color						: #c00;
}

a.nolink {
	font-weight					: normal;
	text-decoration				: none;
	color						: #000;
}
a.nolinkb {
	font-weight					: bold;
	text-decoration				: none;
	color						: #000;
}

ul.links {
	padding						: 0;
	list-style					: none;
	list-style-image			: none;
}

ul.links li {
	margin						: 2px 0;
}

ul.links a {
	color						: #606;
	text-decoration				: none;
}

/* Gallery */
.gallery {
	padding						: 5px;
	background-color			: #333;
}

div.gallery_image {
	display						: inline;
}

img.gallery_image {
	margin						: 5px;
	width						: 100px;
	height						: 67px;
}


/* Availability Table */
table.bookingstyle {
	width: 100%;
	background-color: #fff;
}

table.bookingstyle td {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
}

.stylebooked {
	background-color: #FF0000;
}
.styleavail {
	background-color: #00FF00;
}

/* Side Boxes */
.offer_box,
.text_box,
.booking_box,
.quote_box,
.subnav_box {
	margin						: 20px;	
}

.subnav_box ul#subnav_list {
	margin						: 0 0 .9em -10px;
	.margin						: 0 0 .9em 25px;	
	list-style-image			: url(img/subnav_item.png);
}

.subnav_box ul#subnav_list li {
	margin						: 3px 0;
}

.subnav_box ul#subnav_list li a {text-decoration:none;}

.offer_box h4 {
	color						: #c00;
	font-size					: 1.2em;
}

.booking_box {
	padding						: 0px 10px 10px 10px;
	background-color			: #fff;
	border						: 2px dotted #79a2b8;
}
table.bookings {
	font-size					: .95em;
}

.quote_box {
	padding						: 10px 0;	
	color						: #666;
}

.quote {
	font-family					: "Times New Roman", Times, serif;
	font-size					: 1.2em;
	font-style					: italic;
	font-weight					: normal;
	line-height					: 1.3em;	
}
.author {
	font-family					: Arial, Helvetica, sans-serif;
	font-size					: .7em;
	font-style					: normal;
	font-weight					: bold;		
}
.author_location {
	font-size					: .8em;
	line-height					: .6em;	
}

/******************/
/*      home      */
/******************/
.home_block 					{float:left;width:270px;height:250px;margin: 0 40px 25px 0;background-color:#fff}
.home_block_image 				{margin:0;padding:0;}
.home_block_text				{padding: 5px 10px;font-size:.95em;}
.home_block_text h3				{}


/******************/
/*      form      */
/******************/
form {
	margin						: 0;
	padding						: 0;
}

fieldset {
	padding						: 10px 15px;	
}

ol.form {
	margin						: 0;
	padding						: 0;
	list-style					: none;	
}

ol.form li {
	padding						: 2px 0;
	list-style					: none;	
}


label {
	display						: inline-block;
	width						: 180px;
	vertical-align				: top;
}

label span {
	font-size					: .8em;
	color						: #666;
}

p.buttons {
	padding						: 1em 0;
	text-align					: center;
}

.redheader {
	color						: #cc0000;	
	font-weight					: bold;
}


/******************/
/*   navigation   */
/******************/
#nav {
	padding						: 7px 0;
	background-color			: #000;
	
	border-top					: 1px solid #fff;
	color						: #fff;
}
#nav_list {
	margin						: 0;
	padding						: 0;
	font-family 				: Arial, Helvetica, sans-serif;
	font-size 					: .9em;	
	font-weight					: normal;
	list-style					: none;
	text-align					: center;
}

li.nav_item {
	margin						: 0;
	padding						: 0;
	display						: inline;
	list-style					: none;
}
a.nav_link {
	padding						: 7px 20px 7px 20px;
	color						: #fff;
	text-decoration				: none;
}
a:hover.nav_link {
	color						: #fff;
	background-color			: #223333;
	text-decoration				: none;
}
#nav .selected {
	color						: #a4be80;
}


/******************/
/*    content     */
/******************/
#content,
#home {
	font-family 				: Arial, Helvetica, sans-serif;
	font-size					: .85em;
	line-height					: 1.3em;
	text-align					: left;
	clear						: both;
}

/* header */
#header {
	margin						: 0;
	font-family 				: Verdana, Arial, Helvetica, sans-serif;
	font-size 					: 0.7em;
	text-align					: right;
	color						: #999;
}

.header_logo {
	position					: absolute;
	left						: 0;
	top							: 0;
	z-index						: 2;
}

.header_title {
	margin						: 0;
	padding						: 10px;
}

.header_title h1 {
	margin						: 0;
	padding						: 0;
	font-family 				: Arial, Helvetica, sans-serif;
	font-size 					: 1.6em;
	font-style					: italic;
	color						: #000;
	line-height					: 1.4em
}

.header_title h1 span {
	display						: block;
	font-family 				: Arial, Helvetica, sans-serif;
	font-size 					: 1.1em;
	font-weight					: bold;
	font-style					: normal;
	color						: #000;
}

.header_bar {
	position					: absolute;
	left						: 5px;
	top							: 196px;
	width						: 960px;
	height						: 19px;
	background-image			: url(img/header_bar.png);
	background-attachment		: scroll;
	background-repeat			: no-repeat;
	background-position			: center top;
	z-index						: 1;
}
.header_item {
	padding						: 2px 15px 0 15px;
	font-style					: italic;
}

a.header_link,
a:hover.header_link {
	color						: #000;
}

/* footer */
#footer {
	margin						: 0px 5px 10px 5px;
	font-family 				: Arial, Helvetica, sans-serif;
	color						: #fff;	
}

.footer_contact {
	margin						: 0;
	padding						: 15px;
	background-color			: #000;	
	text-align					: left;
	font-size 					: 1.05em;
	line-height					: 1.2em;
}

.footer_bar {
	margin						: 0;
	padding						: 5px 15px;
	background-color			: #333;	
	border-top					: 1px solid #fff;
	color						: #999;
	text-align					: left;
	font-size 					: 0.72em;
}

.footer_item {
	display						: inline;
}

.subfooter_link {
	color						: #999;	
}

#webdesign {
	padding						: 5px 10px;
	text-align					: right;
	font-family					: Arial, Helvetica, sans-serif;
	font-size 					: .68em;
	color						: #666;
}
#webdesign * {
	color						: #666;
	text-decoration				: none;
}

/******************/
/*     icons      */
/******************/
.icon_left {
	float						: left;
	margin						: 0 5px 5px 0;
}
.icon_right {
	float						: right;
	margin						: 0 0 5px 5px;
}

.icon_link {
	padding-left				: 24px;
	border						: none;
	background-image			: url(img/list_item.png);
	background-repeat			: no-repeat;
	background-position			: 2px 3px;
}

.icon_ext_link {
	padding-left				: 24px;
	border						: none;
	background-image			: url(img/icon_ext_link.png);
	background-repeat			: no-repeat;
	background-position			: left top;
}

.icon_quote {
	padding-left				: 24px;
	border						: none;
	background-image			: url(img/icon_quote.png);
	background-repeat			: no-repeat;
	background-position			: left top;
}

.icon_pdf {
	padding-left				: 24px;
	border						: none;
	background-image			: url(img/icon_pdf.png);
	background-repeat			: no-repeat;
	background-position			: left top;
}

.icon_word {
	padding-left				: 24px;
	border						: none;
	background-image			: url(img/icon_word.png);
	background-repeat			: no-repeat;
	background-position			: left top;
}