@charset "utf-8";
/* CSS Document */

body {
	margin:0 auto;
	padding:0;
	font-family:"Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	background:#0c3a62;
	text-align:center;
	color:#fff;
	font-size:15px;
	line-height:1.6em;
	letter-spacing:1px;
	}

a:link {
	color:#6dcff6;
	text-decoration:none;
	border-bottom:1px dotted #6dcff6;
	}

a:visited {
	color:#6dcff6;
	text-decoration:none;
	border-bottom:1px dotted #6dcff6;
	}

a:hover {
	color:#3c0;
	text-decoration:underline;
	border-bottom-style:solid;
	}

a:active {
	color:#3c0;
	text-decoration:underline;
	border-bottom-style:solid;
	}

a:focus {
	color:#09f;
	}

a.img {
	border-bottom:none;
	text-decoration:none;
	}

a.img:hover {
	border-bottom:none;
	text-decoration:none;
	}

img {
	border:0;
	margin:0;
	padding:1px;
	}
	
h1 {
	margin:0 0 1em 0; 
	padding:0; 
	font-family:"Lucida Grande", "Trebuchet MS", Verdana, sans-serif; 
	font-size:160%; 
	font-weight:normal; 
	color:#06F; 
	}

h2 {
	margin:0;
	padding:12px 0 0 0;
	font-family:"Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-size:27px;
	color:#6F0;
	font-weight:bold;
	line-height:30px;
	}

h3 {
	margin:0;
	padding:1em 0 0 0;
	font-family:Arial, "Lucida Grande", sans-serif;
	font-size:130%;
	color:#3cf;
	font-weight:normal;
	font-style:italic;
	}

h4 {
	margin:2em 0 1em 0;
	padding:1em 0 0 0;
	font-family:Arial, "Lucida Grande", sans-serif;
	font-size:15px;
	letter-spacing:1px;
	text-align:right;
	color:#545454;
	}

h5 {
	margin:0;
	color:#000;
	padding:9px 0 0 9px;
	}



/*===================
	layout structure
=====================*/

#wrap {
	min-height:100%;
	width:900px;
	margin:0 auto;
	text-align:left;
	border-left:1px solid #1f1f1f;
	border-right:1px solid #1f1f1f;
	}

#wrap h1 {
	margin:0;
	padding:0 0 10px 0;
	font-size:10px;
	font-weight:bold;
	color:#eee;
	text-align:right;
	text-transform:uppercase;
	letter-spacing:3px;
	background:transparent;
	}


#header {
	background:#000 url(../image-files/golf-ball-grass-900.jpg) no-repeat left bottom;
	height:253px;
	}


#header h1 {
	margin:0;
	padding:0 0 10px 0;
	font-size:10px;
	font-weight:bold;
	color:#464646;
	text-align:right;
	text-transform:uppercase;
	letter-spacing:3px;
	background:transparent;
	}

#bannerSandPlay {
	background:#000 url(../image-files/sand-play-banner900.jpg) no-repeat left bottom;
	height:254px;
	}

#bannerSandPlay h1 {
	margin:0;
	padding:0 0 10px 0;
	font-size:10px;
	font-weight:bold;
	color:#464646;
	text-align:right;
	text-transform:uppercase;
	letter-spacing:3px;
	background:#transparent;
	}

#bannerTeeShot {
	background:#000 url(../image-files/teeshot-banner.jpg) no-repeat left bottom;
	height:426px;
	}

#bannerTeeShot h1 {
	margin:0;
	padding:0 0 0 0;
	font-size:10px;
	font-weight:bold;
	color:#464646;
	text-align:right;
	text-transform:uppercase;
	letter-spacing:3px;
	background:#000;
	}



#bannerGolfRough {
	background:#000 url(../image-files/golf-rough-banner900.jpg) no-repeat left bottom;
	height:254px;
	}

#bannerGolfRough h1 {
	margin:0;
	padding:0 0 0 0;
	font-size:10px;
	font-weight:bold;
	color:#464646;
	text-align:right;
	text-transform:uppercase;
	letter-spacing:3px;
	background:#000;
	}

#headerShop {
	background:#000 url(../image-files/golf-ball-club-banner900.jpg) no-repeat left bottom;
	height:254px;
	}

#headerShop h1 {
	margin:0;
	padding:0 0 0 0;
	font-size:10px;
	font-weight:bold;
	color:#464646;
	text-align:right;
	text-transform:uppercase;
	letter-spacing:3px;
	background:#000;
	}


#navContainer {
	background:#000;
	}

#content {
	background:#2f5575;
	}

#content .gutter { 
	padding:0.6em 1em 0.6em 1em; 
	}


#footer {
	clear:both;
	background:#0c3a62;
	height:301px;
	}

#footer p {
	margin:0;
	padding:6px;
	font-size:10px;
	color:#999;
	letter-spacing:3px;
	text-transform:uppercase
	}

#footer a:link {
	color:#999;
	text-decoration:none;
	border-bottom:1px dotted #999;
	}

#footer a:visited {
	color:#999;
	text-decoration:none;
	border-bottom:1px dotted #999;
	}

#footer a:hover {
	color:#09f;
	text-decoration:underline;
	border-bottom-style:solid;
	}

#footer a:active {
	color:#3c0;
	text-decoration:underline;
	border-bottom-style:solid;
	}

#footer a:focus {
	color:#09f;
	}





/*==================
       boxes
====================*/

.box {
	margin:0 0 20px 0;
	padding:0 0 1em 0;
	font-size:13px;
	line-height:1.5em;
	color:#c3eaff;
	background:#252525;
	height:309px;
	letter-spacing:1px;
	}
	
.box1 {
	margin:0 0 20px 0;
	padding:0 .7em .7em .7em;
	font-size:13px;
	line-height:1.5em;
	color:#c3eaff;
	background:#252525;
	height: 425px;
	letter-spacing: 1px;
	}

.box2 {
	margin:0 0 20px 0;
	padding:0 9px 9px 9px;
	font-size:13px;
	line-height:1.5em;
	color:#c3eaff;
	background:#252525;
	height: 367px;
	letter-spacing: 1px;
	}

.boxTall {
	margin:0 0 20px 0;
	padding:0 9x 9px 9px;
	font-size:13px;
	line-height:1.5em;
	color:#c3eaff;
	background:#252525;
	height: 409px;
	letter-spacing: 1px;
	}

.box h3 { 
	margin:0; 
	padding:1em 1em .3em 1em; 
	font-family:Arial, "Lucida Grande", sans-serif; 
	font-size:130%; 
	font-weight:normal; 
	color:#f90; 
	}

.box h4 {
	margin:0; 
	padding:0 1em .3em 1em; 
	font-family:Arial, "Lucida Grande", sans-serif; 
	font-size:120%; 
	font-weight:bold; 
	color:#f00; 
	}


.box p, .box ul {
	margin:0;
	padding:9px 9px 9px 9px;
	color: #c3eaff;
	}

.box ul li { 
	padding:0 0 0 1.33em; 
	list-style:none; 
	}

.portraitphotoBox {
	height:418px;
	margin:0 0 20px 0;
	background:#252525;
	padding:6px 9px 9px 9px;
	font-size:13px;
	line-height:1.5em;
	color:#c3eaff;
	background:#252525;
	letter-spacing:1px;
	}

.landscapephotoBox {
	margin:0 0 20px 0;
	background:#252525;
	padding:6px 9px 9px 9px;
	font-size:13px;
	line-height:1.5em;
	color:#c3eaff;
	background:#252525;
	letter-spacing:1px;
	}

.contentBox {
	width:700px;
	margin:0 auto;
	background:url(../image-files/bgbox.gif) repeat-y top;
	padding:12px 0 12px 0;
	font-weight:bold;
	}

.contentBox h3 {
	margin:0 0 12px 12px;
	padding:12px 0 0 0;
	font-family:Arial, "Lucida Grande", sans-serif;
	font-size:130%;
	color:#09f;
	font-weight:normal;
	}

.contentBox ul {
	margin:0 1em;
	padding:0 1em;
	}

.contentBox ul li {
	margin:.9em 0 .9em 0;
	padding:0 0 0 1.9em;
	list-style:none;
	background: url(../image-files/golficon.png) no-repeat -2px 1px;
	}

.contentBox a:link {
	color:#eee;
	text-decoration:none;
	border-bottom:1px dotted #eee;
	}

.contentBox a:visited {
	color:#eee;
	text-decoration:none;
	border-bottom:1px dotted #eee;
	}

.contentBox a:hover {
	color:#3c0;
	text-decoration:underline;
	border-bottom-style:solid;
	}

.contentBox a:active {
	color:#3c0;
	text-decoration:underline;
	border-bottom-style:solid;
	}

.contentBox a:focus {
	color:#09f;
	}

.contentBox img {
	margin:6px;
	padding:6px;
	}
	
.imageBox {
	margin:9px;
	padding:0;
	height: 333px;
	width: 250px;
	float: left;
	}


.logoBox {
	color:#1f1f1f;
	}

#flagBox {
	width:71px;
	height:94px;
	float:left;
	background: url(../image-files/vggt-bottom-signup.jpg) no-repeat center;
	padding:0 12px 0 6px;
	}

#newsBox {
	margin:2em 0 2em 0;
	padding:6px;
	border:1px #3d3d3d dashed;
	line-height: 1.2em;
	background: #aec7dc;
	clear: both;
	}
#newsBox h4 {
	margin:0;
	padding:0 0 9px 0;
	color: #003;
	font-size: 125%;
	}

#newsBox h5 {
	font-size:90%;
	color:#003399;
	padding: 0 0 5px 0;
	}

#newsBox p {
	font-size:80%;
	margin: 0px;
	color:#003366;
	}

#newsBox form {
	line-height:1.3em;
	margin: 0px;
	}


.photoBox {
	margin:0 0 20px 0;
	background:#252525;
	padding:6px 9px 9px 9px;
	font-size:13px;
	line-height:1.5em;
	color:#c3eaff;
	letter-spacing:1px;
	height:318px;
	}


.photoBox img {
	border:0;
	margin:9px 0 0 9px;
	padding:0 9px 9px 0;
	}

.photoBoxLong {
	margin:0 0 20px 0;
	background:#252525;
	padding:6px 9px 9px 9px;
	font-size:13px;
	line-height:1.5em;
	color:#c3eaff;
	letter-spacing:1px;
	height:418px;
	}

.photoBoxInfin {
	margin:0 0 20px 0;
	background:#252525;
	padding:6px 9px 9px 9px;
	font-size:13px;
	line-height:1.5em;
	color:#c3eaff;
	letter-spacing:1px;
	}


.photoBoxInfin img {
	border:0;
	margin:0;
	padding:9px;
	}



.photoBoxLong img {
	border:0;
	margin:0;
	padding:9px;
	}

.promoBox {
	margin:0 auto;
	padding:0 9px 0 9px;
	width:687px;
	background:url(../image-files/bgbox.gif) repeat;
	border:1px solid #787878;
	font-size:12px;
	color:#999;
	letter-spacing:1px;
	line-height:1.6em;
	}

.signupBox {
	margin:0px;
	float:right;
	padding: 9px 6px 0 0;
	}
	
.signupBox a:link {
	color:#000;
	text-decoration:none;
	border:none;
	}

.signupBox a:visited {
	color:#000;
	text-decoration:none;
	border:none;
	}

.signupBox a:hover {
	color:#000;
	text-decoration:none;
	border:none;
	}

.signupBox a:active {
	color:#000;
	text-decoration:none;
	border:none;
	}

.signupBox a:focus {
	color:#000;
	}

.socialBox {
	margin:0 auto;
	padding:9px;
	border:none;
	}

.socialBox a:link {
	color:#000;
	text-decoration:none;
	border:none;
	}

.socialBox a:visited {
	color:#000;
	text-decoration:none;
	border:none;
	}

.socialBox a:hover {
	color:#000;
	text-decoration:none;
	border:none;
	}

.socialBox a:active {
	color:#000;
	text-decoration:none;
	border:none;
	}

.socialBox a:focus {
	color:#000;
	}

.teetimeBox {
	float:left;
	margin:0 0 20px 0;
	background:#111;
	padding:0 9px 9px 20px;
	font-size:13px;
	line-height:1.5em;
	color:#eee;
	letter-spacing:1px;
	height:235px;
	width: 468px;
	}

.teetimeBox h3 {
	margin:0;
	font-size:18px;
	text-transform:uppercase;
	color: #900;
	}

.teetimePhoto {
	float:right;
	margin:0 0 20px 0;
	background:#111;
	padding:15px 9px 9px 9px;
	font-size:13px;
	line-height:1.3em;
	color:#eee;
	letter-spacing:1px;
	height:220px;
	width: 255px;
	}

.teetimePhoto h3 {
	margin:0;
	font-size:18px;
	text-transform:uppercase;
	}

.teetimePhoto p {
	text-align:center;
	margin:3px;
	}

.videoBox {
	margin:0 0 20px 0;
	background:#111;
	padding:9px;
	font-size:13px;
	line-height:1.5em;
	color:#c3eaff;
	letter-spacing:1px;
	}


/*============
	classes
==============*/

.small { 
	font-size:12px; 
	line-height:1.2em; 
	margin:0 12px 0 12px; 
	}

.highlight {
	color:#ff0;
	}

.blue {
	color:#b6e5fd;
	}

.red {
	color:#c00;
	}

.clear {
	clear:both;
	}

.strikethrough {
	text-decoration:line-through;
	}
	

/*============
	photos
==============*/

.captioned_photo {
	float:right;
	margin:.5em 0 .5em 2em;
	padding:0;
	line-height:1em;
	width:200px;
	height: 150px;
	}

.captioned_photo p {
	width:100%;
	margin:0;
	padding:1em 0;
	font:.75em/1.75em Arial, "Lucida Grande", sans-serif;
	color:#585858;
	}

.captioned_photo img {
	margin:0;
	padding:0;
	display:block;
	}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}	

/*===============
   navigation
================*/

.jqueryslidemenu{
	font: normal 11px "Trebuchet MS";
	background:#1f1f1f;
	width:100%;
	}

.jqueryslidemenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

/*Top level list items*/
.jqueryslidemenu ul li{
	position: relative;
	display: inline;
	float: left;
	}



/*Top level menu link items style*/
.jqueryslidemenu ul li a{
	display: block;
	background: #1f1f1f; /*background of tabs (default state)*/
	color: #cc6;
	padding: 8px 8px;
	border-right: 1px solid #363636;
	color: #2d2b2b;
	text-decoration: none;
	}




* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
	color: #cc6;
	border-bottom:1px solid #1f1f1f;
	}

.jqueryslidemenu ul li a:hover{
	background: black; /*tab link background during hover state*/
	color: #cc6;
	}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
	display: list-item;
	float: none;
	}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
	top: 0;
	}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
	font: normal 12px "Trebuchet MS" Verdana;
	width: 160px; /*width of sub menus*/
	padding: 5px;
	margin: 0;
	border-top-width: 0;
	border-bottom: 1px solid #363636;
	}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
	background: #eff9ff;
	color: black;
	}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
	position: absolute;
	top: 12px;
	right: 7px;
	}

.rightarrowclass{
	position: absolute;
	top: 6px;
	right: 5px;
	}


	


/*===============
       ads
================*/

.adsie {
	margin:3px;
	padding:3px;
	}
	
.adsie a:link {
	color:#000;
	text-decoration:none;
	}

.adsie a:visited {
	color:#000;
	text-decoration:none;
	}

.adsie a:hover {
	color:#000;
	text-decoration:none;
	}

.adsie a:active {
	color:#000;
	text-decoration:none;
	}

.adsie a:focus {
	color:#000;
	}
	



.banner {
	margin:0 auto;
	padding:6px;
	}
	
.banner a:link {
	color:#000;
	text-decoration:none;
	border:none;
	}

.banner a:visited {
	color:#000;
	text-decoration:none;
	border:none;
	}

.banner a:hover {
	color:#000;
	text-decoration:none;
	border:none;
	}

.banner a:active {
	color:#000;
	text-decoration:none;
	border:none;
	}

.banner a:focus {
	color:#000;
	}



.adBox {
	background:#4c4c4c;
	margin:20px 0 0 0;
	padding: 12px;
	}

.adBox h3 {
	margin:0;
	}

#golfBox {
	margin:0 0 0 20px;
	padding:3px;
	background:#300;
	border:#1f1f1f 1px solid;
	float: right;
	}

#golfBox h3 {
	padding:6px 3px 3px 6px;
	}
	
#golfBox a:link {
	color:#09f;
	text-decoration:none;
	border:none;
	}

#golfBox a:visited {
	color:#09f;
	text-decoration:none;
	border:none;
	}

#golfBox a:hover {
	color:#3c0;
	text-decoration:none;
	}

#golfBox a:active {
	color:#cc6;
	text-decoration:none;
	}

#golfBox a:focus {
	color:#09f;
	}

#golfBox ul {
	margin:0 1em;
	padding:0 1em;
	}

#golfBox ul li {
	margin:.9em 0 .9em 0;
	padding:0 0 0 1.9em;
	list-style:none;
	background: url(../image-files/golficon.png) no-repeat -2px 1px;
	}

.itemBox {
	margin:0 auto;
	padding:6px;
	height:216px;
	border-top: #333 1px dotted;
	border-bottom: #333 1px dotted;
	}
	
.itemBox p {
	size:12px;
	color:#c3eaff;
	font-size:13px;
	font-style:italic;
	line-height:1.5em;
	}
	
.itemBox a:link {
	color:#09f;
	text-decoration:none;
	border:none;
	}

.itemBox a:visited {
	color:#09f;
	text-decoration:none;
	border:none;
	}

.itemBox a:hover {
	color:#3c0;
	text-decoration:none;
	border:none;
	}

.itemBox a:active {
	color:#3c0;
	text-decoration:none;
	border:none;
	}

.itemBox a:focus {
	color:#09f;
	}
