@import '/cms/styles/common.css';
@import '/styles/forms.css';
@import '/style.css';



/* COMMON ---------------------------------------------------------------------- */

body {
  background: #000000 url('/images/body-bg.jpg') top center no-repeat;
  text-align: center;
}

/* PAGE ------------------------------------------------------------------------ */

#page {
  width: 980px;
  margin: 0 auto;
  text-align: left;
}

/* HEADER ---------------------------------------------------------------------- */

#header { height: 103px; }
#header-logo { position: absolute; top: 22px; left: 0px; }
#header-logo img { width: 218px; height: 68px; }

/* MENU ------------------------------------------------------------------------ */

#menu { background: url('/images/menu-bg.jpg') bottom left repeat-x; height: 50px; padding-left: 10px; }
#menu ul, #menu li { margin:0px; padding:0px; list-style:none; background: none; }
#menu a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  padding: 16px 10px;
  display: block;
  color: #a58e7a;
}
#menu a:hover { text-decoration: underline; }

.root136 #menu .link1,
.root137 #menu .link2,
.root138 #menu .link3,
.root139 #menu .link4,
.root140 #menu .link5,
.root141 #menu .link6,
.root142 #menu .link7,
.root143 #menu .link8,
#page134 #menu .link9,
.root147 #menu .link1,
.root148 #menu .link2,
.root149 #menu .link3,
.root150 #menu .link4,
.root151 #menu .link5,
.root152 #menu .link6,
.root153 #menu .link7,
.root154 #menu .link8,
#page135 #menu .link9
{ color: #666666; }

/* FOOTER ---------------------------------------------------------------------- */

#footer { padding-top: 10px; margin-top: 10px;z-index:-1; }
#footer-top {}
#footer-bottom {
  font-size: 10px;
  background: url('/images/footer-bg.jpg') top left no-repeat;
  padding-top: 5px;
  margin-top: 5px;
}
#footer a { color: #5a493c; }
#footer-web { float:right; }
#footer-web a { text-decoration: none; }
#footer-bottom a:hover { color: #666666; text-decoration: underline; }


/* CUSTOMIZATIONS -------------------------------------------------------------- */

/* HOME */

.home #content { margin-top: 25px; }
.home #content-left {
  background: url('/images/welcome-bg.jpg') 25px 20px no-repeat;
  width: 365px; /*500px;*/
  padding-left: 125px;
  padding-right: 10px;
  min-height: 100px;
  height:auto !important;
  height:100px;
}
.home #content-left-title { position:absolute; top: 8px; left: 25px; }
.home #content-center { width: 200px; padding: 8px 15px; }
.home #content-right { width: 200px; padding: 8px 15px; border-left: 1px solid #0f0f0f; margin-left: 15px; }


.home #newsletter .email { padding: 2px 0px; float: left; width: 145px; _width: 130px;}
.home #newsletter .submit { margin-left: 5px; padding: 2px 0px; float: right; width:50px;}

.home #footer-top {
  text-align: right;
  color: #FFFFFF;
  font-size: 11px;
  font-family: 'Trebuchet MS', Helvetica, sans-serif;
}

.home #social-media{
	width:145px;
	margin:10px 0px 0px 0px;
}
.home #social-media div{ padding:5px 0px 5px 0; }


.sm{
	display:block;
	width:22px;
	height:22px;
	margin-right:5px;
}

.eighteen-app{
	width:101px;
	height:22px;
	background: url('/images/sm-18app.jpg') bottom left no-repeat;	
}

.eighteen-app:hover{
	background: url('/images/sm-18app.jpg') top left no-repeat;	
}

.sharethis{
	background: url('/images/sm-sharethis.jpg') bottom left no-repeat;	
}

.sharethis:hover{
	background: url('/images/sm-sharethis.jpg') top left no-repeat;	
}

.facebook{
	background: url('/images/sm-fb.jpg') bottom left no-repeat;	
}

.facebook:hover{
	background: url('/images/sm-fb.jpg') top left no-repeat;	
}

.twitter{
	background: url('/images/sm-twitter.jpg') bottom left no-repeat;	
}

.twitter:hover{
	background: url('/images/sm-twitter.jpg') top left no-repeat;	
}

.bebo{
	background: url('/images/sm-bebo.jpg') bottom left no-repeat;	
}

.bebo:hover{
	background: url('/images/sm-bebo.jpg') top left no-repeat;	
}

/*.delicious{
	background: url('/images/sm-delicious.jpg') bottom left no-repeat;	
}*/

.youtube{
	background: url('/images/sm-youtube.jpg') bottom left no-repeat;	
}

.youtube:hover{
	background: url('/images/sm-youtube.jpg') top left no-repeat;	
}

.delicious:hover{
	background: url('/images/sm-delicious.jpg') top left no-repeat;	
}

#social-media ul,#social-media ul li {
  padding:0;margin:0; list-style:none none 0;float:left;
}
#social-media ul li {
  width:30px;
}
#social-media ul li a {
  float:left;
  display:block;
  text-decoration:none;
}
#social-media ul ul {
	width:140px;
	top:27px;
	left:0;
	border-top:1px solid #999999;
	visibility:hidden;
	position:absolute;
	height:0;
	z-index:20;
}
#social-media ul ul li {
	float:none;
	width:140px;
	display:block;
	padding:0;
	margin:0;
}
#social-media ul li.last ul li a, #social-media ul ul li a 
{
  border:1px solid #999999;
	border-width:0 1px 1px 1px;
	font-size:12px;
  color:#A58E68;
	background-color:#000000;
	text-transform:none;
	padding:5px 10px;
	text-align:left;
	font-weight:normal;
	background-image:none;
	float:none;
	display:block;
	width:auto;
	height:auto;
}
#social-media ul li.last ul li a:hover, #social-media ul ul li a:hover {
	background:#3B5999;
	color:#FFFFFF;
}
#social-media ul li:hover ul, #social-media ul a:hover ul {
	visibility:visible;
}

/* CONTENT */

.content #main {
  background: url('/images/content-bg.jpg') top left no-repeat; 
}
.content #root {
  position: absolute;
  top: 35px;
  left: 20px;
  font-size: 16px;
	color: #999999;
	text-transform: uppercase;
	font-weight:normal;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
}
.content #content { padding-top: 81px; }
.content #content-left { width: 180px; }

.content #nav { margin-bottom: 155px; background: url('/images/nav-bg.jpg') bottom left no-repeat; }
.content #nav ul, .content #nav li { margin:0px; padding:0px; list-style:none; background: none; }
.content #nav li { background: url('/images/nav-bg.jpg') top left no-repeat; }
.content #nav ul { padding-left: 10px; }
.content #nav .depth_0 { padding-left: 0px; }
.content #nav a {
  padding: 10px 5px 10px 30px;
  display:block;
  text-decoration:none;
  text-transform: uppercase;
  color: #666666;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}
.content #nav a:hover, .content #nav .navactive a { color: #CCCCCC; text-decoration: underline; }
.content #nav .navactive a { background: url('/images/nav-arrow.gif') 20px 14px no-repeat; }
.content #nav .navactive ul a { background: none; text-decoration:none; color: #666666; }

.content #content-left-info { position:absolute; bottom:0px; color: #4d4d4d; padding: 10px; }
.content #content-left-info a { color: #726254; }
.content #content-left-info a:hover { color: #4d4d4d; }
.content #content-left-info .hi { color: #8c6900; padding-right: 5px; }

.content #content-center {
  border: 1px solid #232323;
  padding: 15px;
  min-height: 475px;
  height:auto !important;
  height:505px;
  width: 598px; /*630*/
}
.content #content-center-title { text-transform: capitalize; border-bottom: 1px solid #232323; padding-bottom: 5px; }
.content #content-right { width: 160px; /*170*/ padding: 80px 0 10px 10px; }

.content #content-right .h1 { font-size: 18px; }

.content #newsletter { width: 160px; }
.content #newsletter .email, .content #newsletter .submit { padding: 2px 0px; }
.content #newsletter .submit { text-align: right; }

.content #reservations { text-align: center; margin-top: 10px; }


.content #footer-top ul, #footer-top li { margin:0px; padding:0px; list-style:none; background: none; }
.content #footer-top a {
  color: #a58e7a;
  font-size: 10px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0px 10px;
  border-left: 1px solid #2a2928;
}
.content #footer-top .first a { padding-left: 0px; border-left: 0px; }
.content #footer-top a:hover { color: inherit; text-decoration: underline; }