/* This is the default stylesheet */
body {
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
	font-size: 75%;
	background: white;
	text-align: center;
	padding: 0;
	margin: 20px 0 0 0;
}

hr { color: #ab3923; height: 1px; }
	
/*******************/
/* Header 1 Styles */
/*******************/
#content h1, #contentWide h1 { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
#content h1, #contentWide h1 { border-bottom: 1px solid #ab3923; }
#content h1 { width: 380px; }
#contentWide h1 { width: 600px; }

#content h3, #contentWide h3 { color: #d2693b; font-weight: normal; margin-bottom: 4px; }
/******************************/
/* The two boxes on the right */
/******************************/
#content h1, #contentWide h1 { margin: 40px 0  0; font-size: 190%; }
#content h2, #contentWide h2 { margin: 0 42px 1em 0px; color: #6A6A6A; font-weight: bold; font-size: 150%; }

#content p, #contentWide p { margin: 0 40px 1em 0; }

/* The logo, top right */
p#logo {
	margin: 0;
	padding: 24px 23px 0 352px;
	text-align: right;
	background: url(/portfolio/thesandshotel2/img/bg-logo.gif) top no-repeat;
}
#logo img {
	display: none;
}
#logo a img, #logo img.screen {
	display: inline;
}
/* The main horizonal navigation */
#nav ul, #nav li {
	list-style-type: none;
}
map#nav {
	display: block;
	position: relative;
	z-index: 1;
	margin: 14px 24px 0 24px;
}
#nav ul {
	background: #ab3923;
	padding: 0.8em 0 1em 1.6em;
	margin: 0;
	font-size: 105%;
	font-weight: bold;
}
/* This is used to create the subnav keyline, if there's no subnav */
#nav p {
	margin: 0;
	padding: 0;
	line-height: 5px;
	height: 5px;
}
#nav li {
	display: inline;
	border-right: solid 1px white;
	margin: 0;
	padding: 0 0.9em;
}
#nav li.last {
	border-right: none;
}

#nav a { color: #A0C7DA; text-decoration: none; }
#nav a:hover { color: white; text-decoration: underline; }

/* The text at the bottom right of it */
#infopanel p {
	margin: 525px 0px 10px 0px;
	color: white;
	width: 290px;
	height: 175px;
	background-repeat: no-repeat;
	background-position: top right;
}
#infopanel span { display: none; }

/* Disclaimer */
p#disclaimer {
	width: 970px;
	margin: 2em auto;
	text-align: left;
	color: #9C9B9B;
}

/* General rules */
a img { border: none;}
a { color: #6A6A6A; }
strong a { text-decoration: none; }
a:hover { text-decoration: underline; }
.clear { clear: both;}
img.l { float: left;}
.l, #disclaimer { text-align: left;}
img.r { float: right;}
.r { text-align: right;}
.c { text-align: center;}
.print, #nav li.access { display: none;}
em.larger{font-size:110%;}
.underline{ text-decoration:underline; }


#nav a {
	color: white;
	font-style: normal;
}
#nav em {
	color: white;
	font-style: normal;
	text-decoration: underline;
}

#videogallery h2 {
	font-size: 150%;
	padding: 0.3em 0;
}
#videogallery h2 a, #news h2 a {
	color: #1167B1;
	text-decoration: none;
}
div#videogallery dl {
	float: left;
	width: 161px;
	margin: 0;
	padding: 0 0 5px 0;
}
#videogallery dl, #videogallery dt, #videogallery dd {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#videogallery dt {
	border-bottom: none;
	width: 140px;
}
#videogallery dt img {
	display: block;
}
#videogallery dd {
	border-top: none;
	background: #418FB5;
	padding: 0.5em 0 0.5em 5px;
	width: 135px;
}
* html #videogallery dd {
	width: 142px;
	wid\th: 135px;
}
#videogallery dd a {
color: white;
text-decoration: none;
}
#videogallery dd a:hover {
text-decoration: underline;
}
#videogallery p {
clear: both;
text-align: right;
margin: 0 39px 0 0;
padding: 8px 0 0 0;
}

#main p#cap {
	background: url(/portfolio/thesandshotel2/img/bg-footer.gif) bottom no-repeat;
	padding: 0;
	margin: 0;
	height: 24px;
	line-height: 24px;
	clear: both;
}

.tariffs { width: 380px; padding: 0px 0px 0px 0px; font-size: 90%; }

.tariffs th, .tariffs td { padding: 3px 3px 3px 3px; vertical-align: top; }
.tariffs th { background-color: #ab3923; color: #fefefe; text-align: left; }
.tariffs td { background-color: #e2bab2; padding-left: 15px; }

/*******************************/
/* member pages slides styling */
/*******************************/
.gallery a {color:#000;}
.gallery a:hover {text-decoration:none;}
.gallery a:visited {color:#000;}

/* Width & Height Declarations */
.gallery { width: 585px; padding-top: 0px; margin-top: 0px; }
.gallery ul.topic { width: 585px; height: auto; }
.gallery ul.topic li { width: 125px; height: 31px; }
.gallery ul.topic li ul, .gallery ul.topic li:hover ul, .gallery ul.topic li.active ul { height: 825px; width: 585px; }
.gallery ul.topic li ul li { width: 112px; height: 87px; }
.gallery ul.topic li ul li a { width: 110px; height: 85px; }
.gallery ul.topic li ul li a img { width: 100px; height: 75px; }
.gallery ul.topic li ul li a:hover img { width: 200px; height: 150px; }

/* Padding & Margin Declarations */
/* .gallery { margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; } */
.gallery ul.topic { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.gallery ul.topic li.active ul { padding: 5px 5px 5px 5px; margin: 0px 0px 0px 0px;  }
.gallery ul.topic li ul li { margin: 1px 1px 1px 1px;}

/* Text Color & Background Color Declarations */
.gallery ul.topic li.active a {color: #000000; background: #bbbbbb;}
.gallery ul.topic li a, .photo ul.topic li:hover a {color: #ffffff; background: #aaaaaa;}
.gallery ul.topic li.active ul { background: #dddddd; }
.gallery ul.topic li ul li a { background: #444444; }

.gallery { text-align: center; position: relative; }
.gallery ul.topic { list-style: none; position: relative; z-index: 10; }
.gallery ul.topic li ul, .gallery ul.topic li ul {display: none; }
.gallery ul.topic li { display block; float: left; }
.gallery ul.topic li.active ul {display: block; position: absolute; left: 0px; top: 31px; list-style: none; border: 10px solid #bbb; z-index: 1; }
.gallery ul.topic li ul li { display: inline; float:left; border: 1px solid #ffffff; }
.gallery ul.topic li ul li a { display: block; float: left; text-decoration: none; border: 1px solid #888888; }
.gallery ul.topic li ul li a img { display: block; border: 4px solid #eeeeee; }
.gallery ul.topic li ul li a:hover { white-space: normal; position: relative; }
.gallery ul.topic li ul li a:hover img { position: absolute; left: -50px; top: -32px; }