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

html{
	width: 100%;
}

body {
	margin: 0;
	width: 100%;
	background-color: #000000;
	font-family:Verdana;
}

img, table {
	border: 0;
}


form {
	margin: 0;
}

.clear {
	clear: both;
}

.error {
	color: #663333;
	background-color: #FFCCCC;
	border: solid 1px #663333;
	font-weight: bold;
	font-size: 0.9em;
	padding: 5px;
	margin: 5px;
}
.success {
	color: #336633;
	background-color: #CCFFCC;
	border: solid 1px #336633;
	font-weight: bold;
	font-size: 0.9em;
	padding: 5px;
	margin: 5px;
}


/* custom styles */
#audioPlayerHolder {
	display: inline;
	vertical-align: bottom;
	height: 18px;
}

#wrapper {
	width: 955px;
	margin: 0px auto 50px auto;
}

#flash_topnavi {
	vertical-align: top;
	background: url(images/bg_top_shadow.gif) no-repeat #000000;
	padding: 0px 28px 0px 29px;
	height: auto;
}

#top {
	font-size: 10px;
}

#top table {
	width: 100%;
	height: 38px;
}

#generallinks {
	padding: 9px 0px 13px 0px;
	font-size: 10px;
	color: #c4c2c2;
	text-align: right;
}

#generallinks a:link, #generallinks a:visited {
	color: #CCCCCC;
	text-decoration: none;
	margin: 0px 10px;
}

#generallinks a:hover {
	color: #FFFFFF;
}

#topnavi {
	margin-top: 1px;
	text-align: center;
}

#flash_reservations {
	width: 894px;
	margin: 0 auto;
}

#flash_reservations #logo {
	width: 212px;
	height: 137px;
}

#flashheader {
	width: 680px;
	height: 240px;
}

#flashheader .quotes {
	float: left;
	position: absolute;
	z-index: 5;
}

#reservation {
	background: url(images/bg_reservations.gif) top center no-repeat #000000;
	font-size: 8px;
	color: #FFFFFF;
	/*padding: 20px 0px 16px 0px;
	margin: 0px auto 0px auto;*/
	line-height: normal;
	text-align: center;
	height: 120px;
	width: 212px;
}

#reservation #reservation_container {
	width: 180px;
	padding-top: 20px;
	margin: 0 auto 0 auto;
}

#reservation .quickres_item {
	float: left;
	/*display: inline;*/
	padding-right: 5px;
}
#reservation .quickres_item_wrapper {
	width: 160px;
	margin: 0 auto 0 auto;
}


#reservation .arrival_date {
	width: 50px;
	font-size: 10px;
	/*font-weight: bold;*/
}

#reservation select {
	font-size: 10px;	
	/*font-weight: bold;*/
}

#reservation input {
	font-size: 10px;
}

#mainbody {
	padding: 0px 30px 0px 31px;
	background: url(images/bg_middle.gif) repeat-y #000000;
}

#tattoo_bar {
	margin: 0 auto;
	background: url(images/img_tribal_design.jpg) center no-repeat #000000;
	/* height: 24px; */
	padding: 6px 320px 6px 20px;
}

#tattoo_bar marquee {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

#maintable {
	width: 100%;
}

#maintable #left {
	width: 213px;
	vertical-align: top;
	text-align: center;
	border-right: 1px solid #1E1E1E;
	background: url(images/bg_left_gradient.gif) top repeat-x #000000;
}

#maintable #left .left_infobox {
	color: #CCCCCC;
	font-size: 10px;
	padding: 10px 10px;
	margin-bottom: 1px;
}

#maintable #left .left_infobox h3 {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 0 5px 0;
	text-transform: uppercase;
}

#maintable #left .left_infobox h3.title {
	font-size: 12px;
	font-weight: normal;
	color: #CEB36E;
	margin: 3px 0 0 0;
	text-transform: uppercase;
}

#maintable #left .left_infobox h3.date {
	font-size: 12px;
	font-weight: normal;
	color: #676767;
	margin: 3px 0 0 0;
	text-transform: uppercase;
}

#maintable #left a, #maintable #left a:visited {
	text-decoration: none;
}

#maintable #centre {
	vertical-align: top;
	background: url(images/bg_centre.gif) top repeat-x #000000;
	padding: 15px;
	font-size: 11px;
	line-height: 23px;
	color:#CFCFCF;
}

#maintable #spamenu {
	border: 1px solid #1E1E1E;
	border-collapse:collapse;
}

#maintable  #spamenu td{
	border: 1px solid #1E1E1E;
}

#centre table {
	border-collapse: collapse;
	border-top: solid 1px #AAAAAA;
	border-left: solid 1px #AAAAAA;
	
}
#centre td, #centre th {
	padding: 5px;
	border-bottom: solid 1px #AAAAAA;
	border-right: solid 1px #AAAAAA;
	vertical-align:top;
}

#centre #map {
	font-size: 12px;
}

#centre #map a {
	color: #000000;
}

#maintable #centre h3 {
	display: none;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}
h3.show {
	display:block !important;
	padding-bottom: 1em;
}

#centre a, #centre a:visited {
	color: #CFCFCF;
}

#maintable #right {
	width: 212px;
	vertical-align: top;
	text-align: center;
}

#maintable #right a, #maintable #right a:visited {
	text-decoration: none;
}

#maintable #right .right_infobox {
	background-color: #191919;
	color: #CCCCCC;
	font-size: 10px;
	padding: 10px;
	margin-bottom: 1px;
}

#maintable #right .right_infobox h3 {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 0 5px 0;
	text-transform: uppercase;
}

#maintable #right .right_infobox h3 a {
	color: #FFF;
}

#maintable #right .right_infobox h3.title {
	font-size: 12px;
	font-weight: normal;
	color: #CEB36E;
	margin: 3px 0 0 0;
	text-transform: uppercase;
}



#content_image div {
	width: 170px;
	text-align:center;
	float: left;
}


/* added by Darryl on 18th September */
/* for weather widget */
#weather_widget {
	float: right;
	margin: 0 0 10px 10px;
}

#weather_widget img {
	border: 2px solid #b2b361;
}



#bottom_promotions {
	width: 100%;
	border-collapse:collapse;
}

#bottom_promotions #tattoo_design {
	background: url(images/img_left_tribal_design.jpg) bottom no-repeat #000000;
	width: 214px;
	border-right: 1px solid #1E1E1E;
	
}

#bottom_promotions .promotions {
	color: #CCCCCC;
	font-size: 10px;
	padding: 0px 5px 10px 5px;
	text-align: center;
	vertical-align: top;
	line-height: 1.3em;
}
#bottom_promotions .promotions-2 {
	padding: 0px 5px 10px 5px;
	text-align: center;
	vertical-align: top;
}

#bottom_promotions .promotions h3 {
	font-size: 14px;
	font-weight: bold;
	color: #0CF;
	margin: 3px 0 0 0;
	text-transform: uppercase;
}

#footer {
	background: url(images/bg_footer_shadow.gif) no-repeat #000000;
	padding: 0px 28px 0px 29px;
	height: 25px;
}

#footer_text {
	width: 100%;
	font-size: 10px;
	color: #CCCCCC;
	padding-top: 6px;
}

#footer_text table {
	width: 100%;
}

#footer_text #otherlinks {
	text-align: right;
}

#footer_text a:link, #footer_text  a:visited {
	color: #CCCCCC;
	text-decoration: none;
	margin: 0px 10px;
}

#footer_text a:hover {
	color: #FFFFFF;
}

#footer_shadow {
	background: url(images/bg_bottom_shadow.gif) top no-repeat #000000;
	padding: 15px 28px 0 29px;
	color: #CCCCCC;
	font-size: 10px;
	vertical-align: top;
	line-height: normal;
}

#footer_shadow table {
	width: 100%;
}

#footer_logo {
	width: 50%;
	vertical-align: top;
	padding-top: 15px;
}

#footer_shadow a:link, #footer_shadow a:visited {
	color: #CCCCCC;
	font-weight: bold;
	text-decoration: underline;
}

#footer_shadow a:hover {
	color: #FFFFFF;
}

#footer_shadow #footer_contactus {
	width: 50%;
	text-align: right;
}

/* To control the dropdown menu */
#dropmenudiv {
	position: absolute;
	border: 1px solid #333333;
	line-height: 11px;
	z-index: 10;
}

#dropmenudiv a {
	width: 100%;
	display: block;
	text-indent: 3px;
	text-align: left;
	padding: 5px 0;
	text-decoration: none;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #CCCCCC;
	background-color: #000000;
}

#dropmenudiv a:hover { /*hover background color*/
	color: #FFFFFF;
	background-color: #333333;
}

/* for the calendar */
.style5 {
	font-family: Verdana; font-size: 12px; color:#000000;
}

/* the div that holds the date picker calendar */
.dpDiv {
	}

/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Verdana;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	background-color: #000000;
	border: 1px solid #333333;
}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	/* border: 1px solid #ece9d8; */
	font-size: 10px;
}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	font-size: 10px;
}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #FFFFFF;
	cursor: pointer;
	color: #000000;
	font-size: 10px;
}

/* the table cell that holds the name of the month and the year */
.dpTitleTD { }

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD { }

/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD { }

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #191919;
	color: #FFFFFF;
}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	/* color: gray; */
	font-weight: bold;
	color: #FFFFFF;
}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #000000;
	font-weight: bold;
}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
}

/* styles for the Hard Rock Hotels & Casinos link */
ul.dropMenu {
	position: absolute;
	z-index: 999;
	margin: 0;
	padding: 5px;
	background: url('images/nav_back.gif') left bottom repeat-x;
	border: 1px solid #333333;
	font-size: 10px;
	list-style: none;
	display: none;
}

ul#hotels {
	text-align: left;
	z-index: 900;
	top: 20px;
	left: 950px;
	width: 145px;
}

ul.dropMenu li {
	position: relative;
	margin: 0;
	padding: 0;
	height: 15px;
}

ul.dropMenu li.introText {
	height: auto;
	padding-bottom: 7px;
}

ul.dropMenu li a, ul.dropMenu li a:link, ul.dropMenu li a:visited {
	display: block;
	color: #dddddd;
	background: none;
	padding: 0 2px 0 2px;
	line-height: 15px;
}

ul.dropMenu li a:hover {
	color: #ffffff;
	background: #666666;
}



















#articles_page_content {
	list-style: none;
	padding: 0;
}
#articles_page_content li {
	display: block;
	background-color: #1C1C1C;
	border: solid 1px #2E2E2E;
	padding: 15px;
	margin-bottom: 1em;
}
#articles_page_content li img {
	margin-right: 20px;
}

#articles_page_content .date {
	color: #ff6633;
}




#events_page_content {
	list-style: none;
	padding: 0;
}
#events_page_content li {
	display: block;
	background-color: #1C1C1C;
	border: solid 1px #2E2E2E;
	padding: 15px;
	margin-bottom: 1em;
}
#events_page_content li a, #events_page_content li a:visited {
	color: #C6CAE2;
}

#events_page_content li img {
	margin-right: 20px;
}

#events_page_content .date {
	color: #ff6633;
}





#clippings_container {
	width: 600px;
	float: left;
	padding: 0;
}
#clippings_container li {
	list-style-type: none;
	width: 115px;
	float: left;
	padding: 5px;
	background-color: #333333;
	margin: 1px;
	text-align: center;
	line-height: 1.2em;
	min-height: 180px;
	height: auto !important;
	height: 180px;
	overflow: hidden;
}
#clippings_container li a {
	text-decoration: none;
}



#rockshop_articles {
	list-style: none;
	padding: 0;
}
#rockshop_articles li {
	float: left;
	width: 140px;
	text-align:center;
	background-color: #1C1C1C;
	border: solid 1px #FFFFFF;
	margin-right: 10px;
	min-height: 240px;
}
#rockshop_articles li .title {
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 1em;
}
#rockshop_articles li .title a {
	text-decoration: none;
}
#rockshop_articles li .desc {
	padding: 10px;
}




#loverockwedding {
	background-image: url('images/bg_red.jpg');
	width: 579px;
	padding: 10px 15px 10px 15px;
	margin: 0 auto 0 auto;
	line-height: 1.5em;
}
#loverockwedding ul {
	list-style-image:url(images/note.gif);
}











#centre table.roomtype_item {
	background-color: #1C1C1C;
	border:0;
	margin: 1em 0 1em 0;
}
#centre table.roomtype_item tr td {
	border:0;
	padding: 10px;
}



#rfp {
	color: #FFFFFF;
	background-color: #000000;
}
#rfp_wrapper {
	font-size: 12px;
	margin: 20px auto 0 auto;
	padding: 10px;
	background-color: #191919;
}
#rfp_wrapper th,#rfp_wrapper td {
	font-size: 12px;
}
#rfp_wrapper h4 {
	color: #E2C549;
	font-size: 14px;
}
#rfp_wrapper input, #rfp_wrapper textarea, #rfp_wrapper select {
	background-color: #333333;
	color: #FFFFFF;
	margin: 5px;
}
#rfp_wrapper input, #rfp_wrapper textarea, #rfp_wrapper select {
	border: solid 1px #FFFFFF;
}
#rfp_wrapper input:focus, #rfp_wrapper textarea:focus, #rfp_wrapper select:focus {
	border: solid 1px #FF3333;
}
#rfp_wrapper p {
	margin-bottom: 30px;
}