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

#navbar {
	width: 1000px;
	height: 26px;}
	
#nav-home a {
	background: url(rollovers/home.png) no-repeat top;
	width: 89px; 
	height: 26px;
	margin-top: 66px;
	float: left;}
	
#nav-home a:hover {
	background: url(rollovers/home.png) no-repeat bottom;}
	
#nav-about a {
	background: url(rollovers/about.png) no-repeat top;
	width: 89px; 
	height: 26px;
	margin-top: 66px;
	padding-left: 41px;
	float: left;}
	
#nav-about a:hover {
	background: url(rollovers/about.png) no-repeat bottom;}
	
#nav-services a {
	background: url(rollovers/services.png) no-repeat top;
	width: 89px; 
	height: 26px;
	margin-top: 66px;
	padding-left: 0px;
	float: left;}
	
#nav-services a:hover {
	background: url(rollovers/services.png) no-repeat bottom;}
	
#nav-resources a {
	background: url(rollovers/resources.png) no-repeat top;
	width: 89px; 
	height: 26px;
	margin-top: 66px;
	padding-left: 41px;
	float: left;}
	
#nav-resources a:hover {
	background: url(rollovers/resources.png) no-repeat bottom;}
	
#nav-news a {
	background: url(rollovers/vacations.png) no-repeat top;
	width: 89px; 
	height: 26px;
	margin-top: 66px;
	float: left;
	padding-left: 0px;}
	
#nav-news a:hover {
	background: url(rollovers/vacations.png) no-repeat bottom;}
	
#nav-contact a {
	background: url(rollovers/contact.png) no-repeat top;
	width: 89px; 
	height: 26px;
	margin-top: 66px;
	float: left;
	padding-left: 40px;}
	
#nav-contact a:hover {
	background: url(rollovers/contact.png) no-repeat bottom;}
	

#socialbar {
	width: 1000px;
	height: 24px;}
	
#social-facebook a {
	background: url(rollovers/facebook.png) no-repeat top;
	width: 24px; 
	height: 24px;
	margin-top: 0px;
	float: left;}
	
#social-facebook a:hover {
	background: url(rollovers/facebook.png) no-repeat bottom;}
	
#social-twitter a {
	background: url(rollovers/twitter.png) no-repeat top;
	width: 24px; 
	height: 24px;
	margin-top: 0px;
	float: left;
	padding-left: 6px;}
	
#social-twitter a:hover {
	background: url(rollovers/twitter.png) no-repeat bottom;}
	
#social-flickr a {
	background: url(rollovers/flickr.png) no-repeat top;
	width: 24px; 
	height: 24px;
	margin-top: 0px;
	float: left;
	padding-left: 0px;}
	
#social-flickr a:hover {
	background: url(rollovers/flickr.png) no-repeat bottom;}
	
#social-rss a {
	background: url(rollovers/rss.png) no-repeat top;
	width: 24px; 
	height: 24px;
	margin-top: 0px;
	float: left;
	padding-left: 6px;}
	
#social-rss a:hover {
	background: url(rollovers/rss.png) no-repeat bottom;}
	

#bottombar {
	width: 1000px;
	height: 29px;}
	
#bottom-travelwizard a {
	background: url(rollovers/coming-soon.png) no-repeat top;
	width: 172px; 
	height: 29px;
	margin-top: 0px;
	float: left}
	
#bottom-travelwizard a:hover {
	background: url(rollovers/coming-soon.png) no-repeat bottom;}
	
#bottom-submitstory a {
	background: url(rollovers/submit-your-story.png) no-repeat top;
	width: 147px; 
	height: 29px;
	margin-bottom: 0px;
	float: left;
	padding-left: 327px;}
	
#bottom-submitstory a:hover {
	background: url(rollovers/submit-your-story.png) no-repeat bottom;}
	
#bottom-sendemail a {
	background: url(rollovers/send-an-email.png) no-repeat top;
	width: 150px; 
	height: 29px;
	margin-bottom: 0px;
	float: left;
	padding-left: 50px;}
	
#bottom-sendemail a:hover {
	background: url(rollovers/send-an-email.png) no-repeat bottom;}
	
	
#servicesbar {
	width: 966px;
	height: 200px;}
	
#services-group a {
	background: url() no-repeat top;
	width: 130px; 
	height: 36px;
	margin-top: 97px;
	float: left;}
	
#services-group a:hover {
	background: url() no-repeat bottom;}
	
#services-leisure a {
	background: url() no-repeat top;
	width: 130px; 
	height: 36px;
	margin-top: 97px;
	float: left;}
	
#services-leisure a:hover {
	background: url() no-repeat bottom;}
	
#services-corporate a {
	background: url() no-repeat top;
	width: 130px; 
	height: 36px;
	margin-top: 97px;
	float: left;}
	
#services-corporate a:hover {
	background: url() no-repeat bottom;}