/*-------------------------------------------------------------------------------------------------------------------
	Heartwood Manor - Stylesheet

	version:		3.0
	author: 		Grant W Johnson
	last update:	17 March 2009

-------------------------------------------------------------------------------------------------------------------*/


/* Typography
-------------------------------------------------------------------------------------------------------------------*/
body 	{	background:#004b85;
		color:black;
		font-family: Arial, sans-serif;
		border:none;
		padding:0; margin:0;
		text-align:center;
		font-size:small !important; font-size:x-small;
	}

p	{	font-size:100%; margin:1% 5% 0 5%; padding:0; line-height:1.15em;	}


/* Headers: h1=site, h2=page, h3=section, h4=subsection, h5=subsubsection, h6=small print  	*/

h1, h2, h3, h4, h5, h6	{	color:#048; font-weight:bold; margin:0;	padding:0;	}
								
h2	{	font-size:120%; margin:.5em 1em;	}
h3	{	font-size:110%; margin:.5em 2em;	}
h4	{	font-size:100%; margin:.5em;	}
h5	{	font-size:90%; margin:2em;		}
h6	{	font-size:80%; margin:2em;		}


/* Buttons and Breaks
-------------------------------------------------------------------------------------------------------------------*/
a.butt, a.rsvp	{	display:block; float:left; width:auto; font-size:90%; padding:.25em 1em; margin:.5em;
					color:black; text-decoration:none; border-top:1px solid silver; border-right:1px solid black; border-bottom:1px solid black; border-left:1px solid silver;	}

a.butt:link, a.butt:visited	{	background:#d4ecfb url("bg/buttonblue.jpg") repeat-x top left;		}
a.butt:hover				{	background:#bedfc4 url("bg/buttongreen.jpg") repeat-x bottom left; color:black; text-decoration:underline;	}
a.rsvp:link, a.rsvp:visited	{	background:#fcdbe4 url("bg/buttonred.jpg") repeat-x top left;		}
a.rsvp:hover				{	background:#bedfc4 url("bg/buttongreen.jpg") repeat-x bottom left;	 text-decoration:underline;		}

.rosebreak	{	width:100%; height:40px; clear:both; position:relative; padding:0; margin:0; text-align:center;
				background:#fffff7 url(bg/rosebreak1.jpg) bottom center no-repeat;		}
.hwbreak	{	width:100%; height:100px; clear:both; position:relative; top:-40px; padding:0; margin:0;
				background:#fffff7 url(bg/hwbreak2.jpg) bottom center no-repeat;		}
.rmbreak	{	width:100%; height:50px; float:left; display:inline; position:relative; padding:0; margin:0; background:#fffff7;	}
.clear		{	clear:both;	}

/* 2 columns
-------------------------------------------------------------------------------------------------------------------*/
.col1		{	width:36%; float:left; display:inline; position:relative; padding:0; margin:1% 0 1% 2%;	}
.col2		{	width:58%; float:right; display:inline; position:relative; padding:0; margin:1% 2% 1% 0;	}


/* Container		contains everything from masthead to footer
-------------------------------------------------------------------------------------------------------------------*/
#container	{	width:980px; padding:0; margin:0 auto; text-align:left; font-size:110%;	}

#searchbar	{	float:right; display:inline; position:relative; padding:0; margin:0;	}


/* Masthead 	
-------------------------------------------------------------------------------------------------------------------*/
#masthead	{	width:100%; height:90px; float:left; display:inline; position:relative;
				padding:0; margin:0; text-indent:-5000px;		/* phark */			}

#masthead img	{	position:absolute; top:0; left:0; padding:0; margin:0;	}

/* Navigation
-------------------------------------------------------------------------------------------------------------------*/
#nav	{	width:100%; float:left; display:inline; position:relative; top:-40px;
			padding:0; margin:0; background:transparent url(bg/nav-border.gif) bottom repeat-x; 	}

#nav ul	{	width:95%; float:left; display:inline; position:relative; margin:0 0 0 5%; padding:0; list-style:none;			}
#nav li	{	float:left; display:inline; position:relative; margin:0; padding:0; text-align:center;		}
#nav a	{	float:left;	display:block; margin:0  2px 0 0; padding:4px 8px; color:#333; text-decoration:none; 
			border:1px solid #9b8748; border-bottom:none; background:#f6f6ff url(bg/navoff.jpg) repeat-x top left;		}
#nav a:hover	{	color:black; background:white url(bg/navon.jpg) repeat-x top left; text-decoration:underline;	}
#nav a.current, #nav a.current:hover	{	color:black; background:#fffff7 url(bg/navcurr.jpg) repeat-x top left; padding-bottom:5px; text-decoration:none;	}

/* Contents
-------------------------------------------------------------------------------------------------------------------*/
#contents	{	width:100%; float:left; display:inline; position:relative; top:-40px; padding:0; margin:0; background:#fffff7;	}
#contents img	{	width:100%; border:0;	}		/* because IE sux at % image sizes */
#contents .pic100	{	width:100%; float:right; display:inline; position:relative; padding:0; margin:0 0 2% 0;	}
#contents .pic90	{	width:96%; float:left; display:inline; position:relative; padding:0; margin:0 0 1% 2%;	}
#contents .pic60r	{	width:57%; float:right; display:inline; position:relative; padding:0; margin:0 0 0 3%;	}
#contents .pic60l	{	width:57%; float:left; display:inline; position:relative; padding:0; margin:0 3% 0 0;	}
#contents .pic60c	{	width:57%; float:left; display:inline; position:relative; padding:0; margin:0 3% 0 20%;	}
#contents .pic50r	{	width:47%; float:right; display:inline; position:relative; padding:0; margin:0 0 0 3%;	}
#contents .pic50l	{	width:47%; float:left; display:inline; position:relative; padding:0; margin:0 3% 5% 0;	}
#contents .pic40r	{	width:37%; float:right; display:inline; position:relative; padding:0; margin:0 0 0 3%;	}
#contents .pic40l 	{	width:37%; float:left; display:inline; position:relative; padding:0; margin:0 3% 0 0;	}
#contents .pic35r	{	width:32%; float:right; display:inline; position:relative; padding:0; margin:0 0 0 3%;	}
#contents .pic35l 	{	width:32%; float:left; display:inline; position:relative; padding:0; margin:0 3% 0 0;	}
#contents .pic30r	{	width:27%; float:right; display:inline; position:relative; padding:0; margin:0 0 0 3%;	}
#contents .pic30l 	{	width:27%; float:left; display:inline; position:relative; padding:0; margin:0 3% 0 0;	}
#contents .pic20r	{	width:17%; float:right; display:inline; position:relative; padding:0; margin:0 2% 0 3%;	}
#contents .pic20l 	{	width:17%; float:left; display:inline; position:relative; padding:0; margin:0 3% 0 2%;	}
#contents .pic20c 	{	width:17%; float:left; display:inline; position:relative; padding:0; margin:0 3% 0 42%;	}

#contents .caapic 	{	width:121px; float:left; display:inline; position:relative; padding:0; margin:5% 5% 0 10%;	}

#contents img.natural	{	width:auto;	}
#contents img.naturalleft	{	float:left; width:auto;	}
#contents img.naturalright	{	float:right; width:auto;	}

#intro		{	width:96%; padding:0; margin:2% 0 1% 2%;	}
#intro ul	{	list-style:circle; margin:.5% 0 0 10%; padding:0;	}
#intro li		{	margin:0; padding:0;	}
#intro h2, h3, h4	{	margin:0;	}

#intro p.dented02	{	margin-left:100px;	}


#review		{	width:80%; padding:0; margin:2% 0 1% 10%;	}


/* Footer		
-------------------------------------------------------------------------------------------------------------------*/

#footer	{	width:100%; clear:both; position:relative; top:-40px; padding:0; margin:0; background:#fffff7 url("bg/bgbottom.jpg") bottom left repeat-x;	}

#bottombrand	{	width:500px; text-align:center; padding:0 0 1% 0; margin:0 0 0 240px; background:white; border-top:1px solid silver; border-right:1px solid gray; border-bottom:1px solid gray; border-left:1px solid silver; 	}
#bottombrand a		{	color:black; font-size:100%; text-decoration:none;	}
#bottombrand a:hover	{	color:navy; text-decoration:underline;			}

#footerlinks	{	width:100%; text-align:center; padding:0; margin:1% 0;	}
#footerlinks ul	{	display:block; list-style-type:none;					}
#footerlinks li	{	display:inline; font-size:90%;						}
#footerlinks a:link, #footerlinks a:visited	{	color:#333; margin:0; padding:.75em; text-decoration:none;		}
#footerlinks a:hover		{	color:blue; text-decoration:underline;					}
#footerlinks a.current:hover		{	color:333; text-decoration:none;					}

#smallprint	{	width:100%; text-align:center; padding:1% 0; margin:0; background:#eef; border-top:1px solid silver; border-bottom:2px solid gray; font-size:80%;		}

/* End of common styles
-------------------------------------------------------------------------------------------------------------------*/

/* Home page
-------------------------------------------------------------------------------------------------------------------*/

#claims		{	width:80%; padding:2% 0; margin:0 0 0 15%;		}
#claims img	{	width:90px; float:left; display:inline; position:relative; padding:0; margin:0 0 0 65px;		}

#teasers	{	background:white; clear:both;	}
#teasers a	{	text-decoration:none; color:#048;	}
#teasers a:hover	{	text-decoration:underline;	}
#teasers dl		{	width:100%; clear:both; float:left; display:inline; position:relative; padding:0; margin:0; font-size:100%; border-top:1px solid silver; 	}
#teasers dt		{	width:48%; float:right; display:inline; position:relative; padding:0; margin:1% 0; font-size:110%; font-weight:bold;	}
#teasers dd		{	width:48%; float:right; display:inline; position:relative; padding:0; margin:1% 0;			}
#teasers dd.pic	{	float:left; 	}

#features		{	background:white;	}
#features a			{	text-decoration:none; color:#048;	}
#features a:hover	{	text-decoration:underline;	}
#features a.butt		{	float:right; margin:1em;	}
#features dl			{	width:100%; clear:both; padding:0; margin:0; font-size:100%; border-top:1px solid silver; 	}
#features dt			{	padding:0; margin:1% 0; font-size:110%; font-weight:bold;	}
#features dd			{	padding:0; margin:1% 0;			}
#features dd.pic		{	width:200px; float:right; margin:0 2% 1% 2%;	}
#features dd.dent	{	padding:0; margin:1% 0 0 5%;			}
#features dd.list	{	padding:0; margin:.5% 0 0 10%;			}
#features dd.right	{	clear:both; text-align:right; margin:0 2%;	}



#hmfinal		{	font-size:90%; width:90%; clear:both; padding:2% 0; margin:1% 0 1% 5%; border-top:1px solid silver; border-left:1px solid silver; background:white;	}
#hmfinal h3		{ 	color:black; text-align:center; font-weight:normal;		}



/* Rooms page
-------------------------------------------------------------------------------------------------------------------*/
#rmsecondary	{	width:96%; float:left; display:inline; position:relative;
			padding:0; margin:1% 0 1% 2%; border-top:1px solid silver; border-bottom:1px solid silver;
		}

#rmsecondary dl		{	width:49%; float:left; display:inline; position:relative; padding:0; margin:1% 0; font-size:100%; }
#rmsecondary dt		{	width:63%; float:right; display:inline; position:relative; padding:0; margin:2% 2% 0 0; font-weight:bold;	}
#rmsecondary dd		{	float:right; display:inline; position:relative; padding:0; margin:1% 3% 1% 0; width:60%;	}
#rmsecondary dd.pic	{	float:left;	margin:1%; width:30%;	}
#rmsecondary dd.list	{	margin:0;		}
#rmsecondary img	{	width:94%; padding:2%; border:0;	}

#rmsidebar		{	width:28%; float:left; display:inline; position:relative; padding:0; margin:0 0 0 1%;	}
	#rmsidebar h4	{	padding:2% 3%;	}

#rmtoc	{	width:100%; float:left; position:relative; display:inline; padding:0 0 20px 0; margin:0;
		background:white url(bg/bgtoptan.jpg) top left repeat-x; border-top:1px solid silver; border-left:1px solid silver;	}

	#rmtoc ul		{	list-style:none; margin:0 0 1em 0; padding:0;		}
	#rmtoc li		{	margin:0 0 0 2em; padding:0;				}
	#rmtoc a:link		{	color:navy; font-size:100%; text-decoration:none;	}
	#rmtoc a:visited	{	color:purple; text-decoration:none;			}
	#rmtoc a:hover		{	color:black; text-decoration:underline;			}

.rmsidebox	{	width:100%; float:left; position:relative; display:inline;
			padding:0 0 15px 0; margin:5% 0 0 0; font-size:85%;
			background:#fafafa; border-top:1px solid silver; border-left:1px solid silver; 
		}
#pets	{	background:white url(images/petfriendly.jpg) bottom center no-repeat; padding-bottom:110px;	}
#inncaa	{	background:white url(images/caa.jpg) bottom center no-repeat; padding-bottom:110px;		}
#gift	{	background:white url(images/giftcert.jpg) bottom center no-repeat; padding-bottom:190px;	}


#rmteasers	{	width:69%; float:right; display:inline; position:relative; padding:0; margin:0 1% 1% 0;	}

	#rmteasers dl	{	width:100%; float:left; display:inline; position:relative;
				padding:0; margin:0 0 1% 0; font-size:100%;	
				border-top:1px solid silver; border-right:1px solid gray; border-bottom:1px solid gray; border-left:1px solid silver; 
			}
	#rmteasers dt	{	width:60%; float:right; display:inline; position:relative;
				padding:0; margin:2% 0 0 0; font-weight:bold;
			}
	#rmteasers dt a		{	color:black; text-decoration:none;	}
	#rmteasers dt a:hover	{	text-decoration:underline;		}
	#rmteasers dd		{	width:55%; float:right; display:inline; position:relative; padding:0; margin:.5% 3% .5% 0;	}
	#rmteasers dd.pic	{	width:36%;float:left; margin:1%; font-size:75%;		}
	#rmteasers dl.alt dt	{	width:55%; float:left; margin:2% 0 0 4%;		}
	#rmteasers dl.alt dd	{	width:50%; float:left; margin:.5% 0 .5% 8%;		}
	#rmteasers dl.alt dd.pic {	width:36%; float:right; margin:1%; font-size:75%;	}
	#rmteasers img		{	width:96%; padding:2%; background:white; border:0;	}


	#rmteasers dd.box, #rmteasers dl.alt dd.box		{	width:100%; float:right; display:inline; position:relative;
								padding:0 0 5px 0; margin:1% 0 0 0; 
								background:#ececec; border-top:1px solid silver;		}

#pw	{	background:white url(bg/bgtopblue.jpg) top left repeat-x;	}
#me	{	background:white url(bg/bgtopgreen.jpg) top left repeat-x;	}
#mt	{	background:white url(bg/bgtoptan.jpg) top left repeat-x;	}
#ue	{	background:white url(bg/bgtopblue.jpg) top left repeat-x;	}
#ut	{	background:white url(bg/bgtopgreen.jpg) top left repeat-x;	}
#le	{	background:white url(bg/bgtoptan.jpg) top left repeat-x;	}
#lt	{	background:white url(bg/bgtopblue.jpg) top left repeat-x;	}
#do	{	background:white url(bg/bgtopgreen.jpg) top left repeat-x;	}
#co	{	background:white url(bg/bgtoptan.jpg) top left repeat-x;	}
#ch	{	background:white url(bg/bgtopblue.jpg) top left repeat-x;	}

/* Room detail pages
-------------------------------------------------------------------------------------------------------------------*/
#rmzoomnav	{	width:80%; float:left; display:inline; position:relative; padding:5px 0; margin:0 0 0 10%; border-top:1px solid silver; border-bottom:1px solid silver;	}
#rmzoomnav ul	{	width:100%; float:left; display:inline; position:relative; padding:0; margin:0;	}
#rmzoomnav li	{	width:33%; float:left; display:inline; position:relative; padding:0; margin:0;	}
#rmzoomnav a		{	color:black; text-decoration:none;	}
#rmzoomnav a.prevrm	{	float:left; display:block; position:relative; padding:5px 0 5px 70px; margin:0; background:#fffff7 url(rooms/prev.jpg) center left no-repeat;	}
#rmzoomnav a.rmindex	{	text-align:center; width:100%; float:left; display:block; position:relative; padding:5px 0 5px 0px; margin:0; background:#fffff7;	}
#rmzoomnav a.nextrm	{	float:right; display:block; position:relative; padding:5px 70px 5px 0; margin:0; background:#fffff7 url(rooms/next.jpg) center right no-repeat;	}
#rmzoomnav a.prevrm:hover		{	text-decoration:underline; background:#fffff7 url(rooms/prevon.jpg) center left no-repeat;	}
#rmzoomnav a.rmindex:hover	{	text-decoration:underline; background:#fffff7;	}
#rmzoomnav a.nextrm:hover		{ 	text-decoration:underline; background:#fffff7 url(rooms/nexton.jpg) center right no-repeat;	}

#rmzoom		{	width:90%; float:left; display:inline; position:relative; padding:0; margin:0 0 0 5%;	}
#rmzoom h2	{	float:left; display:inline; position:relative; font-size:150%; font-weight:bold; color:#059;	}
#rmzoom a.rsvp	{	float:right;display:inline; position:relative; margin:1em 2em 0 0;  font-size:100%;	}

#rmzoom1	{	width:54%; float:left; display:inline; position:relative; padding:0; margin:2% 0 5% 2%;	}
#rmzoom2	{	width:40%; float:right; display:inline; position:relative; padding:0; margin:2% 2% 5% 0;	}
#rmzoom1 p	{	font-size:110%; margin:1em 2em; line-height:1.25em;	}

#rmzoom2 ul	{	width:100%; float:left; display:inline; position:relative; padding:0; margin:0;	}
#rmzoom2 li	{	width:100%; float:left; display:inline; position:relative; padding:0; margin:1% 0;	}
#rmzoom2 li.rmpic80	{	width:80%; float:left; display:inline; position:relative; padding:0; margin:0 0 0 10%;	}
#rmzoom2 li.rmpic60	{	width:60%; float:left; display:inline; position:relative; padding:0; margin:0 0 0 20%;	}
#rmzoom2 li.rmpic20	{	width:30%; float:left; display:inline; position:relative; padding:0; margin:0 0 0 20%;	}



/* Spa page
-------------------------------------------------------------------------------------------------------------------*/
#spahype	{	width:60%; float:right; position:relative; display:inline; margin:2% 3% 1% 0; padding:2% 0; border:1px solid silver;  background:#eff4ff url(bg/bgspapkg.jpg) 50% 30% no-repeat;	}
	#spahype p	{	text-align:center;	}
	#spahype h2	{	text-align:center; color:black;	}

#spatoc	{	width:30%; float:left; position:relative; display:inline; margin:1% 0 1% 5%; padding:2% 0;	}
	#spatoc ul	{	margin:0; padding:0; font-size:110%;	}
	#spatoc li	{	display:block;	}
	#spatoc a	{	display:block; text-decoration:none; color:#333; 	}
	#spatoc a:hover	{	text-decoration:none; font-weight:bold; color:black;	}


#spacol1		{	width:47%; float:left; display:inline; position:relative; padding:0; margin:0 0 0 2%;	}
#spacol2		{	width:47%; float:right; display:inline; position:relative; padding:0; margin:0 2% 0 0;	}

#spatreatments	{	width:100%; float:left; position:relative; display:inline; margin:0; padding:0; 	}
	#spatreatments h3	{	text-align:center; margin:.5em 0 .5em 0; color:black;	}

	#spatreatments dl	{	width:96%; float:left; position:relative; display:inline; margin:2% 0 0 2%; padding:0;	}
	#spatreatments dt	{	color:#048; font-weight:bold; width:100%; float:left; position:relative; display:inline; margin:0; padding:1% 0 0 0;	}
	#spatreatments dd	{	width:98%; float:left; position:relative; display:inline; margin:0 0 0 2%; padding:0;	}
	#spatreatments dd.price	{	text-align:right; width:98%; float:right; margin:0; padding:0;	}


	#spatreatments a		{	text-decoration:none;	}
	#spatreatments a:hover		{	text-decoration:underline;	}

.spabox		{	width:100%; float:left; position:relative; display:inline; margin:1% 0; padding:2% 0; border:1px solid silver; background:white;	}



#service	{	background:white url(bg/bgspapurple.jpg) top left repeat-x;	}
#manspace	{	background:white url(bg/bgspablue.jpg) top left repeat-x;	}
#spapackages	{	background:white url(bg/bgspagreen.jpg) top left repeat-x;	}
#massage	{	background:white url(bg/bgspagreen.jpg) top left repeat-x;	}
#facial		{	background:white url(bg/bgspablue.jpg) top left repeat-x;	}
#manicure	{	background:white url(bg/bgspapurple.jpg) top left repeat-x;	}
#depilation	{	background:white url(bg/bgspablue.jpg) top left repeat-x;	}
	#depilation dd		{	width:30%;	}
	#depilation dd.price	{	width:68%;	}





#spa_notes	{	width:80%; float:left; position:relative; display:inline; margin:1% 0 1% 10%; padding:2% 0; border:1px solid silver; background:white;	}
	#spa_notes h5	{	text-align:center; margin:.5em;	}
	#spa_notes p	{	text-align:center; margin:.5em; }
	#spa_notes a.butt	{	margin:left:30px;	}

#spa_reservations	{	width:80%; float:left; position:relative; display:inline; margin:1% 0 1% 10%; padding:2% 0; border:1px solid silver; background:white;	}
	#spa_reservations h5	{	text-align:center; margin:.5em;	}
	#spa_reservations p	{	text-align:center; margin:.5em; line-height:1.5em;	}


/* Links page
-------------------------------------------------------------------------------------------------------------------*/
#links		{	width:98%; float:left; display:inline; position:relative; padding:0; margin:1% 0 0 1%;	}
#links a.butt	{	float:right; font-size:90%; margin:.25em .5em .5em 0; text-align:center;	}


#linksbasic		{	width:67%; float:left; display:inline; position:relative; padding:0; margin:0 0 0 2%; background:white;	}
#linksbasic h3		{	width:99%; background:#004b85; color:#eeeeff; padding:.5% 0 .5% 1%; margin:1% 0; font-weight:normal; font-size:110%;	}
#linksbasic dl		{	width:100%; padding:0; margin:.5% 0;	}
#linksbasic dt		{	width:96%; padding:0; margin:1% 0 .5% 2%; font-weight:bold; font-size:100%; color:#444;	}
#linksbasic dd		{	width:90%; padding:0; margin:.5% 0 .5% 5%;			}
#linksbasic dd.phone	{	text-align:right; margin-bottom:1%;		}
#linksbasic dd.list	{	width:75%; margin:0 0 0 14%;	}

#linksbasic	a	{	text-decoration:none; color:#048;	}
#linksbasic	a:hover	{	text-decoration:underline; color:blue;	}
#linksbasic	a:visited	{	color:purple;	}


#linksfeatured	{	width:25%; float:right; display:inline; position:relative; padding:0; margin:0 2% 0 0;	}

.linkbox		{	width:100%; float:left; display:inline; position:relative; padding:0; margin:.5% 0 1% 0; border-top:1px solid silver; 	}
#linksfeatured dl		{	width:100%; padding:0; margin:1% 0; font-size:100%;		}
#linksfeatured dt		{	width:90%; padding:0; margin:2% 0 0 4%; font-weight:bold; color:navy;	}
#linksfeatured dd		{	width:85%; padding:0; margin:1% 0 2% 8%;			}
#linksfeatured dd.list	{	width:75%; margin:0 0 0 14%;	}
#linksfeatured dd.linkbutt	{	float:right; margin:2% 0 0 0; padding:0;	}

	#golf		{	background:#ecffff url(links/golf.jpg) bottom left no-repeat;	}
		#golf dl	{	margin-bottom:125px;	}
	#rosebud		{	background:#fafdf9 url(links/rosebud.jpg) top left repeat-x;	}
	#weather	{	background:#def url(links/sun.gif) top right no-repeat;		}
		#weather dd	{	width:60%;		}
	#atlas		{	background:white url(links/atlas.jpg) bottom left no-repeat;	}
		#atlas dd.linkbutt	{	margin-top:80px;		}
	#tours		{	background:white url(links/wildwest.jpg) bottom left no-repeat;	}
		#tours dd.linkbutt	{	margin-top:60px;		}
	#topdown	{	background:white url(links/topdown.jpg) bottom left no-repeat;	}
		#topdown dd.linkbutt	{	margin-top:70px;		}
	#travelalberta	{	background:#dfe8ff url(links/travelalta.jpg) top center no-repeat;	}
		#travelalberta dt	{	margin-bottom:80px;	}
	#traveldrum	{	background:white;	}
	#wiki		{	background:white;	}
	
	#charming	{	background:white url(links/charming.jpg) left top no-repeat;	}
		#charming dl	{	width:84%; margin-left:15%;	}
		#charming dt	{	font-size:115%; color:#444;}
	#canselect		{	background:white url(links/canadaselect.jpg) left top no-repeat;	}
		#canselect dl	{	width:84%; margin-left:15%;	}
	#caa			{	background:white url(links/caa.jpg) left top no-repeat;	}
		#caa dl	{	width:84%; margin-left:15%;	}
	#petfriend		{	background:white url(links/petfriendly.jpg) left top no-repeat;	}
		#petfriend dl	{	width:84%; margin-left:15%;	}
	
	#athens		{	background:white url(links/athens.jpg) top center no-repeat; border:0; margin:3% 0; padding-bottom:5%;	}
		#athens dt	{	text-align:center; padding:1.5em 0 0 0;	}
		#athens dd	{	width:75%; margin-left:13%; text-align:center;  }
	#hoodoo		{	background:white url(links/hoodoo.jpg) bottom center no-repeat; padding-bottom:100px;	}
	#hammerhead	{	background:white url(links/hhtours.jpg) bottom left no-repeat; padding-bottom:100px;	}
	#wayne	{	background:#f6f6f6;	}


#map		{	width:880px; float:left; display:inline; position:relative; padding:0; margin:1% 0 0 5%; 	}



/* Specials page
-------------------------------------------------------------------------------------------------------------------*/
#packages	{	width:96%; float:left; display:inline; position:relative; padding:0; margin:0 0 1% 2%;	}
#pkgcol1		{	width:64%; float:left; display:inline; position:relative; padding:0; margin:0;	}
#pkgcol2		{	width:35%; float:right; display:inline; position:relative; padding:0; margin:0;	}

#packages dd.price	{	text-align:right;	}
#packages a.butt	{	float:right;		}

.pkgbox		{	width:100%; float:left; position:relative; display:inline;
			padding:0 0 6px 0; margin:0 0 4px 0; 
			background:#fafafa; border-top:1px solid silver; border-left:1px solid silver; 
		}

#pkgcol1 dl	{	width:100%; float:left; display:inline; position:relative; padding:0; margin:1% 0;		}
#pkgcol1 dt	{	width:64%; float:right; display:inline; position:relative; padding:0; margin:.5% 3% .5% 0; font-size:125%;	}
#pkgcol1 dd	{	width:62%; float:right; display:inline; position:relative; padding:0; margin:.5% 3% .5% 0;	}
#pkgcol1 dd.pic	{	width:30%; float:left; margin:0 1%; 	}

#pkgcol1 dd.list	{	width:59%; margin:0 3% 0 0;	}
#pkgcol1 dd.full	{	width:98%; text-align:right; 	}
#pkgcol1 dd.subtitle	{	font-size:110%; color:#0000ff;	}
#pkgcol1 dd.bold	{	font-weight:bold;	}
#pkgcol1 dd.promo img	{	width:auto; float:right; margin:0; border:0;	}

.pkgbox2	{	width:100%; float:left; position:relative; display:inline;
			padding:0 0 6px 0; margin:0 0 4px 0;
			background:#fafafa; border-top:1px solid silver; border-left:1px solid silver; 
		}

#pkgcol2 dl		{	width:100%; float:left; display:inline; position:relative; padding:0; margin:1% 0;		}
#pkgcol2 dt		{	width:92%; float:right; display:inline; position:relative; padding:0; margin:1% 4% 1% 0; font-size:140%; text-align:center;	}
#pkgcol2 dd		{	width:87%; float:right; display:inline; position:relative; padding:0; margin:1% 4% 1% 0;	}
#pkgcol2 dd.list	{	width:82%; margin:0 4% 0 0;	}
#pkgcol2 dd.subtitle	{	font-size:110%; color:#0000ff;	}
#pkgcol2 dd.bold	{	font-weight:bold;	}
#pkgcol2 dd.centered	{	text-align:center;	}

	#pkggiftcert	{	background:white url(images/giftcert.jpg) bottom center no-repeat; padding-bottom:190px;	}

	#pkgwin 	{	background:#edeeff;	}
	#pkgwin img 	{	width:124px; margin:10px 0 10px 50px;	}
	#pkgwin dd.bold	{	text-align:center;	}


#pkgnewyear	{	background:white url(bg/bgtopblue.jpg) top left repeat-x;	}
#pkggolf	{	background:white url(bg/bgtopgreen.jpg) top left repeat-x;	}

#pkgmidweek	{	background:white url(bg/bgtopblue.jpg) top left repeat-x;	}
#pkgfriends	{	background:white url(bg/bgtopgreen.jpg) top left repeat-x;	}
#pkgtheatre	{	background:white url(bg/bgtoptan.jpg) top left repeat-x;	}

#pkgromance	{	background:white url(bg/bgtoppink.jpg) top left repeat-x;	}
#pkgspa		{	background:white url(bg/bgtoptan.jpg) top left repeat-x;	}

#pkgski		{	background:white url(bg/bgtopblue.jpg) top left repeat-x;	}
#pkgtyrrell	{	background:white url(bg/bgtoptan.jpg) top left repeat-x;	}
#pkgbones	{	background:white url(bg/bgtoptan.jpg) top left repeat-x;	}

#pkgreserve	{	width:96%; float:left; display:inline; position:relative; padding:0 0 2% 0; margin:0 0 0 2%; text-align:center; font-size:110%; border-top:1px solid silver;	}



/* Photo page
-------------------------------------------------------------------------------------------------------------------*/

#photocol1	{	width:32%; float:left; position:relative; display:inline; padding:0; margin:0 0 1% 2%; background:white;	}
#photocol2	{	width:32%; float:left; position:relative; display:inline; padding:0; margin:0 0 1% 0; background:white;	}
#photocol3	{	width:32%; float:left; position:relative; display:inline; padding:0; margin:0 0 1% 0; background:white;	}


.photobox	{	width:96%; float:right; position:relative; display:inline; padding:0; margin:0 2% 2% 0; background:white;
			border-top:1px solid silver; border-right:1px solid gray; border-bottom:1px solid gray; border-left:1px solid silver;
			text-align:center;
		}
.photobox dt		{	font-size:120%; color:#048; padding:0 0 1% 0;	}
.photobox dd		{	margin:.5% 2% .5% 2%;	}
.photobox dd.pic1	{	width:90%; float:left; position:relative; display:inline; margin:1% 0 1% 5%;	}

.middle	{	width:60%; float:left; position:relative; display:inline; padding:1% 0; margin:2% 0 0 20%; text-align:center; border:1px solid silver;	}
.middle a.butt	{	float:right; margin:2% 5% 2% 0;	}


/* Ammolite page
-------------------------------------------------------------------------------------------------------------------*/

#jewels		{	width:100%; float:left; position:relative; display:inline; margin:0; padding:2% 0; 	}

	#jewels img	{	width:auto; float:left; position:relative; display:inline; margin:0; padding:0;	}


.blackbox	{	width:90%; float:right; position:relative; display:inline; margin:0 5% 0 0; padding:0; border:0; background:black url(bg/bgammolite01.jpg) top center no-repeat; font-size:110%;	}

	.blackbox dl	{	width:50%; float:right; position:relative; display:inline; margin:200px 200px 0 0; padding:0 0 400px 0; border:0; background:black url(bg/bgammolite02.jpg) bottom center no-repeat;	}
	.blackbox dt	{	width:100%; float:right; position:relative; display:inline; margin:2% 0; padding:0; color:white; text-align:left; font-weight:bold; 	}
	.blackbox dd	{	width:90%; float:right; position:relative; display:inline; margin:2% 0; padding:0; color:white;	}




.whitebox	{	width:90%; float:right; position:relative; display:inline; margin:0 5% 0 0; padding:0; border:0; background:white url(bg/bgammolite03.jpg) top right no-repeat;	}

	.whitebox dl	{	width:50%; float:right; position:relative; display:inline; margin:30px 350px 30px 0; padding:0; border:0; 	}
	.whitebox dt	{	width:100%; float:right; position:relative; display:inline; margin:2% 0; padding:0; color:black; text-align:left; font-weight:bold; 	}
	.whitebox dd	{	width:90%; float:right; position:relative; display:inline; margin:2% 0 2% 2%; padding:0; color:black;	}


	.whitebox dl.alt	{	width:100%; margin:0; background:white url(bg/bgammolite04.jpg) center left no-repeat; 	}
	.whitebox dl.alt dt	{	width:71%; margin:1% 5% 1% 2%;	}
	.whitebox dl.alt dd	{	width:69%; margin:1% 5% 1% 2%;	}

	.whitebox dl.korite	{	width:80%; margin-right:5%; padding:0 0 160px 0; background:white url(bg/bgammolite05.jpg) bottom center no-repeat;	}
	.whitebox dl.korite dd	{	margin:1% 0 1% 2%;	}

/* Spa Academy page
------------------------------------------------------------------------------------------------------------------*/
#academy	{	width:90%; float:left; display:inline; position:relative; padding:2% 0; margin:1% 0 1% 5%; background:white;	}
#academy h2	{	font-weight:normal; font-size:200%; text-align:center; padding:2% 0; margin:1% 0; border-top:1px solid silver; border-bottom:1px solid silver;	}

#academy p	{	text-align:center; line-height:1.2;	}
#academy dl	{	width:80%; margin:1% 0 1% 10%; padding:2% 0 2% 0; text-align:center; border-top:1px solid silver; border-bottom:1px solid silver;	}
#academy dt	{	font-weight:bold; font-size:110%; margin:1em 0;	}
#academy dd.bold	{	font-weight:bold; margin:1% 0;	}

#academy ul	{	list-style-type:none; margin:0 0 0 20%;	}
#academy li		{	margin:0 0 0 5%;	}
#academy li.head	{	margin:0 0 0 0;	}

#academy h4	{	margin:2% 0 0 15%;	}


/* Reservations page
-------------------------------------------------------------------------------------------------------------------*/
#reservations	{	width:98%; float:left; position:relative; display:inline; padding:0; margin:1% 0 1% 0;	}

#reservations dl	{	width:90%; float:right; position:relative; display:inline; margin:1% 5% 1% 0; padding:0 0 3% 0; border:1px solid silver; background:white url("bg/bgtopblue.jpg") top left repeat-x;		}
#reservations dt	{	width:80%; float:left; position:relative; display:inline; margin:1% 0 0 5%; padding:0; font-size:140%; color:#048; 		}
#reservations dd	{	width:50%; float:left; position:relative; display:inline; margin:.5% 0 0 10%; padding:0; font-size:100%; 		}
#reservations dd.alt	{	width:30%; clear:right; float:right; position:relative; display:inline; margin:0 7% 0 0; padding:0; text-align:right; font-size:100%;			}
#reservations dd.link	{	width:90%; float:right; position:relative; display:inline; margin:0 7% 1% 0; padding:0; font-size:100%;			}
#reservations dd.wide	{	width:80%;	}
#reservations dd.worldweb	{	width:80%; float:right; position:relative; display:inline; margin:1% 10% 1% 0; padding:0; font-size:100%;
				border-top:1px solid silver; border-right:1px solid gray; border-bottom:1px solid gray; border-left:1px solid silver; background:#f6f6ff url(links/worldweb.gif) right 20% no-repeat;	}
#reservations dd.worldweb img	{	width:263px; float:right; position:relative; display:inline; margin:0; padding:0;	}
#reservations dd.worldweb a	{	display:block; padding:1em 2em; font-size:125%; color:black;	}

#reservations a.butt		{	float:right; margin:.5em 0;	}

#rsvppolicies1	{	width:38%; float:left; position:relative; display:inline; margin:1% 0 1% 10%; padding:0 0 2em 0; border:1px solid silver; background:#f6f6ff;		}
#rsvppolicies2	{	width:38%; float:right; position:relative; display:inline; margin:1% 10% 1% 0; padding:0 0 2em 0; border:1px solid silver; background:#f6f6ff;	}
#rsvppolicies1 p, #rsvppolicies2 p	{	margin-left:3em; line-height:1.25em;	}
#rsvppolicies1 h4, #rsvppolicies2 h4	{	margin:.5em 2em;	}


/*------------------------------------------------- end of file ---------------------------------------------------*/