/* Twin Creeks CSS
----------------------------------------------------------------------------------------------------------------------------

	Contents:	Imports
					Global
					Header
					Content
					Footer

--------------------------------------------------------------------------------------------------------------------------*/

/* CSS Imports
--------------------------------------------------------------------------------------------------------------------------*/
@import "navigation.css";
@import "content.css";
@import "galleria.css";

/* Global CSS and Master Reset
--------------------------------------------------------------------------------------------------------------------------*/
html, body {
	margin: 0px; 
	padding: 10px 0;
	background-color: white;
	color: #666;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.container {
	width: 955px;
	margin: 0 auto;
	background-color: white;
}

div, dl, dt, dd, ul, ol, li, pre, blockquote {
	margin: 0pt;
	padding: 0pt;
}

ul, ol {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-left: 10px;
}

:link, :visited { text-decoration: none; }

img, a img, :link img, :visited img { border: none; }

.clearer { clear: both; height: 0pt; line-height: 0pt; }
.clear { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }

.absolute { position: absolute; }
.relative { position: relative; }
.static { position: static; }

.none { display: none; }
.block { display: block; }
.inline { display: inline; }
.visible { visibility: visible; }
.hidden { visibility: hidden; }

.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
.textJustify { text-align: justify; }
.textCap { text-transform: capitalize; }
.textUnderline { text-decoration: underline; }

/* Typography
--------------------------------------------------------------------------------------------------------------------------*/
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 11px; margin-bottom: 0; margin-top: 0; }

.h6-margin { margin-bottom: 10px; font-weight: normal; margin-left: 10px; }
.h6-margin-no-bottom { margin-bottom: -10px; }
.extra-line-spacing { line-height: 1.5em; }
.large-ad-size { font-size: 28px; }

p { font-size: 12px; line-height: 1.5em; }

.location-print-button p { margin-bottom: 0; margin-top: 0; }

/* Links
--------------------------------------------------------------------------------------------------------------------------*/
a { color: #666; text-decoration: none; outline: none; }
a:active { color: #666; outline: none; }
a:visited { color: #666; outline: none; }
a:hover { color: #ccc; outline: none; }

.contact-col-1 a { color: #666; text-decoration: none; outline: none; }
.contact-col-1 a:active { color: #666; outline: none; }
.contact-col-1 a:visited { color: #666; outline: none; }
.contact-col-1 a:hover { color: #ccc; outline: none; }

.footer-ad-space a span { 
	background-position: 0px -158px; width: 474px; height: 158px;
	background-image: url(../images/content/footer/ad-space.jpg);
	display: block; background-repeat: no-repeat;
}
.footer-ad-space a:hover span 	{ background-position: 0px 0px; }

/* Partner Links */
.troon-link a span { 
	background-position: 0px 0px; width: 55px; height: 21px;
	background-image: url(../images/content/footer/troon-link-new.jpg);
	display: block; background-repeat: no-repeat;
}
.troon-link a:hover span 	{ background-position: 0px -21px; }

.graham-marsh-link a span { 
	background-position: 0px 0px; width: 40px; height: 46px;
	background-image: url(../images/content/footer/graham-marsh-link-new.jpg);
	display: block; background-repeat: no-repeat;
}
.graham-marsh-link a:hover span 	{ background-position: 0px -46px; }

.marsim-link a span { 
	background-position: 0px 0px; width: 42px; height: 44px;
	background-image: url(../images/content/footer/marsim-link-new.jpg);
	display: block; background-repeat: no-repeat;
}
.marsim-link a:hover span 	{ background-position: 0px -44px; }

.crownland-link a span { 
	background-position: 0px 0px; width: 61px; height: 52px;
	background-image: url(../images/content/footer/crownland-link-new.jpg);
	display: block; background-repeat: no-repeat;
}
.crownland-link a:hover span 	{ background-position: 0px -52px; }


/* Header CSS
--------------------------------------------------------------------------------------------------------------------------*/
.header {
	font-size: 12px; height: 119px;
}

.header-col-left { float: left; width: 260px; }
.header-col-right { float: right; width: 695px; }



/* Content CSS
--------------------------------------------------------------------------------------------------------------------------*/
.content { padding: 5px 0; }
.img-padding-intro { margin-left: 200px; }

.img-caption { float: right; margin-top: 4px; }
.caption-left { float: left; }
.caption-right { float: right; }
.caption-wide { width: 400px; }

.single-text-image { width: 115px; float: right; }
.image-col { width: 570px; float: right; }

.text-col { float: left; width: 385px; }
.text-col-1 { float: left; width: 410px; }
.text-col-2 { float: right; width: 410px; }

.col-layout-3-1 { float: left; width: 310px; }
.col-layout-3-2 { float: left; width: 310px; }
.col-layout-3-3 { float: right; width: 310px; }

.contact-col-1 { float: left; width: 340px; }
.contact-col-2 { float: right; width: 615px; }

.static-2-col-1 { float: left; width: 255px; }
.static-2-col-2 { float: right; width: 680px; }

.static-2-col-text-1 { float: left; width: 285px; margin-right: 10px; }
.static-2-col-text-2 { float: left; width: 285px; }
.static-2-col-text-3 { float: right; width: 360px; }

#news ul li { 
	background-image: url(../images/template/list-arrow.jpg); 
	background-repeat: no-repeat; margin-left: -10px; padding-left: 10px;
	background-position: 0 3px; margin-bottom: 5px;
}

/* Footer CSS
--------------------------------------------------------------------------------------------------------------------------*/
.footer {
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	color: #666; position: relative;
	font-size: 10px; height: 158px;
	padding: 10px 0px; min-height: 158px;
}

.footer-ad-space { float: left; width: 474px; height: 158px; }
.footer-partners-links { float: right; width: 481px; }

/* Partner Links */
.troon-link { 
	width: 55px; height: 21px; float: right; padding-right: 20px;
	position: relative; top: 110px;
}
.graham-marsh-link { 
	width: 40px; height: 46px; float: right; padding-right: 20px; 
	position: relative; top: 90px;
}
.marsim-link { 
	width: 42px; height: 44px; float: right; padding-right: 20px; 
	position: relative; top: 92px;
}
.crownland-link { 
	width: 61px; height: 52px; float: right; padding-right: 20px;
	position: relative; top: 85px;
}


.footer p { margin: 0; }

.footer-links-bottom {
	font-size: 10px; color: #666;
	padding: 10px 0 30px 0;
}

/* Footer Columns */
.footer-bottom-col-1 { float: left; width: 238px; text-align: center; }
.footer-bottom-col-2 { float: left; width: 238px; text-align: center; }
.footer-bottom-col-3 { float: left; width: 238px; text-align: center; }
.footer-bottom-col-4 { float: left; width: 238px; text-align: center; }

/* Footer Ad Links */
.footer-ad-links { display: block; width: 185px; text-align: right; font-size: 11px; }
.footer-ad-links img { margin-left: 10px; }

/* Footer Promos */
.escape-summer { position: absolute; left: 485px; }