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

/* RESET  */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}

ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


body {
	background:url(../images/backgrounds/body_bg.gif) repeat-x 0 0 #928866;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
}

#wrap {
	width:900px;
	margin:0px auto;
	padding:0;
	background:#FFF;
}

#header {
	height:121px;
	padding:26px 10px 11px 10px;
	background:url(../images/backgrounds/page_bg.gif) no-repeat bottom left #7f1724;
	position:relative;
}

.contactdetails {
	width:350px;
	text-align:right;
	position:absolute; top:26px; right:10px;
}

.contactdetails img {margin-left:10px; vertical-align:top;}


#maincolumn {
	width:580px;
	float:left;
	margin:20px 0 30px 20px;
}

#maincolumn h1 { color:#7f1724; font-size:22px; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:20px;}
#maincolumn h2 { color:#7f1724; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:10px; clear:both;}

#maincolumn p {line-height:18px; margin-bottom:20px;}
#maincolumn a { color:#7f1724; text-decoration:none;}
#maincolumn a:hover { color:#7f1724; text-decoration:underline;}

#maincolumn p span { font-weight:bold;}

#leftcolumn {
	width:280px;
	float:left;
	padding:10px 0 0 10px;
	background:url(../images/backgrounds/leftcolumn_bg.gif) no-repeat 0 0;
	position:relative;
	top:-40px;
	z-index:500!important;
}

#flashbanner {
	width:880px;
	height:220px;
	margin:0 10px 0 10px;
	background:url(../images/backgrounds/banner_bg.jpg) no-repeat top left;
}

#slideshow{
	width:880px;
	height:220px;
	margin:0 10px 0 10px;
	background:#FFFFFF;
	padding:0;
	z-index:0;
	position:relative;
	overflow:hidden;
}

.slideshow{
	margin:0 4px 0 0px;
	float:left;
	z-index:0;	
}

.slideshow img {z-index:0;}


#footer {
	width:880px;
	margin:0 10px 0 10px;
	border-top:1px solid #999;
	padding:10px 0 15px 0;
	clear:both;
	background:#FFF;
	font-size:11px;
	height:90px;
	position:relative;
}

#footer p {margin-bottom:5px;}
#footer ul { margin-bottom:5px; width:800px;}
#footer li { display:inline;}
#footer a {color:#666; text-decoration:none;}
#footer a:hover {color:#666; text-decoration:underline;}

#languages {position:absolute; top:-10px; right:0px;}


#testimonial {
	width:240px;
	background:url(../images/backgrounds/quote.gif) no-repeat 0 0;
	padding-left:40px;
	font-size:16px;
	font-style:italic;
	margin-bottom:25px;
}

#testimonial p {margin-bottom:7px;}
#testimonial span {font-size:11px; font-style:normal;}

#latestoffers {
	width:270px;
	background:url(../images/backgrounds/offers_bg.gif) no-repeat bottom left #7f1724;
	color:#FFF;
	margin-bottom:25px;
	padding:0 0 20px 0;
}

#latestoffers h3 {
	text-indent:-9000px;
	background:url(../images/backgrounds/latest_offers_title.gif) no-repeat top left;
	height:59px;
	width:270px;
}

#latestoffers ul {
	padding:0 10px 0 10px;
	margin-bottom:10px;
}

#latestoffers li {
	background:url(../images/backgrounds/offers_split.gif) repeat-x bottom left;
	padding:10px 0 12px 0;
}

#latestoffers p {
	padding:0 10px 0 10px;
	font-size:14px;
}

#latestoffers p a {color:#FFF; text-decoration:none;}
#latestoffers p a:hover {color:#f2e78b; text-decoration:none;}
#latestoffers p span {background:url(../images/arrow_sm.gif) no-repeat top right; padding-right:20px;}

.awards {text-align:center; margin-bottom:25px;}
.awards img {margin-right:10px;}

#panels {width:580px;}
#panels p {margin-bottom:0px!important;}

#panels li {float:left;}

.explorepanel h3 a { 
	width:280px; 
	height:35px; 
	display:block; 
	background:url(../images/backgrounds/explore_apartments.gif) no-repeat top left; 
	text-indent:-9000px;
}


.theriviera h3 a { 
	width:280px; 
	height:35px; 
	display:block; 
	background:url(../images/backgrounds/theriviera.gif) no-repeat top left; 
	text-indent:-9000px;
}


/* Main Navigation  */


#mainnav  {height:32px; width:900px; position:absolute; bottom:11px; left:10px;}
#mainnav li { margin:0 2px 0 0; padding:0; text-indent:-900em; float:left;}

#home a, #facilities a, #apartments a, #location a, #tariff a, #offers a, #availability a, #attractions a, #benefits a, #contact a, #brochure a {height:32px; display:block;}

#home a{width:52px; background:url(../images/backgrounds/maintabs.gif)  no-repeat 0 0;}
#home a:hover,#home a.hover, #home.hover, body.homepage #home a {background-position: 0 -32px;}

#facilities a{width:77px; background:url(../images/backgrounds/maintabs.gif) no-repeat -52px 0;}
#facilities a:hover,#facilities a.hover, #facilities.hover, body.facilitiespage #facilities a {background-position: -52px -32px;}

#apartments a{width:93px; background:url(../images/backgrounds/maintabs.gif) no-repeat -707px 0;}
#apartments a:hover,#apartments a.hover, #apartments.hover, body.apartmentspage #apartments a {background-position: -707px -32px;}

#location a{width:73px; background:url(../images/backgrounds/maintabs.gif) no-repeat -129px 0;}
#location a:hover,#location a.hover, #location.hover, body.locationpage #location a {background-position: -129px -32px;}

#tariff a{width:136px; background:url(../images/backgrounds/maintabs.gif) no-repeat -875px 0;}
#tariff a:hover,#tariff a.hover, #tariff.hover, body.tariffpage #tariff a {background-position: -875px -32px;}

#offers a{width:57px; background:url(../images/backgrounds/maintabs.gif) no-repeat -307px 0;}
#offers a:hover,#offers a.hover, #offers.hover, body.offerspage #offers a {background-position: -307px -32px;}

#availability a{width:90px; background:url(../images/backgrounds/maintabs.gif) no-repeat -364px 0;}
#availability a:hover,#availability a.hover, #availability.hover, body.availabilitypage #availability a {background-position: -364px -32px;}

#attractions a{width:92px; background:url(../images/backgrounds/maintabs.gif) no-repeat -454px 0;}
#attractions a:hover,#attractions a.hover, #attractions.hover, body.attractionspage #attractions a {background-position: -454px -32px;}

#benefits a{width:71px; background:url(../images/backgrounds/maintabs.gif) no-repeat -546px 0;}
#benefits a:hover,#benefits a.hover, #benefits.hover, body.benefitspage #benefits a {background-position: -546px -32px;}

#contact a{width:90px; background:url(../images/backgrounds/maintabs.gif) no-repeat -617px 0;}
#contact a:hover,#contact a.hover, #contact.hover, body.contactpage #contact a {background-position: -617px -32px;}

#brochure a{width:75px; background:url(../images/backgrounds/maintabs.gif) no-repeat -800px 0;}
#brochure a:hover,#brochure a.hover, #brochure.hover, body.brochurepage #brochure a {background-position: -800px -32px;}


.facilitieslist {
	width:580px; margin-bottom:20px;
}

.facilitieslist li {
	width:275px;
	background:url(../images/backgrounds/bullet_point.gif) no-repeat 0 4px;
	padding-left:15px;
	float:left;
	margin-bottom:6px;
}

.attractionslist {width:580px;}
.attractionslist li {margin-bottom:20px; width:580px;}
.attractionslist li img { border:1px solid #ccc; padding:2px; float:left; margin-right:15px;}
.attractionslist li p {margin-bottom:5px!important; margin-top:0px!important; line-height:normal!important; font-size:11px!important;}
.attractionslist li h3 {font-size:14px; font-weight:bold; margin-bottom:4px; font-family:Georgia, "Times New Roman", Times, serif; color:#7f1724; font-family:100;}
.attractionslist li div { width:467px; float:left;}

.attractionslist li p a {background:url(../images/sm_arrow.gif) no-repeat 0 1px; padding-left:17px; color:#7f1724; text-decoration:none;}
.attractionslist li p a:hover {color:#7f1724; text-decoration:underline;}

.attractionslist .booknow {padding:0!important; border:none!important; background-image:none!important;}


.error { font-size:12px; color:#cc0000; padding:0 0 0 20px; height:15px!important; margin:5px 0 0 132px; background:url(../images/icons/error.gif) no-repeat 0px 0px;}

.validationerror {color:#FFF; padding:7px 7px 2px 7px; margin:0 0 10px 0; font-size:12px; background:url(../images/icons/warning.gif) no-repeat 7px 7px #CC0000;}
.validationerror li {margin:0 0 5px 0; padding:0 0 0 40px;}

.success {background:#339900; color:#FFF; padding:7px;}
.success p {margin:0; padding:0;}

fieldset {  
margin: 0 0 15px 0;  
padding:0 0 10px 0;
border-bottom:1px dashed #ccc;
border-top:none;
border-left:none;
border-right:none;
}  

fieldset p {font-size:11px;}

fieldset span { color:#CC0000;}

fieldset input, textarea {width:300px;}
fieldset select {width:200px;}
  
fieldset ol {  
padding: 10px 0 0 0;  
list-style: none;
margin:0;
}  
fieldset li {  
padding-bottom: 1em;
}  
fieldset.submit {  
border-style: none;  
}

label {float:left; width:10em; margin-right:1em; font-size:12px; font-weight:bold;}

fieldset input.submit {width:auto!important; background:#7f1724; color:#FFF; border:none; padding:2px 5px; margin-left:12em; font-family:Georgia, "Times New Roman", Times, serif;}
.submit fieldset  {padding-top:0px !important;}


.addressdetails {margin-bottom:30px;}
.addressdetails p {margin-bottom:10px;}
.addressdetails h3 { color:#7f1724; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:10px;}
.addressdetails a {color:#7f1724; text-decoration:none;}
.addressdetails a:hover {color:#7f1724; text-decoration:underline;}

.addressdetails span {font-weight:bold;}

#ourlocation {
	width:270px;
	background:url(../images/backgrounds/offers_bg.gif) no-repeat bottom left #7f1724;
	color:#FFF;
	margin-bottom:25px;
	padding:0 0 20px 0;
}

#ourlocation h3 {
	text-indent:-9000px;
	background:url(../images/backgrounds/ourlocation.gif) no-repeat top left;
	height:59px;
	width:270px;
}

#ourlocation p {
	padding:0 10px 0 10px;
	font-size:14px;
}

#ourlocation img {margin-bottom:10px;}
#ourlocation p a {color:#FFF; text-decoration:none;}
#ourlocation p a:hover {color:#f2e78b; text-decoration:none;}
#ourlocation p span {background:url(../images/arrow_sm.gif) no-repeat top right; padding-right:20px;}


#benefitspanel {
	width:270px;
	background:url(../images/backgrounds/offers_bg.gif) no-repeat bottom left #7f1724;
	color:#FFF;
	margin-bottom:25px;
	padding:0 0 20px 0;
}

#benefitspanel h3 {
	text-indent:-9000px;
	background:url(../images/backgrounds/bookingbenefits.gif) no-repeat top left;
	height:59px;
	width:270px;
}

#benefitspanel p {color:#FFF; padding:0 10px 0 10px;}
#benefitspanel p a {color:#FFF; text-decoration:none;}
#benefitspanel p a:hover {color:#f2e78b; text-decoration:none;}
#benefitspanel p span {background:url(../images/arrow_sm.gif) no-repeat top right; padding-right:20px;}

#benefitspanel ul { padding:10px;}
#benefitspanel li {margin:0 0 5px 0; padding:0 0 0 15px; background:url(../images/backgrounds/bullet_point_2.gif) no-repeat 0 4px;}


.accesslist {
	width:580px; margin-bottom:20px;
}

.accesslist li {
	background:url(../images/backgrounds/bullet_point.gif) no-repeat 0 4px;
	padding-left:15px;
	margin-bottom:10px;
}

.tarifftable {
	width:580px; margin-bottom:20px;
}

.tarifftable th {
	font-weight:bold;
	padding:5px 0 5px 0;
	border-bottom:dotted 1px #CCC;
	text-align:center;
}

.tarifftable td {
	padding:5px 0 5px 0;
	border-bottom:dotted 1px #CCC;
}

.tarifftable .col1 {
	width:65px; background:#dddddd; text-align:center;
}

.tarifftable .col2 {
	width:65px; text-align:center;
}

.tarifftable .col3 {
	text-align:center; background:#7f1724; color:#FFF;
}

.tarifftable .col4 {
	text-align:left; background:#7f1724; color:#FFF; padding-left:7px;
}

.tarifftable .col5 {text-align:center; vertical-align:top;}
.tarifftable .col5 span { font-style:italic; font-size:10px;}

.tarifftable .col6 {vertical-align:top;}
.tarifftable .col6 span {font-weight:bold;}

.tarifftable .col7 {
	text-align:center; background:#999; color:#FFF;
}

.tarifftable .col8 { background:#999; color:#FFF;  padding-left:7px;}

.bold { font-weight:bold;}


#apartmentslist {
	width:580px;
}

#apartmentslist li {width:290px; float:left; margin-bottom:20px;}
#apartmentslist li img {float:left; margin:0 10px 0 0;}
#apartmentslist li h3 { color:#7f1724; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:5px;}
#apartmentslist li p {line-height:normal!important; margin-bottom:5px!important; font-style:italic;}
#apartmentslist li p a {font-style:normal;}


.apartmentdetails {width:360px; float:left; padding-right:20px;}

.apartmentdetails ul {
	width:360px; margin-bottom:20px;
}

.apartmentdetails li {
	width:345px;
	background:url(../images/backgrounds/bullet_point.gif) no-repeat 0 4px;
	padding-left:15px;
	float:left;
	margin-bottom:6px;
}


.apartmentphotos {float:left; width:200px;}
.apartmentphotos li {width:200px; margin-bottom:10px; font-size:11px; font-style:italic;}
.apartmentphotos li img {margin-bottom:3px;}

.thumbnails {
	float:left;
	margin:0 10px 20px 0;
}

.clearleft {clear:both;}


.benefitslist {
	width:580px; margin-bottom:20px;
}

.benefitslist li {
	width:580px;
	background:url(../images/backgrounds/bullet_point.gif) no-repeat 0 4px;
	padding-left:15px;
	margin-bottom:7px;
}