* {margin: 0px; padding: 0px;}
a img { border: none; }

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	background-color: #E2E2E2;
	line-height: 16px;
}
h1 {
	font-size: 17px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #993300;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #993300;
	padding: 0 0 1em 0;
	}
h3 {
	font-size: 14px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	margin: 1em 0 4px 0;
	}

h4 {
	font-size: 14px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666;
	}
h4.caption {
	font-size: 14px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	margin: 0 0 .25em 0.75em;
	}
#enclose {
	width: 960px;
	margin: 0 auto;
	padding: 0px 10px 0 10px;
	position: relative;
	text-align: left;
	}
#enclose a:link, #enclose a:visited, #enclose a:active {color: #0000ee; text-decoration: none;}
#enclose a:hover { color: #2929f9; text-decoration: underline;}
#enclose a.accent {color: #2929f9;}
img.floatleft { float: left; position: relative; padding: 0 0 0 0.25em;}
p	{
	line-height: 1.5em;
	}
span.note
	{ font-size: 11px; color: #666; line-height: 1.2em;}
table{
	border-collapse: collapse;
	}
.grady
	{
	font-family: Arial, Verdana, sans-serif;
	height: 25px;
	margin: -55px 0 0 0; 
	padding: 0 70px 0 0;
	font-size: 11px;
	float: right;
	position: relative;
	background: url(../images/increase.jpg) no-repeat right top;
	}
h1.riverview {  height: 70px; margin: 0 0 0.5em 0; padding: 0 ; background: url(../images/h1_riverview.jpg) no-repeat; text-indent: -9999px; }
h1.contact {  height: 70px; margin: 0 0 0.5em 0; padding: 0 ; background: url(../images/h1_contact.jpg) no-repeat; text-indent: -9999px; }
h1.location {  height: 70px; margin: 0 0 0.5em 0; padding: 0 ; background: url(../images/h1_location.jpg) no-repeat; text-indent: -9999px; }
h1.rooms {  height: 70px; margin: 0 0 0 0; padding: 0 ; background: url(../images/h1_rooms-rates.jpg) no-repeat; text-indent: -9999px; }
h1.weddings {  height: 70px; margin: 0 0 0.5em 0; padding: 0 ; background: url(../images/h1_weddings.jpg) no-repeat; text-indent: -9999px; }
h1.amenities {  height: 70px; margin: 0 0 1em 0; padding: 0 ; background: url(../images/h1_amenities.jpg) no-repeat; text-indent: -9999px; }

h3.fourseasons {height: 20px; margin: 0 0 0.5em 0; padding: 0 ; background: url(../images/h3_fourseasons.jpg) no-repeat; text-indent: -9999px; }
h3.rvsuite {height: 20px; margin: 0 0 0.5em 0; padding: 0 ; background: url(../images/h3_rvsuite.jpg) no-repeat; text-indent: -9999px; }
h3.family {height: 20px; margin: 0 0 0.5em 0; padding: 0 ; background: url(../images/h3_family.jpg) no-repeat; text-indent: -9999px; }
h3.pondview {height: 20px; margin: 0 0 0.5em 0; padding: 0 ; background: url(../images/h3_pondview.jpg) no-repeat; text-indent: -9999px; }
h3.zenroom {height: 20px; margin: 0 0 0.5em 0; padding: 0 ; background: url(../images/h3_zenroom.jpg) no-repeat; text-indent: -9999px; }
h3.riverviewwest {height: 20px; margin: 0 0 0.5em 0; padding: 0 ; background: url(../images/h3_riverviewwest.jpg) no-repeat; text-indent: -9999px; }

/*TOP NAVIGATION___________________________________________*/	
						
#menu {
	position:relative;
	width:952px; 
	height:54px; 
	background:transparent url(../images/navigation/main.jpg); 
	overflow:hidden; 
	margin:0 auto;
}
#menu ul {
	margin:0; 
	padding:0;
}
#menu li {
	list-style-type:none; 
	width:136px; 
	height:54px; 
	display:inline;
}
#menu a {
	display:block; 
	float:left; 
	width:136px; 
	height:0; 
	overflow:hidden; 
	color:#000; 
	text-decoration:none; 
	padding-top:100px; 
	background:transparent url(../images/navigation/mainR.jpg) no-repeat 500px 500px;
}
* html #menu a  {height:54px; height:0;}

#menu a#Item1:hover {background-position: 0 0; z-index:50;}
#menu a#Item2:hover {background-position: -136px 0; z-index:50;}
#menu a#Item3:hover {background-position: -272px 0; z-index:50;}
#menu a#Item4:hover {background-position: -408px 0; z-index:50;}
#menu a#Item5:hover {background-position: -544px 0; z-index:50;}
#menu a#Item6:hover {background-position: -680px 0; z-index:50;}
#menu a#Item7:hover {background-position: -816px 0; z-index:50;}


/* ------------end of da main nav */

/*------------START OF FOOTER GRAPHICS--------------------*/
#footerLinks {
	position:relative;
	width:952px; 
	height:55px; 
	background:transparent url(../images/footer/BW.jpg); 
	overflow:hidden; 
	margin:0 auto;
}
#footerLinks ul {
	margin:0; 
	padding:0;
}
#footerLinks li {
	list-style-type:none; 
	width:100px; 
	height:55px; 
	display:inline;
}
#footerLinks a {
	display:block; 
	float:left; 
	width:100px; 
	height:0; 
	overflow:hidden; 
	color:#000; 
	text-decoration:none; 
	padding-top:100px; 
	background:transparent url(../images/footer/Color.jpg) no-repeat 500px 500px;
}
* html #footerLinks a  {height:55px; height:0;}

#footerLinks a#TeamWeddings:hover {background-position: 0 0; z-index:50;}
#footerLinks a#BedandBreakfast:hover {background-position: -100px 0; z-index:50;}
#footerLinks a#BBCanada:hover {background-position: -200px 0; z-index:50;}
#footerLinks a#BBAlberta:hover {background-position: -300px 0; z-index:50;}
#footerLinks a#AmericanHistoric:hover {background-position: -400px 0; z-index:50;}
#footerLinks a#Increase:hover {background-position: -500px 0; z-index:50;}

/*------------END OF DA FOOTER GRAPHICS-------------------*/

/*-- header area ---------------------*/
#header {
	float: left;
	position: relative;
	}
#headerMovie {
	float: left;
	position: relative;
	}
#navbar {
	float: left;
	position: relative;
	}	
#welcome {
	float: left;
	position: relative;
	width: 565px;
	text-align: left;
	}
#welcome p {
	padding: 0 1.5em 0.5em 0.5em;
	}
	
/*------------Rooms & Rates Page --------------*/	
#roominfo {
	float: left;
	position: relative;
	width: 560px;
	text-align: left;
	}
#roominfo ul{ list-style-image: none; padding: 0 15px 0 0; }
#roominfo ul li{padding: 0.25em 0 0.4em 0; border-bottom: 1px solid #CCC; list-style-type:none; }
#roominfo ul li span{ font-size: 11px; padding: 0 0 2em 0; color: #666;}
table.roomstable {width: 320px; padding: 0 0 2em 3em; border: 1px solid #999; margin: 0 0 2em 2em;}
/*-------Room Pic Wrapper--------*/
#roompic-wrap { width: 320px; height: 290px; position: relative; float: left;  }
#roompic-wrap ul { position: absolute; top: 200px; font-size: 11px; padding: 0 0.25em 0 0.25em; list-style-type: none; width: 300px;}
#roompic-wrap ul li { padding: 0.25em 0; border-bottom: 1px solid #CCC;}
.image-link { display: block; width: 300px; height: 170px; position: absolute; top: 0; left: 0; border: 1px solid #999;  }

#one   { background: url(../images/rooms/4seasons_1.jpg) no-repeat; z-index: 2; }
#two   { background: url(../images/rooms/4seasons_2.jpg) no-repeat; }
#three { background: url(../images/rooms/4seasons_3.jpg) no-repeat; }
#four  { background: url(../images/rooms/4seasons_4.jpg) no-repeat; }

#five  { background: url(../images/rooms/riverview_1.jpg) no-repeat; z-index: 2; }
#six   { background: url(../images/rooms/riverview_2.jpg) no-repeat; }
#seven { background: url(../images/rooms/riverview_3.jpg) no-repeat; }
#eight { background: url(../images/rooms/riverview_4.jpg) no-repeat; }

#nine   { background: url(../images/rooms/family_1.jpg) no-repeat;  z-index: 2; }
#ten    { background: url(../images/rooms/family_2.jpg) no-repeat; }
#eleven { background: url(../images/rooms/family_3.jpg) no-repeat; }
#twelve { background: url(../images/rooms/family_4.jpg) no-repeat; }

#thirteen { background: url(../images/rooms/pondview_1.jpg) no-repeat;  z-index: 2; }
#fourteen { background: url(../images/rooms/pondview_2.jpg) no-repeat; }
#fifteen  { background: url(../images/rooms/pondview_3.jpg) no-repeat; }
#sixteen  { background: url(../images/rooms/pondview_4.jpg) no-repeat; }

#seventeen { background: url(../images/rooms/zenroom_1.jpg) no-repeat;  z-index: 2; }
#eighteen  { background: url(../images/rooms/zenroom_2.jpg) no-repeat; }
#nineteen  { background: url(../images/rooms/zenroom_3.jpg) no-repeat; }
#twenty    { background: url(../images/rooms/zenroom_4.jpg) no-repeat; }

#twentyone { background: url(../images/rooms/riverviewwest_1.jpg) no-repeat; z-index: 2;  }
#twentytwo { background: url(../images/rooms/riverviewwest_2.jpg) no-repeat; }
#twentythree  { background: url(../images/rooms/riverviewwest_3.jpg) no-repeat; }
#twentyfour { background: url(../images/rooms/riverviewwest_4.jpg) no-repeat; }

#one span, #five span, #nine span, #thirteen span, #seventeen span, #twentyone span {position: absolute; left: -2px ; bottom: -22px; }
#two span, #six span, #ten span, #fourteen span, #eighteen span, #twentytwo span, #twentyfour span {position: absolute; left: 74px; bottom: -22px; }
#three span, #seven span, #eleven span, #fifteen span, #nineteen span, #twentythree span {position: absolute; left: 150px; bottom: -22px; }
#four span, #eight span, #twelve span, #sixteen span, #twenty span, #twentyfour span  {position: absolute; left: 226px; bottom: -22px; }

.image-link span { width: 73px; display: block; height: 18px; background: #e2e2e2; border: 1px solid #ccc; font-size: 11px; text-align: center; color: #006699 ;}
.image-link:hover { z-index: 100; text-decoration: none; }
.image-link:hover span { background: #efefef; border: 1px solid #666;  }
/*-------Room Page Wrapper--------*/
#rates {
	float: right;
	position: relative;
	width: 380px;
	text-align: left;
	}
#rates td{ text-align: left; padding: 0.25em;}
#rates tr.dark{ background: #f1f1f1; }
#rates tr.darker{ background: #999;}
#rates ul { padding: 0 1em 1em 1em;}
#rates ul li{ font-size: 11px; line-height: 1.5em; list-style-type: none; padding: 0 0 0 1em;}



/*------------Amenities Page --------------*/
.services {
	float: left;
	position: relative;
	width: 480px;
	text-align: left;
	}
.services p{padding: 0 1em 1em 0; line-height: 1.5em;}
.services td{ text-align: left; padding: 0.25em;}
.services tr.dark{ background: #f1f1f1;}
.services ul{line-height: 1.5em; list-style-image: url(../images/square_bullet.gif); padding: 0 15px 0 2em;}
.services ul li{padding: 0 0 0.75em 0;}
.proxTable {
	border: 1px solid #999;
	margin: 1em 0 2em 0;
}
.proxTable th { color:#666; padding: 0 0 0 0.25em; font-weight: normal;
	}
.proxTable tr.darkline{ border-top: 1px solid #CCC;  }
/*.proxTable span { display : block; padding-bottom : .25em; font-size: 11px;}*/
ul.thingstodo {
	list-style-image: none;
	list-style-type: none;
	margin: 0 0 0 0em;
	padding: 0 0 2em 0;
	}
ul.thingstodo li {
	padding: 0.35em 0; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; border-bottom: 1px dashed #999999; width: 440px;
	}
#preview{
	position:absolute;
	border:1px solid #ccc; 
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
ul.localattractions {
	list-style-image: none;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 2em 0;
	}
ul.localattractions li {
	height: 60px;
	padding: 0 0.25em;
	font-size: 12px;
	line-height: 1.1em;
	}
ul.localattractions img {
	margin: 0 1em 0 0;
	float: left;
	border: 1px solid #666;
	}
.guestbookpic { float: left; border: 10px solid #eee; margin: 10px 10px 0 0;}
#customerQuotes {float: left; width: 460px; padding: 0 0 1em 0;}
.quote {width: 200px; float: left; padding: 15px 10px .5em 10px; margin: 10px 10px 0 0; background: #eee url(../images/openquote.png) no-repeat top left;}
.quotebig {width: 430px; float: left; padding: 15px 10px .5em 10px; margin: 10px 10px 0 0; background: #eee url(../images/openquote.png) no-repeat top left;}
.quote p, .quotebig p {font-size: 1.1em; text-indent: 2.5em; line-height: 1.3em;}
.quote span, .quotebig span { font-size: 0.8em; float: left; margin: -1em 0 0 0; }	
#reviewsbubble { float: left; width: 450px; height: 80px; background: url(../images/reviewsbubble.png) no-repeat top left; padding: 1em; } 
#reviewsbubble p { padding: 0.5em 0 0 0;}


/*-------------------------*/
#buttons {
	float: right;
	position: relative;
	}
#photos {
	float: left;
	position: relative;
	width: 390px;
	text-align: left;
	}
#book
	{
	width: 390px;
	height: 50px;
	}/*
	padding: 1.2em 0 0 0;
	margin: 0;	
	font-family: Georgia, "Times New Roman", Times, serif;
	float: left;
	background: url(../images/Index-Book-Online.jpg) no-repeat right top;
	*/
#book a {
  width:auto;
  display:block;
  height: 50px;
  width: 390px;
  padding: 0 0 0 0;
  color:#0000FF; 
  text-decoration:none;
  background: url(../images/Index-Book-Online.jpg) no-repeat top left;
  text-indent: -9999px;
  }
#book a:hover {
  color: #0099FF; 
  background: url(../images/Index-Book-Online.jpg) no-repeat bottom left;
  }	
  
/*------------Location Page --------------*/

/*#google-map {border: 1px solid #999; float: left; position: relative; width: 600px;}*/
#gps-note {float: left; width: 300px; position: relative; margin: 0 1em 0 0; background: #e2e2e2 url(../images/gps-note-bg.jpg) no-repeat bottom right;}
#gps-note p {padding: 0 0 1em 0;}
#gps-note ul { list-style-type: none;}
#gps-note li { padding: 0.25em 0; border-bottom: 1px solid #CCC; width: 160px;}

#maplink
	{
	width: 290px;
	height: 50px;
	margin: 0 0 1.5em 0;
	}
#maplink a {
  display:block;
  height: 50px;
  width: 290px;
  padding: 0 0 0 0;
  color:#0000FF; 
  text-decoration:none;
  background: url(../images/location-maplink.jpg) no-repeat top left;
  text-indent: -9999px;
  }
#maplink a:hover {
  color: #0099FF; 
  background: url(../images/location-maplink.jpg) no-repeat bottom left;
  }	
/*#book a:link, #book a:visited, #book a:active {color: #fff; text-decoration: none;}
#book a:hover { text-decoration: underline;}*/

#newsletter {
	float: left;
	position: relative;
	width: 190px;
	height: 260px;
	line-height: 11px;
	background: url(../images/Index-Bird_Stamp.jpg) no-repeat bottom left;
	padding: 0 0 0 18px;
	}
/*textarea*/
fieldset textarea { border : 1px solid #8f8f8f;}
fieldset textarea:hover { border-color : #000; }
fieldset textarea:active, input:focus { border-color : #900; }
/*-- 4 main Areas ---------------------*/

.bottomFour {
	float: left;
	position: relative;
	width: 240px;
	}	
.bottomFour p{
    margin: 5px;
	font-size: 11px;
	padding: 0 0.5em;
	}
/*-- Room Photo Areas 3 Across ---------------------*/

.roomPhotos {
	float: left;
	position: relative;
	width: 320px;
	}
	
/*-- Events Left Column ---------------------*/
#leftColumn {
	float: left;
	position: relative;
	width: 260px;
	padding: 0 1em 0 0;
	}

#leftColumn ul{line-height: 1.5em; list-style-image: none; padding: 0 15px 0 0;  }
#leftColumn ul.planning {font-size: 11px;}
#leftColumn ul li{padding: 0 0 1.25em 0; list-style-type: none; border-bottom: 1px solid #c1c1c1; border-top: 1px solid #fff;}
#leftColumn ul li.topbord{padding: 0 0 1.25em 0; list-style-type: none; border-bottom: 1px solid #c1c1c1; border-top: none; }
#leftColumn ul li.bottombord{padding: 0 0 1.25em 0; list-style-type: none; border-top: 1px solid #fff; border-bottom: none;}

/*-- Events Right Column ---------------------*/
.rightColumn {
	float: left;
	position: relative;
	width: 680px;
	}
.rightColumn ul{line-height: 1.5em; list-style-image: url(../images/square_bullet.gif); padding: 0 1em 0 2em; }
.rightColumn ul li{padding: 0 0 0.75em 0;}
.rightColumn img { float: left; position: relative; padding: 0 0 1em 0;}

/*------------Contact us Form Area---------------*/

#contactArea {background: url(../images/Contact_FormBG.jpg) no-repeat top right;
	float: left;
	position: relative;
	width: 660px;
	min-height: 400px;
	}
#contactArea p {
	width: 70%;
	}
/*-- form styles ----------------*/

/*-- form styles ----------------*/
fieldset.contactform {  
position: relative; 
float: left;  
clear: both;  
width: 420px; 
margin: 0 0 4em 0;  
padding: 1em 2em;
border-style: none;  
border: 1px solid #BFBAB0; 
}

fieldset select {width : 13em; font-size: 12px; font-family: Verdana, sans-serif;} 
fieldset input {width : 13em; font-size: 12px; font-family: Verdana, sans-serif; }

fieldset textarea {width : 32em; font-size: 12px; font-family: Verdana, sans-serif; line-height: 1.5em; }
fieldset input.radioLeftAlign { width : 1.5em; float: left; }

/*
fieldset.submit {  
float: left;
padding-top: 1.5em;  
padding-left: 20em;
position: ;
}*/

fieldset ol {  
padding: 3.5em 1em 0 1em;
list-style-type: none;
padding-top: 0.25em; 
}
fieldset li {  
padding-bottom: 1em;
float: left;  
clear: left;  
width: 100%;
list-style-type: none; 
}
label {  
display: block;
float: left;  
width: 18em;  
margin-right: 1em; 
position: relative;  
}
label.radiolabel {
float: left;  
width: 10em;  
margin-right: 1em; 
text-align: right; 
}
/*styles for required star */
label em {
position: absolute;  
left: 17.75em;  
top: -0.25em; 
}

fieldset span {  
display: block;  
color: #060;  
font-size: 85%;  
font-style: normal;
/*text-transform: uppercase;*/
}
/*-- END form styles ----------------*/
/*--Thank you Success pages styles   ---*/
#thanks {
	float: left;
	position: relative;
	width: 430px;
	min-height: 160px;
	background: #e2e2e2 url(../images/sub-success-bg.jpg) no-repeat top center;
	}
#thankstext { padding: 2em; }
/*-- Footer ---------------------*/

#footer {
	width: 100%;
	float: left;
	margin: 10px 0 0 0;
	padding: 0 0 60px 0;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #333;
	background: url(../images/footer_logo.gif) no-repeat top center;
	border-top: 1px solid #fff;
	}
	
#footer p {

	margin: 0 0 0 0;
	}
#footer p.copy {
 font-size: 11px; color: #666;
	}
#footer ul {
	margin: 0 0 0 0;
	border-top: 1px solid #999;
	/*background: #000 url(../images/footer-nav-bg-tile.jpg) repeat-x top left;*/
	padding: 0.5em 0.5em 0.75em 0.5em;
	}
#footer li {
	width: 100px;
	padding: 0.25em 1em 0.25em 1em;
	color: #000;
	display: inline;
	list-style-type: none;
}
#footer li.section {font-weight: bold; background-color:#999; color:#fff;}
#footer a:link, #footer a:visited, #footer a:active {color: #666; text-decoration: none;}
#footer a:hover { color: #666; text-decoration: underline;}
#footer a.accent {color: #993300;}
#footer a.booking {color: #0066FF;}