/* CSS Document */

/**************************************************************
   All page content except for footer
 **************************************************************/

#content {
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
}

#holder {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	padding: 35px 0px 0px;
	background: url(../images/header/header_years.png) no-repeat center 10px;
}

/* Header */

#headerTxt {
	width: 645px;
	height: 30px;
	background: url(../images/header/naperville_century_walk_txt.png) no-repeat left top;
	position: absolute;
	top: 75px;
	left: 260px;
}

#headerStatue {
	width: 80px;
	background: url(../images/statues/statue_bball.png) no-repeat left top;
	height: 128px;
	z-index: 1;
	float: right;
}


#headerLogoBox {
	width: 225px;
	height: 150px;
	position: absolute;
	top: 40px;
	background: #FFFFFF url(../images/header/logo_colors.gif) no-repeat center center;
	left: 15px;
	border: 3px solid #619211;
	z-index: 3;
}
#headerPlaque {
	background: url(../images/header/header_plaque_2.jpg) no-repeat left top;
	margin: 0px auto;
	padding: 0px;
	height: 130px;
	width: 900px;
}

/* Main Content */
#mainContent {
	width: 990px;
	background: #FFFFFF url(../images/header/header_menu_tile.jpg) repeat-x left top;
	border: 5px solid #619211;
	border-right: 5px solid #619211;
	border-left: 5px solid #619211;
	margin: 120px auto 0px;
	padding: 0px;
	top: 115px;
	z-index: 2;
	text-align: left;
	vertical-align: top;
	clear: both;
}

#menu {
	width: 700px;
	float: right;
	clear: both;
	margin: 7px 0px 0px;
	padding: 0px;
}

#menu .menuItem {
	margin: 0;
	padding: 7px 8px 0;
	float: left;
}

#menu .menuDivider {
	margin: 0 5px;
	padding: 0;
	float: left;
}


#slideshow {
	width: 950px;
	margin: 0 auto 10px;
	clear:both;
}



#slideshow .slideshowContent {
	margin:0;
	padding:0;
	width:100%;
	height: 200px;
}


#slideshow .slideshowBtm {
	width:100%;
	height: 50px;
	background: url(../images/boxes/slideshow_tile.jpg) repeat-x left top;
}

#slideshow .slideshowBtm .SlideDetails {
	margin:0;
	padding:8px 0 0 0;
	float:left;
	width:925px;
}

#slideStatue {
	position:absolute;
	width:165px;
	height:100px;
	right: 25px;
	background: url(../images/statues/statue_girl.png) no-repeat left top;
	margin: 200px 0 0;
}


.BoxOrange {
	background: #FFFFFF url(../images/boxes/box_orng_tile.jpg) repeat-x left top;
	border: 2px solid #E87C00;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	width: 95%;
}

.BoxOrange .BoxOrangeDetails {
	margin:0;
	padding:5px 0 0 5px;
	float:left;
	width:88%;
}

.BoxOrange .BoxOrangeContent {
	margin:0px;
	padding:10px;
	clear:both;
}

.BoxOrange .BoxOrangeScrollContent {
	margin:0px;
	padding:10px;
	clear:both;
	height: 350px;
	overflow: scroll;
}

.BoxOrange .thmbImage {
	float:right;
	margin:0;
	padding: 0 0 5px 10px;
}

.NewsItem {
	margin: 0px 0px 10px;
	padding: 0px;
	border-bottom: 1px dashed #CCCCCC;
}

.NewsItemLast {
	margin: 0px 0px 10px;
	padding: 0px;
}

.BoxGreen {
	background: #FFFFFF url(../images/boxes/box_grn_tile.jpg) repeat-x left top;
	border: 2px solid #6EA21B;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 95%;
}

.BoxGreen .BoxGreenDetails {
	margin:0;
	padding:5px 0 0 5px;
	float:left;
	width:90%;
}

.BoxGreen .BoxGreenContent {
	margin:0px;
	padding:10px;
	clear:both;
}

.BoxGreen .thmbImage {
	float:left;
	margin:0;
	padding: 0 15px 5px 0;
}

/**************************************************************
   Page Content
 **************************************************************/

#page {
	float: left;
	width: 100%;
	text-align: left;
}

#columns {
	margin: 0 auto;
	clear: both;
	padding: 10px 0 0;
}


/* Column widths */

.width25 {
  width: 24%;
}

.width50 {
	width: 47%;
}

.width73 {
  width: 73%;
}

.width75 {
  width: 75%;
}

.width100 {
	width: 955px;
}

.width300 {
	width: 300px;
}

.width400 {
	width: 410px;
}
.width550 {
	width: 560px;
}

/* Footer */



#footer {
	background: #FFFFFF url(../images/footer/footer_bground_spring-2011.jpg) no-repeat center bottom;
	width: 100%;
	height: 360px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	clear:both;
}

#footer #footerDetails {
	width: 990px;
	height: 130px;
	position: relative;
	margin: 0px;
	background: url(../images/footer/footer_bground_tile.png) repeat left top;
	top: 230px;
	clear: both;
}
#socialButtons {
	width: 50px;
	position: absolute;
	top: 165px;
	right: -58px;
	clear: both;
}
#socialButtons img {
	margin: 0px 0px 8px;
	padding: 0px;
	float: left;
	text-align: center;
}
#footer .box1 {
	float: left;
	height: 123px;
	width: 375px;
	margin: 7px 0px 0px;
	border-right: 1px solid #FFFFFF;
}
#footer .box2 {
	float: left;
	height: 123px;
	width: 270px;
	margin: 7px 0px 0px;
	border-right: 1px solid #FFFFFF;
}

#footer .box3 {
	float: left;
	height: 123px;
	width: 150px;
	margin: 7px 0px 0px;
	border-right: 1px solid #FFFFFF;
	background: url(../images/footer/footer_logo.png) no-repeat center center;
}

#footer .box4 {
	float: left;
	height: 123px;
	width: 190px;
	margin: 7px 0px 0px;
}

#footer .boxBullet {
	width:15px;
	height:15px;
	float:left;
	background: url(../images/bullet_red.png) no-repeat center center;
	margin-left: 10px;
	margin-top: 5px;
}

#footer .boxBulletTxt {
	width:105px;
	height:15px;
	float:left;
	margin-left: 3px;
	margin-top: 5px;
	font-size: 11px;
}

#footerFinePrint {
	color: #FFFFFF;
	text-align: left;
	font-size: 11px;
	float: left;
	width: 100%;
	margin: 10px 0px 0px;
}


.addThisHolder {
	width:125px;
	height:16px;
	margin: 8px 20px 0 0;
	padding: 0;
}

.BoxOrange .sidNav {
	font-size: 13px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px;
	border-bottom: 1px dashed #CCCCCC;
}

.BoxOrange .sidNavLast {
	font-size: 13px;
	padding: 0px;
	margin: 0px 0px 10px;
	border-bottom: none;
}

.youTubeH1 {
	margin: 0px 20px 10px 0px;
	padding: 18px 0px 0px 60px;
	border-bottom: 2px solid #000000;
	background: url(../images/buttons/btn_youtube.gif) no-repeat left top;
	height: 38px;
}

.HomeTitle {
	margin: 0px 20px 10px 0px;
	padding: 0px;
	border-bottom: 2px solid #000000;
	height: 35px;
}

/**************************************************************
   Generic Display 
 **************************************************************/


.block {
  display: block;
}

.clear {
  clear: both;
}

.marginRight {
  margin-right: 15px;
}

.paddingLeft {
  padding-left: 5px;
}

.paddingRight {
  padding-right: 5px;
}

.marginRight {
  margin-right: 10px;
}

.marginLeft {
	margin-left: 20px;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignTop {
  vertical-align: top;
}

.alignMiddle {
  vertical-align: middle;
}

.alignBottom {
  vertical-align: bottom;
}
.featureDetails {
	background: #E3E3E3;
	border: 2px solid #000000;
	margin: 10px 20px 0 0;
	padding: 0px;
}

.featureDetails .boxBullet {
	width:15px;
	height:15px;
	float:left;
	background: url(../images/bullet_white.png) no-repeat center center;
	margin-left: 10px;
	margin-top: 12px;
}

.featureDetails .boxBulletTxt {
	width:225px;
	height:25px;
	float:left;
	margin-left: 3px;
	margin-top: 10px;
	font-size: 15px;
	color: #FFFFFF;
}

.HRGreyDot {
	height:1px;
	margin:5px 0px 10px;
	padding:0px;
	border-bottom: 1px dashed #CCCCCC;
	clear: both;
}

.HRWhite {
	height:2px;
	margin:0px 0px 10px;
	padding:0px;
	border-bottom: 1px solid #FFFFFF;
	clear: both;
}

#pageContent {
	width: 690px;
	float:left;
	margin: 0px 0px 0px 20px;
	padding: 0px 20px 0px 0px;
	border-right: 1px dashed #CCCCCC;
}

#artDetails {
	width: 45%;
	float:left;
	margin: 0px 0px 0px 30px;
	padding: 0px 20px 0px 0px;
	border-right: 1px dashed #CCCCCC;
	min-height:500px;
	height:auto !important;
	height:500px;
}


/**************************************************************
   Custom Slideshows
 **************************************************************/
#slideshow .slideshowContentC1 {
	margin:0;
	width:100%;
	height: 250px;
	background: url(../images/slides/home_bground.jpg) no-repeat left top;
	padding: 0px;
}
#slideshow .slideshowContentC1 .slide1 {
	background: url(../images/slides/home_tile_transparent.png) repeat left top;
	margin: 0px;
	padding: 15px;
	width: 500px;
	position: relative;
	left: 20px;
	top: 20px;
	border: 2px solid #FFFFFF;
}
#slideshow .slideshowContentC1 .slide1 h1 {
	font-size: 20px;
	color: #CC0000;
	border-style: none;
	margin: 0px 0px 5px;
	padding: 0px;
}
#pageContent .imageTile {
	width: 170px;
	text-align: center;
	height: 125px;
	float: left;
}


.AdditionalDetails {
	width:100%;
	height: 50px;
	background: url(../images/boxes/additional_details_tile.jpg) repeat-x left top;
	margin-top: 15px;
	margin-bottom: 10px;
}

.AdditionalDetails .ContentDetails {
	margin:0;
	padding:8px 0 0 0;
	float:left;
	width:800px;
}
.mapHolder {
	margin: 10px 0px 20px;
	padding: 0px;
}

.red{color:#ec1d23;font-weight:bold;}
.green{color:#009900;font-weight:bold;}

.CartButton {
	height: 25px;
	width: 200px;
	margin: 10px 0px;
	font-size: 12px;
	font-family:'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
}
.borderImage {
	background: #000000;
	margin: 0px;
	padding: 2px;
}
.pdfDownload {
	font-size: 18px;
	font-style: normal;
	line-height: 18px;
	font-weight: bolder;
	text-align: center;
	margin: 0px;
	padding: 20px 15px 0px;
}


/* Easy Slider */
	#slideshowEasySlide {
	width: 950px;
	height:351px;
	margin: 0 auto 10px;
	clear:both;
	background: url(../images/slideshow_bground_bottom.jpg) no-repeat left bottom;
	}
	
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:950px;
		height:311px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:3px 0px 0px 15px;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
	float:left;
	height:28px;
	line-height:28px;
	border:1px solid #ccc;
	background:#FFFFFF url(../images/grad_green.jpg) repeat-x left top;
	color:#666666;
	padding:0 10px;
	text-decoration:none;
		}
	ol#controls li.current a{
	background:#FFFFFF url(../images/grad_orange.jpg) repeat-x left top;
	color:#666666;
	text-decoration:underline;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */