#hero-container
{
	background-color: rgb(253,250,227);
	padding-bottom: 20px;
	position: relative;
	width: 940px;
}

#hero-slider-1, #hero-slider-2, #hero-slider-3, #hero-slider-4, #hero-slider-5,#hero-slider-6, #hero-slider-7
{
	background-color: rgb(253,250,227);
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 0px; height: 390px; /*	position: relative; */	width: 960px;
}

#hero-slider-2, #hero-slider-3, #hero-slider-4, #hero-slider-5, #hero-slider-6, #hero-slider-7
{
	display: none;
}
/*
#hero-slider-X
{
	background-image: url(../ResourceFiles/HeaderImages/citygate-grille-restaurants-naperville-illinois1.jpg);
}
#hero-slider-1
{
	background-image: url(../ResourceFiles/HeaderImages/citygate-grille-restaurants-naperville-illinois1.jpg);
}
#hero-slider-2
{
	background-image: url(../ResourceFiles/HeaderImages/citygate-grille-restaurants-naperville-illinois1.jpg);
}
#hero-slider-3
{
	background-image: url(../ResourceFiles/HeaderImages/citygate-grille-restaurants-naperville-illinois1.jpg);
}
*/
#hero-slider-1 #headline, #hero-slider-2 #headline, #hero-slider-3 #headline, #hero-slider-4 #headline, #hero-slider-5 #headline, #hero-slider-6 #headline, #hero-slider-7 #headline
{
	background-image: url(/images/bg-hero-headlines.png);
	background-color: transparent;
	background-repeat: repeat;
	padding: 15px 20px 20px 20px;
	position: absolute;
}
.headline
{
	background-image: url(/images/bg-hero-headlines.png);
	background-color: transparent;
	background-repeat: repeat;
	padding: 15px 20px 20px 20px;
	position: absolute;
}
#hero-slider-X #headline
{
	right: 0px;
	top: 271px;
	width: 420px;
}
.headline
{
	right: 0px;
	top: 271px;
	width: 420px;
}
#hero-slider-1 #headline,#hero-slider-2 #headline,#hero-slider-3 #headline,#hero-slider-4 #headline,#hero-slider-5 #headline
{
	position: absolute;
	left: 487px;
	top: 292px;
	z-index: 99;
	height: 114px;
	width: 419px;
	background-image: url(/images_noindex/mainimg-textbg.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	font-size: 15px;
	color: #fbf5c5;
	padding: 23px 27px 0 27px;
	right: 0px;
}
.headlineImage
{
	position: absolute;
	left: 487px;
	top: 292px;
	z-index: 99;
	height: 114px;
	width: 419px;
	background-image: url(/images_noindex/mainimg-textbg.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	font-size: 13px;
	color: #fbf5c5;
	padding: 23px 27px 0 27px;
	right: 0px;
}
.headline
{
	position: absolute;
	left: 487px;
	top: 292px;
	z-index: 99;
	height: 114px;
	width: 419px;
	background-image: url(/images_noindex/mainimg-textbg.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	font-size: 15px;
	color: #fbf5c5;
	padding: 23px 27px 0 27px;
	right: 0px;
}

.h2
{
	color: #D4AE56;
	font-family: Georgia, serif;
	font-size: 29px;
	line-height: 30px;
	padding-bottom: 8px;
}
.p
{
	color: #F8F5C3;
	font-size: 16px;
	line-height: 23px;
}
.a img
{
	border: none;
	float:none;
	padding-left: 8px;
}
/***** slideshow *****/

#slideshow-area, #slideshow-scroller
{
	width: 960px;
	height: 430px;
	position: relative;
	overflow: hidden;
	margin: 0;
	background-color: rgb(253,250,227);
	padding-bottom: 20px;
}

#slideshow-area
{
	border: 0px solid #000;
}

#slideshow-holder
{
	height: 390px;
}

.slideshow-content
{
	float: left;
	width: 940px;
	height: 3900px;
}

#slideshow-previous
{
	height: 49px;
	
	position: absolute;
	top: 195px;
	width: 49px;
	z-index: 100;
	
	
}
#slideshow-previous a
{
	background: transparent url(/images_noindex/left-arrow.png) 0 -66px no-repeat;
	display: block;
	height: 49px;
	width: 49px;
}
#slideshow-previous a:hover
{
	background: transparent url(/images_noindex/left-arrow.png) -98px -66px no-repeat;
}
#slideshow-previous a span
{
	display: block;
	text-indent: -9999px;
}
#slideshow-next
{
	height: 49px;
	right: -3px;
	position: absolute;
	top: 195px;
	width: 49px;
	z-index: 100;
}
#slideshow-next a
{
	background: transparent url(/images_noindex/right-arrow.png) -49px -66px no-repeat;
	display: block;
	height: 49px;
	width: 49px;
}
#slideshow-next a:hover
{
	background: transparent url(/images_noindex/right-arrow.png) -147px -66px no-repeat;
}
#slideshow-next a span
{
	display: block;
	text-indent: -9999px;
}