/* body {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
} */

body {

background:#DBE7F3 url(../../images/style2/sitebackground-winter-001.jpg) 50% 0% no-repeat; 
margin: 0px; 

}


body.background1 {

background:#EEFFFF url(../../images/style2/sitebackground-spring-001.jpg) 50% 0% no-repeat; 
margin: 0px; 

}

body.background2 {

background:#FFFFF5 url(../../images/style2/sitebackground-spring-002.jpg) 50% 0% no-repeat; 
margin: 0px;  

}

body.background3 {

background:#E9DFAC url(../../images/style2/sitebackground-spring-003.jpg) 50% 0% no-repeat; 
margin: 0px; 

}

body.background4 {

background:#A8C6FB url(../../images/style2/sitebackground-spring-004.jpg) 50% 0% no-repeat; 
margin: 0px; 
}

body.background5 {

background:#EBF7D9 url(../../images/style2/sitebackground-spring-005.jpg) 50% 0% no-repeat; 
margin: 0px; 
}


body>#wrapper-shadow {

background:url(../../images/style2/siteshadow-1018.png) 50% 50% repeat-y;

}

#wrapper{

width:968px;
background:#fff;
margin:0 auto;
min-height:650px;
clear:both;

}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #444444;
}

.header {
	
	background:  url(../../images/style2/harbor-country-mi-logo.jpg) no-repeat;
	
}

.header h1 {
     display: block;
     position: absolute;
     top: 0px;
     left: 0px;
     text-indent: -2000em;
}


#logospace {

   position: relative;
   
   float:left;

   background-image:  url(../../images/style2/harbor-country-mi-logo.jpg);

   width: 362px;

   height: 128px;

   z-index: 0;

}

#underlogospace {

   position: relative;
   
   float:left;

   background-image:  url(../../images/style2/harbor-country-great-lakes-towns.jpg);

   width: 362px;

   height: 37px;

   z-index: 0;

}

#underbannerspace {

   position: relative;
   
   float:left;
   
   background-image:  url(../../images/style2/harbor-country-michigan-experience.jpg);

   width: 500px;

   height: 37px;

   z-index: 0;

}

#bannerspace {

   position: relative;
   
   float:left;

   width: 500px;

   height: 128px;

   z-index: 0;
   
   border: 0px;

}


#bannercontent0 {

   background-image:  url(../../images/style2/harbor-country-michigan-lake-michigan.jpg);

}


#bannercontent1 {

   position: relative;
   
   float:left;

   background-image:  url(../../images/style2/harbor-country-michigan-towns-to-visit.jpg);

   width: 500px;

   height: 128px;
}

#bannercontent2 {

   background-image:  url(../../images/style2/harbor-country-michigan-promo-freenight.jpg);

}

#bannercontent3 {

   background-image:  url(../../images/style2/harbor-country-michigan-newsletter.jpg);

}

#bannercontent4 {

   background-image:  url(../../images/style2/harbor-country-michigan-lake-michigan.jpg);
   
   position: relative;
   
   float:left;

   width: 500px;

   height: 128px;

}


#bodycontent {

   /* position: relative; */

   top: 0px;

   left: 0px;

   padding-top: 20px;

   padding-bottom: 12px;

   z-index: 10;
   
   float: left;
   
   clear: none;
   
   width: 100%;


}

.listings {

   padding-left: 18px;


}

#explorebottom {

   width: 100%;
   
   position: relative;

   top: 0px;

   left: 0px;
   
   padding-top: 15px;

   padding-bottom: 12px;


   z-index: 10;

}

#rightsidemappagecontent {

   position: relative;
   
   float: left;
   
   top: 0px;

   left: 0px;

   width: 330px;

   padding-top: 0px;

   padding-left: 0px;

   z-index: 101;

}


#mapborder {

   position: relative;

   background-image:  url(../../images/style2/mapbackground.png);

   top: 5px;

   left: 0px;

   width: 528px;

   height: 367;

   padding-top: 0px;

   padding-left: 0px;

   z-index: 101;

}

#mapcomponent {

   position: relative;

   top: 0px;

   left: 0px;

   width: 491px;

   height: 350px;

   padding-top: 17px;

   padding-left: 18px;

   z-index: 102;

}



#contentmapborder {

   position: relative;

   background-image:  url(../../images/style2/contentmapbackground.png);

   top: 5px;

   left: 0px;

   width: 708px;

   height: 407;

   padding-top: 0px;

   padding-left: 0px;

   margin-left: 35px;

   margin-top: 15px;

   z-index: 101;

}

#contentmapcomponent {

   position: relative;

   top: 0px;

   left: 0px;

   width: 671px;

   height: 390px;

   padding-top: 17px;

   padding-left: 18px;

   z-index: 102;

}

#linkbox {

   position: relative;

   background:  url(../../images/style2/harbor-country-michigan-hotels-inns-rentals-bottom.jpg) no-repeat;

   top: 0px;

   left: 0px;

   width: 863px;

   height: 325;

   padding-top: 0px;

   padding-left: 0px;

   padding-bottom: 15px;
   
   margin-top: 18px;

   z-index: 101;

}

#linkboxtop {

   position: relative;

   top: 0px;

   left: 0px;

   width: 715px;

   height: 45px;

   padding-top: 20px;

   padding-left: 80px;

   z-index: 102;

}

.linkboxtopall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 18px;
	color: #FFF;
}

.linkboxtopall a  {
	text-decoration: underline;
	color: #CBE8F8;
}

.linkboxtopall a:hover {
	text-decoration: underline;
}

#linkboxmap {

   position: relative;

   top: 0px;

   left: 0px;

   width: 863px;

   height: 260px;

   padding-top: 0px;

   padding-left: 0px;

   z-index: 102;

}


.footerbackground {

   position: relative;

   background:  url(../../images/style2/hotelsinns_r5_c1.gif) repeat-x;

   width: 863px;

   height: 33;

   z-index: 200;

}

#footertext {

   position: relative;

   top: 0px;

   left: 0px;

   width: 750px;

   height: 23px;

   padding-top: 7px;

   padding-left: 75px;

   z-index: 201;

}

.footertextall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FAF8F5;
}

.footertextall a  {
	text-decoration: none;
	font-weight: bold;
}

.footertextall a:hover {
	text-decoration: underline;
	font-weight: bold;
}

.lefttopcornerbg {

   position: relative;

   background:  url(../../images/style2/home_r1_c1.gif) top left no-repeat;

   width: 52px;

   height: 41;

   z-index: 200;

}

.leftcolumnbg {

background: url(../../images/style2/home_r3_c1.gif) left top repeat-y;

}

.leftbottomcornerbg {

   position: relative;

   background:  url(../../images/style2/home_r6_c1.gif) top right no-repeat;

   width: 52px;

   height: 33;

   z-index: 200;

}


.righttopcornerbg {

   position: relative;

   background:  url(../../images/style2/home_r1_c7.gif) top right no-repeat;

   width: 53px;

   height: 41;

   z-index: 200;

}

.rightcolumnbg {

background: url(../../images/style2/home_r3_c7.gif) right top repeat-y;

}


.rightbottomcornerbg {

   position: relative;

   background:  url(../../images/style2/home_r6_c6.gif) top right no-repeat;

   width: 53px;

   height: 33;

   z-index: 200;

}

h2 {

font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 2.2em;

}


h2 a {

text-decoration:none;

}

h2 a:hover {

text-decoration: none;

}


h2.skyblue {

margin:0 0;
padding: 4px 0px 4px 27px;
color: #4D84BD;
line-height: 27px;

}

h2.skyblue a  {

text-decoration: none;
color: #4D84BD;

}

h2.skyblue a:hover  {

text-decoration: none;
color: #4D84BD;

}

h2.brown {

margin:0 0;
padding: 4px 0px 4px 27px;
color: #B2997F;
line-height: 27px;

}

h2.brown a  {

text-decoration: none;
color: #B2997F;

}

h2.brown a:hover  {

text-decoration: none;
color: #B2997F;

}

h2.tan {

margin:0 0;
padding: 4px 0px 4px 27px;
color: #8B8E86;
line-height: 27px;

}

h2.tan a  {

text-decoration: none;
color: #8B8E86;

}

h2.tan a:hover  {

text-decoration: none;
color: #8B8E86;

}

h2.darkblue {

margin:0 0;
padding: 4px 0px 4px 27px;
color: #003366;
line-height: 27px;

}

h2.darkblue a  {

text-decoration: none;
color: #003366;

}

h2.darkblue a:hover  {

text-decoration: none;
color: #003366;

}

h2.orange {

margin:0 0;
padding: 4px 0px 4px 27px;
color: #FF8000;
line-height: 27px;

}

h2.orange a  {

text-decoration: none;
color: #FF8000;

}

h2.orange a:hover  {

text-decoration: none;
color: #FF8000;

}


h2.pink {

margin:0 0;
padding: 4px 0px 4px 27px;
color: #FF3399;
line-height: 27px;

}

h2.pink a  {

text-decoration: none;
color: #FF3399;

}

h2.pink a:hover  {

text-decoration: none;
color: #FF3399;

}


h2.midnight {

margin:0 0;
padding: 4px 0px 4px 27px;
color: #495573;
line-height: 27px;

}

h2.midnight a  {

text-decoration: none;
color: #495573;

}

h2.midnight a:hover  {

text-decoration: none;
color: #495573;

}

h2.burnt {

margin:0 0;
padding: 4px 0px 4px 27px;
color: ##F15336;
line-height: 27px;

}

h2.burnt a  {

text-decoration: none;
color: #F15336;

}

h2.burnt a:hover  {

text-decoration: none;
color: #F15336;

}




h2.featured {

margin:0 0;
padding: 4px 0px 4px 17px;
/*color: #FF8000; */
line-height: 27px;

}

h2.featured a  {

text-decoration: none;
/*color: #FF8000; */

}

h2.featured a:hover  {

text-decoration: none;
/*color: #FF8000; */

}


h2.explore {

margin:0 0;
padding: 4px 0px 4px 17px;
color: #F43119;
line-height: normal;

}

h2.explore a  {

text-decoration: none;
color: #F43119;

}

h2.explore a:hover  {

text-decoration: none;
color: #F43119;

}



p.explore {

}

.skybluelinks a:link {
	color: #396999;
	text-decoration: none;	
}

.brownlinks a:link {
	color: #8B7054;
	text-decoration: none;
}


.tanlinks a:link {
	color: #8B8E86;
	text-decoration: none;
}


.darkblue a:link {
	color: #003366;
	text-decoration: none;
}


.orangelinks a:link {
	color: #FF8000;
	text-decoration: none;
}


.purplelinks a:link {
	color: #360079;
	text-decoration: none;	
}

.whitelinks a:link {
	color: #FFF;
	text-decoration: none;
}


.skybluelinks a:hover {
	color: #396999;
	text-decoration: underline;
}

.brownlinks a:hover {
	color: #8B7054;
	text-decoration: underline;
}


.tanlinks a:hover {
	color: #8B8E86;
	text-decoration: underline;
}


.darkblue a:hover {
	color: #003366;
	text-decoration: underline;
}


.orangelinks a:hover {
	color: #FF8000;
	text-decoration: underline;
}

.purplelinks a:hover {
	color: #360079;
	text-decoration: underline;
}

.whitelinks a:hover {
	color: #FFF;
	text-decoration: underline;
}

.whitelinks a:visited {
	color: #FFF;
	text-decoration: none;
}



.textmarkerblue {	
	color: #4D84BD;
	font-weight: bold;
}

.textmarkerdkblue {	
	color: #003366;
	font-weight: bold;
}

.textmarkerbrown {	
	color: #B2997F;
	font-weight: bold;
}

.textmarkertan {	
	color: #8B8E86;
	font-weight: bold;
}

.textmarkerorange {	
	color: #FF8000;
	font-weight: bold;
}

.textmarkerpurple {	
	color: #360079;
	font-weight: bold;
}


.white, .white a {

	color: #FFFFFF; 

}

/* EMAIL SIGN UP OFFERS */


#leftoffer {

float: left;

clear: both;

}


#leftoffer .signupoffer {

	width: 415px;

}

dl#mysummer {

border: 5px solid #ccdae6;

/* border: 5px solid #ccdae6;  */

padding: 10px;

}

dl#things {

border: 5px solid #ccdae6;

/* border: 5px solid #ccdae6;  */

padding: 10px;

}


#viewPort{
width:385px;
height:313px;
overflow:hidden; 
position:relative;
}

#theframeContent{
position:absolute; 
top:-272px;
left:-598px;
width:1100px;
height:585px;
}




/* LODGING AVAILABILTY */


#leftchoose {

float: left;

clear: both;

}


#leftchoose .signupchoose {

	width: 415px;

}

dl#mydates {

border: 5px solid #ccdae6;

/* border: 5px solid #ccdae6;  */

padding: 10px;

}


dl#myfunthings {

border: 5px solid #CFEDFF;

/* border: 5px solid #ccdae6;  */

padding: 10px;

}

/* HOME CONTENT */

#homecontent {

margin-top: 5px;
margin-bottom: 10px;

}

#homecontent .homecolumnleft {

float: left;
width: 442px;
padding-top 2px;

}


#homecontent .homecolumnright {

width: 415px;

}

#homecontent .homecolumnleftfeatured {

float: left;
width: 426px;
padding-top: 8px;
margin-left: 12px;

}


.featuredseasontext {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 25px;
	font-weight: bold;
	text-align: left;
	white-space: normal;
	margin: 0px 30px 10px 0px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 15px;
	padding-right: 15px;
	color: #FFF;
	background: #98B035;

}

.featuredseasontextblue {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 25px;
	font-weight: bold;
	text-align: left;
	white-space: normal;
	margin: 0px 30px 10px 0px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 15px;
	padding-right: 15px;
	color: #FFF;
	background: #4D84BD;

}

.featuredseasontextbrown {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 25px;
	font-weight: bold;
	text-align: left;
	white-space: normal;
	margin: 0px 30px 10px 0px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 15px;
	padding-right: 15px;
	color: #FFF;
	background: #B2997F;

}


/* BOTTOM HOME CONTENT */


#bottomhomecontent {

margin-top: 15px;
margin-bottom: 12px;

}


#bottomhomecontentbox {

margin-top: 15px;
margin-bottom: 12px;
margin-left: 10px;
margin-right: 4px;
height: auto;
padding: 8px 8px 12px 8px;
/* background:  url(../../images/style1/boxbackground-skyblue.jpg) repeat-y; */
border:thick dotted #E6EEF6;

}


#featuredcontentlayout {

width: 804px;
height: auto;
background-color:  #396999;

}


.featuredcontentbox {

margin-top: 15px;
margin-bottom: 12px;
margin-left: 10px;
margin-right: 4px;
padding: 16px 8px 12px 24px;
background-image: url(../../images/style2/boxbackground-featured.png) no-repeat 2px 2px;
border:thick dotted #ffffff;

}

#bottomhomefeatures {

margin-top: 12px;

}



#bottomhomefeatures .bottomcolumnleftred {

float: left;
width: 330px;
height: 265px;
margin-left: 12px;
padding-top: 8px;
padding-left: 16px;
background:  url(../../images/style2/boxbackground-dkblue.jpg) no-repeat;

}

#bottomhomefeatures .bottomcolumnleftblue {

float: left;
width: 330px;
height: 265px;
margin-left: 12px;
padding-top: 8px;
padding-left: 16px;
background:  url(../../images/style2/boxbackground-skyblue.jpg) no-repeat;

}

#bottomhomefeatures .bottomcolumncenter {

float: left;
width: 200px;
height: 265px;
padding-top: 6px;
padding-left: 16px;
background:  url(../../images/style2/boxbackground-grey.jpg) no-repeat;

}


#topbannerspace {

   width: 968px;

   height: 86px;
   
   border: 0px;

   margin: 6px 0 12px 0;

}



.topbannercontent0 {

   positino: relative;

   background-image:  url(../../images/style2/topbannners-signuptowin.jpg);

   border: 0px;

}

/* newsletter signup banner field */


#newsletter {
	float:left;
	width:500px;
	height:128px;
	
}