/* Resetting the borders, margins and padding on all items, then setting up font sizes ***********************/
body, div, h1, h2, h3, h4, p, dl, dt, dd, img, form, fieldset, blockquote { margin: 0em; padding: 0em; border: 0em; }
html 							{ width:100%; height:100%; background-color:#E5DBC6; }
HTML, input, select, textarea   { font-size: 100%; }
body                            { font-size:0.625em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#393A3E; margin:0px; width:100%; height:100%; }
p								{ margin-top:1em; margin-bottom:1em; }

/* Generic Elements *********************************************/
h1                  { font-size:1.4em; }
h2                  { font-size:1.2em; }
h3                  { font-size:1.1em; }

a                   { color:inherit; text-decoration:underline; }
a:hover             { color:inherit; text-decoration:none; }
a:active            { color:inherit; text-decoration:underline; }
a:visited           { color:inherit; text-decoration:underline; }
.errortext			{ color:#FF0000; font-weight:bold; }
.requiredstar		{ color:#000000; }
.requiredstarerror	{ color:#FF0000; font-weight:bold; }

/* Main Elements ************************************************/
.content                 				{ width:100%; margin:0em; }
#canvas 								{ position:absolute; top:0; width:100%; height: 100%; min-height:100%; }
html>body #canvas 						{ height:auto; }
#background								{ width:100%; height:auto; margin:0px auto; background-color:#E5DBC6; padding-bottom:12em; }

/* Header Elements ************************************************/
#headercontent                 			{ margin:0em auto 0em auto; background:#393A3E; text-align:center; }
#header									{ width:76em; margin:0em auto 0em auto; }
#toplogo								{ width:21.6em; height:13em; background:#393A3E no-repeat url(../../../../../images/toplogo.jpg); padding-right:95px; }
#topmenu a								{ display:block; font-size:1.2em;  }
#topmenu li								{ display:block; line-height:2.8em; vertical-align:middle; width:9em; background:#E5DBC6; float:left; border:solid 1px #BBBCBD; margin:0em 0em 0em 0.1em; color:#393A3E; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:1em; }
#topmenu li:hover						{ border:solid 1px #BBBCBD; }
#topmenu .on							{ background:#5A88C0; color:#E5DBC6; }
#topmenu ul								{ margin:0em 5.3em 0em 5.3em; padding:0em; }
#topmenu a, 
#topmenu a:hover,
#topmenu a:active,
#topmenu a:visited						{ text-decoration:none; color:#393A3E; }
#topmenu .on a, 
#topmenu .on a:hover,
#topmenu .on a:active,
#topmenu .on a:visited					{ background:#5A88C0; color:#E5DBC6; }
#topmenu a:hover						{ text-decoration:underline; background-color:#D1C09C; }
#topflash								{ float:left; width:76em; height:20.8em; background:#E5DBC6 no-repeat url(../../../../../images/topflashbackground.jpg); margin-bottom:1em; }

/* Footer and Bottom Elements ************************************************/

#bottommenucontent             			{ background:#393A3E; }
#bottommenu								{ width:76em; margin:0px auto 0px auto; height:3em; text-align:center; padding-top:1.2em; }
#bottommenu a, 
#bottommenu a:active,
#bottommenu a:visited,
#bottommenu a:hover						{ color:#FFFFFF; }
#bottommenu a:hover						{ text-decoration:none; }
.bottomlink								{ display:inline; }
.bottomlinkseperator					{ display:inline; margin-left:0.3em; margin-right:0.3em; }

#footercontent                 			{ bottom:0px; position:absolute; }
#bottomfootercontent             		{ background:#FFFFFF; }
#footer									{ width:76em; padding-top:5px; margin:0pt auto; color:#393A3E; font-size:1em; text-align:center; background-color:#FFFFFF; }
.footer1								{ font-size:1.2em; margin-bottom:0.3em; line-height:1.6em; }
.footer2								{ font-size:1.1em; margin-bottom:0.3em; line-height:1.6em; }
.footer3								{ font-size:1.0em; margin-bottom:0.3em; line-height:1.6em; }
.footer4								{ font-size:0.9em; margin-bottom:0.3em; line-height:1.6em; }

/* Middle Elements ************************************************/
#middlecontent                 			{ height:auto; }
#middle									{ width:76em; margin:0em auto 0em auto; }
#middle p, #middle li, #middle td		{ font-size:1.2em; }
#middle a, 
#middle a:hover,
#middle a:active,
#middle a:visited						{ color:#3C679B; }

/* Other Elements ************************************************/
#clyderoomlink							{ float:left; display:block; width:20em; height:20em; background-color:#00FF33; margin:2.6em; margin-top:0em; }
#dunoonroomlink							{ float:left; display:block; width:20em; height:20em; background-color:#FFFF00; margin:2.6em; margin-top:0em; }
#gantocksroomlink						{ float:left; display:block; width:20em; height:20em; background-color:#FF0000; margin:2.6em; margin-top:0em; }

#clyderoomlinktext						{ float:left; display:block; width:20em; margin:2.3em; text-align:center; margin-bottom:1.5em; margin-top:1.5em; }
#dunoonroomlinktext						{ float:left; display:block; width:20em; margin:2.3em; text-align:center; margin-bottom:1.5em; margin-top:1.5em; }
#gantocksroomlinktext					{ float:left; display:block; width:20em; margin:2.3em; text-align:center; margin-bottom:1.5em; margin-top:1.5em; }

#priceclyderoomlink						{ height:15em; width:49em; background:url(../images/clydePriceImage.jpg) #CCCCCC no-repeat; float:right; margin:1em;  } 
#pricedunoonroomlink					{ height:15em; width:49em; background:url(../images/dunoonPriceImage.jpg) #CCCCCC no-repeat; float:right; margin:1em; float:left; } 
#pricegantocksroomlink					{ height:15em; width:49em; background:url(../images/gantocksPriceImage.jpg) #CCCCCC no-repeat; float:right; margin:1em;  } 
.priceroomlink							{ text-indent: -9999px; }

/*#priceclyderoomlink						{ height:15em; width:49em; background:#CCCCCC no-repeat; float:right; margin:1em; text-align:center; line-height:15em; } 
#pricedunoonroomlink					{ height:15em; width:49em; background:#CCCCCC no-repeat; float:right; margin:1em; text-align:center; line-height:15em; float:left; } 
#pricegantocksroomlink					{ height:15em; width:49em; background:#CCCCCC no-repeat; float:right; margin:1em; text-align:center; line-height:15em;  }*/

.roompricetext							{ float:left; margin-top:5em; text-align:right; display:block; width:20em; }
#roompricetext1							{ }
#roompricetext2							{ float:left; text-align:left; }
#roompricetext3							{ }

.maplinks								{ text-align:center; padding:1em; width:47em; float:left; }
.orderedlistnumber						{ display:inline-block; font-weight:bold; margin-left:2em; padding-right:0.5em; }
 
.clearer								{ clear:both; }
.sitemap li								{ padding:0.3em; }

.readmorelink							{ float:right; }
.textblockshort							{ display:block; float:left; }
.center									{ text-align:center; }
#directionsaddressdetails				{ float:right; width:20em; border:#333333 solid 1px; padding:5px; margin-left:1em; }

.rightsideblock							{ float:right; width:26em; margin-left:1em; margin-top:0.5em; margin-bottom:0.5em; }
.rightblocktitle						{ float:right; display:inline; border:none;   }
.rightblockimage						{ float:left; display:inline; padding-right:1em; border:none; margin-top:0.4em;  }
.rightblocktext							{ float:right; display:inline; width:15em; }

.rightblockreviewsopen					{ float:left; margin-right:1em;  }
.rightblockreviewsclose					{ float:right; margin-left:1em;  }
.viewmorereviews						{ float:right; }
.quote									{ text-align:center; padding-top:1em; padding-bottom:1em; font-size:1.2em; }
.pagetitleintrotext						{ font-size:1.3em; padding-bottom:1em; }

/* Contactform ************************************************/
.form div							{ padding:0.5em; font-size:1.2em; } 
.form div a							{ padding:0.5em; font-size:0.8em; } 
.form legend						{ font-size:1.2em; font-weight:bold; }
.form input							{ width:12em; font-size:1.2em; }
.form .checkbox						{ width:2em; }
.form .checkboxdiv					{ width:8em; float:left; margin:0em; padding:0em; }
.form .dateselection				{ background:url(../../../../../images/date.gif) #999999 no-repeat; width:2em; height:1.8em;  }
.form .disabledformdate				{ width:8em; background-color:#E5DBC6; color:#000000; border:none; padding-top:0.4em; margin-top:0em; vertical-align:top; padding-left:0.4em; margin-right:0.3em; }
.form .formerror					{ width:24em; color:#FF0000; border:none; padding-left:0.5em; background-color:#E5DBC6; font-size:0.8em; }
.form label							{ display:block; width:20em; float:left; text-align:right; padding-right:0.5em; padding-top:0.3em; }
.form .submitbuttons				{ text-align:center; margin-top:1.5em; }

/* Availability Checker ************************************************/
.tablelist							{ border:solid 1px #CCCCCC; }

/* Loginform ************************************************/
#loginformelements					{ float:left; margin-top:2.5em; margin-right:2em;  }
.errormsg							{ color:#FF0000; font-weight:bold; text-align:center; font-size:1.3em; margin-bottom:1em; }
.logoutlink							{ text-align:right; font-weight:bold; color:#FF0000; margin-top:1em; }
.bookinginfo						{ width:100%; }
.bookinginfo .empty					{ width:1.9em; background-color:#FF0000; height:1.9em; float:left; margin:0.2em; }
.bookinginfo .busy					{ width:1.9em; background-color:#FFFFFF; height:1.9em; float:left; margin:0.2em; }
.bookinginfo .seperator				{ clear:both; }
.bookinginfo .days					{ float:left; width:1.9em; height:1.9em; text-align:center; font-weight:bold; margin:0.2em; }
.bookinginfo .monthtitle			{ float:left; width:3em; height:1,9em; text-align:center; font-weight:bold; margin:0.2em; }

/* Gallery ************************************************/

#holder 						{ position:relative; background:transparent url(pic1b.gif) 0px 54px no-repeat; margin-bottom:10px; z-index:1; height:550px; text-align:center; }
#holder	li						{ font-size:0.92em; margin-bottom:0.5em; }
.gallerythumb					{ width:7.5em; padding:0.5em; }