body
{
font: 12px Georgia, Times, serif;
color: #fff;
margin: 0 auto;
padding: 0 0 0 0;
background: #f2f1d1 url("../images/redfabric6.jpg");
}

strong
{
	font-weight: normal;
}

#divOverContainer
{
width: 100%;
position: absolute;
margin: 0px auto;
text-align: center;
padding: 0 0 0 0;
z-index:100;
}

#divOver
{
width:750px;
margin: 0px auto;
padding: 0px;
}

#pagebody
{
position:absolute;
background: transparent;
text-align: left;
width:940px;
top:32px;
left:32px;
z-index:15;
}

#pheader
{
}

#lakeside
{
position: absolute;
top:12px;
left: 410px;
width:372px;
height: 85px;
}

#mackinawcity
{
position: absolute;
top:10px;
left: 215px;
width:500px;
height: 90px;
}

#luxurybeachfront
{
position: absolute;
top:90px;
left: 65px;
width:800px;
height: 58px;
}

#victorian
{
position: absolute;
top:143px;
left: 105px;
width:700px;
height: 68px;
}

#beachferry
{
position: absolute;
top:210px;
left: 210px;
width:498px;
height: 19px;
}

#swanleft
{
position: absolute;
top:10px;
left: 65px;
width:150px;
height:87px;
}

#swanright
{
position: absolute;
top:10px;
right: 75px;
width:150px;
height:87px;
}

#addressinfo
{
	font: 12px Arial, Helvetica, sans-serif;
	color: #262261;
	text-shadow: 0 0 1px rgba(38,34,97,0.2);
	position: absolute;
	top: 520px;
	left: 290px;
	width: 211px;
	z-index: 55;
}

#addressinfo p
{
	margin: -7px 0 0 0;
	padding: 0px 0px 0px 5px;
	text-align: left;
}

#addressinfo p span.phone
{
	font-size: 20px;
	font-weight: bold;
	color: #262261;
}
#addressinfo p span.tollfree
{
	font-size: 8px;
	font-weight: bolder;
	color: #c00;
	text-transform: uppercase;
}

#aaa_logo
{
	position: absolute;
	width: 150px;
	height: 71px;
	top: 170px;
	left: 20px;
	z-index: 85;
}

#hot_breakfast
{
	position: absolute;
	width: 175px;
	height: 166px;
	top: 180px;
	right: 0px;
	z-index: 100;
}

#hoteljabber
{
	position: absolute;
	width: 180px;
	top: 850px;
	left: 45px;
	z-index: 100;
	text-align: center;
}

#mainShell
{
position: relative;
width:100%;
margin: 0px auto;
padding: 0px;
text-align: center;
}

#outerContainer
{
position: relative;
width:1000px;
margin:0px auto;
padding:0px;
background: transparent;
height: 800px;
min-height: 800px;
border: 10px solid transparent;
}

#outerContainerInner
{
width:944px;
margin:20px;
padding:0px;
background: #fff2bb url(../images/backgrad.png);
/*height: 880px;
min-height: 880px;*/
border: 8px solid #fff;
border-width: 0px 8px 8px 8px;
}

html>body #outerContainer {
height: auto; /* for not-IE */
}

html>body #outerContainerInner {
height: auto; /* for not-IE */
}


#pageContainer
{
width:960px;
margin:0px auto;
padding:0px;
background: #41b2d9;
}

#hotelexterior
{
position: absolute;
top: 23px;
left: 20px;
z-index: 5;
}

#cartuse
{
position: absolute;
top: 515px;
left: 33px;
z-index: 6;
width: 936px;
height: 36px;
}

#whitecurve2
{
position: absolute;
bottom: 8px;
left: 20px;
z-index: 6;
width: 960px;
height: 35px;
}

#whiteborder
{
position: absolute;
top: 20px;
left: 20px;
z-index: 10;
}

#reservations
{
position: absolute;
width: 300px;
height: 70px;
top:500px;
right:20px;
z-index: 1000;
}

#hotelpadding
{
padding: 0;
margin: 0;
text-align: center;
background: #6D3E22;
}

#tollfree
{
font-family: Arial, Helvetica, sans-serif;
padding: 0px;
background:  #f7e2bc;
text-align: center;
color: #000;
border: 2px solid #eac17f;
}


#hot_brekfast
{
	position: absolute;
	width:132px;
	height:125px;
	top: 175px;
	left: 10px;
	z-index: 200px;
}

#sandybeach
{
	position: absolute;
	width:258px;
	height:49px;
	top: 440px;
	left: 315px;
}

#waterpark
{
	position: absolute;
	width:345px;
	height:80px;
	top: 370px;
	left: 225px;
}

#logo
{
position: absolute;
top: 460px;
left: 14px;
width: 250px;
height: 137px;
z-index: 50;
}

#beachfrontlogo
{
position: absolute;
top: 590px;
left: 33px;
width: 215px;
height: 27px;
z-index: 50;
}

#platinum
{
position: absolute;
top: 12px;
right: 10px;
width: 150px;
height: 217px;
z-index: 50;
}

#photo1
{
	position: absolute;
	width:315px;
	height: 169px;
	top: 485px;
	right: 20px;
	border: 5px solid #fff;
}

#photo1shadow
{
	position: absolute;
	background: #000;
	width: 325px;
	height: 179px;
	top: 490px;
	right: 15px;
	opacity: .25; 
	filter: alpha(opacity=25);
}

#photo2
{
	position: absolute;
	width:315px;
	height: 189px;
	top: 665px;
	right: 20px;
	border: 5px solid #fff;
}

#photo2shadow
{
	position: absolute;
	background: #000;
	width: 325px;
	height: 199px;
	top: 670px;
	right: 15px;
	opacity: .25; 
	filter: alpha(opacity=25);
}

#photo3
{
	position: absolute;
	width:315px;
	height: 159px;
	top: 875px;
	right: 20px;
	border: 5px solid #fff;
}

#photo3shadow
{
	position: absolute;
	background: #000;
	width: 325px;
	height: 169px;
	top: 880px;
	right: 15px;
	opacity: .25; 
	filter: alpha(opacity=25);
}

#nextferry
{
	position: absolute;
	width:200px;
	height: 45px;
	top: 790px;
	right: 25px;
}

#jacuzzi
{
	position: absolute;
	width:125px;
	height: 188px;
	top: 200px;
	left: 5px;
	border: 5px solid #fff;
}

#jacuzzishadow
{
	position: absolute;
	background: #000;
	width: 134px;
	height: 198px;
	top: 205px;
	left: 10px;
	opacity: .25; 
	filter: alpha(opacity=25);
}

#room
{
	position: absolute;
	width:200px;
	height: 128px;
	top: 85px;
	left: 10px;
	border: 5px solid #fff;
}

#roomshadow
{
	position: absolute;
	background: #000;
	width: 212px;
	height: 138px;
	top: 90px;
	left: 15px;
	opacity: .25; 
	filter: alpha(opacity=25);
}

#pool
{
	position: absolute;
	width:200px;
	height: 130px;
	top: 80px;
	left: 225px;
	border: 5px solid #fff;
}

#poolshadow
{
	position: absolute;
	background: #000;
	width: 210px;
	height: 140px;
	top: 85px;
	left: 230px;
	opacity: .25; 
	filter: alpha(opacity=25);
}

#pagecontent
{
	position:relative;
	margin: 535px 20px 0px 320px;
	padding: 105px 30px 35px 10px;
	text-align: left;
	z-index: 900;
	color: #4C3116;
}

#pagecontent h1
{
	font-size: 18px;
	color:#9F3728;
	text-shadow: 0 0 1px rgba(159,55,40,0.3);
}

#pagecontent h2
{
	font-size: 14px;
	font-style: normal;
	text-decoration: none;
	color: #9F3728;
	text-shadow: 0 0 1px rgba(159,55,40,0.3);
	clear: left;
	margin: 35px 0 0 0;
}

#pagecontent img.float
{
	float: left;
	margin: 0 5px 5px 0;
	border: 2px solid #fff;
}

#pagecontent p
{
	font-size: 14px;
	padding: 0px;
	text-shadow: 0 0 1px rgba(76,49,22,0.2);
}

#pagecontent ul.amenities
{
	list-style: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

#pagecontent ul.amenities li
{
	font-size: 12px;
	text-shadow: 0 0 1px rgba(76,49,22,0.2);
	margin:8px 10px 0px 0px;
	padding-left: 15px;
	padding-bottom: 5px;
	background: transparent url(../images/red_cart.png) no-repeat;
	background-position: 0px 2px;
}

#pagecontent a
{
	color: #4C3116;
	text-decoration: underline;
}

#pagecontent a:hover
{
	color: #e5b16c;
	text-decoration: underline;
}

span.tollfreenumber
{
display:block;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
background: #cc0000;
color: #fff;
margin: 0 0 5px 0;
}

#underHotel
{
width: 700px;
background: #134b60;
margin: 0px;
padding: 0px;
height: 5px;
}

span.orange
{
color: #f1a42b;
}

span.yellow
{
color: #fff000;
}

div#footer
{
padding: 10px 0 0 0;
text-align: center;
color: #fff;
}
div#footer a
{
color: #ffcd7d;
}

div#footer a:hover
{
color: #fcac15;
}

table.trans
{
	margin: 0px auto;

}

table.trans tr
{
	padding: 0px;
	margin: 0px;
}

table.trans td
{
	padding: 0px;
	margin: 0px;
}

div.overLeftFloat
{
	float: right;
	padding: 5px;
	margin: 0;
	z-index: 50;
}

h2
{
font-size: 18px;
font-style: italic;
font-weight: bold;
color: #f8da78;
}

h3
{
font-size: 13px;
font-weight: bold;
margin: 0 0 0 0px;
padding: 5px 0 5px 0;
text-align: center;
background: #3a75a5 url("../images/bluegrad.gif") repeat-y;
}


div.easywalking
{
font-size: 13px;
font-weight: bold;
margin: 0 0 0 0px;
padding: 5px 0 5px 5px;
text-align: center;
background: #3a75a5 url("../images/bluegrad.gif") repeat-y;
}

div.picalign
{
margin: 0 0 0 0px;
}

div.mainslide
{
	width: 250px;
	float: left;
	border: 5px solid #e2f0f4;
	padding: 5px;
	text-align: center;
	margin: 0px;
	background: #3a75a5;
}

div.slidethumb
{
	width: 50px;
	float: right;
	margin: 0 2px 2px 2px;
	border: 2px solid #e2f0f4;
	padding: 2px;
	text-align: center;
	
}

div#slides
{
	width: 350px;
	margin: 0;
	padding: 10px 0 10px 0;
}

div.walker
{
font-size: 11px;
font-weight: bold;
text-align: center;
color: #51370e;
padding: 5px;
background:  #f7e2bc;
text-align: center;
border: 2px solid #eac17f;
}

div.walker a
{
color: #51370e;
text-decoration: none;
}

div.walker a:hover
{
color: #746041;
text-decoration: underline;
}

ul
{
	margin: 0px;
}


#nav 
{
	font: 11px Georgia, Times, sans-serif;
	color: #774A1D;
	margin: 0px auto;
	position: absolute;
	top: 610px;
	left: 350px;
	text-align: center;
	z-index: 999;
}

#nav ul
{
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}

#nav li
{
	display: inline;
	list-style-type:none;
	margin: 0px auto;
	padding: 10px 10px 10px 10px;
	font-weight: bold;
	background: #fff2bb;
	margin-left: 4px;
	margin-bottom: 0px;
	font-size: 11px;
	/*text-transform: uppercase;*/
	border: 1px solid #BC884B;
	border-width: 1px 1px 1px 1px;
}

#nav li.active
{
	font-size: 11px;
	background: #fff;
	border: 1px solid #BC884B;
	border-width: 1px 1px 1px 1px;
	color: #774A1D;
	text-shadow: 0 0 1px rgba(119,74,29,0.2);
}

#nav li.active:hover
{
	font-size: 11px;
	background: #fff;
	color: #774A1D;
	text-shadow: 0 0 1px rgba(119,74,29,0.2);
}

#nav li a
{
	font-size: 11px;
	color: #774A1D;
	text-decoration: none;
	text-shadow: 0 0 1px rgba(119,74,29,0.2);
}

#nav li a:hover
{
	text-decoration: underline;
}

#nav li.active a
{
	font-size: 11px;
	color: #774A1D;
	text-shadow: 0 0 1px rgba(119,74,29,0.2);
	text-decoration: none;
}

#nav li.active:hover a
{
	font-size: 11px;
	color: #774A1D;
	text-shadow: 0 0 1px rgba(119,74,29,0.2);
	text-decoration: none;
}

#nav li.active a:hover
{
	font-size: 11px;
	color: #774A1D;
	text-shadow: 0 0 1px rgba(119,74,29,0.2);
	text-decoration: underline;
}

#nav li:hover
{
	background: #E5BF7C;
	border: 1px solid #BC884B;
	border-width: 1px 1px 1px 1px;
}

#nav li:hover a
{
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 1px rgba(255,255,255,0.2);
}

#nav li.reservations
{
	font-size: 10px;
	background: #811517;
	color: #fff;
	text-shadow: 0 0 1px rgba(255,255,255,0.2);
}

#nav li.reservations:hover
{
	background: #be1e2d;
	color: #fff;
	text-shadow: 0 0 1px rgba(255,255,255,0.2);
}

#nav li.reservations a
{
	color: #fff;
	text-shadow: 0 0 1px rgba(255,255,255,0.2);
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
}

#nav li.reservations a:hover
{
	color: #fff;
	text-shadow: 0 0 1px rgba(255,255,255,0.2);
	text-decoration: underline;
	font-size: 10px;
}

span.address
{
	font-size: 12px;
        color: #575648;
        text-shadow: 0 0 1px rgba(87,86,72,0.2);
}

#dental
{
	position: absolute;
	width:201px;
	top: 655px;
	left: 35px;
	padding: 15px 0 15px 0;
	text-align: center;
	background: #fff;
	color: #575648;
	border: 2px solid #f5f5f5;
	border-width: 0px 2px 0px 2px;
}

#dental a
{
	color: #575648;
	text-decoration: none;
}

#dental a:hover
{
	color: #575648;
	text-decoration: underline;
}

#dentaltop
{
	position: absolute;
	top: -39px;
	left: -15px;
}

#dentalbottom
{
	position: absolute;
	bottom: -39px;
	left: -15px;
}
#dentalrep
{
	position: absolute;
	background: transparent url(../images/dentalrep.png);
	height: 35px;
	width:  944px;
	top: 551px;
	left: 28px;
	z-index: 7;
}

#dentalrepbot
{
	position: absolute;
	background: transparent url(../images/dentalrep_bot.png);
	height: 34px;
	width:  944px;
	bottom: 20px;
	left: 28px;
	z-index: 7;
}

#plusone
{
	position: absolute;
	height: 24px;
	width: 80px;
	z-index: 10px;
	right: 30px;
	top: 160px;
}

img.deco
{
	margin: 0px 5px 0px 0px;
	float:left;
}