@import "reset.css";
@import "text.css";
@import "960.css";

img, div, .more,#front_display span,#masthead ul,#logo a,.home-menu a,.wedding-menu a,.contact-us-menu  a,.about-us-menu  a,#address,#hiring_badge { behavior: url(/javascripts/iepngfix.htc); }

/*.container_16 { background: #fff url(/images/16_col.gif) repeat-y; }*/
body {
	background: #000 url(/images/interface/background_gradient.png) repeat-x 0 0;
	color: #787878;
	font: 14px/20px "Helvetica Neue", arial, sans-serif;
	text-align: center;
	text-shadow: #000000 1px 1px 1px;
}

a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px #444 solid;
}

a:hover { border-color: #787878; }

strong {
	font-weight: bold;
	color: #fff;
}

.sl,.sl li {
	list-style: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

#container {
	text-align: left;
	width: 960px;
	margin: 30px auto;
	background-color: #000;
	position: relative;
}

.content { margin: ; }

#copyright {
	width: 960px;
	margin: 30px auto;
	text-align: center;
}

#front_display {
	position: relative;
	width: 960px;
	height: 530px;
	overflow: hidden;
}

#front_display span {
	position: absolute;
	top: 0;
	left: 0;
	width: 960px;
	height: 530px;
	background: transparent url('/images/stubton-opening_soon.png') no-repeat 0 0;
	overflow: hidden;
	text-indent: -1234em;
	z-index: 80;
}

#logo a {
	width: 960px;
	height: 150px;
	display: block;
	overflow: hidden;
	text-indent: -1234em;
	background: transparent url(/images/interface/stubton_logo-trans.png) no-repeat 0 0;
	position: absolute;
	z-index: 82;
	border: 0;
}

#masthead {
	height: 200px;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 80;
	background-color: transparent;
}

#masthead:hover { height: 200px; }

.lead {
	font-size: 120%;
	line-height: 1.3;
}

#hero {
	margin-bottom: 30px;
	height: 460px;
	overflow: hidden;
}

h1,h2,h3,h4 {
	font-size: 100%;
	margin: 0;
	padding: 0;
	color: #fff;
	font-weight: normal;
}

h1 {
	display: inline;
	float: left;
	margin-right: 1ex;
}

ul.nav {
	width: 627px;
	height: 30px;
}

#footer { padding-bottom: 60px; }

#footer ul.nav {

	margin: 30px auto 0 auto;
	width: 632px;
	background:#000 url(/images/interface/footer_menu.png) no-repeat 0 0;
}

#masthead ul {
	background-image: url(/images/interface/masthead_gradient_new-trans.png);
	height: 200px;
	top: 0;
	width: 100%;
	padding: 80px 166px 0 166px;
}

ul.nav li {
	float: left;
	position: relative;
	z-index: 85;
}

ul.nav li a {
	display: block;
	overflow: hidden;
	border: 0;
	height: 30px;
	text-indent: -1234em;
}

#footer ul.nav li a { text-indent: -1234em; }

.home-menu a {
	width: 58px;
	z-index: 83;
}

.rooms-menu a{
	width: 87px;
	z-index: 84;
}

.wedding-menu a {
	width: 86px;
	z-index: 85;
}

.hire-menu a {
	width: 137px;
	z-index: 86;
}

.brochure-menu a {
	width: 88px;
	z-index: 87;
}

.about-us-menu  a {
	width: 80px;
	z-index: 88;
}

.contact-us-menu  a {
	width: 96px;
	z-index: 89;
}

#footer .home-menu a { }
#footer .rooms-menu a {  }
#footer .wedding-menu a {  }
#footer .hire-menu a {  }
#footer .photogallery-menu  a {  }
#footer .about-us-menu  a { }
#footer .jobs-menu  a {  }
#footer .contact-us-menu  a { }

#address {
	display: block;
	width: 960px;
	height: 120px;
	overflow: hidden;
	text-indent: -1234em;
	background: #000 url(/images/interface/footer_logo.gif) no-repeat 50% 50%;
	margin: 0;
	border-bottom: 0;
	position: relative;
}

#address a {
	display: block;
	position: absolute;
	top: 68px;
	left: 587px;
	width: 75px;
	height: 22px;
	border: 0;
}

.left {
	float: left;
	margin: 0 10px 10px 0;
}

.right {
	float: right;
	margin: 0 0 10px 10px;
}

.framed {
	border: 1px #666 solid;
	padding: 4px;
}

input.text,input.email,textarea {
	width: 100%;
	background-color: #222 !important;
	font: 12px/20px "Helvetica Neue", arial, sans-serif;
	color: #fff;
	border: 0;
	padding: 6px;
	text-shadow: #000 0 0 0;
	margin: 0;
}

.signature { float: left; }
.label { position: relative; }
.label label { display: none; }
input.labeltext { color: #999 !important; }

#mailing_list_box {
	border-top: 1px #1C1E1A solid;
	border-bottom: 1px #1C1E1A solid;
	padding: 30px 0;
	overflow: hidden;
	margin: 30px 0 0 0;
}

#home #mailing_list_box {
	border-top: 0;
	margin-top: 0;
}

#mailing_list_box p {
	margin: 0;
	padding: 0;
}

.message {
	padding: 15px;
	color: #fff;
}

#badserver,#bademail { background-color: #990000; }
#success { background-color: #006633; }

.contact {
	padding: 15px;
	background-color: #111;
	text-align: center;
}

.center { text-align: center; }

ul.l {
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
}

ul.l li {
	margin: 0 0 1px 0;
	background-color: #222;
	padding: 6px;
	text-shadow: #000 0 0 0;
}

ul.l li input { margin: 0 1em 0 0; }

.list_label {
	margin: 1em 0 .3em 0;
	padding: 0;
}

label { margin: 0 0 .3em 0; }
hr { border-top: 1px #333 solid; }

#hiring_badge,
#tv_badge,
#tv_badge_post {
	display: block;
	position: absolute;
	width: 121px;
	height: 120px;
	overflow: hidden;
	text-indent: -1234em;
	background: transparent url(/images/hiring_badge.png) 0 0 no-repeat;
	z-index: 80;
	border: 0;
	top: 467px;
	left: 20px;
}

#tv_badge {
	background: transparent url(/images/tv_badge.png) 0 0 no-repeat;
	width: 151px;
	height: 150px;
	top: 402px;
}

#tv_badge_post {
	background: transparent url(/images/tv_badge_post.png) 0 0 no-repeat;
	width: 151px;
	height: 150px;
	top: 402px;
}

#gallery {
	list-style: none;
	width: 840px;
	margin: 0 0 20px 0;
	overflow: hidden;
}

#gallery li {
	list-style: none;
	margin: 10px;
	float: left;
	position: relative;
}

#gallery li span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: transparent url(/images/interface/magnify.png) no-repeat 0 0;
}

#photogallery #gallery li span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: transparent url(/images/interface/magnify_260x145.png) no-repeat 0 0;
}

#gallery a { border: 0; }
#photogallery #container { padding-top: 180px; }

#thumbnails {
	list-style: none;
	overflow: hidden;
	width: 860px;
}

#thumbnails li { display: inline; }

#thumbnails li img {
	float: left;
	margin: 0 20px 20px 0;
	background-color: #333333;
}

dt { color: #fff; }

#guestbook {
	padding: 30px 60px 10px 60px;
	text-align: center;
}

#guestbook p { margin: 0; }
#guest book .author { color: #fff; }