/*

Created: Feb 17, 2010
Author: Vestal Cook

*/

/*===============================IMAGE REPLACEMENT==============================*/

.no { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .no { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */ 

/*===================================ANCHORS=================================*/

a#logo { width:293px; height:150px; float:left; background:url(/images/index/logo.jpg) top left no-repeat; }
a#golfer_demographic_btn { width:313px; height:137px; float:left; background:url(/images/index/golfer-demographics-btn.jpg) top left no-repeat; }
a#ad_sponsorship_btn { width:313px; height:137px; float:left; background:url(/images/index/advertising-sponsorship-btn.jpg) top left no-repeat; }
a#course_partners_btn { width:315px; height:137px; float:left; background:url(/images/index/partners-btn.jpg) top left no-repeat; }

/*===================================H1/H2/H3/H4/H5=============================*/

h2#index_banner { width:941px; height:307px; float:left; background:url(/images/index/banner-pic.jpg) top left no-repeat; }
h2#footer { width:941px; height:67px; float:left; background:url(/images/index/footer.jpg) top left no-repeat; }
h2#int-footer { width:941px; height:67px; float:left; background:url(/images/interior/int-footer.jpg) top left no-repeat; }

h2#product_h { width:941px; height:129px; float:left; background:url(/images/headers/product-h.jpg) top left no-repeat; }
h2#ad_sponsorship_h { width:941px; height:129px; float:left; background:url(/images/headers/sponsorship-h.jpg) top left no-repeat; }
h2#clients_h { width:941px; height:129px; float:left; background:url(/images/headers/clients-h.jpg) top left no-repeat; }
h2#partners_h { width:941px; height:129px; float:left; background:url(/images/headers/partners-h.jpg) top left no-repeat; }
h2#contact_h { width:941px; height:129px; float:left; background:url(/images/headers/contact-h.jpg) top left no-repeat; }
h2#demographics_h { width:941px; height:129px; float:left; background:url(/images/headers/demographics-h.jpg) top left no-repeat; }
h2#four_o_four_h { width:941px; height:129px; float:left; background:url(/images/headers/404-h.jpg) top left no-repeat; }

h3#ad_benefits_sh { width:565px; height:17px; background:url(/images/sh/advertising-benefits-sh.jpg) top left no-repeat; }
h3#testimonials_sh { width:565px; height:19px; background:url(/images/sh/testimonials-sh.jpg) top left no-repeat; }
h3#demographics_sh { width:565px; height:17px; background:url(/images/sh/demographics-sh.jpg) top left no-repeat; margin:0 0 10px 0; }
h3#under_construction { width:565px; height:17px; background:url(/images/sh/under-construction.jpg) top left no-repeat; margin:40px 0 200px 0; }
h3#shoe_cleaner_sh { width:565px; height:17px; background:url(/images/sh/features-sh.jpg) top left no-repeat; margin:0 0 10px 0; }
h3#course_benefits_sh { width:565px; height:17px; background:url(/images/sh/course-benefits-sh.jpg) top left no-repeat; }
h3#course_commitment_sh { width:565px; height:17px; background:url(/images/sh/commitment-sh.jpg) top left no-repeat; }
h3#partner_links_sh { width:565px; height:17px; background:url(/images/sh/links-sh.jpg) top left no-repeat; }
h3#benefits_sh { width:565px; height:17px; background:url(/images/sh/benefits-sh.jpg) top left no-repeat; }

/*===================================Page Structure, ID's=================================*/

html, .interior_body, #wrap {height: 100%;}
.interior_body > #wrap {height: auto; min-height: 100%;}

body { background:url(/images/index/bg.jpg) #F0F0F0 top left repeat-x; text-align:center; }
.interior_body  { text-align:center; background:url(/images/interior/int-bg.jpg) #F0F0F0 top left repeat-x; text-align:center; }

/* INDEX PAGE */
	#main { width:941px; margin:0 auto; text-align:left; }
		#nav { width:648px; height:150px; float:left; }
			#above_nav { width:648px; height:60px; float:left; background:url(/images/index/top-right.jpg) top left no-repeat; }
			#under_nav { width:648px; height:41px; float:left; background:url(/images/index/under-nav.jpg) top left no-repeat; }
		#welcome_bg { width:584px; height:384px; float:left; padding:70px 30px 0 20px; background:url(/images/index/welcome-bg.jpg) top left no-repeat; }
		#latest_news_bg { width:220px; height:359px; float:left; padding:95px 42px 0 45px; _width:260px; _padding:100px 2px 0 45px; background:url(/images/index/latest-news-bg.jpg) top left no-repeat; _margin:0 0 15px 0; }
			.latest_news_break { width:220px; height:2px; padding:15px 0; background:url(/images/index/line-break.jpg) center left no-repeat; }
		#footer_stretch { width:100%; text-align:center; height:67px; background:url(/images/interior/footer-stretch.jpg) top left repeat-x; margin:0px 0 0 0; }
		#index_footer_container {
				width:941px; 
				position: relative;
				margin:0 auto;   
				/* negative value of footer height */
				height: -67px;
				clear:both;
				background:url(/images/interior/int-footer.jpg) top left no-repeat;
				}
			#facebook { width:133px; height:50px; margin:-57px 0 0 0; float:left; }

/* INTERIOR TEMPLATE PAGE */

		#under_subheader { width:941px; height:62px; float:left; background:url(/images/interior/under-subheader.jpg) top left no-repeat; }
		#content_stretch { width:941px; float:left; background:url(/images/interior/stretch.jpg) top left repeat-y; }
		#content_footer { width:941px; height:62px; float:left; background:url(/images/interior/content-footer.jpg) top left no-repeat; }
			#content_left { width:565px; float:left; margin:-32px 0 0 0; padding:0 35px 0 35px; position:relative; z-index:1; }
			#content_right { width:306px; float:left; margin:-32px 0 0 0;  position:relative; z-index:1; }  
				#product_img { width:197px; padding:0 54px; margin:40px 0 0 0; }
		#footer_stretch { width:100%; text-align:center; height:67px; background:url(/images/interior/footer-stretch.jpg) top left repeat-x; margin:0px 0 0 0; }
			#int-footer-container {
				width:941px; 
				position: relative;
				margin:0 auto;   
				/* negative value of footer height */
				height: -67px;
				clear:both;
				background:url(/images/interior/int-footer.jpg) top left no-repeat;
				}

/* ADVERTISING SPONSORSHIP PAGE */
				li.bullet { background:url(/images/interior/bullet.png) 0 8px no-repeat; position:relative; margin:0 0 5px 0; padding:0 0 0 10px; }  

/* CLIENT PAGE */

				.client_line_break { width:565px; float:left; height:1px; padding:0 0 40px 0; background:url(/images/interior/line-break.jpg) top left no-repeat; }
				#flash { width:197px; padding:0 54px; margin:40px 0 0 0; }

/* CONTACT PAGE */
	
				#contact_right_container { width:258px; float:left; margin:0 24px; text-align:center; }
					ul#contact_list { width:210px; float:left; }
			
/*================================================= NAVIGATION =================================================*/

#top_navigation { width:648px; height:49px; float:left; }
#top_navigation a { display:block; }
#top_navigation li { float:left;}
#top_navigation li a { height:49px; }

#home a { background:url(/images/nav/home.jpg) top left no-repeat; width:76px; height:49px; }
#product a { background:url(/images/nav/product.jpg) top left no-repeat; width:106px; height:49px; }
#ad_sponsorship a { background:url(/images/nav/sponsorship.jpg) top left no-repeat; width:138px; height:49px; }
#clients a { background:url(/images/nav/clients.jpg) top left no-repeat; width:95px; height:49px; }
#course_partners a { background:url(/images/nav/partners.jpg) top left no-repeat; width:132px; height:49px; }
#contact a { background:url(/images/nav/contact.jpg) top left no-repeat; width:101px; height:49px; }

#home a:hover, #product a:hover, #ad_sponsorship a:hover, #clients a:hover, #course_partners a:hover, #contact a:hover { background-position:bottom; }

#index_body #home a { background-position:bottom; }
#product_body #product a { background-position:bottom; }
#ad_sponsorship_body #ad_sponsorship a { background-position:bottom; }
#clients_body #clients a { background-position:bottom; }
#course_partners_body #course_partners a { background-position:bottom; }
#contact_body #contact a { background-position:bottom; }

/*================================================= INPUTS ======================================================*/

input.contact { width:450px; height:20px; border:1px solid #8E8E8E; background:#fff !important; margin:0px 0 5px 0; padding:3px 3px 0 3px; }
input.code { width:265px; height:20px; border:1px solid #8E8E8E; background:#fff !important; margin:3px 0 5px 0; padding:3px 3px 0 3px; }
textarea.contact { width:450px; height:150px; border:1px solid #8E8E8E; background:#fff !important; margin:3px 0 5px 0; padding:3px 3px 0 3px; }

/*================================================= LINKS ======================================================*/

a:link { font-family:verdana, arial, helvetica; font-size:13px; color:#000; text-decoration:none; font-weight:normal; }
a:visited { font-family:verdana, arial, helvetica; font-size:13px; color:#000; text-decoration:none; font-weight:normal; }
a:hover { font-family:verdana, arial, helvetica; font-size:13px; color:#000; text-decoration:underline; font-weight:normal; }

a.index_welcome_link:link { font-family:verdana, arial, helvetica; font-size:11px; color:#000; text-decoration:underline; font-weight:normal; }
a.index_welcome_link:visited { font-family:verdana, arial, helvetica; font-size:11px; color:#000; text-decoration:underline; font-weight:normal; }
a.index_welcome_link:hover { font-family:verdana, arial, helvetica; font-size:11px; color:#000; text-decoration:underline; font-weight:normal; }

a.mmd_link:link { font-family:verdana, arial, helvetica; font-size:12px; color:#FFF; text-decoration:none; font-weight:bold;}
a.mmd_link:visited { font-family:verdana, arial, helvetica; font-size:12px; color:#FFF; text-decoration:none; font-weight:bold;}
a.mmd_link:hover { font-family:verdana, arial, helvetica; font-size:12px; color:#FFF; text-decoration:underline; font-weight:bold;}

a.black_13_b_link:link { font-family:verdana, arial, helvetica; font-size:13px; color:#000; text-decoration:underline; font-weight:bold; }
a.black_13_b_link:visited { font-family:verdana, arial, helvetica; font-size:13px; color:#000; text-decoration:underline; font-weight:bold; }
a.black_13_b_link:hover { font-family:verdana, arial, helvetica; font-size:13px; color:#000; text-decoration:underline; font-weight:bold; }

a.directions_link:link { font-family:verdana, arial, helvetica; font-size:13px; color:#000; text-decoration:underline; font-weight:normal; text-align:center; }
a.directions_link:visited { font-family:verdana, arial, helvetica; font-size:13px; color:#000; text-decoration:underline; font-weight:normal; text-align:center; }
a.directions_link:hover { font-family:verdana, arial, helvetica; font-size:13px; color:#000; text-decoration:underline; font-weight:normal; text-align:center; }

/*================================================= TEXT =======================================================*/

p { font-family:verdana, arial, helvetica; font-size:13px; color:#000; text-decoration:none; font-weight:normal; line-height:150%; text-align:left; }
.index_welcome_text { font-family:verdana, arial, helvetica; font-size:11px; color:#000; text-decoration:none; font-weight:normal; line-height:150%; text-align:left; }
li.latest_news_date { font-family:verdana, arial, helvetica; font-size:11px; color:#000; text-decoration:none; font-weight:bold; line-height:150%; text-align:left; margin:0px; }	
li.latest_news_topic { font-family:verdana, arial, helvetica; font-size:11px; color:#bf1e2e; text-decoration:none; font-weight:bold; line-height:150%; text-align:left; margin:5px 0 0 0; }
li.latest_news_description { font-family:verdana, arial, helvetica; font-size:11px; color:#000; text-decoration:none; font-weight:normal; line-height:150%; text-align:left; margin:5px 0 0 0; }
.mmd_text { font-family:verdana, arial, helvetica; font-size:12px; color:#fff; text-decoration:none; font-weight:normal; line-height:150%; }
li { font-family:verdana, arial, helvetica; font-size:13px; color:#000; text-decoration:none; font-weight:normal; line-height:150%; text-align:left; margin:0 0 10px 0; }
label { font-family:verdana, arial, helvetica; font-size:13px; color:#62811c; text-decoration:none; font-weight:bold; line-height:150%; text-align:left; margin:0 0 10px 0; }
address { font-family:verdana, arial, helvetica; font-size:13px; color:#000; text-decoration:none; font-weight:bold; font-style:normal; line-height:150%; text-align:left; width:210px; margin:0 0 10px 0; float:left; } 
ul#contact_list li { font-family:verdana, arial, helvetica; font-size:13px; color:#000; text-decoration:none; font-weight:normal; line-height:150%; text-align:left; margin:0px; }

/*================================================= MARGINS =======================================================*/

.latest_news_padding { padding:0 0 20px 0; }
.under_sh_margin { margin:0 0 10px 0; }
.inner_list_margin { margin:5px 0 10px 15px; }
.list_img_margin { margin:5px 15px 0 0; }
.client_img_padding { padding:0 0 40px 40px; }

/*================================================= FLOATS =======================================================*/
.left { float:left; }

/*================================================= BEGIN CLEARFIX FOR FLOAT STYLES ============================*/

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;_height: 1%;}
.clearfix {display:block;}

