@charset "UTF-8";
body {
	background-color: #FFFFFF;
	text-align: center;
	padding-top: 0px;
}

/* the wrapper. keeps everything together. */

#wrapper {
	text-align: left;
	width: 760px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	top: 1px;
	left: -125px;
}

/* Header images division styling. */

#header {
	margin-top: 0px;
	margin-bottom: 5px;
	height: 200px;
	width: 761px;
	position: absolute;
	left: 133px;
	top: 21px;
}

#galleryheader {
	margin-top: 0px;
	margin-bottom: 5px;
	height: 200px;
	width: 761px;
	position: absolute;
	left: 132px;
	top: 21px;
}

#content {
	margin-top: 0px;
	padding-top: 0px;
}

/* initial positioning for footer image. Unique positioning for each page was later required. */

#footer {
	clear: both;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 15px;
	width: 760px;
	top: 230px;
	left: -45px;
	position: absolute;
}

/* Storm Bay logobar styling. */

#logobar {
	height: 85px;
	padding-top: 5px;
	padding-bottom: 0px;
	margin: 0px;
	position: absolute;
	top: 240px;
	left: 135px;
	width: 760px;
}

/* initial positioning for contact details division. Unique positioning for each page was later required. */

#contactdetails {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
	text-align: center;
	float: none;
	height: 40px;
	width: 500px;
	top: 700px;
	left: 134px;
	position: absolute;
}

#topimage {
	height: 200px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* styling for the menu. */

#menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	background-color: #CCCCFF;
	background-position: center top;
	text-align: left;
	height: 300px;
	width: 170px;
	padding-left: 15px;
	padding-top: 0px;
	color: #000000;
	line-height: 35px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	position: absolute;
	left: 135px;
	top: 342px;
}

/*Centrecol and rightcol are present on pages where there are two columns of content*/

#centrecol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #3333CC;
	text-decoration: none;
	text-align: justify;
	float: left;
	height: 315px;
	width: 260px;
	position: absolute;
	top: 340px;
	left: 331px;
	vertical-align: baseline;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
}
#rightcol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #3333CC;
	text-decoration: none;
	text-align: justify;
	float: right;
	height: 324px;
	width: 260px;
	position: absolute;
	top: 340px;
	left: 608px;
	vertical-align: baseline;
	padding-left: 5px;
	padding-right: 5px;
}

/* Division for the yellow tick image. In Room & Rates the yelotick division also houses the booking enquiry button, to make it easier to position. */

#yelotick {
	float: left;
	height: 70px;
	width: 70px;
	left: 180px;
	top: 670px;
	position: absolute;
	text-align: left;
	margin-bottom: 0px;
	clear: both;
}

/* Link styling. No underlines on links, links remain bold whether moused over/visited etc. */

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

/* onecol is present only on pages where there is one column of content */

#onecol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #3333CC;
	text-decoration: none;
	text-align: justify;
	float: none;
	height: 455;
	width: 550px;
	position: absolute;
	top: 340px;
	left: 328px;
	vertical-align: baseline;
	padding-right: 8px;
	padding-left: 4px;
}

html {
height: 100%;
}

/* Division for menu jpg's on the Dining page. Not present elsewhere on the site. */

#diningmenu {
	height: 400px;
	width: 600px;
	top: 835px;
	left: 134px;
	position: absolute;
}

/* booking enquiry button on Room and Rates page. Division is not present on any other page. Division is nested within 'yelotick' division. button to look the same as menu - font, background colour. */

#enquiry {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
	height: 80px;
	width: 140px;
	top: 25px;
	left: -30px;
	background-color: #CCCCFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}

/* Different footer/contact/border locations/sizes for each page, due to the differences in amount of content on each page. 
Initially they were all the same, but client wanted footer/contact visible, making it necessary for individual positions. */


/* Hosts positioning. */

#hostsfooter {
	clear: both;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	height: 100px;
	width: 760px;
	top: 1026px;
	left: 135px;
	position: absolute;
}

#hostsborder {
	border: 1px solid #999999;
	position: absolute;
	width: 760px;
	height: 1150px;
	top: 30px;
	left: 133px;
}

/* index positioning. */

#indexfooter {
	clear: both;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	height: 100px;
	width: 760px;
	top: 845px;
	left: 135px;
	position: absolute;
}

#indexborder {
	border: 1px solid #999999;
	position: absolute;
	width: 760px;
	height: 970px;
	top: 30px;
	left: 133px;
}

#ghborder {
	border: 1px solid #999999;
	position: absolute;
	width: 760px;
	height: 860px;
	top: 30px;
	left: 133px;
}

/* Cragganmore Cottage positioning. */

#ccfooter {
	clear: both;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	height: 100px;
	width: 760px;
	top: 835px;
	left: 135px;
	position: absolute;
}

#ccborder {
	border: 1px solid #999999;
	position: absolute;
	width: 760px;
	height: 884px;
	top: 27px;
	left: 135px;
}

#craggborder {
	border: 1px solid #999999;
	position: absolute;
	width: 760px;
	height: 1100px;
	top: 30px;
	left: 133px;
}

#beachborder {
	border: 1px solid #999999;
	position: absolute;
	width: 760px;
	height: 854px;
	top: 30px;
	left: 132px;
}

#galleryborder {
	border: 1px solid #999999;
	position: absolute;
	width: 764px;
	height: 884px;
	top: 23px;
	left: 133px;
}

#rrborder {
	border: 1px solid #999999;
	position: absolute;
	width: 760px;
	height: 1050px;
	top: 30px;
	left: 133px;
}

#areaborder {
	border: 1px solid #999999;
	position: absolute;
	width: 760px;
	height: 920px;
	top: 30px;
	left: 133px;
}

/* Contact page positioning. */

#contactborder {
	border: 1px solid #999999;
	position: absolute;
	width: 760px;
	height: 937px;
	top: 30px;
	left: 133px;
}


/* Dining positioning. */

#diningborder {
	border: 1px solid #999999;
	position: absolute;
	width: 760px;
	height: 1325px;
	top: 30px;
	left: 133px;
}

/* for SlideShowPro slideshow. */
	table {
	width:100%;
	height:25%;
	padding: 0px;
	}
	
	td {
        vertical-align:middle;
        text-align:center;
	}


/* CSS by Damien Perkins/digital graffiti. damien@digitalgraffiti.com.au */
#singlecol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #3333CC;
	text-decoration: none;
	text-align: justify;
	float: left;
	height: 179px;
	width: 550px;
	position: absolute;
	top: 340px;
	left: 331px;
	vertical-align: baseline;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
}
#contactdetailsdining {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
	text-align: center;
	float: none;
	height: 40px;
	width: 760px;
	top: 1320px;
	left: 135px;
	position: absolute;
}
#contactdetailshosts {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
	text-align: center;
	float: none;
	height: 20px;
	width: 760px;
	top: 1134px;
	left: 134px;
	position: absolute;
}
#contactdetailshome {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
	text-align: center;
	float: none;
	height: 40px;
	width: 760px;
	top: 119px;
	left: 2px;
	position: absolute;
}
#contactdetailsguest {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
	text-align: center;
	float: none;
	height: 40px;
	width: 760px;
	top: 841px;
	left: 134px;
	position: absolute;
}
#contactdetailsbeach {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
	text-align: center;
	float: none;
	height: 40px;
	width: 760px;
	top: 845px;
	left: 134px;
	position: absolute;
}
#contactdetailscontact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
	text-align: center;
	float: none;
	height: 40px;
	width: 760px;
	top: 926px;
	left: 134px;
	position: absolute;
}
#contactdetailscrag {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
	text-align: center;
	float: none;
	height: 40px;
	width: 760px;
	top: 950px;
	left: 134px;
	position: absolute;
}
#contactdetailsgallery {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
	text-align: center;
	float: none;
	height: 40px;
	width: 760px;
	top: 874px;
	left: 134px;
	position: absolute;
}
#contactdetailsrtaes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
	text-align: center;
	float: none;
	height: 40px;
	width: 760px;
	top: 1048px;
	left: 134px;
	position: absolute;
}
#contactdetailsarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
	text-align: center;
	float: none;
	height: 40px;
	width: 760px;
	top: 913px;
	left: 134px;
	position: absolute;
}
#quotePanel {
	float: right;
	width: 525px;
	padding-bottom: 0px;
	margin-bottom: 20px;
}