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

body {
	background-color: #464642;
	color: #514D49;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;	
	
}

H1, H2, H3{
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

H1{
	font-size:30px;
	line-height:18px;
}

H3{
	font-size:22px;
	margin-top:15px;
}

p {
	margin-top: 5px;
	margin-bottom: 0px;
	line-height: 16px;
}

a, 
a:link,  
a:hover, 
a:active{
	/*background: #FBFAF9;*/
	color: #8C410C;
	font-weight: normal;
	text-decoration:underline;
}

a:hover{
	/*background: #FBFAF9;*/
	color: #A89785;
	text-decoration:none;
}

#outerBodyContainer {
	background-color: #ECEADA;
	background-image: url(../images/bg_outerBodyContainer.png);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 6px;	
}

#innerBodyContainer {
	background-color: #ECEADA;
	width: 920px;
	margin: 0 auto;
	padding-left: 2px;
	padding-right: 2px;
}

#riadLogo {
	background-image: url(../images/logo_riad.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 58px;
	width: 193px;
	float:left;
}

#languageLinks {
	float: right;
	padding-top: 10px;
	color: #73726B;
}



#languageLinks ul{
	list-style: none;
}

#languageLinks li{
	text-decoration:none;
	display:block;
	background-color: #ECEADA;
	display:inline;
	float:left;
}

.regularLangLink a, .regularLangLink a:link, .regularLangLink a:hover, .regularLangLink a:active{
	text-decoration:none;
	display:block;
	padding:6px 8px 6px 8px;
	background-image: url(../images/bg_languageNav.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.currentLangLink a, .currentLangLink a:link, .currentLangLink a:hover, .currentLangLink a:active{
	text-decoration:none;
	display:block;
	padding:6px 8px 6px 8px;
	color: #73726B;
	background-image: url(../images/bg_languageNav.gif);
	background-repeat: no-repeat;
	background-position: right center;	
}

.currentLastLangLink a, .currentLastLangLink a:link, .currentLastLangLink a:hover, .currentLastLangLink a:active{
	text-decoration:none;
	display:block;
	padding:6px 0px 6px 8px;
	color: #73726B;
}

.currentLastLangLink a:hover, .currentLangLink a:hover{
	text-decoration:none;
}

.lastLangLink a,
.lastLangLink a:link,
.lastLangLink a:hover,
.lastLangLink a:active{
	text-decoration:none;
	display:block;
	padding:6px 0px 6px 8px;
	text-decoration:none;
	display:block;
	background-color: #ECEADA;
}

#languageLinks a:hover {
	text-decoration: underline;
}

#mainNavContainer {
	padding-top: 49px;
}

#mainNavContainer ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#mainNavContainer li {
	display:inline;
	float:left;
	font-family:"Times New Roman", Times, serif;
	font-size: 18px;
	color:#FFFFFF;
}


.regularMainNavLink a, .regularMainNavLink a:link, .regularMainNavLink a:hover, .regularMainNavLink a:active {
	display:block;
	padding: 8px 12px 8px 12px;
	line-height: 21px;
	text-decoration:none;
	color:#514D49;
	background-image: url(../images/bg_mainNav_up.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.noBGMainLinkNav a, .noBGMainLinkNav a:link, .noBGMainLinkNav a:hover, .noBGMainLinkNav a:active{
	display:block;
	padding: 8px 12px 8px 12px;
	line-height: 21px;
	text-decoration:none;
	color:#514D49;
}

.currentMainNavLink a, .currentMainNavLink a:hover,  .currentMainNavLink a:link, .currentMainNavLink a:active{
	background-image: url(../images/corner_mainNav_tr.png);
	background-repeat: no-repeat;
	background-position: right top;
	color: #ECEADA;
	display:block;
	padding: 8px 12px 8px 12px;
	line-height: 21px;
	text-decoration:none;	
}

.currentMainNavLink a:hover{
	text-decoration: underline;
}

.regularMainNavLink a:hover, .noBGMainLinkNav a:hover{
	background-color:#ECEADA;
	text-decoration: underline;
}

.currentMainNavLink {
	background-color: #464642;
	background-image: url(../images/corner_mainNav_tl.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #ECEADA;
}


#homepageImageSection {
	background-color: #464642;
	height: 460px;
}

#homepageImageSection .leftSection {
	float:left;
	width:  375px;
	height: 100%;
}

#homepageImageSection .rightSection {
	float: right;
	width: 536px;
	height: 100%;
	text-align: right;
}

#homepageImageSection #homeText{
	position: relative;
	left: 18px;
	top: 18px;
}

#homepageImageSection #homeText .leftSectionHeader{
	background: #464642;
	font-size: 25px;
	color: #ECEADA;
	margin-top:0px;
	margin-bottom:10px;
}

#homepageImageSection #homeText .leftSectionBody{
	background: #464642;
	color: #ECEADA;
	margin-top: 2px;
}

#homepageImageSection #image{
	position: relative;
	right: 18px;
	top: 18px;
	background-image: url(../images/homeMainImage.jpg);
	background-repeat: no-repeat;
	background-position: center right;
	height: 340px;
}

.link {
	display: block;
	margin-top: 10px;
}

.darkBGLink, 
.darkBGLink:link,  
.darkBGLink:hover, 
.darkBGLink:active{
	background: #464642;
	color: #A89785;
	font-weight: normal;
	text-decoration:underline;
}

.darkBGLink:hover{
	background: #464642;
	color: #ECEADA;
	text-decoration:none;
}

.columnClearer{
	clear:both;
}

#bodyContentContainer{
	height: 216px;
	background-color: #FBFAF9;
	background-image: url(../images/bg_bodyContentContainer.png);
	background-repeat: repeat-y;
	background-position: left top;
}

#bodyContentContainer .left {
	float: left;
	width: 306px;
	height: 100%;
	background-image: url(../images/bg_homeColumn.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#bodyContentContainer .right {
	float: right;
	width: 306px;
	height: 100%;
	background-image: url(../images/bg_homeColumn.png);
	background-repeat: no-repeat;
	background-position: left top;	
}

#bodyContentContainer .middle {
	margin: 0 306px;
	height: 100%;
	background-image: url(../images/bg_homeColumn.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#bodyContentContainer .leftContent,
#bodyContentContainer .rightContent,
#bodyContentContainer .middleContent {
	padding-top: 14px;
	margin-left: 14px;
	margin-right: 14px;
}

#bodyContentContainer .columnHeader {
	font-size: 22px;
}

#bodyContentContainer .columnBody {
	margin-top: 2px;
}



.bodyHorizontalBorderPadding{
	height: 1px;
	/*overflow:hidden;*/
	background-color: #FBFAF9;
}

#outerFooterContainer {
	background-color: #464642;
	background-image: url(../images/bg_outerFooterContainer.png);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 30px;
	padding-bottom: 22px;
	color: #D2D0C2;
}

#innerFooterContainer{
	width: 920px;
	margin: 0 auto;
}

#innerFooterContainer .left {
	float:left;
	width: 306px;
	height: 225px;	
}

#innerFooterContainer .right {
	float:right;
	width: 306px;
	height: 225px;	
	background-image: url(../images/bg_footerColumn.png);
	background-repeat: repeat-y;
	background-position: left top;		
}

#innerFooterContainer .middle {
	margin: 0 306px;
	height: 225px;	
	background-image: url(../images/bg_footerColumn.png);
	background-repeat: repeat-y;
	background-position: left top;
}

#innerFooterContainer .middleContent, #innerFooterContainer .rightContent{
	margin-left: 14px;
	margin-right: 14px;
}

#innerFooterContainer em{
	font-style: normal;
	font-weight: normal;
	color: #A89785;
}

#innerFooterContainer image {
	margin: 0px;
	padding: 0px;
}

.footerNavigationLinks{
	margin:0px;
	padding-left:30px;
	list-style-image: url(../images/listArrow_footerNavigationList.png);
	list-style-position: outside;
}

.footerNavigationLinks a, .footerNavigationLinks a:link, .footerNavigationLinks a:hover, .footerNavigationLinks a:active{
	color:#A89785;
	text-decoration:none;
}

.footerNavigationLinks a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

.w3cLogoContainers{
	font-size: 0;
	line-height: 0px;
}

.w3cLogos {
	padding-bottom: 3px;
}



/* CONTENT PAGE */
#contentPageContentContainer{
	/*height:500px;*/
	/*background-color: #FBFAF9;*/
	padding-top: 0px;
	background-color: #464642;
	/*
	background-image: url(../images/bg_contentPageWithSidePanel.png);
	background-repeat: repeat-y;
	background-position: left top;	
	*/
}

#contentPageContentContainer .topBG{
	/*
	background-image: url(../images/bg_contentPageContentContainer.png);
	background-repeat: repeat-x;
	background-position: left top;
	*/
}

#contentPageContentContainer .extendedRightBG{
	background-image: url(../images/bg_contentPageExtendedRight.png);
	background-repeat: repeat-y;
	background-position: right top;
}

#contentPageContentContainer .rightCornerBG{
	background-image: url(../images/bg_contentPageRightCorner.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#contentPageContentContainer .left{
	float:left;
	width:214px;
	color: #ECEADA;
	background-color: #464642;
}

#contentPageContentContainer .right{
	float:right;
	/*margin-left:214px;*/
	width:700px;
	padding-top:15px;
	padding-bottom:15px;
}

#contentPageContentContainer .right .content{
	position:relative;
	left:15px;
	margin-right: 30px;
}

#contentPageContentContainer .right .content h2{
	margin-top:15px;
	font-size:25px;
}

#contentPageContentContainer .right .content h1{
	margin-top:15px;
	font-size:25px;
}

#contentPageContentContainer .right .content p{
margin-top:15px;
}

.contentPageMainPhoto{
	float:right;
	margin-left:25px;
}

/*--------------*/
.sidePanelBox{
	position:relative;
	left:10px;
	width:200px;
}

.sidePanelBox .contentContainer{
	position:relative;
	left: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-right:8px;	
}

.sidePanelBottomSpacer{
	height:10px;
}

.sidePanelBox .content{
	
}

.sidePanelBox .l{
	background-image: url(../images/bg_sidePanelBox_Border.png);
	background-repeat: repeat-y;
	background-position: left top;
	width:200px;
}

.sidePanelBox .r{
	background-image: url(../images/bg_sidePanelBox_Border.png);
	background-repeat: repeat-y;
	background-position: right top;
}

.sidePanelBox .t{
	background-image: url(../images/bg_sidePanelBox_Border.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.sidePanelBox .b{
	background-image: url(../images/bg_sidePanelBox_Border.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.sidePanelBox .tl{
	background-image: url(../images/corner_sidePanelBox_tl.png);
	background-repeat: no-repeat;
	background-position: left top;
	width:200px;
}

.sidePanelBox .tr{
	background-image: url(../images/corner_sidePanelBox_tr.png);
	background-repeat: no-repeat;
	background-position: right top;
}

.sidePanelBox .bl{
	background-image: url(../images/corner_mainNav_bl.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.sidePanelBox .br{
	background-image: url(../images/corner_mainNav_br.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/*-------------------*/

.sidePanelNavigation{
	list-style:none;
	margin:0px;
	padding:0px;
}

.sidePanelNavigation li{
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #464642;
	background-image: url(../images/bg_sidePanelNav_up.png);
	background-repeat: repeat-x;
	background-position: left top;	
}

.sidePanelNavigation li .regular, 
.sidePanelNavigation li .regular:link, 
.sidePanelNavigation li .regular:hover, 
.sidePanelNavigation li .regular:active,
.sidePanelNavigation li .selected, 
.sidePanelNavigation li .selected:link, 
.sidePanelNavigation li .selected:hover, 
.sidePanelNavigation li .selected:active{
	display:block;
	padding-left:4px;
	padding-right:4px;	
	padding-top:2px;
	padding-bottom:2px;
	color:#ECEADA;
	text-decoration:none;
	font-size:11px;
}

.sidePanelNavigation li .selected, 
.sidePanelNavigation li .selected:link, 
.sidePanelNavigation li .selected:hover, 
.sidePanelNavigation li .selected:active{
	display:block;
	background-image: url(../images/bg_sidePanelNav_selectedArrow.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor:default;
}

.sidePanelNavigation li .regular:hover{
	background-image: url(../images/bg_sidePanelNav_over.png);
	background-repeat: repeat-x;
	background-position: left top;
	color:#FFFFFF;
}

/**************/

.sidePanelBoxImage, .sidePanelBoxImageText{
	position:relative;
	left:3px;
	top:3px;
}

.sidePanelBoxImageText{
	top:0px;
	margin-right:3px;
	padding-bottom:3px;
}

.sidePanelBoxImageLink {
	display:block;
	margin-top:4px;
}

.sidePanelBoxImageLink a, .sidePanelBoxImageLink a:link, .sidePanelBoxImageLink a:hover, .sidePanelBoxImageLink a:active{
	color:#A89785;
}

.sidePanelBoxImageLink a:hover{
	color:#FFFFFF;
}

.sidePanelBoxImageText h3{
	margin-top:8px;
	font-size:22px;
}

.sidePanelBoxImageText p{
	margin-top:2px;
}

.sidePanelBoxInnerContainer{
	position:relative;
	top:3px;
	left:3px;
	margin-right:6px;
	padding-bottom:6px;
}

.sidePanelBoxInnerContainer .phoneNumber{
	font-size:22px;
	font-family:"Times New Roman", Times, serif;
	color:#ECEADA;
}

/**************/

.ratesTable{
	width: 100%;
	margin-top:16px;
	margin-bottom:16px;
}

.ratesTable th{
	padding-left:10px;
	padding-right:10px;
	padding-top:7px;
	text-align:left;
	color:#ECEADA;
	font-family: "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:normal;
	vertical-align:top;
/*	width:33%;*/
	height:62px;
	background-color: #464642;
	background-image: url(../images/bg_ratestable_header.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.ratesTable td, .ratesTable .titleTD{
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:10px;
	background-color: #D1D0CF;
	background-image: url(../images/bg_ratesTable_td.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.ratesTable .titleTD{
	background-image: url(../images/bg_ratesTable_titleTD.png);
	background-repeat: repeat-x;
	background-position: left top;
}

/***************/

.calendarTable{
	margin-top:16px;
	margin-bottom:16px;
	width:100%;
	/*border-collapse:collapse;*/
	
}

.calendarTable th{
	background-color: #464642;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	width:20px;
	height:30px;
	color: #ECEADA;
	background-image: url(../images/bg_calendarTable_th.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.calendarTable td{
	height:30px;
	background-color: #DAD9D7;
	background-image: url(../images/bg_calendarTabl_normalRow_td.png);
	background-repeat: repeat-x;
	background-position: left top;	
	text-align:center;
	vertical-align:middle;	
}

.calendarTable .darkerRow td{
	background:#C2C1C0;
	background-image: url(../images/bg_calendarTable_row1_td.png);
	background-repeat: repeat-x;
	background-position: left top;	
	
}

.calendarTable .titleTD{
	text-align:left;
	font-size:10px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
}

.calendarTable .darkerRow .bookedCalendarCell, .calendarTable .bookedCalendarCell{
	background-image: url(../images/bg_callendar_booked.png);
	background-repeat: no-repeat;
	background-position: center center;

}

.galleryTable{
	/*width:100%;*/
	margin-top:20px;
}

.galleryTable td{
	background:#464642;
	height:50px;
	
}

.galleryImageContainer{
	background:#FFFFFF;
	padding:1px 1px 1px 1px;
	margin:0px;
	font-size:0px;
}

.galleryImageContainer img{
	margin:0px;
	padding:0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}