/* iphone differences; top margin removed from div#banner, top padding removed from div#menu, top margin added to div.buttons */
div#banner { border: 0px dotted red;
					 width:918px ;
					 height:185px ;
					 padding:0px;
					 margin:10px auto 0px auto ;				 
					 }
div#menu {
				 display:block; 
				 width:160px; 
				 margin:0px 0px 10px 8px;
				 padding-top:10px;
				 }
div#reception {
							display:block; 
							width:160px; 
							margin:0px 0px 10px 8px;
							}
div.buttons {
				 		height: 30px;
						width: 156px;
						padding: 5px 4px 0px 0px;
						margin: 0px 0px 0px 0px;
						text-align: center;
						font: normal 10pt 'Trebuchet MS', tahoma, verdana, sans-serif; color: black;
						cursor: pointer;
						}
/* -- end of differences -- */

.br2 {clear:both}
body {
		 background: #fefdfa url(images/sandgrad.png) fixed center repeat-x;
		 padding: 0px;
		 margin: 0px;
		 }

div#banner img.logo {
					 					margin:21px 0px 0px 55px;
										border:0px;
										}

div#banner.bookingspage {background:transparent url(images/BG_bookings.jpg) center no-repeat ;}
div#banner.commentspage {background:transparent url(images/BG_comments.jpg) center no-repeat ;}
div#banner.communalpage {background:transparent url(images/BG_communal.jpg) center no-repeat ;}
div#banner.communitypage {background:transparent url(images/BG_community.jpg) center no-repeat ;}
div#banner.contactpage {background:transparent url(images/BG_contact.jpg) center no-repeat ;}
div#banner.homepage {background:transparent url(images/BG_home.jpg) center no-repeat ;}
div#banner.roomspage {background:transparent url(images/BG_rooms.jpg) center no-repeat ;}
div#banner.tariffspage {background:transparent url(images/BG_tariffs.jpg) center no-repeat ;}
div#banner.termspage {background:transparent url(images/BG_terms.jpg) center no-repeat ;}

div#container {
							width:918px; 
							margin:25px auto 0px auto;
							padding:0px;
							min-height:450px;
							}
/*  --------  */

div#menu a {
				 display:block;
				 height:35px;
				 color: black; 
				 text-decoration: none;
				 background: transparent url(images/menubutton.png) left top no-repeat;
				 }
div#reception img {
				 		 			border:0px;
									margin:0px 0px 0px 15px;
									background: transparent url(images/pix.gif);
									}
div#main {
				 display:block;
				 float:right;
				 width:730px;
				 min-height:400px;
				 font: normal 80% verdana, 'Trebuchet MS', tahoma, sans-serif;
				 word-spacing: 0px;
				 padding:0px;
				 margin:0px 0px 60px 0px;
				 }
#main h1 {font:italic 220% 'Times New Roman'; color: black;text-align:center;position:relative;top:0px; left: -40px; word-spacing:2px}
#main h2 {font:italic 180% 'Times New Roman'; color: black;text-align:center;position:relative;top:0px; left: -40px; word-spacing:2px; margin-top:30px}
#main p {text-indent:1em;margin-bottom:1.5em;line-height:1.5em}
#main strong {font-weight: bold}
#main img.flright {float:right;padding:0px 10px 10px 10px}
div.flright {float:right;padding:0px 10px 0px 10px}

div#bottomstrip {
								border-top: 3px solid #996410;
								border-bottom: 3px solid #905500;
								padding: 6px 0px 6px 0px;
								clear:both;
								margin:0px 0px 10px 0px;
								height:73px;
								}
div#bottomstrip img {
										border: none;
										vertical-align:middle;
										padding-right:2px;padding-left:0px;
										margin-top: 12px;
										}
div#bottomstrip p {
									display: block;
									margin-top: 0px;
									padding: 0px 48px 0px 0px;
									text-align: center;
									float:right;
									font: normal 80% tahoma, 'Trebuchet MS', verdana, sans-serif;
									line-height:135%;
									}

div#bottomstrip a {color:#0000aa}

/* Room page */
div.roomlist img {clear:both;float:left;margin:0.2em 2.5em 1em 1em;border:0}
div.roomlist ul {margin:5px 0px 0px 30px;padding:0px;border:0px solid #663100;height:95px}
div.roomlist li {padding: 1px 3px}
div.roomlist a:link {color:blue}
div.roomlist a:visited {color:blue}
div.roomlist a:hover {color:blue}
div.roomlist a:active {color:blue}
div#main.roomlist p {padding-left:70px}
/* End of room */

/* Room Photo Pages */
div#main.photos h1 {position:relative;top:0px; left: 20px;}
div#main.photos img.availability {position:relative;top:10px;left:20px;border:0}
div#main.photos img.display {
														padding-left:30px;
														border:0;
														}
div#main.photos p {
									text-align: center;
									text-indent: 0em;
									margin-left: -45px;
									margin-top: -10px;
									}
div#main.photos p.notme {
												text-align:left;
												text-indent:1em;
												margin-left:0px;
												margin-top:0px;
												}
div.thumbnails {margin:0px 0px 11px 15px}
div.thumbnails img {margin-left:15px;border:0px dotted red;cursor:pointer;}

ul.overtop, ul.overtopsmall {
														padding-left:20px;
														border:0px solid black;
														list-style:square inside;
														font: normal 85% Tahoma, 'Trebuchet MS', Verdana;
														cursor:pointer;
}

ul.overtop {
					 margin:0px 0px -100px 0px;
					 position:relative;
					 top:-142px;
					 left:22px;
					 }

ul.overtop:active {
									font-size:100%; 
									position:relative;
									top:-152px;
									left:22px;
									margin-bottom: -118px;
									font-weight: bold;
									}
ul.overtopsmall {
					 margin:0px 0px -79px 0px;
					 position:relative;
					 top:-122px;
					 left:22px;
					 }
ul.overtopsmall:active {
									font-size:100%;
									position:relative;
									top:-132px;
									margin-bottom: -94px;
									left:22px;
									font-weight: bold;
									}
ul.overtop li, ul.overtopsmall li {
					 		 								 		background: transparent url(images/white45.png) top center;
																	margin:2px 0px;
																	padding: 1px 2px 3px 6px;
																	border-top: 1px solid #e6e6e6; 
																	border-bottom: 1px solid #555555;
																	word-spacing: 1px;
																	}
ul.overtop:active li, ul.overtopsmall:active li {word-spacing: 0px}

ul.overtop li:hover {
					 					background: #202020 url(images/pix.gif);color:white;
					 					border-top:1px solid #7f7f7f;
										border-right:1px solid #555555;
										border-bottom:1px solid #555555;
										border-left:1px solid #7f7f7f;
										}


ul.overtopsmall li:hover {
												 background: #202020 url(images/pix.gif);color:white;
												 border-top:1px solid #7f7f7f;
												 border-right:1px solid #555555;
												 border-bottom:1px solid #555555;
												 border-left:1px solid #7f7f7f;
												 }

ul.inline {
					margin-left:30px;
					padding-left:0px;
					width:645px;
					}
ul.inline li {display:inline;}

.photos h3 {
					 position: relative; 
					 top:-140px; 
					 left:45px;
					 font:italic 170% 'Times New Roman';
					 margin-bottom:-100px;
					 }
.photos h4 {
					 position: relative; 
					 top:-120px; 
					 left:45px;
					 font:italic 170% 'Times New Roman';
					 margin-bottom:-100px;
					 }
.photos h3 a, .photos h4 a {color:#000000}
/* End of photo pages */

/* Tariff page */
div.tariffs table {
									font-size:100%;
									width:590px;
									margin-left:40px; 
									word-spacing:0px;
									border-top:3px solid #af8500; 
									border-right:3px solid #af8500; 
									border-bottom:2px solid #af8500; 
									border-left:3px solid #af8500; 
									padding:0px;
									}
div.tariffs td {
							 padding:0px 8px 0px 8px;
							 text-align:center;
							 margin-right:0px;
							 }
div.tariffs td.thumb {padding:0px 0px 0px 0px;text-align:left;width:170px;height:100px;border-left:1px solid #af8500}
div.tariffs td.thumb img {margin:0px 0px -3px 0px;border:0px}
tr.toptd td {
				 		border-bottom:1px solid #af8500;
						border-top:1px solid #af8500;
						padding: 4px 8px 4px 8px;
						}
div.tariffs th {
							 padding:6px 8px 5px 8px;
							 font-size:120%;
							 text-align:center;
							 background: transparent url(images/white30.png);
							 border-bottom:1px solid #af8500;
							 }
div.tariffs tr.st {
									background-color:#ffffcc; 
									word-spacing:-2px;
									}
div.tariffs tr.nd {
									background-color:#ffcc88; 
									word-spacing:-2px;
									}
div.tariffs tr.rd {
									background: transparent url(images/white30.png);
									}
tr.st td.bord {
				border-bottom:1px solid #af8500;
				border-top:1px solid #af8500;
				padding: 5px 8px 5px 8px;
				}
div.tariffs img {border:0px}
/* End of Tariff */

/* contact page */
form#contact {
						 border:0px solid blue;
						 width:355px;
						 margin-top:0px;
						 padding-top:0px;
						 }
form#contact p {text-indent:0em;}
.move {
			margin-right:3px;
			text-align:right;
			}
.move input, .move select {margin-left:10px}
select, textarea {background-color: white}
iframe#maps {
						float:right;
						margin-top:0px;
						width:345px;
						height:445px;
						margin-right:10px;
						}
small {float:right;display:none}
/* end of contact page */
