@charset "UTF-8"; 

/* Fonts */
@import "fonts/style.css"; 

/* Base */
* { margin:0; padding:0; outline:0; border:0; }

body { text-align:center; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333; }
h1 { font-size:16px; }
h2 { font-size:14px; margin:0 0 3px 0; }
a { color:#FFFFFF; }
a:hover { color:#CCCCCC; }	
p { line-height:18px; margin-bottom:15px; }
img { max-width:100%; }
ul, ol { margin-left:20px; margin-bottom:10px; }
ul li, ol li { padding-bottom:5px; }
.clear { clear:both; height:0px; }
	
.clear { clear:both; height:0px; }
.header {width:825px;text-align:left;margin:10px auto 5px auto; }
.header .logo {position:relative;top:0;left:0; }
.content { width:825px; border-left:1px solid #fff; border-right:1px solid #fff; margin:0 auto 0 auto; text-align:left; }
.content2 { width:825px; border-left:1px solid #fff; border-right:1px solid #fff; margin:0 auto 0 auto; text-align:left; background-color:#fff; }

/* ----- MAIN NAVIGATION ------ */

/* ----- HOME PAGE STRUCTURE ------ */

#row1Home {background-color:#292929; }
#row2Home {background-color:#7d8f25; }
#row1 {background-color:#7d8f25; }
#row2 {background-color:#292929; }
#mainContent {background-color:#e3e3e3; }

/* ----- IMAGE BOX WITH GREY BARS ------ */
.container{ position:relative; overflow:hidden; height:423px; }
.container2{ position:relative; overflow:hidden; height:317px; }	
.imageBg { position:absolute; top:0; left:0; z-index:0; }
.courses, .info { background-color:#000000; width:825px; position:absolute; z-index:1; opacity:.8;filter: alpha(opacity=80); overflow:hidden; }
.courses { top:0; left:0; padding:7px 0px; text-align:center; }
.info { bottom:0; left:0; padding:10px 0px; }
.courseLogo { margin:0px 25px; cursor:pointer; cursor:hand; }
.courseLogo:hover { opacity:.7; filter: alpha(opacity=50); }
.imgTitle { float:left; margin-left:10px; }

	
/* ----- HOME PAGE ROW2 ------ */

#row2Home .content { border-top:1px solid white; background-color:#a4bb30; color:#fff; }
#row2Home .leftCol { width:590px; float:left; margin:20px; }
.leftCol img { margin-bottom:10px; }
#row2Home ul.rightCol { float:right; width:155px; margin:40px 20px 10px 0px; }
#row2Home .rightCol li { list-style-type:none; height:10px; margin-bottom:10px; }
#row2Home .rightCol a { display:block; height:10px; }

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

#mainContent .content { background-color:#fff; }
#mainContent .leftCol { float:left; width:550px; }
#mainContent .rightCol { float:right; background-color:#292929; width:275px; color:#fff; padding:20px; }
#mainContent .leftCol a { color:#666666; }
/* ----- FOOTERS ------ */

#footer, #footerHome { font-size:10px; text-align:left; width:825px; color:#666666; }
#footerHome { margin:0px auto; }
#footerHome .leftCol, #footer .leftCol { float:left; margin:20px 0 0 20px; width:260px; padding-bottom:20px; }
#footerHome .rightCol, #footer .rightCol {	
	float:right; width:500px; margin:20px 20px 0 0; text-align:right; background-color:#fff; }
#footerHome .rightCol li, #footer .rightCol li { list-style-type:none; display:inline; padding:0px 1px; }
#footerHome .rightCol a, #footer .rightCol a { color:#666666; }
	
/* ----- EVERYTHING ELSE ------ */
#row1 .content, #row1 .content2 { background-color:#a4bb30; }
.row1head { margin:70px 0 20px 20px;  }
.mapInfo { z-index:1; }
.info .leftCol { float:left; width:450px;
 	color:#ffffff;	}
.info .leftCol h1 { margin:0px; }
.courseIcon { float:left; margin:0px 15px; }
.leftCol2 { width:480px; float:left; margin:20px 0 0 20px; color:#666666; }
.rightCol2 { width:290px; float:right; margin:20px 0px 20px 20px; }
.leftCol3 { width:350px; float:left; color:#666666; margin:20px 0 40px 20px; }
.rightCol3 { width:280px; float:left; color:#666666; margin:20px 0 40px 20px; }
.leftCol3 ul, .rightCol3 ul { margin:3px 0 0 15px; }
.leftCol3 li { margin-bottom:3px; }
.teeTable {	
	width:260px; margin:20px 0px; }
.teeTable td { padding:1px; }
.teeTable th { font-size:14px; }
.left { float:left; }
.featuredIntro { color:#fff; background-color:#525252; }
.featuredIntro h2 { padding:20px 0 0 20px; }
.featuredIntro p { padding: 0 20px 20px 20px; }
	
	/* ------ Special blocks ---*/
	
a#specials span, a#eighteenholes span, a#nineholes span { display:none; visibility:hidden; }
 
a#eighteenholes { background:url(images/18holes.gif) top left no-repeat; width:274px; height:231px; float:left; }
a#eighteenholes:hover { background:url(images/18holes_over.gif) top left no-repeat; }
a#nineholes { background:url(images/9holes.gif) top left no-repeat; width:275px; height:231px; float:left;

	}
a#nineholes:hover { background:url(images/9holes_over.gif) top left no-repeat; }
a#specials { background:url(images/discounts.gif) top left no-repeat; width:275px; height:231px; float:right;

	}
a#specials:hover { background:url(images/discounts_over.gif) top left no-repeat; }
.fullCol { color:#525252; margin:20px; }
.fullCol p { display:block; margin-bottom:20px; }
/* * * */
#row2 .leftColContent { width:405px; float:left; color:#666666; font-size:14px; padding:20px 0px; margin-right:25px; }
#row2 .leftCol2 { width:450px; float:left; color:#666666; font-size:14px; padding:20px 0px; margin-right:25px; }
#row2 .leftColContent p { margin: 0 0 15px 20px; }
#row2 .rightCol { width:290px; float:left; background:#3d3d3d; margin:20px 0px; }
.miniNav {margin-left:20px; }	
.miniNav li { display:inline; }	
.miniNav a { text-transform:uppercase; color:#a4bb30; text-decoration:none; }
.miniNav a:hover { color:#82922e; }
.miniNav img { float:left; }
div.miniNav { height: 50px; margin-top:20px; }
div.miniNav a.left { padding:10px 0 0 20px; display:block; float:left; }
ul.locationsList { margin-left:5px; }
.locationsList li { float:left; list-style-type:none; padding:5px 2px 0 2px; }
 div.head { text-transform:uppercase; color:#a4bb30; padding-bottom:10px; border-bottom:0px; }
/* ----- DETAILS ------ */

.details { float:left; background:#3d3d3d; margin:20px 0px; }

.details1 table { margin:20px; }
	
.details1 { width:375px; float:left; background:#3d3d3d; margin:20px 0px; }
/* ----- TABLES OH, THE TABLES ------ */

.rates td, .golfClub td, .golfClub th { padding:2px; border-bottom:1px solid #494949; color:#fff; }
.rates th { border-bottom:1px solid #a4bb30; text-align:left; color:#a4bb30; }
tr.head td { text-transform:uppercase; color:#a4bb30; padding-top:8px; border-bottom:0px; }
tr.head2 td { text-transform:uppercase; color:#a4bb30; padding-bottom:8px; border-bottom:1px solid #a4bb30; margin-bottom:10px; }
td.colRight, th.colRight { text-align:right; width:20%; }
.contact td { padding:2px 0px; color:#fff; vertical-align:top; }
input.formfields, textarea.formfields  { background-color:#666666; border:1px solid #333333; width:200px; }
td.green, .green { color:#a4bb30; font-weight:normal; text-decoration:none; }
.formButton { background-color:#a4bb30; color:#fff; text-transform:uppercase; border:0px; width:200px; padding:5px 0px; border:1px solid #333333; }
table.golfClub { width:320px; }
.golfClub td.nb { border-bottom:0px; }
.golfClub .pt td { padding-top:30px; }
th.greenhead{ color:#a4bb30; font-weight:normal; padding-top:10px; }
.white { padding:20px; color:#fff; }
/* ----- MININAVS ------ */

.info ul { float:right; margin:5px 10px 0 0; }
.info ul.detailsLinks { float:right; margin:60px 10px 0 0; }
.info li { float:left; list-style-type:none; }

#tipDiv .text, #tipDiv .bg, #tipDiv .logo, #tipDiv .links { position:absolute;z-index:11;text-align:left;display:block;white-space:nowrap; }

#tipDiv .logo { top:8px;left:14px; }
#tipDiv .links { top:10px; left:90px; }
#tipDiv .links li { line-height:1; }
#tipDiv .links a {text-decoration:none;text-transform:uppercase;font-size:.85em; }
#tipDiv .links a:hover {color:#a4bb30; }
#tipDiv .text { top:82px;left:14px; font-weight:bold;color:#fff; }
.dot { cursor:pointer; cursor:hand; }
li span { display:block; } 
li { list-style-type:none; } 

#map1, #map2, #map3, #map4, #map5, #map6, #map7, #map8 {position:absolute;top:-2500px; left:-2500px}



/* Updates */
.leftColContent, .details1, .leftCol, .rightCol, #footerHome .leftCol, #footer .leftCol, .content, .content2, .bookingBoxes>div { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.header, .content, .content2, #mainNav, #footer, #footerHome, .info, .courses, .row { width:825px; max-width:100%; margin:0 auto; }
.header { margin-top:10px; }

#mainContent .leftCol { width:60%; }
#mainContent .rightCol { float:right; width:35%; padding-bottom:20px; }
#row2 .content2, #mainContent .content { padding:20px; border-top:1px solid #fff; }
#row2 { background:#e3e3e3; }
#row2.dark { background:#292929; }

h1, h2, h3 { margin-bottom:10px; }
h1, h2, h3, .info, ul.rightCol { font-family:"Gotham", Helvetica, Arial, sans-serif; }
.leftCol3 ul, .rightCol3 ul, ul, ol { margin-left:20px; }
#row2Home ul.rightCol { text-transform:uppercase; }
#row2Home ul.rightCol a { text-decoration:none; }
#row2Home ul.rightCol a:hover { color:#fff; }

#mainContent .leftCol h1, #mainContent .rightCol h1 { margin-bottom:15px; }
#mainContent .rightCol p { margin-bottom:15px; }
#row2Home h1 { font-weight:400; font-size:21px; }
#row2Home p { margin-bottom:0; }
.row1head { font-weight:400; padding:60px 20px 20px; margin:0; color:#fff; font-size:2em; }
#row2 .rightCol { margin:0; float:right; }

.leftCol, .rightCol, .leftCol2, .rightCol2, .leftCol3, .rightCol3 { margin:0; }
#row2 .leftColContent { padding:0; margin-right:0; }
#row2 .leftColContent p { margin-left:0; }
.leftCol2, .rightCol2, .leftCol3, .rightCol3 { margin-bottom:40px; color:#555; }
.leftCol2 { width:60%; float:left; }
.rightCol2, .rightCol3 { width:35%; float:right; }
.leftCol3 { width:50%; float:left; }
.fullCol { padding:20px; margin:0; }
.details1 { display: none; margin:0; width:350px; padding:20px; float:right; }
.details1 table { width:100%; margin:0; }
table.golfRates { width:auto !important; }
.rightCol2 iframe { width:100%; }
table { max-width:100%; }
.miniNav { margin-left:6px; }
div.miniNav a.left { padding-left:10px; padding-bottom:10px; }

#primaryNav { text-align:left; font-size:0; font-family:'Gotham', Helvetica, Arial, sans-serif; line-height:1; margin-bottom:5px; }
#primaryNav li, #primaryNav a { float:none; display:inline-block; }
#primaryNav li { padding-bottom:0; }
#primaryNav a { font-size:11px; font-weight:900; text-transform:uppercase; color:#666; padding:4px 5px; text-decoration:none; }
#primaryNav a:hover { color:#3399cc; }
#primaryNav li:first-child a { padding-left:0px; }
#primaryNav li:last-child { float:right; }
#primaryNav li:last-child a { padding-left:0; padding-right:0px; color:#000; }

#footerHome .leftCol, #footer .leftCol, #footerHome .rightCol, #footer .rightCol { margin:0; padding:20px; }
#footerHome .leftCol, #footer .leftCol { width:250px; }
#footerHome .rightCol, #footer .rightCol { width:565px; padding-left:0; }
#footerHome .rightCol li, #footer .rightCol li { padding:0 3px 0 2px; }
.content.footer { padding:0 !important; }

.bookingBoxes { border-top:1px solid #fff; color:#d1f130; background: #82922e; background: -moz-linear-gradient(top, #82922e 0%, #82922e 55%, #82922e 55%, #545e1e 98%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82922e), color-stop(55%,#82922e), color-stop(55%,#82922e), color-stop(98%,#545e1e)); background: -webkit-linear-gradient(top, #82922e 0%,#82922e 55%,#82922e 55%,#545e1e 98%); background: -o-linear-gradient(top, #82922e 0%,#82922e 55%,#82922e 55%,#545e1e 98%); background: -ms-linear-gradient(top, #82922e 0%,#82922e 55%,#82922e 55%,#545e1e 98%); background: linear-gradient(to bottom, #82922e 0%,#82922e 55%,#82922e 55%,#545e1e 98%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82922e', endColorstr='#545e1e',GradientType=0 ); }
.bookingBoxes p { font-size:14px; padding-right:0; margin-bottom:30px; }
.bookingBoxes h2 { color:#c1df29; font-size:39px; line-height:1; font-weight:400; letter-spacing:-1px; margin-left:-3px; margin-bottom:12px; }
.bookingBoxes, .bookingBoxes h2 { font-family:'Gotham', Helvetica, Arial, sans-serif; }
.bookingBoxes .white, #row2 .bookingBoxes a { padding:0; color:#fff; }
#row2 .bookingBoxes a { display:block; text-decoration:none; font-weight:700; font-size:14px; }
#row2 .bookingBoxes a:hover span { text-decoration:underline; }
.bookingBoxes .box { border-left:1px solid #fff; padding:16px 20px; width:50%; height:256px; float:left; position:relative; }
.bookingBoxes .box:hover { background: #5c6720; background: -moz-linear-gradient(top, #5c6720 0%, #5c6720 55%, #3b4215 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c6720), color-stop(55%,#5c6720), color-stop(100%,#3b4215)); background: -webkit-linear-gradient(top, #5c6720 0%,#5c6720 55%,#3b4215 100%); background: -o-linear-gradient(top, #5c6720 0%,#5c6720 55%,#3b4215 100%); background: -ms-linear-gradient(top, #5c6720 0%,#5c6720 55%,#3b4215 100%); background: linear-gradient(to bottom, #5c6720 0%,#5c6720 55%,#3b4215 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c6720', endColorstr='#3b4215',GradientType=0 ); }
.bookingBoxes .box:first-child { border-left:0; }

.courseIcons { display:block; margin:0 auto 12px; padding-right:8px; }
.featuredIntro h2 { margin-bottom:0; }
.featuredIntro p { padding-top:10px !important; }

.info { font-family:'Gotham', Helvetica, Arial, sans-serif; }
.info>span { font-size:17px; margin-left:12px; color:#fff; }
.info h3 { font-size:16px; font-weight:400; margin:3px 12px; float:none; }
.info ul { font-size:11px; text-transform: uppercase; position:absolute; bottom:12px; right:0; line-height:1; margin-right:15px; }
.info ul li { padding-bottom:0; }
.info ul a { text-decoration:none !important; color:#eee !important; }
.info ul li a span:before { content:"|"; padding:0 7px; }
.info ul li:first-child a span:before { display:none; }
.info.row, .info.row a { color:#fff; }
.info ul.detailsLinks { margin-top:0; margin-bottom:5px; margin-right:20px; bottom:20px; }

.featuredIntro p { padding:20px; margin-bottom:0; }

.map { position:relative; width:100%; height:400px; }

.mobile-map { display:none; }
.mobile-map a { color:#fff; }
.mobile-map .item { min-height:70px; background:#444; border-bottom:1px solid #999; clear:both; }
.mobile-map img { float:left; padding:3px 15px; width:50px; }
.mobile-map .text { padding:17px 0 14px; font-size:15px; line-height:1.3; color:#fff; font-weight:700; }
.mobile-map .links { left:0; top:0; float:right; padding-right:15px; padding-top:8px; font-size:11px; text-transform:uppercase; line-height:1; }
.mobile-map .links ul { list-style:none; margin-bottom:0; }
.mobile-map .links li { padding-bottom:4px; }
.mobile-map .links a { text-decoration:none; }

#mobile-nav-toggle { float:right; padding:10px 12px; margin-top:10px; display:none; }
#mobile-nav-toggle:hover { background:#eee; }
#mobile-nav-toggle span { display:none; }
#mobile-nav-toggle svg { width:36px; height:36px; fill:#444; }


/* Responsiveness */
@media screen and (max-width:860px) {
	.header, .content, .content2, #mainNav, #footer, #footerHome, .row { width:700px; }
	.header { margin-top:0; }

	#mobile-nav-toggle { display:block; }
	body { overflow-x:hidden; }

	#primaryNav { display:block; position:absolute; z-index:999; top:0; left:-240px; width:240px; height:100%; padding-top:25px; transition:0.4s all ease-in; }
	#primaryNav.active { left:0; background:#eee; }
	#mobile-nav-toggle.active { background:#ddd; }
	#mobile-nav-toggle.active svg { fill:#000; }		
	#primaryNav li { display:block; }
	#primaryNav li a { display:block; font-size:20px; font-weight:400; padding:10px 15px !important; }
	#primaryNav li:last-child { float:left; }
	#primaryNav li:last-child a { margin-top:5px; font-size:12px; }

	.container { height:305px; }
	.container2 { height:260px; }
	.courseLogo { margin:0 15px; }

	#row2Home .leftCol { width:500px; }

	#row2Home .rightCol, #mainContent .rightCol, #mainContent .leftCol, #row2 .rightCol, #row2 .leftColContent, #row2 .longSidebar .rightCol, #footer .leftCol, #footer .rightCol, .leftCol2, .rightCol2, .leftCol3, .rightCol3, #row2Home .leftCol, #footerHome .rightCol, #footer .rightCol, .details1 { width:auto !important; float:none !important; }
	#mainContent .leftCol, #row2 .leftColContent { padding-right:0; padding-bottom:0; }
	#row2Home .rightCol { padding:0 20px 15px; margin:0 !important; }
	#footerHome .leftCol, #footer .leftCol { padding-top:15px; padding-bottom:10px; }
	#footerHome .rightCol, #footer .rightCol { padding-top:0 !important; text-align:left; }
	#footerHome .leftCol, #footer .leftCol, #footerHome .rightCol, #footer .rightCol  { width:100% !important; }
	#footerHome .rightCol, #footer .rightCol { padding-left:20px; text-align:left; }

	.bookingBoxes p { font-size:12px; line-height:1.3; margin-bottom:15px; }

	table.golfRates { width:100%; }

	.mobile-map { display:block; }
	.map.row { display:none; }
}
@media screen and (max-width:740px) {
	.header, .content, .content2, #mainNav, #footer, #footerHome, .row { width:600px; }

	.courseLogo { margin:0 8px; }

	.bookingBoxes>.box { padding:15px; }
	.bookingBoxes h2 { font-size:28px; }
	.bookingBoxes p { padding-right:0; }

	.golfRates { font-size:11px; }
	.golfRates tr th.greenhead:first-child, .golfRates tr.pt td.nb { font-size:0; padding:0; width:0; }
	.golfRates tr.pt td.nb img { display:none; }
	.golfRates tr th.greenhead:first-child p, .golfRates tr.pt td.nb p { padding:0 !important; }
	.row1head { padding-top:25px; padding-right:20px; }

	.info>span { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
	.info .leftCol { width:100%; }
	.info ul { display:block; float:left; position:relative; bottom:auto; right:auto; width:auto; margin:0; padding:4px 0 0 13px; }
	.info ul li { padding-bottom:0; }
	.info ul.detailsLinks { float:left; right:auto; bottom:auto; padding-left:20px; }
}
@media screen and (max-width:620px) { .header, .content, .content2, #mainNav, #footer, #footerHome, .row { width:500px; }

	.container { height:260px; }
	.container2 { height:240px; }

	.bookingBoxes .box { width:100%; border-left:0; border-top:1px solid #fff; height:auto; padding:15px 20px; }
	.bookingBoxes .box:first-child { width:100%; border-top:0; height:auto; }
	.bookingBoxes p { font-size:14px; margin-bottom:10px; }

	.courseLogo { width:40px; height:auto; margin:0 3px; }

	.imageBg { overflow:hidden; }
	.imageBg img { height:100%; max-width:none; width:auto; }
}
@media screen and (max-width:420px) { #mobile-nav-toggle { margin-top:5px; margin-right:5px; }
	.header .logo { width:220px; padding:5px 0 10px 10px; }
}