﻿
/* Main Top Navigaton */
.ir { display: block; overflow:hidden; height/**/:/**/ 0!important; text-decoration: none; }

#secnav {	
	padding:0;
	width:742px;
	height:77px;
	padding-left: 190px;
}

#secnav dd {
	float:left;
	margin-top: 44px;
}

#secnav a.ir {
	width:932px;
	height:33px;
	padding-top:33px;
	background:url(/!images/mp/hbc_main_header_a_new.gif) 0 46px no-repeat;
}

#homelink 
{display:none;
	position:absolute;
	background:url(/!images/mp/hbc_main_header_b_new.gif) no-repeat;
	width:190px;
	height:0;
	padding-top:117px;
	display:block;
	text-indent:-9999px;
	height:0;
}

#mainnav {	
	margin:0;
	padding:0;
	width:742px;
	height:40px;
	padding-left: 190px;
}

#mainnav dd {
	margin:0;
	float:left;
	position:relative;
}

#mainnav a.ir {
	height:40px;
	padding-top:40px;
	background:url(/!images/mp/hbc_main_header_a_new.gif) 0 0 no-repeat;
}

#mainnav a.ir:hover {background: none;}
#mainnav dd:hover a.ir, #mainnav dd.IEhover a.ir, #mainnav a.ir:hover { background: none; }

#secnav a.ir:hover {background: none;}
#secnav dd:hover a.ir, #secnav dd.IEhover a.ir, #secnav a.ir:hover { background: none; }

#sn_meeting a.ir{background-position: -190px -44px; width:168px;}
#sn_wedding a.ir{background-position: -358px -44px; width:169px;}
#sn_media a.ir{background-position: -527px -44px; width:71px;}
#sn_eco a.ir{background-position: -598px -44px; width:103px;}
#sn_film a.ir{background-position: -701px -44px; width:125px;}
#sn_about a.ir{background-position: -826px -44px; width:92px;}
/* 918 */

#mn_beaches a.ir{background-position: -190px -77px; width: 89px; }
#mn_mainstr a.ir{background-position: -279px -77px; width: 144px;}
#mn_things a.ir{background-position: -423px -77px; width: 106px;}
#mn_surfing a.ir{background-position: -529px -77px; width:65px;}
#mn_day a.ir{background-position: -594px -77px; width: 81px;}
#mn_shoppin a.ir{background-position: -675px -77px; width: 105px;}
#mn_sleep a.ir{background-position: -780px -77px; width: 152px;}
/* 922 */

#BottomPromo .ir {
	width:306px;
	padding-top:40px;
	float:right;
}
.sec_corporate-events #sn_meeting a.ir,
.sec_california-beach-weddings #sn_wedding a.ir,
.sec_huntington-beach-mediaroom #sn_media a.ir,
.sec_surf-city #sn_surf a.ir,
.sec_film #sn_film a.ir,
.sec_huntington-beach-vacation #sn_about a.ir,
.sec_california-beach-vacations #mn_beaches a.ir,
.sec_huntington-beach #mn_mainstr a.ir,
.sec_thingstodo-california #mn_things a.ir,
.sec_surfing-trip #mn_surfing a.ir,
.sec_california-vacation #mn_day a.ir,
.sec_california-family-vacations #mn_shoppin a.ir,
.sec_california-beach-hotels #mn_sleep a.ir {background: none!important;}

/* Navigation below main page flash */
#MidNav
{
	margin:0;
	padding:0;
	width:584px;
	height:73px;
	overflow:hidden;
}

#MidNav dd
{
	margin:0;
	float:left;
	position:relative;
}

#MidNav a.ir
{
	display:block;
	width:584px;
	height:73px;
	padding-top:73px;
	background:url(/!images/mp/hbc_main_plan_map_view_a.jpg) 0 0 no-repeat;
	overflow:hidden;
}

#plan a.ir{background-position:-0px 0; width:178px;}
#map a.ir{background-position:-178px 0; width:158px;}
#view a.ir{background-position:-336px 0; width:158px;}

#MidNav a.ir:hover{background:none;}



/* Interior Secondary Navigation  */
#IntMidNav
{
	margin:0;
	padding:0;
	width:314px;
	height:32px;
	overflow:hidden;
}

#IntMidNav dd
{
	margin:0;
	float:left;
	position:relative;
}

#IntMidNav a.ir
{
	display:block;
	width:314px;
	height:32px;
	padding-top:32px;
	background:url(/!images/int/hbc_int_plan_map_view_a.gif) 0 0 no-repeat;
	overflow:hidden;
}

#plan_int a.ir{background-position:-0px 0; width:100px;}
#map_int a.ir{background-position:-100px 0; width:100px;}
#view_int a.ir{background-position:-200px 0; width:100px;}

.sec_california-vacation-ideas #plan_int a.ir,
.sec_map-southern-california #map_int a.ir,
.sec_california-photos #view_int a.ir {background: none!important;}

#IntMidNav a.ir:hover{background:none;}

/* =DROPDOWNS 
*****************************/
/* behavior */

#TopNav .dropdown dd { position: relative; z-index: 1; }
#TopNav .dropdown ul {  position: absolute; z-index: 5; top: 100%; left: 0; display: none; }
#TopNav .dropdown ul a { display: inline-block; }
#TopNav .dropdown dd.active { z-index: 10; }
#TopNav .dropdown dd.active ul.menu { display: block; }
#mn_sleep ul.menu { right:-10px; left: auto!important; }
#sn_meeting ul { margin-left:15px!important; }
#sn_about ul { right:8px; left: auto!important; }


/* look and feel */
#TopNav { font-size: .9em; }
#TopNav .dropdown ul { border-bottom: 1px solid #B4CFE2; width: 190px; margin: 0; background: #DEDDDB; background:rgba(227,227,229,.95); filter: alpha(opacity=95); line-height: 1em; }
#TopNav .dropdown li { border-left: 1px solid #B4CFE2; border-right: 1px solid #CFC8C2; display: block;}
#TopNav .dropdown li.alt { /*background: #edede3;*/ }
#TopNav .dropdown ul a:link, #TopNav .dropdown ul a:visited { font-size: .9em; font-weight: bold; display: block; color: #1F7A8C; text-decoration: none; padding: 3px 5px 3px 15px; }
#TopNav .dropdown ul a:hover, #TopNav .dropdown ul a:focus, #TopNav .nav ul a:active { background: #255F8F; color: #FFE858; border-left: 5px solid; padding-left: 10px; }
#TopNav h1{margin:0; padding:0; height:0; width:0; overflow:hidden; position:absolute;}


/* ShareBar button at page top */
#ShareThisDL
{
	margin:0;
	padding:0;
	width:243px;
	height:26px;
	overflow:hidden;
}

#ShareThisDL dd
{
    display:inline;
	margin:0;
	float:left;
	position:relative;
}

#ShareThisDL a.ir
{
	display:block;
	width:243px;
	height:26px;
	padding-top:26px;
	background:url(/!images/mp/hbc_social_networking_bar.gif) 0 0 no-repeat;
	overflow:hidden;
}

#ShareThisDL a.a2a_dd
{
	display:block;
	width:243px;
	height:26px;
	padding-top:26px;
	background:url(/!images/mp/hbc_social_networking_bar.gif) 0 0 no-repeat;
	overflow:hidden;
}

#ShareSpacer a.ir{background-position:-0px 0; width:70px;}
#ShareFaceBook a.ir{background-position:-70px 0; width:22px;}
#ShareYouTube a.ir{background-position:-93px 0; width:22px;}
#ShareAddThis a.a2a_dd{background-position:-114px 0; width:128px;}

#ShareThisDL a.ir:hover{background:none;}
#ShareThisDL a.a2a_dd:hover{background:none;}




/***************** 
Meetings Landing Page Navigation Styles 
******************/

/* =DROPDOWNS 
*****************************/
/* behavior */

#MeetingsTopNav .dropdown dd { position: relative; z-index: 1; }
#MeetingsTopNav .dropdown ul {  position: absolute; z-index: 5; top: 100%; left: 0; display: none; }
#MeetingsTopNav .dropdown ul a { display: inline-block; }
#MeetingsTopNav .dropdown dd.active { z-index: 10; }
#MeetingsTopNav .dropdown dd.active ul.menu { display: block; }

/* look and feel */
#MeetingsTopNav { font-size: .9em; }
#MeetingsTopNav .dropdown ul { border-bottom: 1px solid #B4CFE2; width: 190px; margin: 0; background: #DEDDDB; background:rgba(227,227,229,.95); filter: alpha(opacity=95); line-height: 1em; }
#MeetingsTopNav .dropdown li { border-left: 1px solid #B4CFE2; border-right: 1px solid #CFC8C2; display: block;}
#MeetingsTopNav .dropdown li.alt { /*background: #edede3;*/ }
#MeetingsTopNav .dropdown ul a:link, #MeetingsTopNav .dropdown ul a:visited { font-size: .9em; font-weight: bold; display: block; color: #1F7A8C; text-decoration: none; padding: 3px 5px 3px 15px; }
#MeetingsTopNav .dropdown ul a:hover, #MeetingsTopNav .dropdown ul a:focus, #MeetingsTopNav .nav ul a:active { background: #255F8F; color: #FFE858; border-left: 5px solid; padding-left: 10px; }
#MeetingsTopNav h1{margin:0; padding:0; height:0; width:0; overflow:hidden; position:absolute;}

#homelinkMeetings
{display:none;
	position:absolute;
	background:url(/!images/meetings/hbc_header_nav_meetings_and_retreats_b.gif) no-repeat;
	width:190px;
	height:0;
	padding-top:117px;
	display:block;
	text-indent:-9999px;
	height:0;
}

/* Main Top Navigaton for Meetings Site */

.MTir { display: block; overflow:hidden; height/**/:/**/ 0!important; text-decoration: none; }

#MTsecnav {	
	padding:0;
	width:742px;
	height:77px;
	padding-left: 325px;
}

#MTsecnav dd {
	float:left;
	margin-top: 44px;
}

#MTsecnav a.MTir {
	width:932px;
	height:33px;
	padding-top:33px;
	background:url(/!images/meetings/hbc_header_nav_meetings_and_retreats_a.gif) 0 46px no-repeat;
}

#MTmainnav {	
	margin:0;
	padding:0;
	width:742px;
	height:40px;
	padding-left: 190px;
}

#MTmainnav dd {
	margin:0;
	float:left;
	position:relative;
}

#MTmainnav a.MTir {
	height:40px;
	padding-top:40px;
	background:url(/!images/meetings/hbc_header_nav_meetings_and_retreats_a.gif) 0 0 no-repeat;
}

#MTmainnav a.MTir:hover {background: none;}
#MTmainnav dd:hover a.MTir, #MTmainnav dd.IEhover a.MTir, #MTmainnav a.MTir:hover { background: none; }

#MTsecnav a.MTir:hover {background: none;}
#MTsecnav dd:hover a.MTir, #MTsecnav dd.IEhover a.MTir, #MTsecnav a.MTir:hover { background: none; }


#MTsn_choose a.MTir {background-position: -325px -44px; width:170px;}
#MTsn_kit a.MTir {background-position: -495px -44px; width:205px;}
#MTsn_contact a.MTir {background-position: -700px -44px; width:100px;}

#MTmn_facilities a.MTir {background-position: -190px -77px; width: 248px;}
#MTmn_dining a.MTir {background-position: -438px -77px; width: 157px;}
#MTmn_directory a.MTir {background-position: -595px -77px; width: 190px;}
#MTmn_dates a.MTir {background-position: -785px -77px; width: 147px;}

.sub_value-dates #MTmn_dates a.MTir, 
.sub_supplier #MTmn_directory a.MTir,
.sub_group-dining #MTmn_dining a.MTir,
.sub_hotels #MTmn_facilities a.MTir,
.sub_why-choose #MTsn_choose a.MTir,
.sub_services-tool-kit #MTsn_kit a.MTir,
.sub_contact-us #MTsn_contact a.MTir {background: none;}



