@font-face {
    font-family: 'OpenSansRegular';
    src: url('OpenSans-Regular-webfont.eot');
    src: url('OpenSans-Regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Regular-webfont.woff') format('woff'),
         url('OpenSans-Regular-webfont.ttf') format('truetype'),
         url('OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('OpenSans-Italic-webfont.eot');
    src: url('OpenSans-Italic-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Italic-webfont.woff') format('woff'),
         url('OpenSans-Italic-webfont.ttf') format('truetype'),
         url('OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('OpenSans-Semibold-webfont.eot');
    src: url('OpenSans-Semibold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Semibold-webfont.woff') format('woff'),
         url('OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('OpenSans-SemiboldItalic-webfont.eot');
    src: url('OpenSans-SemiboldItalic-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*---------------------------------------------- GLOBAL SETTINGS */

html {
	height: 100%;
	width: 100%;
}

body {
	font-family:  Arial, Helvetica, sans-serif;
	background: url(../images/watermark.png) top left no-repeat #ececec;
	font-size: .75em; 
	color: #555;
}

/*-------------------------------------------------------- LINK */

a {
  color: #786e36;
	text-decoration: underline;
}

a:hover {
	color: #a0965d;
	text-decoration: none;
}

/*---------------------------------------------------- HEADINGS */

h1, h2, h3, h4, h5, h6, .head2 {
	font-weight:normal;
	font-family: 'OpenSansRegular', Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
	color: #945a2d;
	line-height: 1.5em;
}

h1 {
	font-size: 1.8em;
	padding: 0 0 10px 0;
}

h2 {
	font-size: 1.6em;
	padding: 0 0 8px 0;
}

h3 {
	font-size: 1.4em;
	padding: 0 0 6px 0;
}

h4 {
	font-size: 1.2em;
	padding: 0 0 5px 0;
}



/*-------------------------------------------------- PARAGRAPHS */

p {
	font-size: 100%;
	line-height: 1.9em;
	padding: 0 0 1.25em 0;
}


/* LISTS -------------------------------------------------------- LISTS */

ul, ol {
	padding:0 0 1.25em 2.5em;
}

#content li { 
	font-size: 100%;
	line-height: 1.6em;
}

/*-- nested lists --*/

#content ul ul {
	padding: 0 0 0 1.5em;
}

#content ol ol {
	padding: 0 0 0 1.5em;
}

/*------------------------------------------------------ LAYOUT */

#wrapper {
	width: 100%;
	background: url(../images/middle-stripe.png) top left repeat-x;
}

#stripes {
	width: 100%;
	background: url(../images/top-stripes.png) repeat-x top left;
}

#container {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

#header {
	height: 238px;
	display: block;
}

#silhouette {
	background: url(../images/bg2.png) right 284px no-repeat;
	height: 100%;
	width: 100%;
}



#logo-botanika {
	width: 1000px;
	height: 120px;
	display: block;
	background: url(../images/logo.png) no-repeat;
	position: absolute;
	top: 50px;
	left: 0px;
	text-indent:  -9999px;
}



/*------------------------------------------------------ SELECTOR */

#selector {
	position: absolute;
	top: 55px;
	right: 0px;
	width: 229px;
	height: 34px;
	display: block;
	background: url(../images/selector-bg.png) 0px 0px no-repeat;
}

#selector a.btn {
	background: url(../images/selector-button.png) 0px 0px no-repeat;
	width: 22px;
	height: 22px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
}

#selector a.btn:hover {
	background: url(../images/selector-button.png) 0px -22px no-repeat;
}

#selector p {
	color: #fff;	
	position: absolute;
	top: 5px;
	left: 8px;
	padding: 0;
	margin: 0;
}

#selector ul {
	position: absolute;
	top: 34px;
	list-style: none;
	padding: 10px;
	margin: 0;
	background-color: #5b5b58;
	border: 1px solid #3d3d3d;
	z-index: 102;
	width: 207px;
}

#selector li {
	line-height: 1.8em;
}

#selector li a {
	color: #fff;
	text-decoration: none;
	display: block;
}

#selector li a:hover {
	text-decoration: underline;
}

/*------------------------------------------------------ SOCIAL LINKS */

#social-links { position: absolute; right: 0px; top: 15px; }
#social-links a { margin-left: 5px; }


/*------------------------------------------------------ SUBSCRIBE */

#subscribe {
	position: absolute;
	top: 69px;
	right: 4px;
	padding: 0 0 0 10px;
	background-color: #ececec;
	z-index: 101;
	width: 550px;
	height: 111px;
}

#subscribe p.heading {
	display: block;
	height: 10px;
	width: 155px;
	text-indent: -9999px;
  padding-bottom: 7px;
	background: url(../images/subscribe-header.png) 0px 0px no-repeat;
}

form#subscribe-form div {
	display: block;
	width: 100%;
	padding: 0 0 4px 0;
	height: 40px;
	margin: 0;
	position: relative;
}

form#subscribe-form label {
	color: #464332;
	font-size: 0.9em;
	position: absolute;
	top: 12px;
	left: 8px;
	color: #969696;
	display: block;
}

form#subscribe-form input {
	font-size: 0.9em;
	width: 198px;
	display: block;
	float: left;
	padding: 8px 6px 7px;
	margin: 0 5px 0 0;
	background: url(../images/booking-input-bg.gif) repeat-x #fff;
	border: 0;
	height: 17px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-family: 'OpenSansRegular', Helvetica, Arial, sans-serif;
	color: #595341;
	border: 1px solid #cec38a;
}

form#subscribe-form button {
	width: 96px;
	height: 32px;
	display: block;
	background: url(../images/subscribe.png) no-repeat;
	text-indent: -9999px;
	border: 0;
	cursor: pointer;
	float: right;
}

form#subscribe-form button.indent, form#subscribe-form button.indent:hover {
	margin-right: 10px;
}

form#subscribe-form input.reduce {
	width: 188px;
}

form#subscribe-form #extra-fields {
	background-color: #ececec;
	padding: 0;
}

form#subscribe-form #extra-fields div input {
	width: 136px;
	float: left;
	display: inline-block;
}

form#subscribe-form #extra-fields div {
	float: left;
	width: 140px;
	height: 33px;
	margin: 0 15px 0 0;
}

form#subscribe-form #extra-fields div.mobile {
	margin: 0;
}

form#subscribe-form p.required {
	font-size: 0.9em;
	color: #969696;
	padding: 0 0 5px;
	clear: both;
}

form#subscribe-form a.close {
	display: block;
	width: 56px;
	height: 13px;
	text-indent: -9999px;
	background: url(../images/close-btn.png) 0px 0px no-repeat;
	position: absolute;
	right: 10px;
	bottom: 10px;
}

form#subscribe-form button:hover {
	background-position: 0 -32px;
}

form#subscribe-form button:active {
	margin: 1px 0 0 0;
}

/*------------------------------------------------------ SLIDESHOW */

#feature-area {
	position: relative;
	height: 336px;
	width: 1000px;
}

#feature-slides {
	position: absolute;
	top: 18px;
	width: 660px;
	height: 301px;
	overflow:hidden;
}

#feature-area a.gallery-link {
	position: absolute;
	bottom: 35px;
	left: 15px;
	z-index: 9999;
	background: url(../images/view-gallery-btn.png) 0px 0px no-repeat;
	width: 124px;
	height: 36px;
	text-indent: -9999px;
}

#feature-area a.gallery-link:hover {
	background: url(../images/view-gallery-btn.png) 0px -36px no-repeat;
}


	
/*------------------------------------------------------ CONTENT */

#content {
	background-color: #fff;
	padding: 10px;
}

#main-content {
	float: left;
	width: 650px;
}

#main-content-large {
	float: left;
	width: 970px;
}

#side-content {
	float: right;
	width: 320px;
}

#video-container_wrapper {
  margin-bottom: 10px;
}
#video-container {
  background: red;
}

/*------------------------------------------------------ MAIN CONTENT */

#main-content h1,  #main-content-large h1 {
	font-family: 'OpenSansRegular', Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.7em;
	margin: 0 0 30px -10px;
	padding: 0 0 15px 5px;
	border-bottom: 1px solid #bebebe;
	display: inline-block;
	width: auto;
}

#main-content h1 strong {
	color: #7a6b1c;
	font-weight: normal;
}

#main-content img.left {
	margin: 0 15px 15px 0;
	border: 7px solid #f2f0e8;
}

#main-content p {
	color: #2c2828;
}

#text-content {
	padding: 0 15px 15px;
}

/*------------------------------------------------------ INTERNAL MAIN CONTENT */

#internal #main-content h1 {
	font-size: 1.5em;
	margin: 10px 0 20px -10px;
	padding: 0 0 15px 25px;
	border-bottom: 1px solid #bebebe;
	display: inline-block;
	width: auto;
}

/*------------------------------------------------------ PROMOTIONS */

#promotions {
	margin: 0 0 20px;
}

#promotions .promo-item {
	float: left;
	display: block;
	position: relative;
	width: 320px;
	height: 160px;
	margin: 0 0 10px;
	background-color: #2f2c1b;
}

#promotions .promo-item p {
	font-family: 'OpenSansRegular', Helvetica, Arial, sans-serif;
	color: #c1b67b;
	text-transform: uppercase;
	font-size: 1.1em;
	line-height: 1.4em;
	padding: 10px;
}

#promotions .promo-item p a {
	text-decoration: none;
	color: #c1b67b;
}

#promotions .promo-item p a:hover {
	text-decoration: underline;
}

#promotions .first {
	margin: 0 10px 0 0;
}

#promotions .promo-item a.view-promo {
	position: absolute;
	right: 0px;
	top: 35px;
	background: url(../images/view-details.png) 0px 0px no-repeat;
	width: 116px;
	height: 36px;
	text-indent: -9999px;
}

#promotions .promo-item a.view-promo:hover {
	background: url(../images/view-details.png) 0px -36px no-repeat;
}

/*------------------------------------------------------ SIDE CONTENT */

#packages {
	border: 1px solid #dbd7c1;
	background: #edebdf url(../images/packages-bg.gif) 0px 0px repeat-x;
	padding: 15px 10px;
	position: relative;
}

#packages h2 {
	font-family: 'OpenSansRegular', Helvetica, Arial, sans-serif;
	text-indent: -9999px;
	display: block;
	width: 243px;
	height: 14px;
	background: url(../images/aspire-corporate-plaza-1.png) 0px 0px no-repeat;
}

#packages a.all {
	text-indent: -9999px;
	display: block;
	width: 133px;
	height: 12px;
	background: url(../images/view-all-packages.png) 0px 0px no-repeat;
	position: absolute;
	right: 10px;
	top: 15px;
}

#packages a.all:hover {
	background: url(../images/view-all-packages.png) 0px -12px no-repeat;
}

#packages .item {
	display: block;
	background-color: #fbfbf8;
	border: 1px solid #fff;
	padding: 10px;
	position: relative;
	margin: 11px 0 0 0;
	height: 407px;
}

#packages .item img {
	float: left;
	display: block;
	position: relative;
	border: 3px solid #bfbfbd;
}

#packages .item p {
	margin: 0 0 20px 100px;
	font-family: 'OpenSansSemiBold', Helvetica, Arial, sans-serif;
	color: #786a1e;
	line-height: 1.4em;
	font-size: 1.0em;
	display: block;
	position: relative;
}

#packages .item p a {
	text-decoration: none;
	color: #786a1e;
}

#packages .item p a:hover {
	text-decoration: underline;
}

#packages .item a.view {
	background: url(../images/view-package.jpg) 0px 0px no-repeat;
	width: 64px;
	height: 26px;
	text-indent: -9999px;
	display: block;
	clear: both;
	position: absolute;
	right: 10px;
	bottom: 10px;
}

#packages .item a.view:hover {
	background: url(../images/view-package.jpg) 0px -26px no-repeat;
}

/*------------------------------------------------------ INTERNAL SIDE CONTENT */

#internal #side-content #images {
	margin: 0 0 15px 0;
}

#side-content #sub-nav {
	background: #edebdf url(../images/sub-nav-bg.png) 0px 0px no-repeat;
	border: 1px solid #e7e4d1;
	margin: 0 0 15px 0;
	padding: 15px 0px;
}

#sub-nav h3 {
	color: #8c7e34;
	font-family: 'OpenSansRegular', Helvetica, Arial, sans-serif;
	display: inline-block;
	padding: 0 0 7px 20px;
	font-size: 1.2em;
	text-transform: uppercase;
	border-bottom: 1px solid #d0cfca;
	margin: 0 0 10px 5px;
}

#sub-nav h3 span {
	padding: 4px 7px;
	background-color: #fff;
	display: block;
}

#sub-nav ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 10px;
}

#sub-nav li {
	float: left;
	width: 140px;
	line-height: 2.0em;
	background: url(../images/sub-nav-arrow.png) 0px 7px no-repeat;
	padding: 0 0 0 10px;
}

#sub-nav li a {
	color: #665c2b;
  font-size: 0.9em;
	font-family: 'OpenSansRegular', Helvetica, Arial, sans-serif;
	text-decoration: none;
}

#sub-nav li a:hover {
	text-decoration: underline;
}

#sub-nav li a.active {
	font-family: 'OpenSansSemiBold', Helvetica, Arial, sans-serif;
	color: #574d1e;
}


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

body#corporate {
	font-family:  Arial, Helvetica, sans-serif;
	background: url(../images/corporate-watermark.png) top left no-repeat #ececec;
	font-size: .75em; 
	color: #555;
}

#corporate #wrapper {
	width: 100%;
	background: url(../images/corp-middle-stripe.png) top left repeat-x;
}

#corporate #header {
	height: 153px;
	padding: 38px 0 0;
}

#corporate h1 a#logo {
	background: url(../images/corporate-logo.png) 0px 0px no-repeat;
	height: 111px;
	width: 206px;
	position: static;
	left: auto;
	top: auto;
	margin: 0 auto;
}




#corporate #content {
	padding: 20px 10px 10px;
	min-height: 213px;
}

#corporate #main-content {
	float: right;
	width: 670px;
}

#corporate #side-content {
	float: left;
	width: 300px;
}

#corporate #main-content p {
	color: #6b6858;
}

#corporate #side-content h3 {
	display: block;
	height: 46px;
	width: 203px;
	text-indent: -9999px;
	margin: 70px auto 0;
	background: url(../images/corporate-details.png) 0px 0px no-repeat;
}

#corporate #footer {
	height: auto;
	margin: -244px 0 0 0;
	min-height: 290px;
	background: #bcaf69 url(../images/corp-footer-stripes.png) bottom left repeat-x;
}

#corporate #footer-shadow {
	width: 100%;
	background: url(../images/box-shadow.png) center 150px no-repeat;
	height: 280px;
	display: block;
}


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

#footer {
	width: 100%;
	background: #525252 url(../images/footer-stripes.png) bottom left repeat-x;
	height: 135px;
	margin: -63px 0 0 0;
}

#footer-shadow {
	width: 100%;
	background: url(../images/box-shadow.png) center -15px no-repeat;
	height: 135px;
	display: block;
}

#main-footer {
	width: 100%;
	height: 350px;
}

#footer-inner {
	width: 1000px;
	margin: -50px auto 0;
	height: 235px;
}

#footer-inner #google-map {
	float: left;
	width: 640px;
	margin:0;
	background-color: #232323;
	padding: 10px;
	position: relative;
	display: inline;
}

#footer-inner #google-map a {
	position: absolute;
	left: 20px;
	bottom: 20px;
	display: block;
	width: 134px;
	height: 36px;
	background: url(../images/view-map.png) 0px 0px no-repeat;
	text-indent: -9999px;
}

#footer-inner #google-map a:hover {
	background: url(../images/view-map.png) 0px -36px no-repeat;
}

#footer-inner #details {
	float: right;
	width: 290px;
	background: url(../images/details-bg.png) 0px 0px no-repeat;
	height: 189px;
	padding: 30px 20px 20px;
	position: relative;
	display: inline;
}





#footer-inner #details p {
	text-align: left;
	color: #fff;
	line-height: 1.6em;
}

#footer-inner #details p strong {
	color: #a0965d;
	font-weight: normal;
}

#footer-inner #details p.tagline {
	position: absolute;
	left: 25px;
	bottom: 20px;
	display: block;
	width: 283px;
	height: 14px;
	background: url(../images/detail-makes.png) 0px 0px no-repeat;
	text-indent: -9999px;
	text-align: left;
}

#footer-info {
	width: 1000px;
	margin: 25px auto 0;
	text-align: center;
}

#footer-info p {
	font-size: 0.9em;
}

#footer-info a {
	color: #8e8e8e;
	text-decoration: none;
	margin: 0 10px;
}

#footer-info a:hover {
	color: #575757;
}

#footer-info p#copyright {
	color: #8e8e8e;
}

#footer-info p#copyright a {
	color: #a0965d;
	margin: 0;
}

/* CUSTOM CLASSES -------------------------------------- CUSTOM CLASSES */

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}



.side-image {
  margin-bottom: 15px;
}

.element {
  padding: 4px 0px;
  line-height: 1.9em;
}

.elementTitle {
  padding: 4px 0px;
}

.roomTitle {
	font-weight:normal;
	margin:0;
	padding:0;
	color: #555555;
	line-height: 1.5em;
  font-size: 1.2em;
  text-transform: uppercase;
}
.roomTitleRow {
  background: #d3d3d3;
}

.error {
  color: red;
  margin-bottom: 15px;
}

.head2 {
	font-size: 1.6em;
	padding: 0 0 8px 0;
}



#gallery-images {
	width: 100%;
	margin-bottom: 15px;
	}

#gallery-images a {
	margin: 0 22px 22px 0px;
	}

#gallery-images img {
	border: #6c6256 4px solid;
  margin-bottom: 22px;
	}

#gallery-images a:hover img {
  border-color: #353535;
	}