* { margin: 0; padding: 0; }
body { color: #000; font: normal 12px  Arial, Helvetica, sans-serif; }
a { color: #000; }
a:hover, a:focus { text-decoration: none; }
p { margin-bottom: 15px; line-height: 16px; }
ul li { list-style: none; }
strong { font-family: Arial Black, arial,  sans-serif;}

h1 a, ul.main-nav li a, ul.global-nav li a, #driving-range h2, #mini-golf h2, #golf-school h2, #parties h2, #contact h2,#press h2,
.seals span, #home #content li.home-1, #home #content li.home-3, #home #footer, #pro-shop h2, p.pro-shop-callout, .ir-our-brands, .ir-our-products,
a.callaway, a.ping, a.taylor, a.cleveland, a.mizuno, a.nike, a.titleist, a.adams, a.odyssey, a.cobra, a.footjoy, a.adidas, a.srixon,
#trade-in h2, #repair-center h2, #custom-fitting h2, #corporate-imaging h2     
{ display: block; text-indent: -9999px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; }
ul.main-nav:after, #content:after, .seals:after, #home #content ul:after, #pro-shop .sub:after, #pro-shop .sub .products ul:after,  #pro-shop .sub .products li:after, .brands ul:after, #golf-school .main ul:after
{	content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0;}

#wrapper { width: 960px; margin: 0 auto; border-top: 18px #000 solid; position: relative;}

h1 a { background-image: url(../i/logo-sublevel.gif); width: 216px; height: 102px; position: absolute; left: -9px;  top: 11px ;}
#home h1 a { background-image: url(../i/logo-home.png); height: 152px; width: 210px; top: 24px ; left: 0;  }

ul.main-nav { float: right; margin-top: 47px;}
ul.main-nav li { float: left; margin-left: 17px; }
ul.main-nav li a { background-image: url(../i/nav.png); height: 46px;}
ul.main-nav li.home a { background-position: 0 0; width: 94px;}
	ul.main-nav li.home a:hover { background-position: 0 -46px;}
ul.main-nav li.driving-range a { background-position: -119px 0; width: 116px;}
	ul.main-nav li.driving-range a:hover { background-position: -119px -46px;}
ul.main-nav li.mini-golf a { background-position: -256px 0; width: 90px;}
	ul.main-nav li.mini-golf a:hover { background-position: -256px -46px;}
ul.main-nav li.golf-school a { background-position: -364px 0; width: 102px;}
	ul.main-nav li.golf-school a:hover { background-position: -364px -46px;}
ul.main-nav li.pro-shop a { background-position: -484px 0; width: 66px;}
	ul.main-nav li.pro-shop a:hover { background-position: -484px -46px;}
ul.main-nav li.parties a { background-position: -568px 0; width: 118px;}
	ul.main-nav li.parties a:hover { background-position: -568px -46px;}

ul.global-nav { position: absolute; top: 10px; right: 0;}
ul.global-nav li { float: left;}
ul.global-nav li a { background-image: url(../i/nav-global.png); height: 12px;}
ul.global-nav li.contact a { background-position: 0 0; width: 61px; border-right: 1px solid #000; padding-right: 8px; margin-right: 8px;}
	ul.global-nav li.contact a:hover { background-position: 0 -12px;}
ul.global-nav li.press a { background-position: -70px 0; width: 38px;}
	ul.global-nav li.press a:hover { background-position: -70px -12px;}
		
#content { margin-top: 140px; }
.main { float: left; width: 380px; margin-left:29px;}
	.main h2 { margin-top: 70px; margin-bottom: 5px;}
	.main li { font-weight: bold;}
.sub { float: right; width: 490px; min-height: 510px; position: relative;}
.sub * { text-indent: -9999px;}

.marb20 { margin-bottom: 20px; display: block;}


/************ HOME **************/
body#home { background:  url(../i/bg-home.jpg) no-repeat center -76px; }
#home #content { margin-top: 524px;}
#home #content ul { margin-left: 137px;}
#home #content li { float: left; margin-right: 50px;}
#home #content li.home-1 { background-image: url(../i/home-1.png); width: 197px; height: 100px;}
#home #content li.home-3 { background-image: url(../i/home-3.png); width: 233px; height: 100px; margin-right: 0;}
#home #content .seals { border-top: 2px dotted #fff; border-bottom: 2px dotted #fff; padding: 13px 0 11px;}
#home .seals span { float: left; }
#home .seals span.bob { background-image: url(../i/seal-bob.png); width: 77px; height: 63px;}
#home .seals span.pro-shop { background-image: url(../i/seal-pro-shop.png); width:72px; height: 72px; margin-right: 25px;}
#home .seals span.gold-medal { background-image: url(../i/seal-gold-medal.png); width: 66px; height: 66px; margin-right: 30px;} 
#home #footer { float: right; margin-top: 15px; margin-right:17px; background-image: url(../i/footer-home.png); width: 270px; height: 27px; margin-bottom: 36px;}


/************ DRIVING RANGE **************/
#driving-range h2 { background-image: url(../i/titles/driving-range.gif); height: 146px; width: 369px;}
#driving-range .main ul { float: left; width: 48%; }
#driving-range .main ul.first { margin-left: 0;}
#driving-range .main li { background: url(../i/green-bullet.gif) no-repeat 0 5px; padding-left: 7px; margin-bottom: 3px; font-size: 11px;}
#driving-range .sub { background: url(../i/sub-driving-range.jpg) no-repeat 0 0; }
#driving-range div.preferred-members { background: url(../i/sub-driving-range-1.gif); width: 243px; height: 315px; }
#driving-range div.range-plans { background: url(../i/sub-driving-range-2.jpg); width: 239px; height: 317px; position: absolute; top: 0; right: 0;}
#driving-range .main a { font-family: Arial Black, Arial, sans-serif; color: #6b9a04;}

/************ MINI-GOLF  **************/
#mini-golf h2 { background-image: url(../i/titles/mini-golf.gif); height: 146px; width: 369px;}
#mini-golf .main a { color: #e40d17; font-family: Arial Black, Arial, sans-serif;}
#mini-golf .sub { background: url(../i/sub-mini-golf.jpg) no-repeat;}


/************ GOLF-SCHOOL **************/
#golf-school h2 { background-image: url(../i/titles/golf-school.gif); height: 146px; width: 369px;}
#golf-school .main h3 { color: #4078ac; font-family: Arial Black, Arial, sans-serif; text-transform: uppercase; }
#golf-school .main ul { margin-bottom: 25px; font-family: Arial Black, Arial, sans-serif; margin-left: 6px;}
#golf-school .main li { color: #4078ac; font-weight: bold; width: 325px; float: left;}
#golf-school .main li.price { float: right; width: 45px;}
#golf-school .sub { background: url(../i/sub-golf-school.jpg) no-repeat; }
#golf-school .sub .our-pros { background: url(../i/sub-golf-school-1.gif) no-repeat; height: 471px; width: 243px; position: absolute; right: 0; top: 0;}

/************ PRO-SHOP **************/
#pro-shop h2 { background-image: url(../i/titles/pro-shop.gif); height: 146px; width: 369px;}
#pro-shop .sub { background: url(../i/sub-pro-shop.jpg) no-repeat 0 bottom; padding-top: 5px;}
#pro-shop .sub * { text-indent: 0;}
#pro-shop .main a { color: #3d6f0f; font-weight: bold; margin-bottom: 3px; display: block; font-family: Arial Black, Arial, sans-serif;}
#pro-shop .sub .brands { width: 240px; float: left; }
#pro-shop .sub .products { width: 240px; float: right; }
#pro-shop .sub p.pro-shop-callout { margin-bottom: 0; background-image: url(../i/titles/you-wont-find-prices.gif); width: 240px; height: 104px; text-indent: -9999px;}
#pro-shop .ir-our-brands { background-image: url(../i/titles/our-brands.gif); height: 13px; text-indent: -9999px;}
#pro-shop .ir-our-products { background-image: url(../i/titles/our-products.gif); height: 13px; text-indent: -9999px; margin-bottom: 12px;}

#pro-shop .sub .brands ul { border-bottom: 15px solid #2d5707;}
#pro-shop .sub .brands ul li a { text-indent: -9999px !important; float: left;}
a.callaway { background-image: url(../i/brands/callaway.gif); width: 123px; height: 45px;}
a.ping { background-image: url(../i/brands/ping.gif); width: 116px; height: 45px;}
a.taylor { background-image: url(../i/brands/taylor.gif); width: 123px ; height: 61px ;}
a.cleveland { background-image: url(../i/brands/cleveland.gif); width: 116px; height: 61px;}
a.mizuno { background-image: url(../i/brands/mizuno.gif); width: 108px; height: 39px;}
a.nike { background-image: url(../i/brands/nike.gif); width: 132px; height: 39px;}
a.titleist { background-image: url(../i/brands/titleist.gif); width: 108px; height: 38px;}
a.adams { background-image: url(../i/brands/adams.gif); width: 131px; height: 38px;}
a.odyssey { background-image: url(../i/brands/odyssey.gif); width: 116px; height: 41px;}
a.cobra { background-image: url(../i/brands/cobra.gif); width: 123px; height: 41px;}
a.footjoy { background-image: url(../i/brands/footjoy.gif); width: 95px; height: 61px;}
a.adidas { background-image: url(../i/brands/adidas.gif); width: 70px; height: 61px;}
a.srixon { background-image: url(../i/brands/srixon.gif); width: 75px; height: 61px;}

#pro-shop .sub .products h4 { color: #5f942f; float: left; text-transform: uppercase; margin-right: 2px;}
#pro-shop .sub .products li { margin-bottom: 15px; }
#pro-shop .sub .products li.marb35 { margin-bottom: 35px; }
#pro-shop .sub .products li ul { float:right; width: 170px; }
#pro-shop .sub .products li ul.alt { float:right; width: 140px; }
#pro-shop .sub .products li li { float:right; margin-bottom: 1px; margin-right: 3px; text-align: right;}
#pro-shop .sub .products li li.last:after { content: "";}
#pro-shop .sub .products li li:after { content: "|";}
#pro-shop .sub .products a { float: right; color: #2d5707; margin-right: 3px;}
#pro-shop .sub .products a:hover,  #pro-shop .sub .products a:focus  { text-decoration: none;}


/************ TRADE-INS **************/
#trade-in h2 { background-image: url(../i/titles/trade-in.gif); height: 146px; width: 380px;}
#trade-in a { color: #5f942f; font-family: Arial Black, Arial, sans-serif; }
#trade-in .sub { background: url(../i/sub-trade-in.jpg) no-repeat;}


/************ REPAIR-CENTER **************/
#repair-center h2 { background-image: url(../i/titles/repair-center.gif); height: 146px; width: 369px;}
#repair-center a { color: #5f942f;  font-family: Arial Black, Arial, sans-serif;}
#repair-center .sub { background: url(../i/sub-repair-center.jpg) no-repeat;}


/************ CUSTOM FITTING **************/
#custom-fitting h2 { background-image: url(../i/titles/custom-fitting.gif); height: 146px; width: 369px;}
#custom-fitting a { color: #5f942f; font-family: Arial Black, Arial, sans-serif;}
#custom-fitting h3 { color: #5f942f; font-size: 22px; margin-bottom: 17px; font-family: Arial Black, Arial, sans-serif;}
#custom-fitting h4 { font-family: Arial Black, Arial, sans-serif;}
#custom-fitting .sub * { text-indent: 0;}


/************ CORPORATE IMAGING **************/
#corporate-imaging h2 { background-image: url(../i/titles/custom-imaging.gif); height: 146px; width: 369px;}
#corporate-imaging a { color: #5f942f; font-family: Arial Black, Arial, sans-serif;}
#corporate-imaging .sub { background: url(../i/sub-custom-imaging.jpg);}


/************ PARTIES **************/
#parties h2 { background-image: url(../i/titles/parties-events.gif); height: 146px; width: 369px;}
#parties a { color: #f0af39; font-family: Arial Black, Arial, sans-serif;}
#parties .main h3 { color: #f0af39; font-family: Arial Black, Arial, sans-serif; }
#parties .sub { background: url(../i/sub-private-parties.jpg) no-repeat;}
#parties .sub .mini-parties { background: url(../i/sub-private-parties-1.gif) no-repeat; height: 236px; width: 242px; position: absolute; left: 0; top: 80px;}
#parties .sub .perferred-members { background: url(../i/sub-private-parties-2.gif) no-repeat; height: 187px; width: 217px; position: absolute; right: 15px; top: 170px;}
#parties .main h4 { font-family: Arial Black, Arial, sans-serif;}

/************ CONTACT **************/
#contact h2 { background-image: url(../i/titles/contact.gif); height: 146px; width: 369px;}
#contact .main { font-family: arial black, sans-serif; }
#contact .main a { color:#6B9A04;}
#contact .sub { background: url(../i/sub-contact.jpg) no-repeat;}
#contact .sub a { background: url(../i/btn-join-our-mailing-list.gif) no-repeat; height: 122px; width: 235px; position: absolute; left: 0; top: 190px;}
#contact p.facebook a { padding: 3px 0 3px 29px; background: url(../i/icon-facebook.gif) no-repeat 0 0; }


/************ PRESS **************/
#press h2 { background-image: url(../i/titles/press.gif); height: 91px; width: 369px;}
#press .sub { margin-top: 36px;}
#press .sub * { text-indent: 0;}
#press .sub a { display: block; font-family: Arial Black, Arial, sans-serif; color: #23582a;}
#press .seals span { float: left; margin-right: 20px; margin-bottom: 20px;}
#press .seals span.bob { background-image: url(../i/seal-bob.gif); width: 61px; height: 50px;}
#press .seals span.pro-shop { background-image: url(../i/seal-pro-shop.gif); width: 55px; height: 55px;}
#press .seals span.gold-medal { background-image: url(../i/seal-gold-medal.gif); width: 51px; height: 50px;} 
#press h3 { font-family: Arial Black, Arial, sans-serif; }