/* Hoolagators Stylesheet
Compass Internet Solutions
December 2008 */

html {
	margin: 0px;
	padding: 0px;
} 
body {
	font-size: 75%;
	margin: 0;
	background:black
}

#wrapper {
	/* container of fixed width & centred */
	width: 780px;
	margin: auto;
	height: 100%;
}

/* Main divs */

#row1 {
/* first row of composite image elements*/
	width: 100%;
	height: 200px;
}

#row2 {
/* second row of composite image elements */
	width: 100%;
	height: 60px
}

#row3 {
/* third row of composite image elements */
	width: 100%;
	height: 140px
}

#textarea {
	/* This div contains the page text */
	width: 100%;
	height: 100%;
	background-color: black;
	color: white;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
}

#maintextarea {
	/* This div contains the page text for the main page */
	width: 100%;
	height: 100%;
	background-color: black;
	color: white;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	text-align: left;
}
#navigation {
	/* This div formats the navigation block on the main page */
	background-position: left top;
	width: 195px;
	float: left;
	font-weight: bold;
	font-style: normal;
	background-image: url('images/tall_body.jpg');
	background-repeat: repeat-x;
}
#page_content
{
	float: right;
	width: 570px;
}

#footer {
/* This div contains the page footer, a composite image */
	width: 100%;
	height: 80px;
}

#mainfoot {
	/* This div contains the main page footer, a composite image */
	clear: both;
	height: 253px;
	text-align: center;
}

/* Images */

img.toprow {
/* top 3 image elements are all identical in layout */
	width: 260px;
	height: 200px;
	border-width: 0;
	margin: 0;
	float: left;
	clear: none;
}

img.middlerow {
/*	middle 2 image elements are different widths - set on page
	left-hand image is a navigation map */
	height: 60px;
	border-width: 0;
	margin: 0;
	float: left;
	clear: none;
}

img.bottomrow {
/*	bottom 2 image elements are identical in layout
	left-hand image is a navigation map */
	width: 390px;
	height: 140px;
	border-width: 0;
	margin: 0;
	float: left;
	clear: none;
}

img.foot {
/* 3 footer image elements are all identical in layout (pages from template) */
	width: 260px;
	height: 80px;
	border-width: 0;
	margin: 0;
	float: left;
	clear: none;
}

img.mainfooter {
/* 3 footer image elements are all identical in layout (main page) */
	width: 260px;
	height: 253px;
	border-width: 0;
	margin: 0;
	float: left;
	clear: none;
}

#copyright {
/* The copyright notice for the footer */
	position: relative;
	 /*float:left;
	 left: 3.4in;*/
	 text-align: center;
	 top: -0.50in;
	 z-layer:1;
	 color: white;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
}

ul.main {
/* Catalogue item list links on the main page */
	line-height: 2em;
	font-size: 1.2em;
	font-family: Verdana, Arial, sans-serif;
	list-style-type: none;
	text-indent: 0;
	margin-top: 1.5em;
	margin-left: 0;
/* Use a special image for the bullet point, if required
	list-style-image: url("/images/whatever.gif") */
}

h1 {
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 22.5px;
	font-weight: bold;
	font-style: normal;
}

.hotelname {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 18px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	COLOR: #162861;
	PADDING-TOP: 0px;
	FONT-FAMILY: verdana, helvetica, arial, sans-serif;
	TEXT-ALIGN: left;
}
smallgrey {
	FONT-SIZE: 10px; COLOR: #a8a2b3; LINE-HEIGHT: 11px; FONT-FAMILY: verdana , helvetica, arial, sans-serif
}
.textbold {
	TABLE-LAYOUT: fixed; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: verdana , helvetica, arial, sans-serif
}
.textwhite {
	text-align: left;
	text-indent: 0px;
	}
.headerred {
	FONT-WEIGHT: normal; FONT-SIZE: 26px; COLOR: #ff0000; FONT-FAMILY: verdana , helvetica, arial, sans-serif
}
A:cathead 
{
	COLOR: #FF9900;
	font-family: verdana, helvetica, arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 18px;
	text-decoration: none;
}

A:link {
	border-width: 0px;
	COLOR: #FF9900;
	font-family: verdana, helvetica, arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 11px;
	text-decoration: none;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
	border-top-color: 0;
	border-right-color: 0;
	border-bottom-color: 0;
	border-left-color: 0;
}
A:visited {
	COLOR: #FF9900;;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
}
A:hover {
	COLOR: #666666;
	TEXT-DECORATION: none;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
}
A:active {
	COLOR: #FF9900;
	TEXT-DECORATION: none;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
}
.left {
	PADDING-LEFT: 2px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 18px;
	COLOR: #ffffff;
	FONT-FAMILY: verdana , helvetica, arial, sans-serif;
	outline-color: #FFFFFF;
	outline-width: thin;
	text-align: left;
}
.hotelnamered {
	padding: 0px;
	FONT-WEIGHT: bold;
		FONT-SIZE: 18px;
		MARGIN: 0px;
	COLOR: #FFFF00;
	FONT-FAMILY: Verdana;
		TEXT-ALIGN: left;
	font-style: italic;
}
.textwhiteindent {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #FFFFFF;
	FONT-FAMILY: verdana , helvetica, arial, sans-serif;
	text-indent: 60px;
}
.hotelnamewhiteleftindent {
	padding: 0px;
	FONT-WEIGHT: bold;
		FONT-SIZE: 18px;
		MARGIN: 0px;
		COLOR: #FFFFFF;
		FONT-FAMILY: verdana, helvetica, arial, sans-serif;
	TEXT-ALIGN: center;
		text-indent: 0px;
		font-style: normal;
}
.textwhitedefaultlarge {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #FFFFFF;
	FONT-FAMILY: verdana , helvetica, arial, sans-serif;
	text-indent: 60px;
}
cataloge {
	COLOR: #FF9900;
	font-family: verdana, helvetica, arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 18px;
	text-decoration: none;
}
.textwhitebold {
	text-align: left;
	text-indent: 0px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}