/* CSS Document */

/*START SAHBA STUFF*/
#sahbanavigation {
	width: 100px;
	position: absolute;
	top: 0; /*Making this number negative will push the page navigation links down in Safari*/
	margin-top: 0;
	margin-left: -15px;
	/*border: 1px solid red;*/
	height: 53px;
	}
	
#sahbanagivation li {
	margin-top: 0;
	margin-left: 0;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	}
	
#sahbanavigation li, #sahbanavigation a {
	height: 53px;
	display: block;
	}

#sahbalink {
	left: 0;
	margin-left: -40px;
	width: 140px;
	/*border: 1px solid white;*/
	}
/*END OF SAHBA STUFF*/

/*BEING REGULAR PAGES NAVIGATION HEADERS*/

#headernavigation {
	width: 700px;
	position: absolute;
	top: 40px;
	margin-left: -15px;
	height: 200px;
	
	}
	
#headernavigation li {
	margin-top: 0px;
	margin-left: 0px;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	}
	
#headernavigation li, #headernavigation a {
	height: 200px;
	display: block;
	}

#headerlink {
	left: 0;
	width: 700px;
	}


/*BEGIN TOP NAVIGATION*/	
#navigation li {
	list-style: none;
	position: absolute;
	top: 0px;
	text-indent: -9000px;
	}
	
#navigation li, #navigation a {
	height: 70px;
	display: block;
	}
	
#navigation li a {
	height: 70px;
	padding: 0;
	}
	
/*--------------------------------------------------------------------------------------------------
STEP 1: Establish link sizes and placement
----------------------------------------------------------------------------------------------------*/
#nav_resorts_cruises {
	left: 0;
	width: 100px;
	}

#nav_corporate_events {
	left: 88px;
	width: 108px;
	}
	
#nav_trade_shows {
	left: 190px;
	width: 92px;
	}
	
#nav_explore {
	left: 276px;
	width: 94px;
	}

/*--------------------------------------------------------------------------------------------------
STEP 2: Establish Basic Mouseover (BELOW) from the homepage / individual color isolations only
----------------------------------------------------------------------------------------------------*/
#nav_resorts_cruises a:hover { /*Current page = HOME*/
    background: transparent url(../images/nav_on_master.jpg) 0 /*horizontal*/ 0 /*vertical*/ no-repeat;
	}

#nav_corporate_events a:hover { /*Current page = HOME*/
    background: transparent url(../images/nav_on_master.jpg) -88px /*horizontal*/ -72px /*vertical*/ no-repeat;
	}

#nav_trade_shows a:hover { /*Current page = HOME*/
    background: transparent url(../images/nav_on_master.jpg) -190px /*horizontal*/  -144px /*vertical*/ no-repeat;
	}

#nav_explore a:hover { /*Current page = HOME*/
    background: transparent url(../images/nav_on_master.jpg) -276px /*horizontal*/ -216px /*vertical*/ no-repeat;
	}

/*--------------------------------------------------------------------------------------------------
STEP 3: Establish Individual Current page color isolations (BELOW)
----------------------------------------------------------------------------------------------------*/
.current_resorts_cruises { /*Current page = RESORTS/CRUISES*/
	background: transparent url(../images/nav_on_master.jpg) 0 /*horizontal*/ 0 /*vertical*/ no-repeat;
	}

.current_corporate_events { /*Current page = CORPORATE EVENTS*/
	background: transparent url(../images/nav_on_master.jpg) -88px /*horizontal*/ -72px /*vertical*/ no-repeat;
	/*border: 1px solid white;*/
	}

.current_trade_shows {/*Current page = TRADE SHOWS*/
	background: transparent url(../images/nav_on_master.jpg) -190px /*horizontal*/ -144px /*vertical*/ no-repeat;
	}

.current_explore { /*Current page = EXPLORE*/
	background: transparent url(../images/nav_on_master.jpg) -276px /*horizontal*/ -216px /*vertical*/ no-repeat;
	}
	
/*--------------------------------------------------------------------------------------------------------------------------------------
STEP 4: Special conditions: Current page = RESORTS/CRUISES and you mouse over CORPORATE EVENTS, the colors need to match (dark and dark)
---------------------------------------------------------------------------------------------------------------------------------------*/
#nav_corporate_events_when_current_page_is_resorts_cruises { /*Current page = RESORTS/CRUISES* -- Define the link area -- REQUIRED*/ 
	left: 88px;
	width: 108px;
	}

#nav_corporate_events_when_current_page_is_resorts_cruises a:hover{
	background: transparent url(../images/nav_on_master.jpg) -88px /*horizontal*/ -288px /*vertical*/ no-repeat;
	}
	
/*----------------------------------------------------------------------------------------------------------------------------------------------------
STEP 5: Special conditions: Current page = CORPORATE EVENTS and you mouse over RESORTS/CRUISES or TRADESHOWS, the colors need to match (dark and dark)
-----------------------------------------------------------------------------------------------------------------------------------------------------*/	
#nav_resorts_cruises_when_current_page_is_corporate_events { /*Current page = CORPORATE EVENTS -- Defines the link area -- REQUIRED*/
	left: 0;
	width: 100px;
	z-index: 1; /*REQUIRED -- or the link tries to show up underneath everything else*/
	}
	
#nav_resorts_cruises_when_current_page_is_corporate_events a:hover{
	background: transparent url(../images/nav_on_master.jpg) 0 /*horizontal*/ -360px /*vertical*/  no-repeat;
	}

#nav_trade_shows_when_current_page_is_corporate_events { /*Current page = CORPORATE EVENTS -- Defines the link area -- REQUIRED*/
	left: 190px;
	width: 92px;
	z-index: 1; /*REQUIRED -- or the link tries to show up underneath everything else*/
	}
	
#nav_trade_shows_when_current_page_is_corporate_events a:hover{
	background: transparent url(../images/nav_on_master.jpg) -190px /*horizontal*/ -360px /*vertical*/ no-repeat;
	}	
	

/*----------------------------------------------------------------------------------------------------------------------------------------------------
STEP 6: Special conditions: Current page = TRADE SHOWS and you mouse over CORPORATE EVENTS or EXPLORE, the colors need to match (dark and dark)
-----------------------------------------------------------------------------------------------------------------------------------------------------*/	
#nav_corporate_events_when_current_page_is_trade_shows { /*Current page = TRADE SHOWS -- Defines the link area -- REQUIRED*/
	left: 88px;
	width: 108px;
	z-index: 1; /*REQUIRED -- or the link tries to show up underneath everything else*/
	}
	
#nav_corporate_events_when_current_page_is_trade_shows a:hover{
	background: transparent url(../images/nav_on_master.jpg) -88px /*horizontal*/  -432px /*vertical*/ no-repeat;
	}

#nav_explore_when_current_page_is_trade_shows { /*Current page = TRADE SHOWS -- Defines the link area -- REQUIRED*/
	left: 276px;
	width: 94px;
	z-index: 1;
	}
	
/*SPECIAL CONDITION when the current page is TRADE SHOWS and you HOVER over EXPLORE-----------*/
#nav_explore_when_current_page_is_trade_shows a:hover{
	background: transparent url(../images/nav_on_master.jpg) -276px /*horizontal*/  -504px /*vertical*/ no-repeat;
	}	

	
/*----------------------------------------------------------------------------------------------------------------------------------------------------
STEP 7: Special conditions: Current page = TRADE SHOWS and you mouse over CORPORATE EVENTS or EXPLORE, the colors need to match (dark and dark)
-----------------------------------------------------------------------------------------------------------------------------------------------------*/	
#nav_trade_shows_when_current_page_is_explore {
	left: 190px;
	width: 94px;
	z-index: 1; /*REQUIRED -- or the link tries to show up underneath everything else*/
	}
	
/*SPECIAL CONDITION when the current page is CORPORATE EVENTS-----------*/
#nav_trade_shows_when_current_page_is_explore a:hover{
	background: transparent url(../images/nav_on_master.jpg) -190px /*horizontal*/  -504px /*vertical*/ no-repeat;
	}