/*
	Description	:	Core Css
	Author		:	Ryan Roberts - http://ryanroberts.co.uk for Fifth Ring - http://fifthring.com
	Client		:	Aspire Golf
*/
    
/*
	GENERAL
________________________________________________________________________________________ */

body {
	font-family: Verdana, Arial, Sans-Serif;
	color: #535353;
	margin-bottom: 36px;
	background: #a7d841 url(../images/interface/bg.jpg) no-repeat center top fixed;
	}

h1, h2, h3,
h4, h5, h6,
caption {
	font: 27px Georgia, "Times New Roman", Times, Serif;
	color: #73ab00;
	margin: 0 0 9px;
    }

h1 {
	margin: 0 0 54px;
    }
    
h2, h3,
h4, h5, h6 {
	font-size: 20px;
	color: #666;
    }

a,
a:link,
a:active,
a:visited {
    color: #002270;
    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear; /* In case Mozilla do add it :) */
	transition: color .2s linear;
    }
    
a:hover,
a:focus {
	color: #757575;
    }

hr {
	width: 100%;
	}

/* 
	TABLES 
________________________________________________________________________________________ */	

	
table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border-top: 1px solid #b9bdbf;
	border-left: none;
	}

th, td {
	line-height: 35px;
	padding: 0 9px;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid #b9bdbf;
	border-right: none;
	}

th {
	font-weight: bold;
	font-family: arial;
	font-size: 12px;
	color: #7db900;
	}
    
/*
	MAIN STRUCTURE
	The main (first level) grid structure.
________________________________________________________________________________________ */

#header {
	position: relative;
	width: 906px;
	height: 170px;
	padding: 0 27px;
	margin: 9px auto 0;
	background: #fff;
	z-index: 5000;
	}


#content {
	position: relative;
	width: 906px;
	padding: 54px 0 18px;
	margin: 0 auto;
	background: #fff url(../images/interface/blue-bar.gif) repeat-x;
	border-left: 27px solid #fff;
	border-right: 27px solid #fff;
	}

#showreel {
	width: 906px;
	height: 304px;
	margin: -54px 0 18px;
	overflow: hidden;
	background: #fff;
	}


#primary-content {
	width: 435px;
	float: left;
	}


#secondary-content {
	width: 444px;
	float: right;
	}


#footer {
	font-size: 90%;
	width: 906px;
	padding: 18px 0 0;
	margin: 0 auto 36px;
	background: #fff url(../images/interface/green-bar.gif) repeat-x;
	border-left: 27px solid #fff;
	border-right: 27px solid #fff;
	}
	
	
/*
	SUB STRUCTURE
	All content held "within" the first level grid structure.
________________________________________________________________________________________ */


/*	HEADER
------------------------------------- */

#header .logo img {
	position: absolute;
	top: 30px;
	left: 45px;
	float: left;
	}

#aspire-tagline {
	position: absolute;
	top: 92px;
	right: 27px;
	width: 224px;
	height: 20px;
	text-indent: -9999px;
	background: url(../images/interface/aspire-tagline.gif) no-repeat;
	}

.adacemy-link {
	position: absolute;
	top: 18px;
	right: 27px;
	font-size: 10px;
	}

.adacemy-link a {
	color: #6fa617
	}

.adacemy-link a:hover {
	color: #003382
	}



/*	PRIMARY CONTENT
------------------------------------- */

/* Home Page */

body.home-page #primary-content h1, 
body.home-page #primary-content h2, 
body.home-page #primary-content h3,
body.home-page #primary-content h4, 
body.home-page #primary-content h5, 
body.home-page #primary-content h6 {
	padding: 0 0 9px;
	margin: 0 0 9px;
	border-bottom: 1px solid #b0b0b0;
    }

/* Homepage Showreel */

#showreel #tabs {
	width: 906px;
	height: 304px;
	margin: 0 auto;
	zoom: 1;
	overflow: hidden;
	}

#showreel #tabs ul {
	font: 24px georgia;
	float: right; 
	padding-top: 9px;
	margin: 0;
	width: 221px;
	height: 295px;
	list-style: none;
	background: #003680 url(../images/showreel/controls.gif) no-repeat top right;
	}

	#showreel #tabs ul li {
		width: 221px;
		line-height: 1;
		}
	
	#showreel #tabs ul a {
		display: block;
		width: 186px;
		padding: 17px 5px 16px 30px;
		color: #d4eff7; 
		background: #003680;
   		-webkit-transition: background .3s linear;
   		-moz-transition: background .3s linear;
		transition: background .3s linear;
		}
	
	#showreel #tabs ul a:hover, 
	#showreel #tabs ul a:focus {
		color: #fff;
		background: #135c92;
		}
	
	#showreel #tabs .ui-state-active a { 
		color: #fff;
		background: #005492; 
		}
	
	#showreel .ui-tabs-nav li.ui-tabs-selected a { 
		cursor: pointer; 
		}
	
	#showreel .ui-tabs .ui-tabs-hide { 
		display: none !important; 
		}


#showreel #tabs a.showreelitem {
	float: left; 
	width: 683px;
	height: 304px;
	overflow: hidden;
	}
	


/* Practice Page */

#practice-heading,
#play-heading,
#learn-heading,
#shop-heading,
#enjoy-heading,
#compete-heading,
#news-heading,
#contact-heading {
	display: block;
	padding: 90px 0 0;
	background: url(../images/interface/header-practice.jpg) no-repeat;
	}

#play-heading { background-image: url(../images/interface/header-play.jpg); }
#learn-heading { background-image: url(../images/interface/header-learn.jpg); }
#shop-heading { background-image: url(../images/interface/header-shop.jpg); }
#enjoy-heading { background-image: url(../images/interface/header-enjoy.jpg); }
#compete-heading { background-image: url(../images/interface/header-compete.jpg); }
#news-heading { background-image: url(../images/interface/header-news.jpg); }
#contact-heading { background-image: url(../images/interface/header-contact.jpg); }
	    	

/*	SECONDARY CONTENT
------------------------------------- */

#secondary-content h1, 
#secondary-content h2, 
#secondary-content h3, 
#secondary-content h4, 
#secondary-content h5, 
#secondary-content h6,
#secondary-content caption {
	font-size: 20px;
	color: #535353;
    }

#secondary-content img {
	display: block;
	}

.feature-image {
	margin: 0 0 18px;
	}



/* Home Page */

.info-home {
	background: url(../images/interface/small-feature-column.gif) repeat center bottom;
	}

#recent-news-excerpts,
#contact-info {
	width: 221px;
	float: left;
	font-size: 11px;
	}

#contact-info {	float: right; }

	#recent-news-excerpts h2,
	#contact-info h2 {
		font-size: 18px;
		color: #fff;
		padding: 14px;
		background: #a7d840 url(../images/interface/9px-corners.gif) no-repeat -9px -9px;
		border: none;
		}

	#contact-info h2 {
		background-position: 212px -9px;
		}

	#recent-news-excerpts ul,
	#contact-info ul,
	ul.contact-info {
		list-style: none;
		padding: 0 14px;
		margin-left: 0;
		}

	#contact-info address {
		padding: 0 14px;
		}

	#recent-news-excerpts li {
		margin: 0 0 12px;	
		}
		
	#tab-link li {
		position:absolute;
		margin: 5px 8px 0 0;
		text-align:right!important;
		}
		
	a.rss{
		background:transparent url(http://www.aspiregolfcentre.com/images/interface/icon_rss.gif) 0 52% no-repeat;
		padding-left:12px;
		}
		
	ul.contact-info {
		padding: 0;
		}



/* Try & Buy Page */

#brands {
	width: 444px;
	}

	#brands ul {
		list-style: none;
		overflow:  hidden;
		margin: 0;
		}

	#brands li {
		width: 222px;
		height: 80px;
		float: left;
		padding: 12px 0;
		text-align: center;
		}

	#brands img {
		display: inline;
		}
		
		
	#brands a {
		height:80px;
		width:144px;
		}

.nevada-bob-logo {
	margin-top: 27px;
	border-top: 1px solid #ccc;
	}

/*	FOOTER CONTENT
------------------------------------- */

#footer-contact {
	width: 40%;
	float: left;
	}

#footer-logos {
	float: right;
	list-style: none;
	overflow: hidden;
	margin: 0 0 9px 9px;
	}

	#footer-logos li {
		float: right;
		margin: 0 0 0 18px;
		}

	#footer-logos img {
		opacity: .5;
		-webkit-transition: opacity .3s linear;
		-moz-transition: opacity .3s linear;
		transition: opacity .3s linear;
		}

	#footer-logos img:hover {
		opacity: 1;
		}
        
    .social-links {
        clear:left;
        float:left;
        list-style-type:none;
        margin:0;
        padding:0;
        }
    
        .social-links li {float:left; margin-right:12px; line-height:28px;}
        .social-links li a {display:block; width:34px; height:34px; text-indent:-9999px;}
            .facebook-link {background:url('../images/logos/facebook_32.png') 0 0 no-repeat;}
            .twitter-link {background:url('../images/logos/twitter_32.png') 0 0 no-repeat;}


/* 
	NAVIGATION
	Main and sub navigation styling 
________________________________________________________________________________________ */

#main-navigation {
	position: absolute;
	top: 132px;
	right: 11px;
	width: auto;
	}

#main-navigation ul {
	padding: 0;
	margin: 0;
	line-height: 1;
	}

	#main-navigation li {
		position: relative;
		float: left;
		font-size: 13px;
		padding: 4px 16px 4px 11px;
		background: url(../images/interface/nav-bullet.gif) no-repeat right center;
		}

		#main-navigation li.last-menu-item {
			background: none;
			}

	#main-navigation a,
	.page-subnav a {
		color: #757575;
		}

	#main-navigation a.current-page,
	.page-subnav a.current-page	 {
		color: #89cb00;
		}

body.academy-page #main-navigation a.current-page {
	color: #757575;
}



	#main-navigation a:hover,
	#main-navigation a:focus,
	body.academy-page #main-navigation a:hover,
	body.academy-page #main-navigation a:focus,
	
	.page-subnav a:hover,
	.page-subnav a:focus	 {
		color: #89cb00;
		}


/*
body.academy-page #main-navigation li.last-menu-item {
	background: url(../images/interface/nav-bullet.gif) no-repeat right center;
}

#main-navigation li.academylink {
	background: none;
}*/



/* Dropdown nav */

#main-navigation li ul.page-subnav {
	position: absolute;
	top: -9999px;
	left: -9999px;
	}

#main-navigation li:hover ul.page-subnav,
#main-navigation li.hover ul.page-subnav {
	position: absolute;
	top: 18px;
	left: 0;
	width: 200px;
	padding: 12px 8px 6px;
	background: transparent url(../images/interface/dropdownmenu.gif) no-repeat;
	border-bottom: 1px solid #eee;
	z-index: 2000;
	}

	#main-navigation li ul.page-subnav li {
		float: left;
		width: 100%;
		padding: 0;
		background: none;
		}

	#main-navigation li ul.page-subnav li a {
		display: block;
		padding: 8px;
		}

		#main-navigation ul.thirdlevel-subnav li {
			font-size: 11px!important;
			text-indent: 18px;
			padding: 4px 0;
			}
		
		#main-navigation ul.thirdlevel-subnav a {
			padding: 4px 0!important;
			}



/* 
	MISC
________________________________________________________________________________________ */


.download-file {
	font-size: 11px;
	line-height: 1.1;
	width: 164px;
	height: 55px;
	padding: 45px 92px 0 18px;
	overflow: hidden;
	float: right;
	background: url(../images/interface/download-btn.jpg) no-repeat;
	}
	
.lessons-file {
	font-size: 11px;
	line-height: 1.1;
	width: 164px;
	height: 55px;
	padding: 45px 92px 0 18px;
	overflow: hidden;
	float: right;
	background: url(../images/interface/lessons-btn.jpg) no-repeat;
	}

.article,
.first-article {
	padding: 18px 0 0;
	margin: 18px 0 0;
	border-top: 1px solid #b9bdbf;
	}

.first-article {
	padding: 0;
	border-top: none;
	}

ul.fancy {
	font-size: 14px;
	margin-left: 0;
	}

ul.fancy li {
	list-style: circle inside url(../images/interface/bull-green.gif);
	padding: 8px;
	border-bottom: 1px solid #b9bdbf;
	}

.align-right {
	float:right;
	}

.align-left {
	float: left;
	}


/*	REMOVE FROM PAGE
________________________________________________________________________________________ */
.accessLinks {
	position: absolute!important;
	top: -9999em!important;
	left: -9999em!important;
	}


/*	FLOAT CLEARING
________________________________________________________________________________________ */
#header:after,
#content:after,
#primary-content:after,
#secondary-content:after,
#footer:after,
.nav:after,
fieldset:after,
form:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

/* IE FLOAT CLEARING: haslayout = true
------------------------------------- */
#header,
#content,
#primary-content,
#secondary-content,
#footer,
.nav,
fieldset,
form {
	zoom: 1;
	}