﻿@import url(default.css);
@media screen {
	
.ir { overflow: hidden; display: block; height/**/:/**/0!important; } /* use padding top/bottom to define the elements height, but also use height for IE 5 (the weird height rule takes care of filtering those for you) */
.acc { display: none; position: absolute; width: 0; height: 0; overflow: hidden; }
.nav, .nav ul, .nav li, .nav dd { margin: 0; padding: 0; }
.nav dt { display: none; }

a:link { }
a:visited { }
a:hover, a:focus, a:active { }


/* =LAYOUT
****************************/
#Wrapper
{
	background: url(/!images/mp/arpt_mustsee_mp_body_tile.gif) repeat-y;
	width: 788px;
	position: relative;
	margin: 0 auto;
}

#Header 
{
	height: 395px;
	width: 788px;
}



#ContentArea
{
	background: url(/!images/mp/arpt_mustsee_mp_body_bkgrd_top.gif) top center no-repeat;
	min-height: 250px;
	width: 788px;
}

#ContentArea .TextArea {padding:0px 28px 25px 28px;}

#TopButtons {margin: 0 auto; margin: 0 0 0 28px; padding: 15px 0;}
#TopButtons ul {list-style: none; margin: 0; padding: 0; height: 120px;}
#TopButtons li { display: inline; padding: 0 29px 0 0; margin: 0; float: left;}



#Footer
{
	background: url(/!images/mp/arpt_mustsee_mp_ftr.gif) no-repeat;
	width: 788px;
	height: 102px;
	text-align: center;
	color: #a81400;
	font-size: 11px;
}
#Footer p {padding: 0; margin: 3px 0 0 0;}

.FootContent {padding-top: 1px;}

#Footer a:link, #Footer a:visited {color: #a81400; font-weight: bold; text-decoration: underline;}
#Footer a:hover, #Footer a:active {color: #a81400; font-weight: bold; text-decoration: none;}

#Footer .FootLinks a:link, #Footer .FootLinks a:visited {font-size: 12px; color: #a81400; font-weight: bold; text-decoration: underline;}
#Footer .FootLinks a:hover, #Footer .FootLinks a:active {font-size: 12px; color: #a81400; font-weight: bold; text-decoration: none;}





/* =DROPDOWNS 
*****************************/
/* behavior */
.dropdown dd { position: relative; z-index: 1; }
.dropdown ul {  position: absolute; z-index: 5; top: 45px; left: 2px; display: none; }
.dropdown dd.active { z-index: 10; }
.dropdown dd.active ul.menu { display: block; }
.dropdown ul a { display: inline-block; } /* do not leave this line out; do not change this line. It fixes a bug in IE, however you can change it in another css rule! */


/* look-and-feel */
.dropdown ul a { display: block; }


/* =IE 
*************************/
/* \*/
* html #sidebar, # html .home #related { overflow: hidden; display: inline; }

/* */

/* Interior Specific Styles */
#IntHeader
{
	height: 189px;
	width: 788px;
}

.sec_ar #IntHeader {background: url(/!images/int/apt_mustsee_int_subhead_seearv.jpg) no-repeat;}
.sec_prizes #IntHeader {background: url(/!images/int/arpt_mustsee_int_hdr_03.jpg) no-repeat;}
.sec_trip #IntHeader {background: url(/!images/int/apt_mustsee_int_subhead_tripideas.jpg) no-repeat;}
.sec_itineraries #IntHeader {background: url(/!images/int/apt_mustsee_int_subhead_intineraries.jpg) no-repeat;}
.sec_contest #IntHeader {background: url(/!images/int/apt_mustsee_int_subhead_contestrules.jpg) no-repeat;}
.sec_gallery #IntHeader {background: url(/!images/int/apt_mustsee_int_subhead_gallery.jpg) no-repeat;}
.sec_privacy #IntHeader {background: url(/!images/int/apt_mustsee_int_subhead_privacypolicy.jpg) no-repeat;}

#IntTopButtons {margin: 0 auto; margin: 0 0 0 23px; padding: 15px 0;}
#IntTopButtons ul {list-style: none; margin: 0; padding: 0; height: 50px;}
#IntTopButtons li { display: inline; padding: 0 29px 0 0; margin: 0; float: left;}

#home b 
{
	position: absolute; 
	cursor: pointer; 
	display: block; 
	width: 322px; 
	height: 110px; 
	left: 10px; 
	top: 10px;
}


/* Main Navigation */
#Nav
{
	background: url(/!images/mp/arpt_mustsee_mp_nav_rollover.gif) no-repeat;
	height: 35px;
	width: 788px;
	padding: 0;
	margin: 0;
}

#Nav dd
{
	margin:0;
	float:left;
	position:relative;
}


#Nav a.ir
{
	display:block;
	width:788px;
	height:0px;
	padding-top:35px;
	background:url(/!images/mp/arpt_mustsee_mp_nav_static.gif) 0 0 no-repeat;
	overflow:hidden;
}

#see a.ir{background-position:0px 0; width:167px;}
#prizes a.ir{background-position:-167px 0; width:88px;}
#contest a.ir{background-position:-255px 0; width:161px;}
#trip a.ir{background-position:-416px 0; width:126px;}
#itineraries a.ir{background-position:-542px 0; width:135px;}
#gallery a.ir{background-position:-677px 0; width:111px;}

.sec_ar #see a.ir,
.sec_trip #trip a.ir,
.sec_itineraries #itineraries a.ir,
.sec_contest #contest a.ir,
.sec_gallery #gallery a.ir {background: none;}


#Nav a.ir:hover{background:none;}


#LinkFooter
{
    width:768px;
    margin:1em auto 1em;
    font-size:.8em;
    text-align:center;
    color:#000000;
}

#LinkFooter a { color:#000000; white-space:nowrap; }
#LinkFooter a:focus, #LinkFooter a:hover, #LinkFooter a:active { color:#666666; }

}

#social_wrapper {
	height:16px;
	background:url(/!images/social/centertile.gif) repeat-x;
	overflow:hidden;
	display:inline-block;
	width:730px;
}

#social_wrapper #social_wrapper_left 
{
    background:url(/!images/social/lefttile.gif) no-repeat;
}

#social_wrapper #social_wrapper_right
{
    background:url(/!images/social/righttile.gif) no-repeat right top;
}

#social_wrapper td {
    text-align:center;
    vertical-align:top;
    padding:0px 5px;
}

#social_wrapper a, #social_wrapper span {
    cursor:pointer;
    display:inline-block;
    font-weight:bold;
    height:16px;
    line-height:16px;
    overflow:hidden;
    text-decoration:none;
    vertical-align:top;
    text-decoration:none; 
    font-size:10px; 
    color:#000;
}

#social_wrapper a:visited, #social_wrapper a:link, #social_wrapper a:hover { color:#000; }