/***********************************************/
/* HTML tag styles - Hotel Riviera   */
/***********************************************/

*{
	padding:0px;
	margin:0px;	
}
body {
	text-align:left;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	/*line-height: 14px;*/
	color: #7a7a7b;
	
	background-color:#b9e1f5;	
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 5px 0px 10px 0px;	
	font-weight: normal;
}

h1 {
	font-size:110%;
	font-weight: bold;
}

h2{
	font-size: 105%;
	color: #666;	
	font-weight: bold;	
}

h3{
 font-size: 103%;
 color: #666;
}
img{
	border: none;
}
.clear {
	clear:both;
}

#wrapper {
	width: 800px;
	margin-left: 50px;
	margin-top: 30px;
	margin-right: 50px;
	margin-bottom: 0px;
}
#footer{
	width: 800px;
	margin-left: 50px;
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 10px;
}

#credit{
	width: 500px;
	float:left;
}
#ratings{
	width: 280px;
	float:right;
}

#strap {
	height: 55px;
	padding-top: 10px;
	background-image: url(images/strap_line.gif);
	background-repeat: no-repeat;
	background-position: 410px 10px;
}

#headerIndex {
	width:714px;
	background-color:#fff;
	background-image:url(images/header.jpg);
	height: 395px;
}

#header {
	width:714px;
	background-color:#fff;
	height: 277px;
	border-left: solid 1px #fff;
	
}

.clear {
	clear:both;
}
p{
	margin-bottom:10px;
}
/***********************************************/
/* nav styles - Hotel Riviera   */
/***********************************************/

#navContainer{
	width:695px;
	margin-top:15px;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;	
	border-top: solid 1px #fff;
	float: left;
	color: #4d4c4c;
	padding: 8px 8px 8px 8px;
}
#SubnavContainer ul{
	list-style-type:none;
	float:none;
	clear:both;
}
#SubnavContainer li{
	border-right: solid 1px #4d4c4c;
	float:left;
	padding:2px 8px;
	margin:5px 0px 0px 0px;
}
#SubnavContainer #subNav{
	
	margin-left:10px;
	background-image: url(images/bullet_top.gif);
	background-repeat: no-repeat;
	background-position:10px 9px;
	display: block;
	height: 20px;
	padding-left: 30px;
}
#SubnavContainer #subNav li{
	color:#4d4c4c;
	border-right: solid 1px #4d4c4c;
	float:left;
	padding:2px 3px;
	
}

#wrapper #SubnavContainer ul .last{
	border-right: none;
}

#wrapper #SubnavContainer  ul .book{
	border-right: none;
	font-weight: bold;
}



#wrapper #SubnavContainer .dwn:link, #wrapper #SubnavContainer .dwn:visited{
	color:#949494;
}

#SubnavContainer{
	width:782px;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;	
	border-top: solid 1px #fff;
	float: left;
	color: #4d4c4c;
	padding: 8px 8px 8px 8px;
}


a:link{
	color:#4d4c4c;
	text-decoration: none;

}

a:visited {
	color:#4d4c4c;	
	text-decoration: none;

}

a:hover{
	color:#fff;
	text-decoration: none;	
}


/***********************************************/
/* sub link styles - Hotel Riviera   */
/***********************************************/

#subLinks {
	float:left;
	padding:10px;
	border-width:thin;
	border-color:#fff;
}

/***********************************************/
/* content styles - Hotel Riviera   */
/***********************************************/

#mainContainer{
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	color: #4d4c4c;
	padding: 0px 10px 10px 10px;
	margin-bottom:20px;
}

#rightContent{

}

#SubmainContainer{
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	color: #4d4c4c;
	padding: 0px 10px 10px 0px;
	margin-bottom:20px;
	padding: 10px;
	background-color: #d4ecf9;
	}
#home #SubmainContainer{
	background-color: #b9e1f5;

}
#titleContainer{
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	color: #4d4c4c;
	padding: 0px 10px 0px 0px;
}

#leftNavContainer{
	float:left;
	width:180px;
	padding:20px 10px 10px 10px;
	color: #4d4c4c;
	font-size: 14px;
}
#leftNavContainer ul li{
	border-bottom:solid 1px #fff;
	list-style-type:none;
	padding: 10px 0px;

}
/***********************************************/
/* table styles - Hotel Riviera   */
/***********************************************/

.cleantable {
	border-collapse:collapse;
}

.cleantable td {
	margin:5px; 	
	padding: 2px;
	border:1px solid #d4ecf9;	
	color:#333;
	text-align: left;
	background-color: #d4ecf9;
}

.cleantable  .title1 {
	font-weight: bold;
	text-align: left;
}

.cleantable  .title2 {
	font-weight: bold;
	text-align: left;
	/*color: #fff;*/
	background-color: #ccc;
}

.cleantable  .shade{
	background-color: #ecf7fd;
	text-align: left;
}

.cleantable  .shadeRates{
	background-color: #ecf7fd;
	text-align: LEFT;
}

.cleantable  .shadeTitle{
	background-color: #255268;
	color:#FFFFFF;
	text-align: center;
}

.cleantable  .wPrice{
	background-color: #fff;
	color:#333;
	text-align: center;
}

.cleantable  .rPrice{
	background-color: #f9d4d4;
	color:#333;
	text-align: center;
}

.cleantable  .pPrice{
	background-color: #e6d4f9;
	color:#333;
	text-align: center;
}

.cleantable  .oPrice{
	background-color: #f9e8d4;
	color:#333;
	text-align: center;
}

.cleantable  .gPrice{
	background-color: #d4f9f2;
	color:#333;
	text-align: center;
}

/***********************************************/
/* header image styles - Hotel Riviera   */
/***********************************************/

#logo {
	float: right;
	border-left: solid 1px #fff;
	border-bottom: solid 1px #fff;
}

#image1 {
	float:left;
	border-right: solid 1px #fff;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;

}

#image2 {
	float:left;
	border: solid 1px #fff;
}

#address {
	background-color: #c9c393;
	padding:10px;
	color:#FFFFFF;
	width:502px;
	height: 36px;
	float: left;
}

#headerTop{
	height:221px;
}
/***********************************************/
/* gallery styles - Hotel Riviera   */
/***********************************************/

#galleryContainer {
	margin-top:40px;
	width: 770px;
}

.galleryItem{
	width:180px;
	float:left;
	margin:10px 35px;

}
.galleryItem img{
	border:solid 1px #ccc;
}

.gallLink{
	text-align:center;
}


#offersContainer{
	width:160px;
	float:right;
	height: 170px;
	margin-left: 15px;
}

a.linkOpacity img {
	filter:alpha(opacity=100);   
	opacity: 1.0;
	
}

a.linkOpacity:hover img {
	filter:alpha(opacity=50); 
	opacity: 0.5;
	
}

#flashContainer{
	float:left;
	height:219px;
	width:522px;
	border-top: solid 1px #fff;
}