/* ---------------------------------- /
/   TOP SECTION OF THE PAGE
/ ----------------------------------- */


#topArea { /* the top area of the page that has the big picture in the background */
	background-repeat:no-repeat;
	background-position:top left;
	width:590px;
	height:360px;
	padding-left:0px;
	position:relative;
}

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

#topArticleRight {
	width:300px;
	float:right;
}

.small-feature {
	width: 250px;
	float: left;
	margin: 10px;
	overflow: auto;
}
.small-feature a {
	font-weight: bold;
	color: #38739b;
	text-decoration: none;
}
.small-feature a:hover {
	border-bottom: 1px dotted #38739b;
}





/* ---------------------------------- /
/   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);

	}


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


#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:0px;
	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 {
position:relative;
	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;
}


/* Top Area Promtions */
.ArticleOne, .ArticleTwo
{
	clear: left;
	margin-top: 245px;
	position: relative;
	margin-bottom: 10px; }
	
.ArticleOneImage
{
	float: left;
	position: relative;
	margin-bottom: 10px;
	padding-bottom:20px;
	padding: 0px 5px 0px 5px }
	
.ArticleTwoImage
{
	float: left;
	margin-bottom: 10px;
	padding: 0px 5px 0px 5px }
	
.ArticleTwoText
{ }