/*---------------------- Header ----------------------*/
.Header {
	color : #FFF;
	height: 122px;
	background: url(../images/header/strahan.jpg) no-repeat top;
}
.space {
	height: 24px;
	background-color: #C3C4A0;
}
.navone {
	padding: 14px 120px 9px 0px;
	text-align: right;
}
.navone A {
	color : #FFF;
	text-decoration: none;
}
.navone A:hover {
	text-decoration: underline;
}
.navthree {
	color : #6D6763;
	padding: 42px 12px 0px 0px;
	text-align: right;
}
.navthree A {
	color : #6D6763;
	font: bold 11px Arial;
	text-decoration: none;
}
.navthree A:hover {
	text-decoration: underline;
}
.navfour {
	text-align: right;
	padding: 11px 12px 0px 0px;
}
.navfour A {
	color : #FFF;
	text-decoration: none;
}
.navfour A:hover {
	text-decoration: underline;
}
.navshadow {
	position: absolute;
	left: 0px;
	top: 122px;
	background: url(../Images/header/strahan_fade.gif) no-repeat top;
}

/*---------------------- Footer ----------------------*/
.Footer {
	height: 34px;
	background: #6D6763 url(../images/footer/strahan.gif) no-repeat left;
	color: #F2F1E7;
}

/*---------------------- SubNav ----------------------*/
.subnav {
	background-color: #E1E1D0;
	padding: 9px 0px 9px 0px;
	border-bottom: 1px solid #FFF;
}
.subnav .title {
	font-weight : bold;
	padding: 0px 0px 2px 12px;
}
.sn {
	padding: 1px 20px 1px 12px;
	background: url(../images/icons/sn_grey.gif) no-repeat right;
}
.sn a {
	color: #6D6763;
	text-decoration: none;
}
.sno {
	padding: 1px 20px 1px 12px;
	background: #9FA067 url(../images/icons/sn_white.gif) no-repeat right;
	color: #FFF;
	cursor: pointer;
}
.sno a, .sno a:hover {
	color: #FFF;
	text-decoration: none;
}

/*---------------------- Related Content ----------------------*/
.related {
	background-color: #C3C4A0;
	padding: 8px 0px 9px 0px;
	border-bottom: 1px solid #FFF;
}
.rntitle {
	height: 24px;
	background: url(../images/titles/title_strahan_related.gif) no-repeat top;
}
.rn {
	padding: 1px 20px 1px 12px;
	background: url(../images/icons/sn_grey.gif) no-repeat right;
}
.rn a {
	color: #6D6763;
	text-decoration: none;
}
.rno {
	padding: 1px 20px 1px 12px;
	background: #9FA067 url(../images/icons/sn_white.gif) no-repeat right;
	color: #FFF;
	cursor: pointer;
}
.rno a, .rno a:hover {
	color: #FFF;
	text-decoration: none;
}

/*---------------------- Holiday Planner -------------*/
.holidaytitle {
	height: 25px;
	background: url(../images/titles/title_strahan_holiday.gif) no-repeat top;
}

/*---------------------- Packages --------------------*/
.pkg_title {
	height: 25px;
	background: url(../images/titles/deals_strahan.gif) no-repeat top;
}

/*---------------------- Event Title --------------------*/
.eventtitle {
	height: 25px;
	background: url(../images/titles/events_strahan.gif) no-repeat top;
}

/*---------------------- Content ----------------------*/
.box-holder {
	float : left;
	width : 250px;
	color : #FFF;
}
.box {
	background : url(../images/bkgs/strahan_top.gif) no-repeat;
	line-height : 13px;
	padding : 5px 10px 5px 10px;
}
.box a {
	color : #FFF;
	text-decoration : none;
}
.box a:hover {
	text-decoration : underline;
}
.box .text {
	height : 39px;
	margin-left : 2px;
}

/*---------------------- Links ----------------------*/
.link-about {
	background : url(../images/bkgs/strahan_link.gif) repeat-y;
	padding : 2px 0px 3px 12px;
}
.link-about a {
	color : #6D6763;
	text-decoration : none;
}
.link-about a:hover {
	text-decoration : underline;
}

/*---------------------- Content Panels ----------------------*/
.panel-box {
	background : url(../images/bkgs/strahan_content_bot.gif) right repeat-y;
	padding-bottom : 12px;
	margin-bottom : 6px;
}
.panel-box .title {
	font : bold 12px arial;
	background : url(../images/bkgs/strahan_content_top.gif) right repeat-y;
	padding : 2px 12px 3px 0px;
}
.panel-box .link-dark { float : right; }
.panel-content {
	height : 57px;
	background : url(../images/bkgs/strahan_content_mid.gif) left repeat-y;
}
.panel-content .img {
	float : right;
	margin-left : 10px;
}
.panel-content .text {
	line-height : 13px;
	padding-top : 4px;
}

/*---------------------- Packages, Events ----------------------*/
.packages-box , .events-box {
	/*height : 126px;*/
	color : #FFF;
	background-color : #928D8A;
	line-height : 13px;
}
.packages-box .title {
	padding : 0px 10px 0px 12px;
	height: 24px;
	background: #6D6763 url(../images/titles/deals_strahan_home.gif) no-repeat top left;
	margin-bottom : 5px;
}
.packages-box .col { float : left; }
.packages-box .col div { margin : 0px 5px 0px 12px; }
.packages-box .text {
	width : 165px;
	/*height : 78px;*/
}
.packages-box span { font-weight : bold; }

.events-box .title {
	padding : 0px 10px 0px 12px;
	height: 24px;
	background: #6D6763 url(../images/titles/events_strahan.gif) no-repeat top left;
	margin-bottom : 3px;
}
.events-box-select {
	float : right;
	margin : 2px 0px -2px 0px;
}
.events-box-table {
	font : 11px arial;
	color : #F2F1E7;
	margin : 0px 10px 0px 12px;
}
.events-box-table tr { height : 16px; }
.events-box-table A {
	color: #FFF;
	text-decoration: none;
}
.events-box-table A:hover { 
	color: #FFF;
	text-decoration: underline;
}
.events-box-date {
	width : 124px;
	font-weight : bold;
}
.events-box-title { width : 211px; }
.events-box .text { height : 80px; }
.events-box .link-white { margin : 0px 10px 0px 12px; }

/*---------------------- Experiences ----------------------*/
.experience-box {
	float : left;
	width : 369px;
	color : #6D6763;
	background : #C3C4A0 url(../images/bkgs/strahan_box.gif) repeat-y;
}
.experience-box .text {
	padding : 3px 2px 0px 12px;
	line-height : 13px;
}
.experience-box .text div {
	font : bold 12px arial;
	color : #FFF;
	line-height : 13px;
}
.experience-link {
	background : url(../images/bkgs/strahan_box_link.gif) repeat-y;
	padding : 2px 10px 3px 0px;
	text-align : right;
}
.experience-link a {
	color : #FFF;
	text-decoration : none;
}
.experience-link a:hover {
	text-decoration : underline;
}

/*---------------------- Rates ----------------------*/
.rates-box {
	background : url(../images/bkgs/strahan_rates_mid.jpg) repeat-y;
	margin-top : 8px;
}
.rates-box .title {
	position : relative;
	font : bold 12px arial;
	background-color : #C3C4A0;
	padding : 2px 12px 2px 12px;
}
.rates-box .subtitle {
	position : relative;
	font : bold 12px arial;
	padding : 4px 0px 8px 12px;
}
.rates-box .dates {
	position : relative;
	background : url(../images/bkgs/strahan_rates_top.jpg) repeat-y;
	padding : 9px 12px 12px 12px;
}
.rates-box .intro {
	font : 12px arial;
	margin-bottom : 9px;
}
.rates-box .form-title {
	position : relative;
	float : left;
	width : 70px;
	font-weight : bold;
	padding-top : 4px;
}
.rates-box .form-select {
	position : relative;
	float : left;
	margin-right : 50px;
}
.rates-box .link {
	position : relative;
	background : url(../images/bkgs/strahan_rates_link.jpg) right repeat-y;
	padding : 2px 10px 3px 0px;
}
.rates-box .paging {
	position : relative;
	text-align : right;
	padding : 2px 10px 10px 0px;
}
.rates-current, .rates-other {
	width : 740px;
	font : bold 11px arial;
	border-collapse : collapse;
	margin-bottom : 8px;
}
.rates-current td, .rates-other td {
	width : 45px;
	text-align : center;
	border : 1px solid #6A6056;
}
.rates-current th, .rates-other th {
	width : 185px;
	text-align : left;
	border : 1px solid #6A6056;
	padding-left : 12px;
}
.rates-current .top { background-color : #C2C29E; }
.rates-current .full {
	color : #FFF;
	background-color : #898956;
}
.rates-current .checked {
	color : #FFF;
	background-color : #61621C;
}
.rates-other .top { background-color : #C0C19B; }
.rates-other .full {
	color : #FFF;
	background-color : #898956;
}
.rates-box .people { padding : 9px 12px 0px 12px; }
.rates-box .total {
	float : right;
	width : 278px;
	font-weight : bold;
	background : url(../images/bkgs/strahan_rates_total.jpg) right repeat-y;
	text-align : right;
	padding : 2px 10px 3px 0px;
	margin-top : 8px;
}
.rates-add {
	background : url(../images/bkgs/strahan_rates_add.jpg) right repeat-y;
	padding : 2px 10px 3px 0px;
}
.rates-box .other {
	font : 12px arial;
	padding : 8px 0px 8px 12px;
}
#error { display : none; }

/*---------------------- Pricing ----------------------*/
.booknow {
	width : 750px;
	background : url(../images/bkgs/strahan_rates_mid.jpg) repeat-y;
	margin-top : 7px;
}
.booknow .title { padding : 6px 0px 0px 12px; }
.booknow .dates {
	font-size : 12px;
	background : url(../images/bkgs/strahan_rates_top.jpg) repeat-y;
	padding : 12px;
}
.booknow .dates-link {
	text-align : center;
	background : url(../images/bkgs/strahan_rates_link.jpg) right repeat-y;
	padding : 2px 12px 3px 0px;
}
.booknow .dates-link a { font-weight : bold; }

#display { display : none; }

.booknow-text { padding : 12px; }
.booknow-text span { width : 100%; }
.booknow-text img { margin : 0px 1px -1px 1px; }

.key-text {
	float : left;
	padding : 5px 12px 5px 0px;
}
.key-available {
	float : left;
	width : 53px;
	font-weight : bold;
	text-align : center;
	border : 1px solid #6A6058;
	padding : 4px 0px 4px 0px;
	margin-right : 85px;
}
.key-booked {
	float : left;
	width : 53px;
	font-weight : bold;
	color : #FFF;
	background-color : #908751;
	text-align : center;
	border : 1px solid #6A6058;
	padding : 4px 0px 4px 0px;
	margin-right : 85px;
}
.key-selection {
	float : left;
	width : 53px;
	font-weight : bold;
	background-color : #BCAC46;
	text-align : center;
	border : 1px solid #6A6058;
	padding : 4px 0px 4px 0px;
}

.border { border-right : 1px solid #6D6763; }
.sign {
	float : right;
	margin : 4px 10px 0px 0px;
}

.full {
	color : #FFF;
	/*background-color : #908751;*/
	background-color: #C2C29E;
}

.row-on {
	background-color : #A3A46C;
	color: #fff;
	cursor : pointer;
}

.strahan-rates {
	width : 740px;
	font : bold 11px arial;
	border-collapse : collapse;
	margin-bottom : 6px;
}
.strahan-rates th {
	width : 55px;
	font-weight : bold;
	color : #FFF;
	background-color : #888942;
	text-align : center;
	border-top : 1px solid #6D6763;
	padding : 4px 0px 5px 0px;
}
.strahan-rates td {
	text-align : center;
	border : 1px solid #6D6763;
	padding : 4px 0px 5px 0px;
}
.strahan-rates .type { background-color : #C3C4A0; }
.strahan-rates .indent-title {
	text-align : left;
	padding-left : 12px;
	border-left : 1px solid #6D6763;
}
.strahan-rates .indent {
	text-align : left;
	padding-left : 12px;
	background-color : #C3C4A0; 
	cursor : pointer;
}
.strahan-rates .indent-room {
	text-align : left;
	padding-left : 12px;
	onmouseover : this.className = "row-on";
}
.strahan-rates .indent-special {
	text-align : left;
	padding-left : 12px;
	background-color : #D8D8C6; 
	cursor : pointer;
}
.strahan-rates .special { background-color : #D8D8C6; }

/*---------------------- Feature Pages ----------------------*/
.feature {
	clear : both;
	background : url(../images/bkgs/strahan_feature.jpg) left repeat-y;
}
.feature-large {
	clear : both;
	background : url(../images/bkgs/strahan_feature_large.jpg) left repeat-y;
}
.feature .left-content {
	float : left;
	width : 578px;
}
.feature-large .left-content {
	float : left;
	width : 494px;
}
.feature .right-content {
	float : right;
	width : 166px;
}
.feature-large .right-content {
	float : right;
	width : 250px;
}
.feature .left-content .intro {
	background-color : #E8E7CE;
	padding : 10px;
	border-bottom : 6px solid #FFF;
}
.feature .left-content .title {
	background-color : #6D6763;
	padding : 0 0 0 10px;
	border-bottom : 6px solid #FFF;
}
.feature .left-content .offer {
	position : relative;
	font-size : 12px;
	font-weight : bold;
	line-height : 14px;
	background : url(../images/bkgs/strahan_feature_offer.jpg) repeat-y;
	border-bottom : 6px solid #FFF;
	padding : 3px 0 12px 10px;
}
.feature .left-content .offer-sub {
	position : relative;
	font-size : 11px;
	font-weight : normal;
	line-height : auto;
	background : url(../images/bkgs/strahan_feature_offertext.jpg) repeat-y;
	margin : 3px 0 0 0;
	padding : 4px 0 0 0;
}
.feature .left-content .offer-sub img {
	position : relative;
	float : right;
	margin : -4px 0 0 5px;
}
.feature .left-content .offer-sub .price {
	position : absolute;
	width : 100%;
	top : 34px;
	left : 0;
	color : #FFF;
	text-align : right;
	line-height : 16px;
}
.feature .left-content .offer-sub .price span {
	font-size : 20px;
	font-weight : bold;
	margin : 0 175px 0 0;
}
.feature .left-content .copy, .feature-large .left-content .copy { padding : 10px; }

.feature .right-content .paging, .feature-large .right-content .paging { border-bottom : 6px solid #FFF; }
.feature .right-content .paging .title {
	height : 24px;
	background : url(../images/titles/feature_strahan.gif);
	margin : 0 0 1px 0;
}
.feature-large .right-content .paging .title {
	height : 22px;
	background : url(../images/titles/feature_strahan_large.gif);
	margin : 0 0 1px 0;
}
.feature .right-content .paging .links {
	background-color : #B78C30;
	padding : 4px 8px 0 8px;
}
.feature-large .right-content .paging .links {
	background-color : #B78C30;
	padding : 10px 8px 4px 8px;
}
.feature .right-content .paging .links img, .feature-large .right-content .paging .links img { margin : 0 0 2px 0; }
.feature .right-content .paging .next, .feature-large .right-content .paging .next { float : right; }
.feature-large .right-content .paging .links .viewall { margin : 0 0 -17px 94px; }

.feature-large .right-content .special { margin : 0 0 6px 0; }
.feature-large .right-content .special .title {
	height : 22px;
	background : url(../images/titles/feature_strahan_large_offer.gif);
	margin : 0 0 1px 0;
}
.feature-large .right-content .special .offer {
	color : #FFF;
	background-color : #888942;
	padding : 10px 12px;
}
.feature-large .right-content .special .offer b { font-size : 12px; }
.feature-large .right-content .special .offer br { font-size : 8px; }
.feature-large .right-content .special .price {
	float : right;
	font-size : 10px;
	color : #FFF;
	text-align : right;
	line-height : 16px;
}
.feature-large .right-content .special .price span {
	font-size : 20px;
	font-weight : bold;
	margin : 0 0 0 0;
}

/*---------------------- Features/Packages Module -----------------------*/
.feature-mod {
	position: relative;
	height: 126px;
	color: #6D6763;
	background-color: #E1DEC7;
	line-height: 13px;
}
.feature-mod .title {
	position: absolute;
	top: 0;
	left: 0;
	width: 369px;
	color: #FFF;
	background-color: #94975B;
	text-transform: lowercase;
	margin: 0 0 10px 0;
}
.feature-mod .title div {
	float: right;
	padding: 5px 12px 0 0;
}
.feature-mod .title img { margin: 0 0 0 8px; }
.feature-mod .title div .arrow { margin: 0 0 0 5px; }
.feature-mod .title div .arrow-left { margin: 0 5px 0 0; }
.feature-mod .copy {
	position: absolute;
	top: 0;
	left: 0;
	width: 185px;
	height: 90px;
	margin: 36px 0 0 0;
	overflow: hidden;
}
.feature-mod .copy .link-left {
	position: absolute;
	bottom: 4px;
	left: 8px;
}
.feature-mod .copy .link-right {
	position: absolute;
	bottom: 4px;
	right: 12px;
}
.feature-mod .copy div div {
	position: relative;
	float: left;
	width: 169px;
	height: 88px;
	padding: 0 8px;
}
.feature-mod .images {
	position: absolute;
	top: 26px;
	right: 0;
	width: 184px;
	height: 100px;
	overflow: hidden;
}
.feature-mod .images img { float: left; }
