@charset "utf-8";
/* CSS for - Copyright www.ukwebsites.net */

body {margin: 0; padding: 15px 0; background: #201001; color: #effecf; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.70em}
* {margin: 0; padding: 0; text-align: left}
a img {border: 0}

/* ----------------------------------------- LAYOUT ------------------------------------------- */
div#content-full {width: 100%; background: #3a1c01}
div#content {position: relative;margin: 0 auto;	width: 992px; overflow: hidden; background: url(images/content.jpg) 0 0 repeat-y}

div#img-and-nav-full {width: 100%; background: url(images/img-and-nav-full.jpg) left top repeat-x}

div#main-image {
    position: relative;
	margin: 0 auto;
    width: 992px;
    height: 367px!important;
	overflow: hidden;
	background: url(images/img-golf.jpg) 0 0 no-repeat
}

div#main-image object {position: absolute; left: 0; top: 0; z-index: 2}
div#main-image p {margin: 0}

div#main-nav {
    position: relative;
	z-index: 3;
	margin: 0 auto;
    width: 992px;
    height: 40px;
	background: url(images/nav-back.gif) 0 0 no-repeat
}

div#full-col {margin: 25px 0 0 0; padding-bottom: 65px; width: 992px; overflow: hidden}

div#left-col {float: left; margin: 25px 0 0 0; padding-bottom: 65px; width: 496px;overflow: hidden}
div#right-col {float: right; margin: 25px 0 0 0; padding-bottom: 65px; width: 496px; overflow: hidden}

body#body-contact-us div#left-col {width: 596px}
body#body-contact-us div#right-col {width: 396px}

div#footer-full {width: 100%; background:url(images/footer-full.jpg) left top repeat-x #201001}
div#footer {
    position: relative;
	margin: 0 auto;
    width: 992px;
    height: 118px;
	background: url(images/footer-back.jpg) 0 0 no-repeat;
}

div#reflect-full {width: 100%; background: url(images/reflection-full.jpg) left top repeat-x #201001;}
div#reflect {
	position: relative;
	margin: 0 auto;
    width: 992px;
    height: 133px;
	background: url(images/reflection.jpg) 0 0 no-repeat;
}

img#family {position: absolute; right: 0; bottom: -1px; z-index: 10}


/* -------------------------------------------- TYPE --------------------------------------------- */
h1 {position: absolute; left: 20px; top: 20px}

a:link, a:visited{text-decoration: none; color: #ff8a00}
a:hover {border-bottom: 1px solid #ff8a00}
a:focus {border-color: #000!important}

h2, h3, h4 {font-family: Arial, Helvetica, sans-serif; color: #effecf}
h2 {display: block; margin: 0; font-size: 28px; font-weight: normal; position: relative; left: 20px; top: 20px}
h3 {margin: 20px 20px 0 20px; font-size: 16px; line-height: 28px; font-weight: normal; border-bottom: 1px solid #381b01}
h4 {margin: 25px 20px 5px 20px; font-size: 14px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif}

p {margin: 10px 20px; line-height: 1.6}
p.quote {margin-top: -7px; font-size: 0.8em; font-weight: bold; text-align: right}

ul, ol {margin: 0; padding: 0}
ul {list-style: square outside}

/* HALF COL TABLES */
.tablediv {position: relative; z-index: 2; width: 457px; margin: 10px 0 10px 20px; padding: 10px 0; background: #381b01}
.tabledivtop {position: absolute; left: 0; top: 0}
.tabledivbot {position: absolute; left: 0; bottom: -1px}

/* FULL COL TABLES */
.tabledivfull {position: relative; z-index: 2; width: 950px; margin: 10px 0 10px 20px; padding: 10px 0; background: #381b01}
.tabledivfulltop {position: absolute; left: 0; top: 0}
.tabledivfullbot {position: absolute; left: 0; bottom: -1px}

.tabledivfull table tr th h3 {margin: 10px 0 0 0; line-height: 18px;}
.tabledivfull table tr th {padding: 0 0 10px 0;}
.tabledivfull table tr td {padding: 0}

table {margin: 0 20px; border-collapse: collapse; line-height: 1.6}
table tr td {vertical-align: top}
table tr th {text-align: left}

.tablediv table {margin: 0 10px;}

iframe {width: 945px; margin: 10px 0 0 20px; height: 400px; border: 1px solid #000}

/* ------------------------------------------ MAIN NAV ------------------------------------------- */
/* SEE SPRY */





/* ------------------------------------------ FOOTER NAV ------------------------------------------- */
div#footer ul {margin: 0; position: absolute; left: 10px; top: 55px; z-index: 10}
div#footer ul li {float: left; display: block; height: 15px; line-height: 15px; margin: 0; padding: 0; border-right: 1px solid #251201}
div#footer ul li.last-li {border: 0}
div#footer ul li a {float: left; display: block; height: 15px; line-height: 15px; margin: 0; padding: 0; color: #effecf; text-align: center; font-size: 0.90em; padding: 0 15px}

div#footer ul li a:hover {color: #ff8a00; border: 0}

span#copyright {position: absolute; left: 25px; top: 75px; color: #effecf; z-index: 11; font-weight: normal; font-size: 0.9em}




/* ------------------------------------------ PHOTOS PAGE ------------------------------------------- */
ul#photos {margin: 15px 20px 10px 20px;}
ul#photos li {list-style: none outside; display: block; float: left; padding: 0 15px 13px 2px}
ul#photos li a {display: block; float: left; width: 150px; padding: 2px; background: #effecf; border: 1px solid #000; }
ul#photos li a img {width: 150px; height: 113px}
ul#photos li a:hover {background: #effecf; border-color: #effecf; text-decoration: none}



/* ------------------------------------------ VIDEO PAGE ------------------------------------------- */
ul#video {margin: 15px 20px 10px 20px;}
ul#video li {list-style: none outside; display: block; float: left; padding: 0 15px 13px 2px}



/* ---------------------------------------- GETTING THERE ------------------------------------------- */
ul.logo-links {margin: 5px 0 0 20px}
ul.logo-links li {float: left; padding: 0 11px 7px 0; display: block; width: 201px; height: 87px;}
ul.logo-links li a {width: 201px; height: 85px; overflow: hidden}
ul.logo-links li a:hover {border: 0}



/* ------------------------------------------ BOOKING PAGE ------------------------------------------ */
a#thermostat {display: block; width: 328px; height: 127px; float: right; margin: 20px 20px 0 15px; background: url(images/thermostat.jpg) left top no-repeat; border: 0}
a#thermostat:hover {background-position: left bottom; border: 0}


/* ------------------------------------------ CONTACT FORM ------------------------------------------ */
form#contact-form {margin: 10px 0 0 20px;}
form#contact-form table {width: 95%}
form#contact-form table tr td {padding: 3px 20px 3px 0}
form#contact-form table tr td input.txtinput {padding: 2px; border: 2px solid #80675a!important; background: #effecf!important; color: #593525; font-size: 12px; width: 210px; float: right}

form#contact-form table tr td textarea {padding: 2px; border: 2px solid #80675a!important; background: #effecf!important; color: #593525; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 520px!important; overflow: hidden}

#lblmessage {position: relative; top: 5px}

#send-button {width: 114px; height: 32px; line-height: 32px; text-align: center; background:url(images/btn-submit.gif) 50% 50% no-repeat!important; border: 0!important; color: #effecf; cursor: pointer; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif}



/* ------------------------------------------ SOCIAL-BOOKMARKS ------------------------------------------- */
div#social-bookmarks {position: absolute; left: 20px; bottom: 0; z-index: 100; padding: 6px 10px; border: 1px solid #381b01; width: 380px}
div#social-bookmarks p {float: left; margin: 0; font-size: 10px; width: 50%}
div#social-bookmarks p#clicktoshare {float: right; text-align: right}
div#social-bookmarks p a#bookmark-heading {float: left; display: block; border: 0; width: 120px}

div#social-bookmarks div#bookmarkicons {float: left; width: 100%; height: 20px; padding: 0 0 4px 0}

div#social-bookmarks a {border: 1px solid #381b01; padding: 0; margin: 0 3px 0 0; display: block; float: left; width: 20px; height: 20px}
div#social-bookmarks a:hover {border: 1px solid #ff8a00}