/* Seaviews Cascading Style Sheet */
/* Designed by Gavin Ballard Design, 2006. */
/* Reproduction of this document without the express permission of the author is strictly prohibited. */


html, body {
	margin		: 0px 0px 0px 0px;
}

body {
	background	: url("images/seaviews_colbck.jpg");
}

/* Generic Background */
td.bck {
	background	: url("images/seaviews_colbck.jpg");
}

/* White Separator */
td.whitesep {
	background 	: #FFFFFF;
}


/* The Seaviews header containing all of the top information */
div.seaviews_header {
	position	: absolute;
	width		: 100%;
	height		: 192px;
	background	: url("images/seaviews_colbck.jpg");
}

/* The Seaviews Logo */
img.seaviews_logo {
	position	: absolute;
	width		: 611px;
	height		: 192px;
	left		: 0px;
	top		: 0px
}

/* The Seaviews Extension */
img.seaviews_extension {
	position	: absolute;
	left		: 611px;
	top		: 0px;
	width		: 114px;
	height		: 93px
}

/* The stretched-out bit that has the language options */
div.seaviews_stretch {
	position	: absolute;
	left		: 0px;
	width		: 100%;
	top		: 0px;
	height		: 93px;
	background-image: url("images/seaviews_topbck.jpg");
	text-align	: right;
}



/* The white div at the bottom with the contact information */
div.seaviews_topcontact {
	position	: absolute;
	z-index		: 10;
	right		: 15px;
	top		: 93px;
	height		: 99px;
	text-align	: right;
	font-family	: arial, sans-serif;
	font-size	: 15px;
}


/* The sidebar image */
img.sidebar {
	position	: absolute;
	right		: 0px;
	top		: 240px;
	width		: 206px;
	height		: 518px
}

/* The content division */
td.content {
	background-color: #FFFFFF;
	text-align	: justify;
	font-family	: arial, sans-serif;
	font-size	: 12px;
	min-height	: 518px;
}

/* The 'real' content division */
div.innercontent {
	position	: absolute;
	left		: 15px;
	right		: 20px;
	top		: 15px;
	background-color: #FFFFFF;
	text-align	: justify;
	font-family	: arial, sans-serif;
	font-size	: 14px;
}

/* The navigation division */
div.navigationbar {
	position	: absolute;
	left		: 12px;
	top		: 205px;
	background-color: #FFFFFF;
	background	: url("images/seaviews_colbck.jpg");
	text-align	: justify;
	font-family	: arial, sans-serif;
	font-size	: 14px;
}

/* Navigation links */
a.nav {
	font-family	: arial, sans-serif;
	font-size	: 15px;
	color		: #1874b7;
	text-decoration : underline;
}

a.nav:visited {
	color		: #1874b7;
	text-decoration : underline;
}

a.nav:hover {
	color		: #6e96b3;
	text-decoration : underline;
}

/* Language links */
a.langnav {
	font-family	: "lucide grande", arial, sans-serif;
	font-size	: 12px;
	color		: #165685;
	text-decoration : underline;
	margin		: 12px 12px 12px 12px;
}

a.langnav:visited {
	color		: #165685;
	text-decoration : underline;
}

a.langnav:hover {
	color		: #ffffff;
	text-decoration : underline;
}


/* The top-right border image */
img.content_tr {
	position	: absolute;
	right		: 220px;
	top		: 227px;
	width		: 20px;
	height		: 73px;
}

/* The table to be align on the bottom of the home content div */
table.bottomalign {
	position	: static;
	bottom		: 20px;
}


/* The home page's top-left image */
img.home_top {
	position	: absolute;
	left		: 0px;
	top		: 0px;
	width		: 169px;
	height		: 246px;
}

/* The home page's text division */
div.home_text {
	position	: absolute;
	left		: 180px;
	top		: 0px;
	min-height	: 246px;
	vertical-align	: middle;
}

/* The home page's left image */
img.home_left {
	position	: absolute;
	left		: -180px;
	top		: 105%;
	width		: 246px;
	height		: 169px;
}

/* The home page's right image */
img.home_right {
	position	: absolute;
	right		: 0px;
	top		: 105%;
	width		: 246px;
	height		: 169px;
}

/* The texture wave div */
td.texture_wave {
	height		: 169px;
	background-image: url("images/texturewave.gif");
}

/* Footer Div */
div.footer {
	font-family	: arial, sans-serif;
	font-size	: 10px;
	color		: #AAAAAA;
	position	: absolute;
	width		: 100%;
	text-align	: center;
}

a.footerlink {
	font-family	: arial, sans-serif;
	font-size	: 10px;
	color		: #AAAAAA;
}

a.footerlink:visited {
	font-family	: arial, sans-serif;
	font-size	: 10px;
	color		: #AAAAAA;
}

a.footerlink:hover {
	color		: #000000;
}

/* Booking form */
.wide_element {
	width		: 300px;
	font-family	: arial, sans-serif;
	font-size	: 12px;
}

.town_element {
	width		: 150px;
	font-family	: arial, sans-serif;
	font-size	: 12px;
}

.postcode_element {
	width		: 83px;
	font-family	: arial, sans-serif;
	font-size	: 12px;
}

.phone_element {
	width		: 125px;
	font-family	: arial, sans-serif;
	font-size	: 12px;
}

.area_element {
	width		: 300px;
	height		: 200px;
	font-family	: arial, sans-serif;
	font-size	: 12px;
}