/*---------------------- Globals ----------------------*/
BODY {
	font: 11px Arial !important;
	color: #6D6763;
	text-align: center;
}
A {
	text-decoration: underline; 
	color: #6D6763;
}
A:hover { text-decoration: none; }
H1 {
	display: inline;
	font: bold 13px Arial;
	line-height: 23px;
}
H3 {
	display: inline;
	font: bold 11px Arial;
}
UL { margin: 0px; }
LI { margin: 0px 0px 0px 16px; }
.clear {
	clear: both;
	height: 0px;
	font-size: 1px;
	color : #FFF;
	line-height: 0px;
}
.br {
	font-size : 0px;
	line-height : 6px;
}
.arrow { margin-left : 5px; }
.arrow-left { margin-right : 5px; }

/*---------------------- Page Holder ----------------------*/
.Holder {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: left;
}

/*---------------------- Content ----------------------*/
.content {
	line-height : 15px;
	padding : 8px 12px 10px 12px;
}
.content-main {
	line-height : 15px;
	padding : 0px 12px 10px 12px;
}
.content-wImg {
	line-height : 15px;
	padding : 0 12px 10px 12px;
}
.content-wImg-safe{
	width : 394px;
	line-height : 15px;
	padding : 0 0 10px 12px;
}
.content-left {
	float : left;
	width : 369px;
	margin-right : 12px;
}
.content-right {
	float : left;
	width : 369px;
}
.content-section { height : 213px; }

.box-holder {
	float : left;
	width : 250px;
	color : #FFF;
}

/*---------------------- Image ----------------------*/
.image-rates {
	text-align: right;
	padding-bottom: 6px;
}
.image-rates a, .image-rates a:hover { color : #6D6763; }
.image {
	position : relative;
}
.image-desc {
	position : absolute;
	visibility : hidden;
	left : 0px;
	width : 250px;
	color : #FFF;
}
.image-text {
	font-size : 10px;
	line-height : 12px;
	background-color : #6D6763;
	padding : 1px 4px 2px 10px;
}
.image-link-bkg {
	width : 250px;
	text-align : right;
	background-color : #928D8A;
	filter : progid:DXImageTransform.Microsoft.Alpha(opacity=75);
}
.image-link {
	position : absolute;
	left : 67px;
	line-height : 14px;
	padding-right : 10px;
}
.image-link a {
	color: #FFF;
	text-decoration: none;
}
.image-link a:hover {
	color: #FFF;
	text-decoration: underline;
}

/*---------------------- Columns ----------------------*/
.welcome {
	float: left;
	width: 499px;
	height : 440px;
	color : #FFF;
	background : url(../images/bkg_welcome.jpg);
	margin-right : 1px;
}
.whattodo {
	float : left;
	width : 499px;
	background-color : #FFF;
	/*background : #FFF url(../images/bkg_destinations.jpg) 0 125px no-repeat;*/
	margin-left : 1px
}
.wheretostay {
	float : left;
	width : 499px;
	background-color : #FFF;
	/*background : #FFF url(../images/bkg_experience.jpg) 0 80px no-repeat;*/
	margin-left : 1px;
}
.welcome div, .whattodo div, .wheretostay div {
	padding : 7px 10px 10px 10px;
}
.welcome a { color : #FFF; }

#booknow {
	float : right;
	width : 73px;
	height : 74px;
	padding : 0;
	margin : 0 2px 10px 0;
	cursor : pointer;
}

.cRight {
	float: left;
	width: 166px;
}
.cImg {
	float: left;
	width: 250px;
}
.cRow {
	float : left;
	margin-bottom : 1px;
}

/*---------------------- Footer ----------------------*/
.Footer A {
	color: #F2F1E7;
	text-decoration: none;
}
.Footer A:hover {
	color: #F2F1E7;
	text-decoration: underline;
}

/*---------------------- Header ----------------------*/
.Header {
	color : #FFF;
	height: 122px;
	background: url(../images/header_strahan.jpg) no-repeat top;
}
.space {
	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;
}