@charset "utf-8";
@import url('../css/listing.css');
/* CSS Document by joab */

*{
	margin: 0;
	padding: 0;
}
html{ background: #6d6b2d url(../imgs/html-bg.jpg) no-repeat top center; }
body{
	/*background: #000 url(../imgs/body-xbg.png) repeat-x top center;*/
	font-family: Arial, Tahoma;
	font-size:100%; /* equal to 16px default */ 
	line-height:1.125em; /* 16 / 18 = 1.125 */
	text-align: center;
}

/*common style*/
a img{ border: none; }
h1,h2,h3,h4,h5,h6{ padding: 10px 0 10px 0; line-height: normal; }
ul,ol,blockquote{ padding-left: 45px; margin: 10px 0 10px 0; }
.hide-text{ outline-style: none; -moz-outline-style: none; text-indent: -9999px; }
.clear{clear: both;}
.uppercase{ text-transform: uppercase }
.font-10{ font-size: 0.625em } /* 10 / 16 = 0.625 */
.font-12{ font-size: 0.75em }
.font-14{ font-size: 0.875em }
.font-bold{ font-weight: bold; color: #B8854E; }
.color-white{ color: #fff }
.margin-left-10{ margin-left: 10px }
.margin-right-15{ margin-right: 15px }
.margin-bottom-10{ margin-bottom: 10px }
.margin-bottom-5{ margin-bottom: 5px }
.padding-right-15{ padding-right: 15px }
.padding-left-25{ padding-left: 25px }
.border-1{ border-bottom: 1px solid #000 }
.font-italic{ font-style: italic; }
.float-left{ float: left; }
.float-right{ float: right; }
.text-center{ text-align: center; }
.title-font{ font-family: "Myriad Pro", Arial } 
.text-right{ text-align: right; }
.text-left{ text-align: left; }
.text-center{ text-align: center; }
img.float-left,object.float-left{ float: left; margin: 0px 10px 0px 0; border: 1px solid #767676;} 
img.float-right,object.float-right{ float: right; margin: 0px 0 0px 10px; border: 1px solid #767676;}
input, textarea{ outline: none }
/*common style end*/  

#wrapper{ margin: 0 auto; width: 960px; text-align:left; }

#top{ 
	background: url(../imgs/nav-bg.jpg) no-repeat top left;
	height: 114px; position: relative 
}
	ul.nav{ margin: 0; padding: 0; position: absolute; top: 42px; left: 81px }
	 ul.nav li{ list-style-type: none; float: left; }
		ul.nav li a{ 
			display: block; 
			height: 30px; 
			outline-style: none; 
			-moz-outline-style: none; 
			text-indent: -9999px;
		}
			a#home{ width: 66px }
			a#news-events{ width: 146px }
			a#blog{ width: 72px }
			a#faq{ width: 73px }
			a#contact{ width: 120px }
			
	ul.bottom{ top: 73px }
		ul.bottom li a{ height: 38px }
			a#driving-range{ width: 183px }
			a#instruction{ width: 158px }
			a#pro-shop{ width: 129px }
            
    p.glc-logo{ position: absolute; top: 38px; left: 2px; }
    #bottom p.glc-logo{ top: 300px; left: 440px; }
        p.glc-logo a{ display: block; width: 80px; height: 80px; text-indent: -9999px; outline-style: none; 
            -moz-outline-style: none; }
		
#banner{
	background: url(../imgs/banner-bg.jpg) no-repeat top left;
	height: 361px;
	position: relative;
}
	ul.banner{ top: 240px; left: 25px; width: 180px }
		ul.banner li a{ float: none; height: 34px; width: 180px }

#horiz-bar{
	background: url(../imgs/horiz-bar-bg.jpg) no-repeat top left;
	height: 105px;
	position: relative;
}
	ul.horiz-bar{ top: 0; left: 482px; }
		ul.horiz-bar li a{ height: 67px; width: 158px; }

div#doc-body-i{ background: url(../imgs/doc-body-rpt-bg.jpg) repeat-y bottom left; } /*inner*/
div#doc-body-o{  /*outer*/
	background: url(../imgs/doc-body-bg.jpg) no-repeat top left; 
	min-height: 500px; height: auto!important; height: 500px;
	padding-bottom: 20px;
}
	div.left{ 
		width: 300px; 
		float: left; 
		padding: 173px 0 25px 16px;
	}
		h3#vtour{ padding: 0 0 0 100px }
		a#virtual-tour{ 
			display: block;
			height: 80px; 
			width: 80px;
			outline-style: none; 
			-moz-outline-style: none; 
			text-indent: -9999px;
		}
		
		#text-holder-left{ 
			padding: 60px 15px 50px 20px;
			color: #fff; font-size: 0.875em; 
		}
        
        #banner-ads,#banner-ads img{
            height: 300px;
            width: 600px;
        }
        #banner-ads{ margin-bottom: 25px; }
		
	#right{ float: right; width: 638px }
		#text-holder{ padding: 0 60px 50px 15px; font-size: 0.875em; line-height: normal; }
		
            #text-holder img{ margin-bottom: 10px; }
            
			h2#title{ 
				color: #486d00; padding: 55px 150px 20px 0; margin: 0;
				line-height: normal;
				font-size: 2em;
				font-weight: bold; 
			}
            
            div#image-block{ display:block; float: right; width: 150px; height: 180px; }
			
			
#bottom{ 
	background: url(../imgs/footer-bg.jpg) no-repeat top left; 
	height: 480px; margin-bottom: 25px; 
	font-size: 12px; color: #fff; 
	line-height: normal;
    position: relative;
}
	
	#newsletter, #latest-news{
		float: left;		 
		height: 330px;
		overflow: hidden;
	}
	
	#newsletter{ width: 318px; position: relative }
		#newsletter p{ position: absolute; left: 60px; padding: 0 40px 0 0 }
		
		p#text{ top: 75px; }
		p#name{ top: 135px; } 
		p#email{ top: 187px; }
		p#input-name{ top: 159px; left: 60px }
		p#input-email{ top: 210px; left: 60px }
		p#button{ top: 259px; left: 187px }
		
		input.textbox{ width: 190px; height: 16px; border: none; padding: 2px; background-color: transparent}
	
	#latest-news{ width: 632px; }
		ul.event-news{
			margin: 0; padding: 60px 10px 10px 10px;
			float: left; width: 295px;
			list-style-type: none;
			color: #000;
		}
			ul.event-news li{
				background: url(../imgs/list-icon.png) no-repeat top left;
				padding: 0 0 20px 45px;
			}
			ul.event-news li h3{ padding: 0 0 3px 0; margin: 0; font-size: 14px; }
			ul.event-news li a{ color: #4b7200; text-decoration: none }
		
	#footer{
		height: 53px;
		padding: 92px 0 0 320px;
	}
		#footer h1 a{
			display: block;
			height: 47px; 
			width: 321px;
			outline-style: none; 
			-moz-outline-style: none; 
			text-indent: -9999px;
		}
		
   p#swingers-grille{ position: absolute; bottom: 70px; right: 255px; }
        p#swingers-grille a{ display: block; width: 180px; height: 18px; text-indent: -9999px; outline-style: none; 
            -moz-outline-style: none; }

	
/*form validation*/            
div#form label.error, label.error { color:red; display:block; font-size:10px; }
div#result{ position: relative; }