@charset "utf-8";
/* CSS Document */

/*NAVAGATION*/

#nav {
	width: 810px;
	height: 30px;
	margin: auto;
	margin-left: -5px;
	background-image: url(navbackground.png);
	background-position: bottom left;
	}

#front {background-image: url(images/nav/front_1.png);
	width: 138px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: bottom left;
	float: left;
}

/*home button*/
#home {background-image: url(images/nav/home_1.png);
	width: 54px;
	height: 30px;
	float: left;
	background-repeat: no-repeat;
	background-position: bottom left;
}

#home:hover {background-image: url(images/nav/home_2.png);
	width: 54px;
	height: 30px;
	float: left;
	background-repeat: no-repeat;
	background-position: bottom left;
}

#onhome {background-image: url(images/nav/home_2.png);
	width: 54px;
	height: 30px;
	float: left;
	background-repeat: no-repeat;
	background-position: bottom left;
}



/*end home buttom*/
/*travel pro button*/
#travelpro {background-image: url(images/nav/travelpro_1.png);
	width: 145px;
	height: 30px;
	float: left;
	background-repeat: no-repeat;
	background-position: bottom left;
}

#travelpro:hover {background-image: url(images/nav/travelpro_2.png);
	width: 145px;
	height: 30px;
	float: left;
	background-repeat: no-repeat;
	background-position: bottom left;
}

#ontravelpro {background-image: url(images/nav/travelpro_2.png);
	width: 145px;
	height: 30px;
	float: left;
	background-repeat: no-repeat;
	background-position: bottom left;
}

/*end travel pro button*/
/*cruises button*/
#cruises {background-image: url(images/nav/cruises_1.png);
	width: 63px;
	height: 30px;
	float: left;
	background-repeat: no-repeat;
	background-position: bottom left;
}

#cruises:hover {background-image: url(images/nav/cruises_2.png);
	width: 63px;
	height: 30px;
	float: left;
	background-repeat: no-repeat;
	background-position: bottom left;
}

#oncruises {background-image: url(images/nav/cruises_2.png);
	width: 63px;
	height: 30px;
	float: left;
	background-repeat: no-repeat;
	background-position: bottom left;
}

/*end cruise button*/
/*groups button*/
#groups {background-image: url(images/nav/groups_1.png);
	width: 63px;
	height: 30px;
	float: left;
	background-repeat: no-repeat;
	background-position: bottom left;
}

#groups:hover {background-image: url(images/nav/groups_2.png);
	width: 63px;
	height: 30px;
	float: left;
	background-repeat: no-repeat;
	background-position: bottom left;
}

#ongroups {background-image: url(images/nav/groups_2.png);
	width: 63px;
	height: 30px;
	float: left;
	background-repeat: no-repeat;
	background-position: bottom left;
}

/*end groups button*/
/*travel tools*/
#traveltools {background-image: url(images/nav/traveltools_1.png);
	width: 92px;
	height: 30px;
	float: left;
	background-repeat: no-repeat;
	background-position: bottom left;
}

#traveltools:hover {background-image: url(images/nav/traveltools_2.png);
	width: 92px;
	height: 30px;
	float: left;
	background-repeat: no-repeat;
	background-position: bottom left;
}

#ontraveltools {background-image: url(images/nav/traveltools_2.png);
	width: 92px;
	height: 30px;
	float: left;
	background-repeat: no-repeat;
	background-position: bottom left;
}

/*end travel tools button*/
/*faq button*/
#faq {background-image: url(images/nav/faq_1.png);
	width: 42px;
	height: 30px;
	float: left;
	background-repeat: no-repeat;
	background-position: bottom left;
}

#faq:hover {background-image: url(images/nav/faq_2.png);
	width: 42px;
	height: 30px;
	float: left;
	background-repeat: no-repeat;
	background-position: bottom left;
}

#onfaq {background-image: url(images/nav/faq_2.png);
	width: 42px;
	height: 30px;
	float: left;
	background-repeat: no-repeat;
	background-position: bottom left;
}

/*end faq button*/
/*about button*/
#about {background-image: url(images/nav/about_1.png);
	width: 75px;
	height: 30px;
	float: left;
	background-repeat: no-repeat;
	background-position: bottom left;
}

#about:hover {background-image: url(images/nav/about_2.png);
	width: 75px;
	height: 30px;
	float: left;
	background-repeat: no-repeat;
	background-position: bottom left;
}

#onabout {background-image: url(images/nav/about_2.png);
	width: 75px;
	height: 30px;
	float: left;
	background-repeat: no-repeat;
	background-position: bottom left;
}

/*endaboutbutton*/

#end {background-image: url(images/nav/end_1.png);
	width: 138px;
	height: 30px;
	float: left;
	background-repeat: no-repeat;
	background-position: bottom left;
}

/*END NAVAGATION*/