body
{
font: 12px Georgia, Times, serif;
color: #fff;
margin: 0 auto;
padding: 0 0 0 0;
background: #dfb376 url(../images/beach-sand.jpg);
background-attachment: fixed;
}

#plusone
{
	position:absolute;
	z-index:100;
	height: 24px;
	width: 80px;
	top: 0px;
	right: -100px;
}

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;
}

#comfortinnmackinawcity
{
position: absolute;
top:95px;
right: 3px;
width:710px;
height: 67px;
}



#addressinfo
{
	font: 12px Arial, Helvetica, sans-serif;
	color: #262261;
	position: absolute;
	top: 75px;
	left: 0px;
	width: 211px;
	z-index: 55;
}

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

#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: 50px;
	height: 58px;
	top: 40px;
	left: 20px;
	z-index: 85;
}

#hot_breakfast
{
	position: absolute;
	width: 150px;
	height: 98px;
	top: 310px;
	right: 0px;
	z-index: 100;
}

#hoteljabber
{
	position: absolute;
	width: 180px;
	height: 145px;
	top: 375px;
	left: 18px;
	z-index: 100;
}

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

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

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

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: 25px;
left: 20px;
z-index: 5;
}

#whitecurve
{
position: absolute;
top: 505px;
left: 20px;
z-index: 6;
width: 960px;
height: 35px;
}

#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:-5px;
left:-5px;
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: 12px;
left: 245px;
width: 150px;
height: 163px;
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: 385px;
	right: 20px;
	border: 5px solid #fff;
}

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

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

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

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

#photo3shadow
{
	position: absolute;
	background: #000;
	width: 325px;
	height: 169px;
	top: 790px;
	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: 520px 360px 0px 20px;
	padding: 10px 10px 0px 10px;
	text-align: left;
	z-index: 900;
	color: #4C3116;
}

#pagecontent h1
{
	font-size: 18px;
	color:#9F3728;
}

#pagecontent h2
{
	font-size: 14px;
	font-style: normal;
	text-decoration: none;
	color: #9F3728;
	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: 12px;
	padding: 0px;
}

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

#pagecontent ul li
{
	font-size: 12px;
	margin:8px 10px 5px 0px;
	padding-left: 15px;
	background: transparent url(../images/reddot.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;
}


li
{
	font-size: 11.5px;
	margin-bottom: 5px;
	color:  #774A1D;
}

#nav 
{
	font: 12px Arial, Helvetica, sans-serif;
	color: #774A1D;
	position: absolute;
	right: 32px;
	top: -8px;
	text-align: right;
	z-index: 9;
	font: 12px 
}

#nav ul
{
	margin: 0px;
	padding: 0px;
}

#nav li
{
	display: inline;
	list-style-type:none;
	padding: 10px 15px 5px 15px;
	font-weight: bold;
	background: #fff2bb;
	margin-left: 4px;
	margin-bottom: 0px;
	padding-bottom: 15px;
	font-size: 12px;
	border: 1px solid #BC884B;
	border-width: 1px 1px 0px 1px;
}

#nav li.active
{
	background: #fff;
	border: 1px solid #BC884B;
	border-width: 1px 1px 0px 1px;
	color: #774A1D;
}

#nav li.active:hover
{
	background: #fff;
	color: #774A1D;
}

#nav li a
{
	color: #774A1D;
	text-decoration: none;
}

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

#nav li.active a
{
	color: #774A1D;
	text-decoration: none;
}

#nav li.active:hover a
{
	color: #774A1D;
	text-decoration: none;
}

#nav li.active a:hover
{
	color: #774A1D;
	text-decoration: underline;
}

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

#nav li:hover a
{
	color: #fff;
}

#nav li.reservations
{
	background: #811517 url("/lodging/neweconolodge/images/arrow_dk.gif") left center no-repeat;
	color: #fff;
	border: 1px solid #5b060a;
	border-width: 1px 1px 0 1px;
	padding: 5px 20px 5px 25px;
}

#nav li.reservations:hover
{
	background: #be1e2d url("/lodging/neweconolodge/images/arrow_wh.gif") left center no-repeat;
	color: #fff;
}

#nav li.reservations a
{
	color: #fff;
	text-decoration: none;
	font-size: 12px;
}

#nav li.reservations a:hover
{
	color: #fff;
	text-decoration: underline;
	font-size: 12px;
}