/*************************************************/
/* Vincent Hotel Web Site CSS by Jonathan Hirsch */
/* Fixed layout & fonts per client's instruction */
/* Ditto vertical-center alignment of page       */
/*************************************************/

html, body, div, ul, li, h1, h2, h3, h4, p {
  margin: 0px;
  padding: 0px; 
  border: 0px;
}

body {
  background: #000 url(../pix/bg_tile.jpg) repeat;
  text-align: left;
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
}


/* typography */

h2 {
  font-size: 1.4em;
  font-weight: bold;
  color: #91a54e;
  margin: 0px 0px 4px 0px;
}

h3 {
  font-size: 1em;
  font-weight: bold;
  color: #000;
  margin: 1em 0px 0.5em 0px;
}

p {
  font-size: 1em;
  font-weight: normal;
  line-height: 1.2em;
  color: #000;
  padding: 6px 0px;
}

ul li a {
  text-decoration: none;
}

.content ul {
	list-style: disc inside;
}

/* main layout */

div {
  position: absolute;
  overflow: hidden;
}

.container {
  position: absolute;
  /* margin: 0 auto;
  top: 1px;*/
  
  top: 0px;
  left: 50%;
  margin-top: 0px;
  margin-left: -389px;
  
  width: 777px;
  height: 695px;
  background: #f2ebbd;  
}

.footer_logo {
	position: relative;
	top: 695px;
	left: 50%;
	margin-top: 0px;
	margin-left: -388px;
	width: 160px;
	height: 60px;
	background: url(../pix/logo_design_hotels.gif) no-repeat;
}

.footer_logo ul li a {
  overflow: hidden;
  font-size: 60px;
}

.footer_logo2 {
	position: relative;
	top: 649px;
	left: 50%;
	margin-top: 0px;
	margin-left: -234px;
	width: 104px;
	height: 52px;
	background: url(../pix/hotel_of_the_year.gif) no-repeat;
}

.footer_logo2 ul li a {
  overflow: hidden;
  font-size: 60px;
}

.footer_logo3 {
	position: relative;
	top: 590px;
	left: 50%;
	margin-top: 0px;
	margin-left: -112px;
	width: 50px;
	height: 62px;
	background: url(../pix/logo_rics.gif) no-repeat;
}

.footer_logo3 ul li a {
  overflow: hidden;
  font-size: 60px;
}

.footer_logo4 {
	position: relative;
	top: 530px;
	left: 50%;
	margin-top: 0px;
	margin-left: -48px;
	width: 130px;
	height: 40px;
	background: url(../pix/logo_aa_rosette.gif) no-repeat;
}

.footer_logo4 ul li a {
  overflow: hidden;
  font-size: 60px;
}

.footer_logo5 {
	position: relative;
	top: 490px;
	left: 50%;
	margin-top: 0px;
	margin-left: 93px;
	width: 84px;
	height: 47px;
	background: url(../pix/logo_aim.gif) no-repeat;
}

.footer_logo5 ul li a {
  overflow: hidden;
  font-size: 60px;
}


.header {
  top: 8px;
  left: 8px;
  width: 761px;
  height: 57px;
  background: #fff;
}

.primary_navigation {
  top: 69px;
  left: 8px;
  width: 761px;
  height: 29px;
}

.primary_navigation ul li {
  display: inline;
  list-style: none;
}

.content_small {
  top: 388px;
  left: 263px;
  width: 506px;
  height: 202px;
  background: #fff;
}

.content {
  top: 20px;
  left: 20px;
  width: 466px;
}

.content_scrollable {
  left: 20px;
  width: 466px;
  overflow: auto;
}

.reservation_form_container {
  top: 388px;
  left: 8px;
  width: 251px;
  height: 202px;
}

.reservation_form {
  top: 20px;
  left: 10px;
  width: 231px;
  height: 172px;
  background: #becc7d;
}

#bottom_image_left {
  top: 594px;
  left: 8px;
  width: 251px;
  height: 92px;
  z-index: 2;
}

#bottom_image_middle {
  top: 594px;
  left: 263px;
  width: 251px;
  height: 92px;
}

#bottom_image_right {
  top: 594px;
  left: 518px;
  width: 251px;
  height: 92px;
  z-index: 2;
} 

#gallery_image_right {
  top: 594px;
  left: 518px;
  width: 251px;
  height: 92px;
  z-index: 2;
} 

#gallery_image_left {
  top: 594px;
  left: 8px;
  width: 251px;
  height: 92px;
  z-index: 2;
}

/* backgrounds */

.header {
	background: #fff url(../pix/the_vincent_hotel.jpg) no-repeat;
}

.primary_navigation {
  background: #201000 url(../pix/primary_navigation.jpg) no-repeat;
}

.reservation_form_container {
  background: #91a54e;
}

#bottom_image_left {
  background: #201000 url(../pix/exclusive_offers.jpg) no-repeat;
}

#gallery_image_left {
  background: #201000 url(../pix/home_calendar.jpg) no-repeat;
}

#bottom_image_middle {
  background: #201000 url(../pix/golf_days.jpg) no-repeat;
}

#bottom_image_right {
  background: #201000 url(../pix/book_a_treatment.jpg) no-repeat;
}

#gallery_image_right {
  background: #201000 url(../pix/home_gallery.jpg) no-repeat;
}

.bottom_image ul li a {
  overflow: hidden;
  font-size: 143px;
}

#corner_top_left {
  background: url(../pix/corner_top_left.gif) no-repeat;
}

#corner_top_right {
  background: url(../pix/corner_top_right.gif) no-repeat;
}

#corner_bottom_left {
  background: url(../pix/corner_bottom_left.gif) no-repeat;
}

#corner_bottom_right {
  background: url(../pix/corner_bottom_right.gif) no-repeat;
}

/* primary navigation links */

.primary_navigation ul li {
  position: absolute;
  top: 5px;
  height: 16px;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
}

.link_home {
  left: 10px;
  width: 36px;
  background: transparent url(../pix/primary_navigation_home.jpg) no-repeat;
 
}

.link_hotel {
  left: 60px;
  width: 38px;
  background: transparent url(../pix/primary_navigation_hotel.jpg) no-repeat;
 
}

.link_rooms {
  left: 113px;
  width: 42px;
  background: transparent url(../pix/primary_navigation_rooms.jpg) no-repeat;
 
}

.link_v_cafe {
  left: 170px;
  width: 40px;
  background: transparent url(../pix/primary_navigation_v_deli.jpg) no-repeat;
}

.link_reservations {
  left: 225px;
  width: 78px;
  background: transparent url(../pix/primary_navigation_reservations.jpg) no-repeat;
}

.link_v_spa {
  left: 319px;
  width: 35px;
  background: transparent url(../pix/primary_navigation_v_spa.jpg) no-repeat;
}

.link_functions {
  left: 370px;
  width: 61px;
  background: transparent url(../pix/primary_navigation_functions.jpg) no-repeat;
}

.link_events {
  left: 448px;
  width: 42px;
  background: transparent url(../pix/primary_navigation_events.jpg) no-repeat;
}

.link_get_informed {
  left: 507px;
  width: 77px;
  background: transparent url(../pix/primary_navigation_get_informed.jpg) no-repeat;
}

.link_contact_us {
  left: 601px;
  width: 64px;
  background: transparent url(../pix/primary_navigation_contact_us.jpg) no-repeat;
}

.link_giftcard {
  left: 675px;
  width: 64px;
  background: transparent url(../pix/primary_navigation_giftcard.gif) no-repeat;
}

.here {
  background-image: none;
}

/* reservation form */

.reservation_form p {
  position: absolute;
}

.reservation_form select, .reservation_form input {
  position: absolute;
  top: 15px;
  font-size: 10px;
}

#field_arrival_day {
  top: 10px;
  left: 10px;
  width: 60px;
  background: transparent url(../pix/form_arrival.gif) no-repeat;
}

#field_arrival_month {
  top: 10px;
  left: 70px;
}

#field_arrival_year {
  top: 10px;
  left: 160px;
}

#field_departure_day {
  top: 45px;
  left: 10px;
  width: 60px;
  background: transparent url(../pix/form_departure.gif) no-repeat;
}

#field_departure_month {
  top: 45px;
  left: 70px;
}

#field_departure_year {
  top: 45px;
  left: 160px;
}

/*
#field_departure_day {
  top: 65px;
  left: 10px;
  width: 60px;
  background: transparent url(../pix/form_departure.gif) no-repeat;
}

#field_departure_month {
  top: 65px;
  left: 70px;
}

#field_departure_year {
  top: 65px;
  left: 160px;
}
*/

#field_nights {
  top: 85px;
  left: 10px;
  width: 100px;
  background: transparent url(../pix/form_nights.gif) no-repeat;
 
}

#field_guests {
  top: 85px;
  left: 10px;
  width: 110px;
  background: transparent url(../pix/form_guests.gif) no-repeat;
}

#field_submit {
  top: 120px;
  left: 130px;
}

#field_arrival_day select, #field_departure_day select {
  width: 50px;
}

#field_arrival_month select, #field_departure_month select {
  width: 80px;
}

#field_arrival_year select, #field_departure_year select {
  width: 60px;
}

#field_nights select {
  width: 100px;
}

#field_guests select {
  width: 100px;
}

#field_submit input {
  width: 90px;
}

/* page corners */

#corner_top_left {
  top: 0px;
  left: 0px;
  width: 14px;
  height: 13px;
}

#corner_top_right {
  top: 0px;
  left: 763px;
  width: 14px;
  height: 13px;
}

#corner_bottom_left {
  top: 682px;
  left: 0px;
  width: 14px;
  height: 13px;
  z-index: 0;
}

#corner_bottom_right {
  top: 682px;
  left: 763px;
  width: 14px;
  height: 13px;
  z-index: 0;
}

/* hide unwanted text */

.hidden {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.invisible, .primary_navigation ul li a span, .reservation_form form label span, .main_images ul li a span, .bottom_image ul li a span, .secondary_navigation ul li a span, .footer_logo ul li a span, .footer_logo2 ul li a span, .footer_logo3 ul li a span, .footer_logo4 ul li a span, .footer_logo5 ul li a span {
  visibility: hidden;
}