html
{
	height: 100%;
}

body
{
	border-style: none;
	background-color: #412e20;
	padding: 0px;
	margin: 0px;
	height: 100%;
}

a
{
	outline: none;
}

#main_containerno
{
	margin: 0 auto;
	text-align:center; /* for IE */
	width: 896px;
	background-color: #A1D2E4;
}

#main_container
{
	margin: 0 auto;
	text-align:center; /* for IE */
	width: 896px;
	background-color: #86c8ea;
}

#header
{
	height: 88px;
	width: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
}

.main_logo
{
	background-image: url(../images/bhp_lg.jpg);
	float: left;
	margin: 2px 0 2px 0;
	padding: 0;
	height: 84px;
	width: 400px;
	vertical-align: middle;
	text-align: center;
	display: table-cell;
	
}

#op_hrs
{
	float: right;
	width: auto;
	margin: 0;
	padding: 0;
	height: 87px;
	
}

#op_hrs p
{
	margin: 15px 52px 15px 20px;
}

#nav_bar
{
	height: 30px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	z-index: 100;
	position: relative;
}

.curr_page
{
	background-image: url(../images/arrow.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#nav_bar ul
{
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 14px;
	line-height: 30px;
	width: 882px;
	position: relative;
	z-index: 100;
	height: 30px;
	background-color: #a77a58;
}

#nav_bar ul li
{
	float: left;
	/* IE6 hack */
	_width: auto;
	margin: 0;
	padding-right: 62px;
	padding-left: 7px;
	position: relative;
	text-align: left;
}

#nav_bar ul li.last_element
{
	padding-right: 0px;
}

#nav_bar ul li a
{
	display: block;
	/* IE6 hack */
	_width: 0px;
	height: 30px;
	color: #ffffff;
	text-decoration: none;
	background-color: #a77a58;
	margin: 0;
}

#nav_bar ul li a.curr_page
{
	color: #fff218;
}

#nav_bar ul li a:link, #nav_bar ul li ul li a:link, 
#nav_bar ul li a:visited, #nav_bar ul li ul li a:visited,
#nav_bar ul li a:active, #nav_bar ul li ul li a:active,
#nav_bar ul li a:focus, #nav_bar ul li ul li a:focus
{
	outline: none;
}

#nav_bar ul li a:hover, #nav_bar ul li ul li a:hover
{
	color: #fff218;
}

#nav_bar ul li ul
{
	display: none;
	/*IE6 hack*/
	_width: 0px;
	line-height: 22px;
	position: absolute;
	top: 30px;
	left: 0;
	padding: 0;
	margin: 0;
	background-color: transparent;
}

/*smart browsers (everything other than IE6and below)*/
#nav_bar ul>li, #nav_bar ul>li ul
{
	width: auto;
}

#nav_bar ul li:hover ul, #nav_bar ul li.sfhover ul
{
	display: block;
}

#nav_bar ul li ul li
{
	width: auto;
	text-align: left;
	float: left;
	margin: 0;
	padding: 0;
}

#nav_bar ul li ul li a
{
	display: block;
	width: 130px;	
	height: 22px;
	text-align: left;
	padding-left: 8px;
	background-color: #603912;
	margin: 0;
	border-bottom: solid 1px #8f6c4c;
}

#nav_bar ul li ul li a:hover
{
	background-color: #764c24;
}

#nav_bar ul li:hover ul li ul, #nav_bar ul li.sfhover ul li ul
{
	display: none;
	width: auto;
	line-height: 22px;
	position: absolute;
	left: 138px;
	top: 0px;
	padding: 0;
	margin: 0;
}

#nav_bar ul li ul li:hover ul, #nav_bar ul li ul li.sfhover ul
{
	display: block;
}

#h_shadow
{
	clear: both;
	position: absolute;
	top: 30px;
	left: 0px;
	height: 12px;
	width: 896px;
	z-index: 99;
	background: transparent url(../images/nav_shadow.png);
}

#middleno
{
	clear: both;
	float: left;	
	padding: 0;
	margin: 0;
	width: 896px;
	height: 100%;
	min-height: 100%;
	background-color: #ffffff;
}

#middle
{
	clear: both;
	float: left;	
	padding: 0;
	margin: 0;
	width: 670px;
	height: 100%;
	min-height: 100%;
	background-color: #ffffff;
}

#crossfade_container
{
	clear: both;
	width: 670px;
	height: 500px;
	margin: 0;
	padding: 0;
	position: relative;
}

.fade-box
{
	width: 670px;
	height: 500px;
	position: absolute;
	margin: 0;
	padding: 0;
	right: 0;
}

#box-1
{
	background-image: url(../images/mainimage_01.jpg);
}

#box-2
{
	background-image: url(../images/mainimage_02.jpg);
}

#box-3
{
	background-image: url(../images/mainimage_03.jpg);
}

#box-4
{
	background-image: url(../images/mainimage_04.jpg);
}

#box-5
{
	background-image: url(../images/mainimage_05.jpg);
}

#box-6
{
	background-image: url(../images/mainimage_06.jpg);
}

#box-7
{
	background-image: url(../images/mainimage_07.jpg);
}

#box-8
{
	background-image: url(../images/mainimage_08.jpg);
}

#r_sidebar
{
	width: 216px;
	height: 100%;
	margin: 0px 10px 0px 0px;
	float: right;
	background-color: #86c8ea;
	text-align: left;
}

#r_sidebar ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#r_sidebar ul li
{
	margin: 0;
	padding-bottom: 4px;
	padding-top: 16px;
}

#r_sidebar ul li p
{
	margin: 0;
	padding-left: 14px;
	padding-right: 14px;
}

.info
{
	position: relative;
	margin: 0;
	padding: 0;
	height: 414px;
}

.sidebar_b
{
	position: relative;
}

.sidebar_b_face
{
	background-image: url(../images/facebook.jpg);
	background-repeat: no-repeat;
	width: 38px;
	height:48px;
	margin: 18px 10px 14px 14px;
	padding:0;
	float: left;
}

.sidebar_b_twitter
{
	background-image: url(../images/twitter.jpg);
	background-repeat: no-repeat;
	width: 48px;
	height:48px;
	margin: 18px 10px 14px 14px;
	padding:0;
	float: left;
}

#footer
{
	height: 104px;
	clear: both;
	width: 100%;
	background-color: #ffffff;
}

.ft_logo
{
	background-image: url(../images/centercal_lg.jpg);
	width: 117px;
	height: 104px;
	float: left;
	margin: 0 4px;
}

.select_prop
{
	float: left;
	height: 77px;
	width: 206px;
	text-align: left;
}

.dropup_sel
{
	width: 201px;
	height: 22px;
	position: relative;
	background-image: url(../images/upside_select.jpg);
}

#select
{
	display: none;
	border: solid 2px #a2a2a2;
	width: 197px;
	position: absolute;
	bottom: 21px;
	background-color: #ffffff;
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height:16px;
}

#select li:hover
{
	background-color: #0000ff;
}

#select li:hover a
{
	color: #ffffff;
}

#select li a
{
	padding: 0 0 0 2px;
	text-decoration: none;
	display: block;
	width: auto;
	color: #000000;
}

.dropup_sel img
{
	display: block;
	position: relative;
	float: right;
	width: 16px;
	height: 18px;
}

.first2know
{
	float: left;
	height: 104px;
	width: 345px;
	padding-right: 5px;
	vertical-align: middle;
	text-align: right;
	color: #000000;
}

.first2know p
{
	margin: 45px 10px 0 0;
}


.email
{
	float: left;
	height: 83px;
	text-align: left;
	padding:0;
	margin: 20px 0 0 0;
}

.email p
{
	text-align: left;
	margin: 4px 0px 4px 0px;
}

.email form
{
	margin: 0;
	padding: 0;
}

#copyright
{
	width: 100%;
	height: 20px;
	float: left;
	background-color: #412e20;
}

#copyright p
{
	margin: 8px 18px;
}

#shops_header
{
	
	float: left;
	background-image: url(../images/sub_image_shop.jpg);
	height: 171px;
	width: 670px;
}

#events_header
{
	
	float: left;
	background-image: url(../images/sub_image_events.jpg);
	height: 171px;
	width: 670px;
}

#movies_header
{
	
	float: left;
	background-image: url(../images/sub_image_movies.jpg);
	height: 171px;
	width: 670px;
}
#information_header
{
	
	float: left;
	background-image: url(../images/sub_image_information.jpg);
	height: 171px;
	width: 670px;
}

#leasing_header
{
	
	float: left;
	background-image: url(../images/sub_image_leasing.jpg);
	height: 171px;
	width: 670px;
}

#giftcard_header
{
	
	float: left;
	background-image: url(../images/sub_image_giftcard.jpg);
	height: 171px;
	width: 670px;
}

#subtitleno
{
	float: left;
	height: 230px;
	width: 896px;;
}
#subtitle
{
	float: left;
	height: 59px;
	width: 670px;;
}

#subtitle.shops
{
	background-image: url(../images/sub_title_directory.jpg);
}

#subtitle.events
{
	background-image: url(../images/sub_title_events.jpg);
}

#subtitle.promotions
{
	background-image: url(../images/sub_title_promotions.jpg);
}

#subtitleno.center
{
	background-image: url(../images/sub_title_centerevents.jpg);
}

#subtitle.movies
{
	background-image: url(../images/sub_title_movies.jpg);
}

#subtitle.information
{
	background-image: url(../images/sub_title_information.jpg);
}

#subtitle.contactus
{
	background-image: url(../images/sub_title_contactus.jpg);
}

#subtitleno.giftguide
{
	background-image: url(../images/sub_title_giftguide.jpg);
}

#subtitleno.giftcard
{
	background-image: url(../images/sub_title_giftcard.jpg);
}

#subtitle.leasing
{
	background-image: url(../images/sub_title_leasing.jpg);
}

#subtitle.thankyou
{
	background-image: url(../images/sub_title_thankyou.jpg);
}

#subtitleno.privacy
{
	background-image: url(../images/sub_title_privacy.jpg);
}

#subtitleno.directory
{
	background-image: url(../images/sub_title_map.jpg);
}

#subtitleno.directions
{
	background-image: url(../images/sub_title_directions.jpg);
}

#subtitleno.amenities
{
	background-image: url(../images/sub_title_guestamenities.jpg);
}

#subtitleno.careers
{
	background-image: url(../images/sub_title_jobs.jpg);
}

#subtitleno.loyalty
{
	background-image: url(../images/sub_title_loyalty.jpg);
}

#subtitleno.enter
{
	background-image: url(../images/sub_title_enter.jpg);
}

#subtitleno.specialty
{
	background-image: url(../images/sub_title_specialtyleasing.jpg);
}

#subtitleno.longterm
{
	background-image: url(../images/sub_title_longtermleasing.jpg);
}

#subtitleno.thankyou
{
	background-image: url(../images/sub_title_thankyou.jpg);
}

#content
{
	width: 660px;
	float: left;
	background-color: #ffffff;

}

#content.shops
{

}

#content.shops p
{	
	padding: 2px 20px 15px 20px;
	margin: 0;
	
}

#content.shops li
{	
	padding: 0px 0px 8px 3px;
	margin: 0;
	
}

.shops_tbl
{
	width: 290px;
	float: left;
	padding: 0;
}

.shops2_tbl
{
	width: 300px;
	float: left;
	padding: 0;
}

.tbl1
{
	margin: 6px 20px 20px 15px;
}

.tbl2
{
	margin: 6px 20px 20px 15px;
}

.tbl3
{
	margin: 6px 20px 20px 15px;
}

.col1
{
	float: left;
	width: 150px;
	padding: 6px 0px 6px 10px;
}

.col2
{
	float: left;
	width: 90px;
	padding: 6px 10px 6px 0px;
}

.col3
{
	float: left;
	width: 100px;
	padding: 6px 0px 6px 10px;
}

.col4
{
	float: left;
	width: 260px;
	padding: 6px 10px 6px 0px;
}
.shops_tbl .odd
{
	background-color: #d7dcdf;
}

.shops_tbl .even
{
	background-color: #ffffff;
}

#map
{
	width: 893px;
	float: left;
	background-color: #ffffff;
}

#map p
{
	text-align: left;
	margin-left: 20px;
}