/* Main style sheet for Riad Tzarra */
/* URL: www.dar-hanane.com */
/* Last edited: 13-06-2008 */

/* page structure and styling */

	html, body {
		height:95%;
		background-color: #98495E;
	}

	#centeredcontent {
		width: 846px;
		height: 555px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -423px; 
		margin-top: -278px;
		border: 1px;
		border-color: #000000;
		border-style: solid; 
		background-color: #FFFFFF;
		z-index: 1;
	}

	#dhLogo{
	 	width: 168px; 
	 	height: 34px; 
	 	position: absolute;
		display: block;
		margin-top:16px; 
		margin-left:21px;
		z-index: 1;
	}

	#welcomeLogo{
		width: 312px; 
		height: 23px; 
		position: absolute;
		display: block;
		margin-top:27px;
		margin-left:508px;
		text-align: right;
		z-index: 1;
	}

	#baseLine1{
		width: 798px; 
		height: 1px; 
		position: absolute;
		display: block;
		overflow: hidden;
		margin-top:499px; 
		margin-left:21px;
		background-color: #98495E;
		z-index: 1;
	}

	#baseLine2{
		width: 798px; 
		height: 1px; 
		position: absolute;
		display: block;
		overflow: hidden;
		margin-top:530px;
		margin-left:21px;
		background-color: #98495E;
		z-index: 1;
	}

	#contactLine{
		width: 455px; 
		height: 1px; 
		position: absolute;
		display: block;
		overflow: hidden;
		margin-top:48px; 
		margin-left:198px;
		background-color: #98495E;
		z-index: 2;
	}

	#guestLine{
		width: 380px; 
		height: 1px; 
		position: absolute;
		display: block;
		overflow: hidden;
		margin-top:48px; 
		margin-left:198px;
		background-color: #98495E;
		z-index: 2;
	}

	#homeLine{
		width: 465px; 
		height: 1px; 
		position: absolute;
		display: block;
		overflow: hidden;
		margin-top:48px; 
		margin-left:198px;
		background-color: #98495E;
		z-index: 2;
	}

	#locationLine{
		width: 499px; 
		height: 1px; 
		position: absolute;
		display: block;
		overflow: hidden;
		margin-top:48px; 
		margin-left:198px;
		z-index: 2;
		background-color: #98495E;
	}

	#ratesLine{
		width: 530px; 
		height: 1px; 
		position: absolute;
		display: block;
		overflow: hidden;
		margin-top:48px; 
		margin-left:198px;
		background-color: #98495E;
		z-index: 2;
	}

	#reviewLine{
		width: 345px; 
		height: 1px; 
		position: absolute;
		display: block;
		overflow: hidden;
		margin-top:48px; 
		margin-left:198px;
		background-color: #98495E;
		z-index: 2;
	}

	#riadLine{
		width: 345px; 
		height: 1px; 
		position: absolute;
		display: block;
		overflow: hidden;
		margin-top:48px; 
		margin-left:198px;
		background-color: #98495E;
		z-index: 2;
	}

	#roomsLine{
		width: 475px; 
		height: 1px; 
		position: absolute;
		display: block;
		overflow: hidden;
		margin-top:48px; 
		margin-left:198px;
		background-color: #98495E;
		z-index: 2;
	}

	#serviceLine{
		width: 446px; 
		height: 1px; 
		position: absolute;
		display: block;
		overflow: hidden;
		margin-top:48px; 
		margin-left:198px;
		background-color: #98495E;
		z-index: 2;
	}

	#specialLine{
		width: 430px; 
		height: 1px; 
		position: absolute;
		display: block;
		overflow: hidden;
		margin-top:48px; 
		margin-left:198px;
		background-color: #98495E;
		z-index: 2;
	}

	#topLine{
		width: 622px; 
		height: 1px; 
		position: absolute;
		display: block;
		overflow: hidden;
		margin-top:48px; 
		margin-left:198px;
		background-color: #98495E;
		z-index: 2;	 
	}

	#indexMovie{
		width: 419px; 
		height: 419px; 
		position: absolute;
		display: block;
		margin-top:64px; 
		margin-left:21px;
		z-index: 1;
	}

	#introMovie{
		width: 799px; 
		height: 419px; 
		position: absolute;
		display: block;
		margin-top:64px; 
		margin-left:21px;
		z-index: 1;
	}

	#linkBox{
		width: 798px; 
		height: 30px; 
		position: absolute;
		display: block;
		margin-top:500px;
		margin-left:21px;
		line-height: 30px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #000000; 
		text-decoration: none;
		text-align: right;
		z-index: 1;
	}

	#indexTextBox{
		width: 314px;
		height: 419px;
		position: absolute;
		display: block;
		margin-top:64px; 
		margin-left:476px;
		line-height: 17px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #000000; 
		text-decoration: none;
		text-align: justify;
		padding: 0px;
		z-index: 2;
	}

	#riadTextBox{
		width: 508px;
		height: 419px;
		position: absolute;
		display: block;
		margin-top:64px; 
		margin-left:312px;
		line-height: 18px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #000000; 
		text-decoration: none;
		text-align: justify;
		padding: 0px;
		z-index: 2;
	}

	#roomsTextBox{
		width: 798px;
		height: 144px;
		position: absolute;
		display: block;
		margin-top:358px; 
		margin-left:21px;
		line-height: 18px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #000000; 
		text-decoration: none;
		text-align: justify;
		padding: 0px;
		z-index: 2;
	}

	#roomDetailTextBox{
		width: 505px;
		height: 160px;
		position: absolute;
		display: block;
		margin-top:70px; 
		margin-left:21px;
		line-height: 18px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #000000; 
		text-decoration: none;
		text-align: justify;	
		padding: 0px;
		z-index: 2;
	}

	#ratesTextBox{
		width: 505px;
		height: 399px;
		position: absolute;
		display: block;
		margin-top:70px; 
		margin-left:315px;
		line-height: 18px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px;
		color: #000000; 
		text-decoration: none;
		text-align: justify;
		padding: 0px;
		z-index: 2;
	}

	#reviewTextBox{
		width: 649px;
		height: 399px;
		position: absolute;
		display: block;
		margin-top:70px; 
		margin-left:171px;
		line-height: 18px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px;
		color: #000000; 
		text-decoration: none;
		text-align: justify;
		padding: 0px;
		z-index: 2;
	}

	#servicesTextBox{
		width: 505px;
		height: 399px;
		position: absolute;
		display: block;
		margin-top:70px; 
		margin-left:315px;
		line-height: 22px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px;
		color: #000000; 
		text-decoration: none;
		text-align: justify;
		padding: 0px;
		z-index: 2;
	}

	#locationTextBox{
		width: 233px;
		height: 399px;
		position: absolute;
		display: block;
		margin-top:70px; 
		margin-left:586px;
		line-height: 18px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px;
		color: #000000; 
		text-decoration: none;
		text-align: justify;
		padding: 0px;
		z-index: 2;
	}

	#guestTextBox{
		width: 505px;
		height: 399px;
		position: absolute;
		display: block;
		margin-top:70px; 
		margin-left:21px;
		line-height: 16px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px;
		color: #000000; 
		text-decoration: none;
		text-align: justify;
		padding: 0px;
		z-index: 2;
	}

	#contactTextBox{
		width: 505px;
		height: 399px;
		position: absolute;
		display: block;
		margin-top:70px; 
		margin-left:315px;
		line-height: 17px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px; color: #000000; 
		text-decoration: none;
		text-align: justify;
		padding: 0px;
		z-index: 2; 
	}

	#hbLinkBox{
		width: 400px; 
		height: 27px;
		position: absolute;
		display: block;
		margin-top:560px;
		margin-left:446px;
		line-height: 27px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 10px;
		color: #000000; 
		text-decoration: none;
		text-align: right;
		z-index: 3;
	}

	#alastairBox{
		width:182px;
		height:25px;
		position: absolute;
		display: block;
		margin-top:503px;
		margin-left:21px;
		z-index: 2; 
	}

	#ukLink{
		width:17px;
		height:15px;
		position: absolute;
		display: block;
		margin-top:534px;
		margin-left:21px;
		z-index: 2;
	}

	#frLink{
		width:15px;
		height:15px;
		position: absolute;
		display: block;
		margin-top:534px;
		margin-left:43px;
		z-index: 2;
	}

	#deLink{
		width:13px;
		height:15px;
		position: absolute;
		display: block;
		margin-top:534px;
		margin-left:63px;
		z-index: 2;
	}

	#itLink{
		width:15px;
		height:15px;
		position: absolute;
		display: block;
		margin-top:534px;
		margin-left:81px;
		z-index: 2;
	}

	#esLink{
		width:15px;
		height:15px;
		position: absolute;
		display: block;
		margin-top:534px;
		margin-left:101px;
		z-index: 2; 
	}

	#prLink {
		width:200px;
		height:25px;
		position: absolute;
		display: block;
		margin-top:502px;
		margin-left:21px;
		z-index: 2;  
	}

/* Content Styling */

	img {
		border: none;
	}


	#quote { 
		width: 314px;
		height: auto;
		position: absolute;
		display: block;
		bottom: 0px;
		margin-bottom: -5px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 22px;
		line-height: 25px; 
		color: #98495E;
		text-decoration: none;
		padding: 0px; 
		z-index: 3; 
	}

	#guestTextLink {
		width: 250px;
		height: 30px;
		position: absolute;
		display: block;
	 	bottom: -10px;
		right:0px;
		line-height: 30px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px;
		color: #000000; 
		text-decoration: none;
		text-align: right;
		z-index: 3;
	}

	h1 {
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 14px;
		color: #000000; 
		font-weight: bold;
		text-decoration: none;
	}


	.cards {
		width: 85px;
		height: 40px;
		float: left;
		padding: 5px;
	}

	.chalet {
		width: 120px;
		height: 50px;
		float: left;
		padding-right: 10px;
	}

	.bottom {
	 	position: absolute;
	 	display: block;
		bottom: 0px;
	}

	.text {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
		text-decoration: none;
	}

	.textB {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
		text-decoration: none;
 		font-weight: bold;
	}

	.accessL {
		text-decoration: none;
	}

	a:link {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		text-decoration: none;
	}

	a:visited {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		text-decoration: none;
	}

	a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #98495E;
		text-decoration: none;
	}

	a.linkT:link {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		text-decoration: none;
	}

	a.linkT:visited {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		text-decoration: none;
	}

	a.linkT:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #98495E;
		text-decoration: none;
	}

	a.hblink:link {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #000000;
		text-decoration: none; 	}

	a.hblink:visited {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #000000;
		text-decoration: none;
	}

	a.hblink:hover { 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #FFFFFF;
		text-decoration: none; 	}

	#roomThumb1 {
		width: 125px;
		height: 188px;
		position: absolute;
		display: block;   
		margin-top:93px;
		margin-left:56px;
		z-index: 2;
	}

	#roomLink1 {
		width: 125px;
		height: 28px;
		position: absolute;
		display: block;
		margin-top:290px;
		margin-left:56px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 11px; color: #000000; 
		text-decoration: none;
		text-align: center;
		z-index: 2;
	}

	#roomThumb2 {
		width: 188px;
		height: 125px;
		position: absolute;
		display: block;
		margin-top:124px;
		margin-left:216px;
		z-index: 2;
	}

	#roomLink2 {
		width: 188px;
		height: 28px;
		position: absolute;
		display: block;
		margin-top:290px;
		margin-left:216px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 11px; color: #000000; 
		text-decoration: none;
		text-align: center;
		z-index: 2;
	}

	#roomThumb3 {
		width: 188px;
		height: 125px;
		position: absolute;
		display: block;
		margin-top:124px;
		margin-left:437px;
		z-index: 2;
	}

	#roomLink3 {
		width: 188px;
		height: 28px;
		position: absolute;
		display: block; 
		margin-top:290px;
		margin-left:437px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 11px; color: #000000; 
		text-decoration: none;
		text-align: center;
		z-index: 2;
	}

	#roomThumb4 {
		width: 125px;
		height: 188px;
		position: absolute;
		display: block;
		margin-top:93px;
		margin-left:660px;
		z-index: 2;
	}

	#roomLink4 {
		width: 125px;
		height: 28px;
		position: absolute;
		display: block;
		margin-top:290px;
		margin-left:660px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 11px; color: #000000; 
		text-decoration: none;
		text-align: center;
		z-index: 2;
	}

	#riadThumb1 {
		width: 85px;
		height: 128px;
		position: absolute;
		display: block;
		margin-top:64px;
		margin-left:21px;
		z-index: 2;
	}

	#riadThumb2 {
		width: 85px;
		height: 128px;
		position: absolute;
		display: block;
		margin-top:64px;
		margin-left:115px;
		z-index: 2;
	}

	#riadThumb3 {
		width: 85px;
		height: 128px;
		position: absolute;
		display: block;
		margin-top:64px;
		margin-left:209px;
		z-index: 2;
	}

	#riadThumb4 {
		width: 131px;
		height: 87px;
		position: absolute;
		display: block;
		margin-top:202px;
		margin-left:21px;
		z-index: 2;
	}

	#riadThumb5 {
		width: 131px;
		height: 87px;
		position: absolute;
		display: block;
		margin-top:202px;
		margin-left:162px;
		z-index: 2;
	}

	#riadThumb6 {
		width: 131px;
		height: 87px;
		position: absolute;
		display: block;
		margin-top:299px;
		margin-left:21px;
		z-index: 2;
	}

	#riadThumb7 {
		width: 131px;
		height: 87px;
		position: absolute;
		display: block;
		margin-top:299px;
		margin-left:162px;
		z-index: 2;
	}

	#riadThumb8 {
		width: 131px;
		height: 87px;
		position: absolute;
		display: block;
		margin-top:396px;
		margin-left:21px;
		z-index: 2;
	}

	#riadThumb9 {
		width: 131px;
		height: 87px;
		position: absolute;
		display: block;
		margin-top:396px;
		margin-left:162px;
		z-index: 2;
	}

	#roomImageL {
		width:505px;
		height:225px;
		position: absolute;
		display: block;
		margin-top:249px;
		margin-left:21px;
		z-index: 2;
	}

	#roomImageP {
		width:266px;
		height:399px;
		position: absolute;
		display: block;
		margin-top:75px;
		margin-left:554px;
		z-index: 2;
	}

	#douiriaImage1 {
		width:150px;
		height:225px;
		position: absolute;
		display: block;
		margin-top:249px;
		margin-left:375px;
		z-index: 2;
	}

	#douiriaImage2 {
		width:327px;
		height:225px;
		position: absolute;
		display: block;
		margin-top:249px;
		margin-left:21px;
		z-index: 2;
	}

	#ratesImage {
		width:266px;
		height:399px;
		position: absolute;
		display: block;
		margin-top:75px;
		margin-left:21px;
		z-index: 2;
	}

	#serviceImage {
		width:266px;
		height:399px;
		position: absolute;
		display: block;
		margin-top:75px;
		margin-left:21px;
		z-index: 2;
	}

	#locationImage {
		width:539px;
		height:399px;
		position: absolute;
		display: block;
		margin-top:75px;
		margin-left:21px;
		z-index: 2;
	}

	#guestImage {
		width:266px;
		height:399px;
		position: absolute;
		display: block;
		margin-top:75px;
		margin-left:554px;
		z-index: 2;
	}

	#contactImage {
		width:257px;
		height:399px;
		position: absolute; 
		display: block;
		margin-top:75px;
		margin-left:21px;
		z-index: 2;
	}

	#reviewImage1 {
		width:97px;
		height:150px;
		position: absolute;
		display: block;
		margin-top:85px;
		margin-left:21px;
		z-index: 2;
	}

	#reviewImage2 {
		width:97px;
		height:150px;
		position: absolute;
		display: block;
		margin-top:255px;
		margin-left:21px;
		z-index: 2;
	}

	table.contactTextTbl {
		table-layout:fixed;
		width:460px;
		border-spacing: 2px;
	}

	table.contactTextTbl td.T1 {
		width:60px;
		height:15px;
		line-height:15px;
		text-align:left;
		padding: 0px;
	}

	table.contactTextTbl td.T2 {
		width:10px;
		height:15px;
		line-height:15px;
		text-align:left;
		padding: 0px;
	}

	table.contactTextTbl td.T3 {
		width:150px;
		height:15px;
		line-height:15px;
		text-align:left;
		padding: 0px;
	}

	table.contactTextTbl td.T4 {
		width:60px;
		height:15px;
		line-height:15px;
		text-align:left;
		padding: 0px;
	}

	table.contactTextTbl td.T5 {
		width:10px;
		height:15px;
		line-height:15px;
		text-align:left;
		padding: 0px;
	}

	table.contactTextTbl td.T6 {
		width:150px;
		height:15px;
		line-height:15px;
		text-align:left;
		padding: 0px;
	}

	table.contactTbl {
		table-layout:fixed;
		width:505px;
		border-spacing: 2px;
	}

	table.contactTbl td.leftC {
		width:100px;
		height:15px;
		line-height:15px;
		background:#B27786;
		text-align:left;
		padding: 3px;
	}

	table.contactTbl td.middleLC {
		width:10px;
		height:15px;
		line-height:15px;
		background:#CBA4AE;
		text-align:left;
		padding: 3px;
	}

	table.contactTbl td.middleRC {
		width:200px;
		height:15px;
		line-height:15px;
		background:#E5D1D7;
		text-align:left;
		padding: 3px;
	}

	table.contactTbl td.rightC {
		height:15px;
		line-height:15px;
		background:#FFFFFF;
		text-align:left;
		padding: 3px;
	}

	table.ratesTbl {
		table-layout:fixed;
		width:500px;
		border-spacing: 2px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 11px; color: #000000; 
		text-decoration: none;
	}

	table.ratesTbl th.roomsBlank {
		width:250px;
		height:15px;
		line-height:15px;
		text-align:left;
		padding: 0px;
	}

	table.ratesTbl th.ratesHeading {
		height:15px;
		line-height:15px;
		text-align:center;
		background: #98495E;
		color: #FFFFFF;
		padding: 0px;
	}

	table.ratesTbl th.roomsHeading {
		width: 250px;
		height:15px;
		line-height:15px;
		text-align:center;
		background: #98495E;
		color: #FFFFFF;
		padding: 0px;
	}

	table.ratesTbl th.yearHeading {
		width: 125px;
		height:15px;
		line-height:15px;
		text-align:center;
		background: #CBA4AE;
		padding: 0px;
	}

	table.ratesTbl th.seasonHeading {
		width: 125px;
		height:15px;
		line-height:15px;
		text-align:center;
		background: #E5D1D7;
		padding: 0px;
	}

	table.ratesTbl th.roomC {
		width: 250px;
		height:15px;
		line-height:15px;
		text-align:center;
		background: #B27786;
		padding: 0px;
	}

	table.ratesTbl td.yearC {
		width: 125px;
		height:15px;
		line-height:15px;
		text-align:center;
		background: #CBA4AE;
		padding: 0px;
	}

	table.ratesTbl td.seasonC {
		width: 125px;
		height:15px;
		line-height:15px;
		text-align:center;
		background: #E5D1D7;
		padding: 0px;
	}