@charset "UTF-8";
/* CSS Document */


/* general structure
------------------------------------------------------------------*/
body {
	background-color: #000;
	margin: 0;
	text-align: center;
}
#pageFrame {
	border: 1px solid #000;
	margin: 0 auto;
	position: relative;
	width: 955px;
}

/* general typography
------------------------------------------------------------------*/
abbr, acronym {
	border: none;
	cursor: help;
}
body {
	color: #2f1100;
	font: normal small Georgia, "Times New Roman", Times, serif;
}
#col1 p.response {
	background: #fafafa 5px center no-repeat;
	border: 1px solid #00386c;
	color: #10385c;
	font-weight: bold;
	padding: 10px 10px 10px 45px;
}
#col1 p.success {
	background-color: #fff;
	background-image: url(http://slgreen.com/images/icons/complete.gif);
}
#col1 p.failure {
	background-image: url(http://slgreen.com/images/icons/stop.gif);
}
#col1 p.response a {
	color: #ff0000;
}

/* links
------------------------------------------------------------------*/
a:focus { outline: none; }
a {
	color: #fff;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

/* forms
------------------------------------------------------------------*/
input:focus { outline: none; }
form { padding-bottom: 1em }
#frmContact {
	border-bottom: 1px solid #cfb55d;
}
form fieldset {
	border: 0;
	margin: 0 0 10px 0;
	padding: 0;
}
form fieldset legend { display: none; }
form fieldset ol {
	margin: 0;
	padding: 0;
}
form fieldset li {
	list-style-type: none;
	padding: 11px 15px;
}
form label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	width: 160px;
}
label, x:-moz-any-link { display: -moz-inline-box; }
form label.required em, span.required { color: #ca023b; }
.input { border: 1px solid #ccc; }
input.input { 
	background-color: #999;
	padding: .3em;
	width: 180px; 
}
select.input {
	background-color: #999;
	height: 25px;
	min-width: 187px;
	width: auto;
}
textarea.input {
	background-color: #999;
	padding: .3em;
	height: 75px;
	width: 400px;
}
p.button-set {
	margin-left: 175px;
}
p#failure em {
	background-color: #fafafa;
	border: 1px solid #10385c;
	color: #cc0000;
	display: block;
	font-style: normal;
	padding: 0.5em;
}
em.msgError {
	color: #cc0000;
	display: block;
	font-size: 85%;
	font-style: normal;
	margin-left: 164px;
	margin-top: 0.3em;
}

/* buttons
------------------------------------------------------------------*/
.button {
	display: block;
	height: 29px;
	text-indent: -9999em;
}
.btnSend:hover { background-position: -110px 0; }
.btnSend:active { background-position: -55px 0; }
.btnSend {
	background: url(../images/buttons/send.png) top left no-repeat;
	width: 55px;
}

/* page header
------------------------------------------------------------------*/
#pageHead {
	margin: 0;
	padding-bottom: 23px;
	position: relative;
}
#pageHead .wrap {
	background: url(../../../images/header/header-image-1.jpg) -3px 0 no-repeat;
	height: 134px;
}
#logo {
	display: none;
}

/* hero space
------------------------------------------------------------------*/
.homepage #herospace {
	background: url(../../../images/hard-rock-background-image.jpg) center top no-repeat;
	height: 576px;
	border-bottom: 4px solid black;
	position: relative;
	top: 42px;
	margin: 0;
}
.homepage #herospace h1 {
	display: none;
}
.homepage #herospace p {
	text-indent: -9999em;
}
.homepage #herospace img {
	border: 0;
}

.homepage #message {
	font: normal small Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1em;
	background-color: #5a151a;
	border-top: 2px solid black;
	text-align: center;
	position: absolute;
	width: 955px;
	height: 37px;
	color: white;
	z-index: 100;
	}

/* homepage nav
------------------------------------------------------------------*/
#homepage_nav {
	list-style-type: none;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 955px;
	z-index: 100;
}
#homepage_nav li {
	float: left;
	margin: 0;
	padding: 0;
}
#homepage_nav a {
	background: url(../../../images/hard-rock-top-nav.png) no-repeat;
	display: block;
	height: 40px;
	text-indent: -999em;
}
a#nav_hplink1:hover { background-position: 0 -40px; }
a#nav_hplink1.selected { background-position: 0 0; }
a#nav_hplink1 {
	background-position: 0 -80px;
	width: 318px;
}
a#nav_hplink2:hover { background-position: -318px -40px; }
a#nav_hplink2.selected { background-position: -318px 0; }
a#nav_hplink2 {
	background-position: -318px -80px;
	width: 317px;
}
a#nav_hplink3:hover { background-position: -635px -40px; }
a#nav_hplink3.selected { background-position: -635px  0; }
a#nav_hplink3 {
	background-position: -635px  -80px;
	width: 320px;
}

/* top nav
------------------------------------------------------------------*/
#topnav {
	list-style-type: none;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 136px;
	width: 955px;
	z-index: 100;
}
.homepage #topnav {
	position: relative;
	top: 620px;
}
#topnav li {
	float: left;
	margin: 0;
	padding: 0;
}
#topnav a {
	background: url(../../../images/hard-rock-nav.png) no-repeat;
	display: block;
	height: 40px;
	text-indent: -999em;
}
a#nav_team:hover { background-position: 0 -40px; }
a#nav_team.selected { background-position: 0 0; }
a#nav_team {
	background-position: 0 -80px;
	width: 115px;
}

a#nav_bid:hover { background-position: -115px -40px; }
a#nav_bid.selected { background-position: -115px 0; }
a#nav_bid {
	background-position: -115px -80px;
	width: 137px;
}

a#nav_brand:hover { background-position: -252px -40px; }
a#nav_brand.selected { background-position: -252px 0; }
a#nav_brand {
	background-position: -252px -80px;
	width: 168px;
}

a#nav_render:hover { background-position: -420px -40px; }
a#nav_render.selected { background-position: -420px 0; }
a#nav_render {
	background-position: -420px -80px;
	width: 126px;
}

a#nav_press:hover { background-position: -546px -40px; }
a#nav_press.selected { background-position: -546px 0; }
a#nav_press {
	background-position: -546px -80px;
	width: 84px;
}

a#nav_endorsements:hover { background-position: -630px -40px; }
a#nav_endorsements.selected { background-position: -630px 0; }
a#nav_endorsements {
	background-position: -630px -80px;
	width: 325px;
}

/* page body, col1
------------------------------------------------------------------*/
#pageBody {
	position: relative;
	margin-top: 40px;
	text-align: left;
}
.homepage #pageBody {
	margin-top: 0;
}
#breadcrumbs {
	background-color: #cfb55d;
	list-style-type: none;
	margin: 0;
	min-height: 24px;
	padding: 0 32px 0 26px;
	z-index: 0;
}
#breadcrumbs li {
	float: left;
	margin: 0 0 25px 0;
	padding: 4px 1px 4px 4px;
	color: #666;
	font-size: 87%;
	line-height: 16px;
}
#breadcrumbs li a {
	color: #666;
	text-decoration: none;
}
#breadcrumbs li a:hover {
	color: #000;
}
#breadcrumbs li.current {
	color: #333;
}
#col1 {
	border-right: 1px solid #cfb55d;
	color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	min-height: 700px;
	position: relative;
	width: 73%;
	z-index: 100;
}
#col1 div.wrap {
	padding: 0 32px 0 26px;
}
#col1 h1, #col1 h2, #col1 h3, #col1 h4 {
	color: #cfb55d
}
#col1 h1, #col1 h2 {
	text-transform: uppercase;
}
#col1 h1 {
	clear: left;
	margin: 0 0 1.5em 0;
	font-size: 150%;
	font-weight: normal;
}
#col1 h2 {
	font-size: 130%;
	margin-top: 2em;
	margin-bottom: 1.5em;
}
#col1 h3 {
	font-size: 110%;
	margin-top: 2em;
	margin-bottom: 1.5em;
}
#col1 p, #col1 ul, #col1 ol {
	line-height: 1.5em;
}
#col1 p.first { clear: left; }
#col1 h2 span.pdf {
	background: url(../../../images/icons/pdf_icon.gif) center left no-repeat;
	font-size: 80%;
	font-weight: normal;
	letter-spacing: normal;
	padding: 3px 0 3px 20px;
	text-transform: lowercase;
}
.pdf {
	background: url(../../../images/icons/pdf_icon.gif) center left no-repeat;
	padding: 3px 0 3px 22px;
}
#news {
	border-top: 1px solid #0a375e;
	margin-top: 30px;
}
#col1 .float_right {
	float: right;
	line-height: 0;
	margin: 0 0 0 10px;
	padding: 0;
}
#col1 .float_right a img {
	border: none;
}
#col1 .img_border {
	border: 1px solid #535353;
}

/* lists
------------------------------------------------------------------*/
.wrap ul {
	margin: 0;
	padding: 0 0 0 18px;
}
.wrap li {
	padding-bottom: 3px;
}
#sitemap {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
#sitemap li {
	margin-left: 0;
	padding-left: 0;
}
#sitemap li a {
	text-decoration: none;
}
#sitemap li a:hover {
	text-decoration: underline;
}
#sitemap li ul {
	list-style-type: none;
}
.listcol2 { margin-left: 32%; }
.listcol3 { margin-left: 64%; }
.wrap ul.list_pdf {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	padding-top: 20px;
}

/* slideshow
------------------------------------------------------------------*/
#slideshow .slideshow-control {
	clear: right;
	float: right;
}
#slideshow .controls { margin-top: 10px; }
#slideshow h3 {
	background-color: #000;
	color: #fff;
	font-weight: normal;
	font-size: 80%;
	margin-top: 0;
	padding: 5px;
	text-transform: uppercase;
	width: 163px;
}
#slideshow ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 173px;
}
#slideshow ul li {
	float: left;
	margin: 0 8px 8px 0;
	padding: 0;
}
#slideshow ul li a img { border: 2px solid #438eb9; }
#slideshow ul li.selected a img { border: 2px solid #ff0000; }
#slideshow ul li a:hover img { border: 2px solid #fff; }
#slideshow #slideshow-canvas {
	height: 390px;
	margin-right: 196px;
	position: relative;
}
#slideshow-back, #slideshow-forward {
	height: 390px;
	position: absolute;
	cursor: pointer;
	cursor: hand;
	top: 0;
	width: 50%;
}
#slideshow-back { left: 0; }
#slideshow-forward { right: 0; }
#ss-carousel { height: 44px; }
#ss-carousel .carousel-back, #ss-carousel .carousel-forward {
	display: block;
	height: 44px;
	text-indent: -9999em;
	width: 40px;
}
#ss-carousel .carousel-back {
	background: url(../images/icons/ss-left.gif) center left no-repeat;
	float: left;
}
#ss-carousel .carousel-forward {
	background: url(../images/icons/ss-right.gif) center right no-repeat;
	float: right;
}
#ss-carousel .carousel {
	height: 44px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 350px;
}
#ss-carousel ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
}
#ss-carousel li {
	float: left;
	margin-right: 10px;
}
#ss-carousel li a img {
	border: 2px solid #10385c;
	text-decoration: none;
}
#slideshow2 #canvas {
	background-color: #929497;
	border: 6px solid #929497;
	height: 380px;
	margin-top: 16px;
	position: relative;
	text-align: left;
}
#slideshow2 #canvas div {
	background: #929497 center center no-repeat;
	background-image: url(../../../images/icons/loading2.gif);
	height: 380px;
	position: absolute;
	width: 100%;
}
#controls {
	background-color: #eae7e5;
	line-height: 2.5em;
	margin-top: 2px;
	min-height: 20px;
height: 20px;
	padding: 7px 10px;
	position: relative;
}
#caption { color: #10385c; }
#ss-buttons {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}
#ss-buttons a {
	display: block;
	float: left;
	height: 34px;
	margin-right: 7px;
	text-indent: -9999em;
}
#ss-back {
	background: url(../images/icons/ss-back.gif) center center no-repeat;
	width: 13px;
}
#ss-next {
	background: url(../images/icons/ss-next.gif) center center no-repeat;
	width: 13px;
}
#ss-pause {
	background: url(../images/icons/ss-pause.gif) center center no-repeat;
	width: 8px;
}
#ss-play {
	background: url(../images/icons/ss-play.gif) center center no-repeat;
	width: 8px;
}
ul.slideshow-photos li a {
	cursor: auto;
}

/* col2
------------------------------------------------------------------*/
#col2 {
	border-bottom: 1px solid #cfb55d;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 27%;
	z-index: 0;
}
#col2 div {
	padding-bottom: 5px;
	clear: left;
}
#col2 h2 {
	color: #929497;
	font-size: 100%;
	margin: 20px 30px;
	text-transform: uppercase;
}
#col2 div.bldg-image {
	padding-bottom: 3em;
}


#col2 div.bldg-image ul {
	list-style-image: none;
	list-style-type: none;
	padding: 0;
}

#col2 div.bldg-image li {
	margin-bottom: 1px;
}
#col2 div.bldg-image img {
	display: block;
	margin: 0 auto 2px auto;
}
#col2 div.bldg-image a {
	background-color: #929497;
	color: #fff;
	display: block;
	font-size: 90%;
	line-height: 1.75;
	margin: 1px auto 0 auto;
	text-align: center;
	text-decoration: none;
	width: 160px;
}

#col2 div.ad-image a {
	text-align: center;
	display: block;
	margin: 0 auto 12px auto;
}

#col2 div.ad-image a img {
	border: none;
	}
	
#col2 div.bldg-image a:hover {
	background-color: #cfb55d;
}

/* bottom nav
------------------------------------------------------------------*/
#bottomnav {
	font-size: 85%;
	height: 12px;
	list-style-type: none;
	margin: 0 20px;
	padding: 0;
}
#bottomnav li {
	float: left;
	margin: 0 1.5em 0 0;
	padding: 0;
}
.homepage #bottomnav {
/*	margin-top: 80px; */
	margin-top: 122px;
}
.interior #bottomnav { margin-top: 137px; }
#bottomnav a:hover { text-decoration: underline; }
#bottomnav a {
	color: #999;
	text-decoration: none;
}

/* page footer
------------------------------------------------------------------*/
#pagefooter {
	font-family: Georgia,"Times New Roman",Times,serif;
	clear: both;
	color: #3a1b08;
	margin: 10px 20px 0 20px;
	padding-bottom: 60px;
	position: relative;
	text-align: left;
}
#pagefooter-inner {
	border-top: 1px solid #929497;
	margin-right: 48%;
}
#copyright {
	color: #999;
	font-size: 85%;
	height: 19px;
	line-height: 14px;
	margin-top: 7px;
}
#homeLink a {
	background: url(../../../images/slgreen-logo-white.png) center center no-repeat;
	display: block;
	height: 72px;
	position: absolute;
	right: 0;
	text-indent: -999em;
	top: -35px;
	width: 144px;
}
#hard_rock a {
	background: url(../../../images/hard-rock-logo.gif) center center no-repeat;
	display: block;
	height: 86px;
	position: absolute;
	right: 174px;
	text-indent: -999em;
	top: -41px;
	width: 149px;
}

/* clearfix
----------------------------------------------- */
.clearfix:after {
	clear: both; 
	content: '.'; 
	display: block; 
	height: 0; 
	visibility: hidden;
}
.clearfix { display: inline-block; }
/*Hide from IE Mac \*/
.clearfix { display: block; }
/*End hide from IE Mac */

/* safari rules--hacks are bad!
------------------------------------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari 3.0 and Opera 9 rules here */
	#col2 div.bldg-image {
		text-align: center;
	}
	#col2 div.bldg-image img {
		display: inline;
	}
}