
/* ---------------------------------- /
/   TOP SECTION OF THE PAGE
/ ----------------------------------- */
body{ margin-top: 0px;}

#topArea { /* the top area of the page that has the big picture in the background */
	background-repeat:no-repeat;
	background-position:top left;
	width:650px;
	/*height:360px;*/
	position:relative;
	margin-left:-33px;
	}

#topAreaContent { /* div to hold the promo content that lives in the top area */
	/*
	clear:both;
	width:590px;
	*/
}

#topArticleLeft {
	margin-left:-15px;
	/* width:300px; */
	float:left;
	width: 220px;
}

#topArticleRight {
	width:300px;
	float:right;
}

#topDiningGuide {
	width:190px;
	float:right;
	position:absolute;
	left:590px;
	top:250px;
	z-index:20;
}

#topDiningGuide p{
	padding-top:10px;
}








/* ---------------------------------- /
/   CONTENT ROWS 
/ ----------------------------------- */


.contentRow {
/* This is A horizontal row that is visually implied by the arrangement of the content on the page.
    Elements that appear side by side on the page are likely grouped in a div with a contentRow class. */
	background-position:top left;
	background-repeat:no-repeat;
	clear:both; /* to compensate for floated interior content */
	display: inline-table;  /* see clearfix.css - to compensate for floated interior content */

}
.contentRow:after { /* see clearfix.css - to compensate for floated interior content */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* Hides from IE-mac (see clearfix.css - to compensate for floated interior content) \*/
* html .contentRow {height: 1%;}
.contentRow {display: block;}
/* End hide from IE-mac */


#contentRow1 { /* the first roqw */
	background-image:url(/visitors/images/bkg/contentRow1.jpg);
	}
	
	
#contentRow2 {
	background-image:url(/visitors/images/bkg/contentRow2.jpg);

	}

.partners {
	text-align: center;
}
.partners img {
	padding: 0 10px;
}

/* SLOTS - these are empty areas where components can be inserted

> slots carve off space in the docuemnt for the component to be inserted,
  so the width and maybe height of the slot will be defined. The background image/color 
  may also be set here. Components themselves are usually devoid of a background.

> Slots speced with IDs (# in front) are intended to only have one per page 

> Slots speced with classes (. in front) can have more than one per page

*/






#promoPanelSlot { /* this is where an interactive flash widget may go, like on fishing */
	width:420px;
	float:left;
}



/* ---------------------------------- /
/   PHOTO GALLERY / VIDEO VIEWER SLOT
/ ----------------------------------- */

#photoGallerySlot {
	position:relative;
	float:right;
	width:300px;
	height:350px;
}

#photoGallerySlotBkg {
	position:absolute;
	top:-90px;
	right:0px;
	background-color:#b0d7a9;
	width:320px;
	height:410px;
	filter:alpha(opacity=20);
	-moz-opacity:.20;
	opacity:.20;
	
	

}


/* ---------------------------------- /
/   INFO PANEL SLOT
/ ----------------------------------- */

#infoPanelSlot {
	float:right;
	width:420px;
}


#secondaryPromoSlot {
/* if multiple secondary promos need to be used they can be stacked vertically in the same slot */
	width:300px;
	float:left;
}






/* ---------------------------------- /
/   SEARCH LISTINGS SLOT
/ ----------------------------------- */


#searchListingsSlot {
	position:relative;
	width:740px;
	background-image:url(/visitors/images/bkg/searchComponent.jpg);
	background-repeat:repeat;
	margin-bottom:10px;
	background-color:#fcfff4;
}


#searchListingsTopBorder {
	background-image:url(/visitors/images/bkg/borderSearchTop.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:745px;
	height:11px;
	}

#searchListingsBottomBorder {
	position:relative;
	top:-3px;
	background-image:url(/visitors/images/bkg/borderSearchBottom.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	width:745px;
	height:11px;
}





/* ---------------------------------- /
/   BOTTOM CROSS PROMOS SLOT
/ ----------------------------------- */
#dining_promo_title{
position:relative;
margin-left:-25px;
}


#btmCrossPromoSlot {
	padding-left:15px;
	padding-top:20px;
	padding-bottom:30px;
	background-image:url(/visitors/images/bkg/dining_bkg_btm.jpg);
	background-position:top left;
	background-repeat:repeat;
}


/* ---------------------------------- /
/   TESTING TOP PROMOS SLOT
/ ----------------------------------- */


#dining_lead li{
margin-left:15px;
}





#articlePromov2 li{
margin-left:15px;
}


/* Top Area Promtions */
.ArticleOne
{
	float: left;
	margin-top: 245px;
	position: relative;
	width: 170px; }

.ArticleTwo
{
	float: right;
	margin-top: 245px;
	position: relative;
	width: 170px; }
	
.ArticleOneImage{ padding: 0px 5px 5px 0px; }
	
.ArticleTwoImage{ padding: 0px 2px 5px 2px; }
	
.ArticleTwoText{ /*margin-left:5px;*/ }
	
