/***************************************
	PageLayout
***************************************/

body {
	background-color: black;
	margin: 0px;
	padding: 0px 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

/**************************************
	brocher	(div)
**************************************/

#broacher {
	position: absolute;
	left: 200px;
	top: 0px;
	background-color: black;
	width:300px;
}

.head {
	position: relative;
	top: 0px;
	left: 0px;
	width: 300px;
	background-image: url("../images/cover/head.gif");
	background-repeat: no-repeat;
}

.head-table {
	height: 32px;
	width: 300px;
}
.head-row {}

.head-data {
	color: black;
	text-align: center;
	vertical-align: middle;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: 900;
	letter-spacing: -0.05em;
	word-spacing: 0.02em;
}

.title {
	position: relative;
	top: 0px;
	left: 0px;
	background-image: url("../images/cover/title.jpg");
	background-repeat: no-repeat;
}

.title-table {
	height: 169px;
	width: 300px;
}
.title-row {}
.title-data {}

.foot-top-table {
	height: 35px;
	width: 300px;
}

.foot-top-row {}
.foot-top-data {}

.foot{
	position: absolute;
	top: 561px;
	left: 0px;
	background-image: url("../images/cover/bottomText.gif");
	background-repeat: no-repeat;
}


.foot-row {}

.foot-data {
	width: 298px;
	text-align: center;
	line-height: 15px;
	font-size: 12px;
	font-family:  Helvetica, Verdana, Arial, sans-serif;
	font-style: italic;
	font-weight: 400;
	color: black;
}

/***************************************
	Side Bar
***************************************/

#menu {
	background-color: black;
	color: #8cc600;
	position: absolute;
	left: 0px;
	top: 100px;
	width: 200px;
	height: 125px;
}

.menu-table {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	line-height: 20px;
	font-size: 14px;
}

.menu-row {}

.menu-data {
	text-align: center;
}

.menu-element {
	color: white;
}

/***************************************
	map
***************************************/

#map {
	position: absolute;
	top: 350px;
	left: 0px;
}

.map-image {
	width: 200px;
	height: 273px;
}

.map-enlarge-row {}

.map-enlagre-data {}

.zoomOut-row {
	text-align: center;
}

.zoomOut-data {}

.zoomOut-element {}

/***************************************
	Home
***************************************/
#home-div {
	z-index: 99;
	position: relative;
	top: 0px;
	left: 0px;
	background-image: url("../images/cover/image.jpg");
	background-repeat: no-repeat;
	width: 300px;
	height: 325px;
}

.home-table {
	width: 300px;
}

.home-head {
	text-align: center;
	vertical-align: middle;
}

.home-row {}

.home-data {
	color: white;
	line-height: 17px;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
}

.home-foot-top {
	position: absolute;
	top: 526px;
	left: 0px;
	background-image: url("../images/cover/bottomTop.jpg");
	background-repeat: no-repeat;
}

/***************************************
	Itinerary
***************************************/
#itinerary-div {
	z-index: 99;
	position: relative;
	top: 0px;
	left: 0px;
	background-image: url("../images/itinerary/image.jpg");
	background-repeat: no-repeat;
	width: 300px;
	height: 325px;
}

.itinerary-table {
	width: 300px;
}

.itinerary-head {
	text-align: center;
	vertical-align: middle;
}

.itinerary-row {}

.itinerary-data {
	color: white;
	line-height: 14px;
	font-size: 13px;
}

.itinerary-dot {
	text-align: right;
	vertical-align: top;
	width: 50px;
}

.itinerary-list {
	color: white;
	line-height: 13px;
	font-size: 12px;
	height: 13px;
	text-align: left;
	padding: 0;
}

.itinerary-foot-top {
	position: absolute;
	top: 526px;
	left: 0px;
	background-image: url("../images/itinerary/bottomTop.jpg");
	background-repeat: no-repeat;
}

/***************************************
	Bookings
***************************************/
#booking-div {
	z-index: 99;
	position: relative;
	top: 0px;
	left: 0px;
	background-image: url("../images/itinerary/image.jpg");
	background-repeat: no-repeat;
	width: 300px;
	height: 325px;
}

.booking-table {
	width: 300px;
	color: white;
}

.booking-row {}

.booking-head {
	text-align: center;
	vertical-align: middle;
}
.booking-data {
	color: white;
	line-height: 15px;
	font-size: 14px;
	text-align: center; 
	vertical-align: middle;
}

.booking-foot-top {
	position: absolute;
	top: 526px;
	left: 0px;
	background-image: url("../images/itinerary/bottomTop.jpg");
	background-repeat: no-repeat;
}

/***************************************
	The Experience
***************************************/
#experience-div {
	z-index: 99;
	position: relative;
	top: 0px;
	left: 0px;
	background-image: url("../images/itinerary/image.jpg");
	background-repeat: no-repeat;
	width: 300px;
	height: 325px;
}

.experience-table {
	width: 300px;
	color: white;
}

.experience-head {
	text-align: center;
	vertical-align: middle;
}

.experience-row {}

.experience-data {
	color: white;
	line-height: 14px;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
}

.experience-foot-top {
	position: absolute;
	top: 526px;
	left: 0px;
	background-image: url("../images/itinerary/bottomTop.jpg");
	background-repeat: no-repeat;
}

/***************************************
	Infrormation
***************************************/
#information-div {
	z-index: 99;
	position: relative;
	top: 0px;
	left: 0px;
	background-image: url("../images/itinerary/image.jpg");
	background-repeat: no-repeat;
	width: 300px;
	height: 325px;
}

.information-table {
	width: 300px;
	color: white;
}

.information-row {
}

.information-head {
	text-align: center;
	vertical-align: middle;
}

.information-data-one {
	color: white;
	line-height: 15px;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
	width: 60px;
}

.information-data-two {
	color: white;
	line-height: 15px;
	font-size: 14px;
	text-align: left; 
	vertical-align: top;
}

.information-foot-top {
	position: absolute;
	top: 526px;
	left: 0px;
	background-image: url("../images/itinerary/bottomTop.jpg");
	background-repeat: no-repeat;
}