﻿/* =IMAGE REPLACEMENTS *
**********************************/
.ir {
	height: 0; 
	overflow: hidden;
	display: block;
}

#mainnav .ir { padding-top: 33px; }
#topnav .ir { padding-top: 28px; }

.nav dt {	position: absolute; left: -200em; }
.nav dd{ margin: 0; }
	
/* =NAVIGATION *
*******************************/

#topnav
{
	text-align: left;
	z-index: 60;
	margin: 0;
    float: right;
    padding-right: 45px;
}

#topnav dd
{
	z-index: 60;
    background: none;
    position: relative;
    float: left;
    width: auto ! important;
    height: auto ! important;
    left: 1px ! important;
    top: 0 ! important;
    vertical-align: middle;
    line-height: 24px;
}

#topnav a.ir { background-image:url(http://www.gulfshores.com/images/int/agc_int_2nd-nav.gif); }

#topnav a.pda
{
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    padding: 0 8px;
    border-right: 1px solid #FFF;
}
#home #topnav #agc_pressroom a.pda { border: none; }
#topnav #agc_homepage a.pda { border: none; }

#agc_conventions, #agc_conventions a.ir {background-position: 0 0; width: 143px; top: 70px; right: 309px;}
#agc_reunions, #agc_reunions a.ir {background-position: -143px 0; width: 128px; top: 70px; right: 181px;}
#agc_pressroom, #agc_pressroom a.ir{background-position: -271px 0; width: 68px; top: 70px; right: 113px;}
#agc_homepage, #agc_homepage a.ir{background-position: -339px 0; width: 66px; top: 70px; right: 47px;}

#home #agc_homepage { display: none; }

#topnav dd.nav_hover a.ir, #topnav dd:hover a.ir,
#topnav a.ir:focus, #topnav a.ir:hover, #topnav a.ir:active { background: transparent none; }
	
#mainnav {
	background-image:url(http://www.gulfshores.com/images/agc_nav_hover.gif);
	margin: 0;
	text-align: left;
	z-index: 59;
	height: 33px;
	position: relative;
}

#mainnav dd{
	z-index: 59;
	position: relative;
	float: left;
}

#mainnav a.ir {background-image:url(http://www.gulfshores.com/images/agc_nav.gif);}
	#agc_packages, #agc_packages a.ir {background-position: 0px 0; width: 199px; }
	#agc_lodging, #agc_lodging a.ir {background-position: -199px 0; width: 90px; }
	#agc_todo, #agc_todo a.ir {background-position: -289px 0; width: 118px; }
	#agc_fishing, #agc_fishing a.ir {background-position: -407px 0; width: 82px; }
	#agc_golf, #agc_golf a.ir {background-position: -489px 0; width: 58px; }
	#agc_dining, #agc_dining a.ir {background-position: -547px 0; width: 157px; }
	#agc_travel, #agc_travel a.ir {background-position: -704px 0; width: 116px; }
	#agc_photos, #agc_photos a.ir {background-position: -820px 0; width: 157px; }

#mainnav dd.nav_hover a.ir, #mainnav dd:hover a.ir,
#mainnav a.ir:focus, #mainnav a.ir:hover, #mainnav a.ir:active,
#packages_deals #agc_packages a.ir,
#lodging #agc_lodging a.ir,
#things_to_do #agc_todo a.ir,
#fishing #agc_fishing a.ir,
#golf #agc_golf a.ir,
#dining_nightlife #agc_dining a.ir,
#travel_tools #agc_travel a.ir,
#photos_fun #agc_photos a.ir,
#conventions_meetings #agc_conventions a.ir,
#reunions_weddings #agc_reunions a.ir,
#pressroom #agc_pressroom a.ir
{ background: transparent none; }

#topnav dd ul, #mainnav dd ul
{
	position: absolute;
	top: 33px;
	background: #C95C45;
	list-style: none;
	padding: 0;
	margin: 0;
	min-width: 100%;
	white-space: nowrap;
	border: 1px solid #010300;
	border-top: none;
	padding: 3px 0 4px 0;
	display: none;
	z-index:1000;
}
* html #topnav dd ul, * html #mainnav dd ul { width: 100%; width: expression(this.offsetWidth - 1 >= this.parentNode.offsetWidth ? 'auto' : (this.parentNode.offsetWidth - 2) + 'px'); }

#topnav dd ul
{
    left: 0;
	top: 24px;
}

#mainnav dd#agc_photos ul { right: 0; }

#topnav dd.nav_hover ul, #topnav dd:hover ul, #mainnav dd.nav_hover ul, #mainnav dd:hover ul { display: block; }

#topnav dd li, #mainnav dd li
{
	background: #D8D7E7;
	position: relative;
	border: 1px solid #6B6C71;
	border-left: none;
	border-right: none;
	margin-bottom: -1px;
	z-index: 60;
}

#topnav dd ul a, #mainnav dd ul a
{
	padding: .1em 1em;
	display: block;
	text-decoration: none;
	position: relative;
	color: #424347;
	z-index: 60;
}
#topnav dd ul a:hover, #mainnav dd ul a:hover { background: #FFE77D; }

/* Packages and Hot Deals Link Button */
#DealsDiv 
{
	background: url(/images/agc_promos_hotdeals.png) no-repeat;
	height: 85px;
	width: 327px;	
	padding-bottom: 10px;
}
#Deals
{	
	margin:0;
	padding:0;
	width:327px;
	height:85px;
	overflow:hidden;	
	text-indent: -99999px;

}

#Deals dd
{
	margin:0;
	float:left;
	position:relative;
}

#Deals a.ir
{
	display:block;
	width:327px;
	height:85px;
	margin-top:0px;
	overflow:hidden;

}

#Deals dd:hover a.ir, #Deals dd.IEhover a.ir, #Deals a.ir:hover { background-image: url(/images/agc_promos_hotdeals.png); }

#DealsHover a.ir {background-position: -0px -0px; width:327px;}

/* Calendar Promo Button */
#Cal 
{
	background: url(/images/agc_promos_calendar-of-events.png) no-repeat;
	height: 85px;
	width: 327px;	
	padding-bottom: 10px;
}
#Calendar
{	
	margin:0;
	padding:0;
	width:327px;
	height:85px;
	overflow:hidden;	
	text-indent: -99999px;

}

#Calendar dd
{
	margin:0;
	float:left;
	position:relative;
}

#Calendar a.ir
{
	display:block;
	width:327px;
	height:85px;
	margin-top:0px;
	overflow:hidden;

}

#Calendar dd:hover a.ir, #Calendar dd.IEhover a.ir, #Calendar a.ir:hover { background-image: url(/images/agc_promos_calendar-of-events.png); }

#CalLink a.ir {background-position: -0px -0px; width:327px;}


/* Nightlife Promo Button */
#NightDiv 
{
	background: url(/images/agc_promos_nightlife.png) no-repeat;
	height: 85px;
	width: 327px;	
	padding-bottom: 10px;
}
#Nightlife
{	
	margin:0;
	padding:0;
	width:327px;
	height:85px;
	overflow:hidden;	
	text-indent: -99999px;

}

#Nightlife dd
{
	margin:0;
	float:left;
	position:relative;
}

#Nightlife a.ir
{
	display:block;
	width:327px;
	height:85px;
	margin-top:0px;
	overflow:hidden;

}

#Nightlife dd:hover a.ir, #Nightlife dd.IEhover a.ir, #Nightlife a.ir:hover { background-image: url(/images/agc_promos_nightlife.png); }

#AccLink a.ir {background-position: -0px -0px; width:327px;}

