/* Authors: Brian Coit, William Brown */

html, body {height: 100%; background-color: #ffffff;}
body {background: #ffffff; line-height: 1; font: 90% Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center;}  
img {border: 0;}
#border {padding: 0; width: 1020px; margin: 0 auto; background: url(../images/9fullwidth.gif) repeat-y;}
#wrapper {position: relative; width: 700px; margin: 0 auto; background: url(../images/9fullwidth.gif) repeat-y center top;}
#wrapper #header {margin: 0; height: 100px; background: #eeeeef url(../images/brisbane-house-banner.jpg)}
#wrapper #navigation {height: 25px; background: #7F7F7F; font-size: 10px; font-weight: bold; text-transform:uppercase; color: #6e625a;}
#wrapper #navigation ul {list-style: none; margin: 0; padding: 0; line-height: 1; padding-top: 7px}
#wrapper #navigation ul li {display: inline; margin: 0; padding: 0; line-height: 1; margin-left: 7px; margin-right: 7px}
#wrapper #navigation ul li a,
#wrapper #navigation ul li a:link,
#wrapper #navigation ul li a:visited,
#wrapper #navigation ul li a:hover {color: #ffffff; text-decoration: none;}
#wrapper #navigation ul li a:hover {color: #717075}
#wrapper #imagecontainer {padding: 0; height: 300px; position: relative;} /* height: 300px; */
#wrapper #content {padding: 0; color: #ffffff;}
#wrapper #content #flashoffers{margin:0; padding-bottom: 2px;}
#wrapper #content #offercontainer{margin: 0; height: 273px; background-color: #000000; padding: 3px; width: 100%; }
#wrapper #content #offercontainer p{color: #ffffff; font-weight: bold; padding: 110px 10px 0 10px; text-align: left; font-size: 0.8em; }
#wrapper #content #offercontainer a,
#wrapper #content #offercontainer a:link,
#wrapper #content #offercontainer a:hover,
#wrapper #content #offercontainer a:visited{color: #ffffff;}
#wrapper #content #offercontainer .offer{ position: relative; }
#wrapper #content #offercontainer .offer span{ position: absolute; bottom: 4px; right: 10px; font-size: 0.7em; font-weight: bold; }
#wrapper #content #offercontainer .offer#golf{background:url(../images/offers/boxes/golfHomeLink.jpg) no-repeat;}
#wrapper #content #offercontainer .offer#foodoffer{background:url(../images/offers/boxes/great-food.jpg) no-repeat;}
#wrapper #content #offercontainer .offer#activity{background:url(../images/offers/boxes/69webLink.jpg) no-repeat;}
#wrapper #content #offercontainer .offer#specialoffer{background:url(../images/offers/boxes/xmasLink.jpg) no-repeat;}
#wrapper #content #offercontainer div{float: left; clear: none; width: 25%; height: 100%;}
#wrapper #content #center{height: auto; margin: 0; text-align: left; background-color: #717173; background: url(../images/gradient-blue.jpg); padding-left: 20px; padding-bottom: 100px;}
/*#wrapper #content #center p{width: 370px; padding-right: 40px;}*/
#wrapper #content #center>img{ position: relative; left: -20px;}          
#wrapper #content #center h1{ margin-top: 0; padding-top: 20px; width: auto; display:inline;}
#wrapper #content #left {float: left; width: 410px; height: auto; margin: 0; text-align: left; background-color: #717173;}
#wrapper #content #left h2{ font-size: 14px; padding-left: 12px; }
#wrapper #content #right {float: right; width: 280px; margin: 0; text-align: left}
#wrapper #content #right .d {font-size: 10px; text-align: right; padding: 5px; padding-bottom: 0; padding-left: 10px; padding-right: 10px; margin-top: 5px}
#wrapper #content #right #offersbox {position: relative; padding: 0px; width: 280px; height: 330px; margin: 0; background: url(../images/box_background.gif) no-repeat}
#wrapper #content #right #offersbox #contents {position: absolute; top: 15px; left: 15px; padding: 0; margin: 0px; height: 300px; width: 250px; background: #bcb4ae; }
#wrapper #content #right #offersbox #offerdetails {position: absolute; left: 0px; bottom: 10px; text-align: center; width: 250px;}
#wrapper #content #right #offersbox #contents p {color: #7a6e66; font-size: 11px; line-height: 1.8; text-align: left; margin: 10px; padding: 0;}
#wrapper #content #right #offersbox #contents #exclusive {margin: 0; padding: 0; height: 60px; width: 100%; background: #717075 url(../images/online-availability.jpg) no-repeat center center;}
#wrapper #content #right #offersbox #contents #exclusivee {margin: 0; padding: 0; height: 60px; width: 100%; background: #231f20 url(../images/exclusive-luxury-weekend.gif) no-repeat center center;}
#wrapper #content #right #offersbox #contents #details {margin: 0 auto; padding: 0; height: 30px; width: 230px;; background: #231f20 url(../images/view-details.gif) no-repeat center center;}
#wrapper #content #right #offersbox #contents #details a {height: 100%; width: 100%; display: block}
#wrapper #content #left h1 {margin: 0; padding: 0; line-height: 1; background: #231f20; color: #f0e9e0; font-size: 80%; padding: 5px; text-transform: uppercase;}
#wrapper #content #left h1 span {font-size: 78%; font-weight: normal;}
#wrapper #content #left p {margin: 5px; padding: 5px; padding-right: 15px; line-height: 1.8; font-size: 80%; color:#ffffff; text-align: left; margin-top: 10px; margin-bottom: 15px}
#wrapper #content #left p .image {margin: 0; padding: 0; float: right; margin-left: 10px; margin-bottom: 10px;}
#wrapper #content #left a,
#wrapper #content #left a:link,
#wrapper #content #left a:hover,
#wrapper #content #left a:visited {text-decoration: none; border-bottom: 1px dotted #000; color: #000}
#wrapper #content #left a:hover {border-bottom: 1px dotted #fff}
acronym {border-bottom: 1px dotted #CC9966; font-style: normal; cursor: help}

#footer a,
#footer a:link,
#footer a:hover,
#footer a:visited {text-decoration: none; font-style:italic; color: #ffffff}
#footer a:hover {border-bottom: 1px dotted #333333}
#footer {line-height: 1.4; font-size: 70%}

#booktable {
	width: 100%;
}
#booktable .row {
	position: relative;
	clear:both;
	margin: 0px;
	padding: 5px;
	margin-bottom: 1px;
	margin-top: 1px;
	font-size: 90%;
	clear: both;
	background-color: #e9e2da;
}
#booktable .row .left {
	float: left;
	width: 200px;
}
/* Prices, aka view */
#booktable .row .view {
	float: right;
	height: 100%;
	font-size: 10px;
}
#booktable .row .numberrooms {
	float: right;
}
img.book {float: right; clear: both; margin-left: 5px; margin-bottom: 5px;}
.booknow {float: left; clear: both;}
#booktable .info {
margin-top: 5px;
	display: block;
	font-size: 80%;
	color:#666666;
}
#book_extra {margin: 10px; font-size: 70%; text-align: center}
select {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif}

form {margin: 0; padding: 0;}
#payment #error {padding: 8px; background-color: #cec8c3; font-size: 11px; line-height: 1.6; text-align:center}
#payment input {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#payment select {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#payment .row {background-color: #e9e2da; height: 25px;}
#payment .row .left {padding: 5px;float: left; width: 140px; background-color: #e2dcd4; font-size: 10px;}
#payment .row .right {padding: 3px;float: left; clear:right;}
.sep {clear:both;}
#rightbox {width: 280px; background-color: #717074; margin: 0; padding: 0; }
#rightbox #contents {padding: 15px; margin: 0; background-color: #b30838; }
#rightbox .blackstrip img {margin: 0; padding: 0; margin-top: 6px; margin-bottom: 6px;}
#rightbox #contents .second {margin: 0; margin-top: 15px;}
#rightbox .blackstrip {margin: 0; padding: 0; background-color: #717074; width: 100%; vertical-align: middle; text-align: center;}


body#intro {padding: 0; margin: 0; background: #000000;
}
#introflash {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 765px;
	height: 568px;
	margin-left: -382px;
	margin-top: -284px;
	text-align: center;
}
.address {font-size: 10px;}
#contact {padding: 30px;}
#contact .row {padding: 5px; width: 100%;}
#contact .row .left {width: 90px; float: left; font-size: 11px;}
#contact .row .right {float: left;}
#contact .row .right textarea,
#contact .row .right input {width: 200px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#gallerybutton {position: absolute; z-index: 110; bottom: 0; right: 0;}
#pausebutton {  position: absolute; z-index: 100; top: 0; right: 0; }
#imagecontainer .thumb {margin: 0px; padding: 0;}




/* Start Lightbox CSS */
#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox a img {
	border: none;
}
#outerImageContainer {
	position: relative;
	background-color: #babcbe;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer {
	padding: 10px;
}
#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav {
	left: 0;
}
#hoverNav a {
	outline: none;
}
#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat;
	display: block;
}
#prevLink {
	left: 0;
	float: left;
}
#nextLink {
	right: 0;
	float: right;
}
#prevLink:hover, #prevLink:visited:hover {
	background: url(../images/prevlabel.png) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
	background: url(../images/nextlabel.png) right 15% no-repeat;
}
#imageDataContainer {
	font: 10px Verdana, Times New Roman, Times, serif;
	background-color: #babcbe;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%
}
#imageData {
	padding:0 10px;
	color: #fff;
}
#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}
#imageData #caption {
	font-weight: bold;
}
#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #fff;
}
#prevLink { left: 0; float: left; background: url(../images/prevlabel.png) left 15% no-repeat; }#nextLink { right: 0; float: right; background: url(../images/nextlabel.png) right 15% no-repeat; }
/* End Lightbox CSS */
#mday {position: absolute; top: 0; left: 0;}
.clear{ clear: both; }