/* CSS for the Top Menu area of Zermatt Vacations.com site */
body {
	background-color: #ffffff;
	font: 11px/17px verdana, arial, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
    color: #333;
}

/* Makes the top Menu background horiz grey stripes */
#menu_back {
	z-index: 100;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 266px;
	background-color: rgb(80%,80%,80%);
	position: absolute;
	top: 0;
	left: 0;
}
#menu_dark {
	margin: 0;
	padding: 0;
	margin-top: 14px;
	width: 100%;
	height: 245px;
	background-color: rgb(20%,20%,20%);
}

/* Main logo box at top */
#main_logo {
	z-index: 200;
	margin: 0;
	width: 100%;
	height: 79px;
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url(../global-pics/home-logo.jpg);
	position: absolute;
	top: 221px;
	left: 0;
}
/* Main Picture at top */
#main_pict {
	z-index: 100;
	margin: 0;
	width: 100%;
	height: 244px;
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url(../global-pics/home-photo.jpg);
	position: absolute;
	top: 14px;
	left: 0;
}
/* Quality pict at top */
#quality_pict {
	z-index: 100;
	margin: 0;
	width: 100%;
	height: 146px;
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url(../global-pics/q-home.jpg);
	position: relative;
	top: 40px;
}
/* The Main Menu bar at the top */
#main_center {
	z-index: 150;
	margin: 0;
	width: 100%;
	position: absolute;
	top: 4px;
	left: 0;
}
#menu {
	margin: 0 auto;
	height: 26px;
	width: 750px;
	top: 91px;
}

div.button {
	float: left;
	width: 150px; height: 26px;
	top: 0;
	left: 0;
	margin: 0;
	background-color: transparent;
	background-image: url(../global-pics/home-button.gif);
	background-repeat: no-repeat;
}
div.button a:hover {
	background-position: -150px 0;
	color: black;
	text-decoration: none;
	border-bottom-style: none;
}
div.outer a:active {
	color: black;
	text-decoration: none;
	border-bottom-style: none;
}

div.button a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow: hidden;
	font: 11px/15px verdana, arial, sans-serif;
	letter-spacing: 0.06em;
	text-align: center;
	text-decoration: none;
	color: black;
	font-weight: bold;
	background-color: transparent;
	background-image: url(../global-pics/home-button.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	border-bottom-style: none;
}
div.button span {
	display: block;
	margin: 0; 
	padding: 5px 0 0 0;
}