/*
	CSS file for ASA / FC Barcelona
	Author:	Net Theory 
					http://www.nettheory.com/

*/

/* 	


	*** Color Palette ***
	---------------------------------------------------------------------    
	Old Yellow		#fdc42c 
	2010 yellow     #e8b909

*/



/* Body & Global
------------------------------------ */
* {
	margin: 0;
	padding: 0;
	z-index: 0;
}            

body {
	font: 62.5% "helvetica neue", arial, sans-serif;    
	background-color: #231f20;
}   

h1#logo {
	text-indent: -1000em;
	width: 789px;
	height: 120px;
	background: url(../images/logo.png) 0 0;
	margin: 0 !important;
	padding: 0 !important;
	clear:left;
	float:left;
} 

h2#asa-logo,
#homepage h2#asa-logo {
	margin: 0 !important;
	text-indent: -1000em;
	width: 181px;
	height: 120px;
	background: url(../images/asa-logo.png) 0 0;
	padding: 0 !important;
	clear:none;
	float:left;
}

	h1#logo a,
	h2#asa-logo a {
		display: block;
		height: 100%;
		overflow:hidden;
	} 

h2 {
	color: #fff;
	font-size: 2em;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
}

#homepage h2#champions {
	text-indent: -1000em;
	width: 970px;
	height: 56px;
	background: url(../images/champions.png) 0 0;
	margin: 0 0 3px;
	padding: 0 !important;
	background-color: #e8b909;
	color: #000;
}


#homepage h2#dates {
	text-indent: -1000em;
	width: 475px;
	height: 195px;
	background: url(../images/home-dates.png) 0 0;
	padding: 0 !important;
}

#homepage h2.tba {
	margin:25px 0 10px;
	color:#e8b909;
	text-transform: none;
}

#slideshow {
	width: 460px;
	margin-right: 30px;
	clear: left;
	float: left;
}

	#flashwrap {
		height: 350px;
	}

	.testimonial {
		text-indent: -1000em;
		width: 460px;
		height: 129px;
	}

		#quote1 { background: url(../images/testimonials/01.png) 0 0; }
		#quote2 { background: url(../images/testimonials/02.png) 0 0; }
		#quote3 { background: url(../images/testimonials/03.png) 0 0; }
		#quote4 { background: url(../images/testimonials/04.png) 0 0; }
		#quote5 { background: url(../images/testimonials/05.png) 0 0; }
		#quote6 { background: url(../images/testimonials/06.png) 0 0; }

.headroom {
	margin-top: 1.2em;
}

.more-headroom {
	margin-top: 2.6em;
}

h3 {
	color: #e8b909;
	font-size: 1.4em;
	margin:0;
	padding: 12px 0 0;
	font-weight: bold;
}

h3.under-h2 {
	padding: 2px 0 0;
}

/* additional global h2-6 rules */

p {
	font-size: 1.2em;
	line-height: 1.584em;
	color: #fff;
	margin: 0 0 12px;
}

li {
	color: #fff;
	font-size: 1.2em;
	line-height: 1.584em;
}

.footnote {
	font-size: 1.1em;
}

                                 
a:link, a:visited	{ color: #fff; text-decoration: none; }
a:hover, a:active	{ color: #fff; text-decoration: underline;}           

table {
	border-collapse: collapse;
}

	#terms table {
		margin-bottom: 20px;
		border: 1px solid #333;
	}

		#terms table thead tr td {
			margin-bottom: 2em;
			background-color: #333;
		}

		#terms table tr td {
			padding: 0.2em 0.5em;
		}

td {
	font-size: 1.3em;
	line-height: 1.6em;
	color: #fff;
	padding: 4px 4px 4px 0;
} 

address {
	font-style: normal;
	color: #fff;
}
#copy address {
	font-size: 1.3em;
	line-height: 1.6em;
	margin: -10px 0 30px;
	font-weight: bold;
}


/* Forms 
------------------------------------- */
fieldset { padding: 20px; margin-bottom: 10px; margin-top: 25px;}
fieldset legend { font-size: 1.4em; color: #FFF; padding: 0 5px; font-weight: bold;}
fieldset input, fieldset select { width: 145px; padding: 2px; }
fieldset label { color: #FFF; margin-right: 20px; font-size: 1.3em; display: block; text-align: right; width: 190px; float: left; }
fieldset div { margin-bottom: 8px; }
#submit-tag { padding: 5px 10px; width: 200px; margin-left: 190px; }
#error-messages { color: #e8b909; border: 1px dashed #fff; padding: 10px; font-size: 1.2em; font-weight: bold;}
#error-messages h2 { font-size: 1.4em;}
#error-messages ul { list-style: none; }


/* Structure
------------------------------------ */
#super-container { 
	width: 100%;
}         

	#container {   
		margin: 0 auto;
		width: 970px;
	}
	
		#header {
			float: left;
			width: 970px;
		}     
	
	  	#branding {
				margin-bottom: 20px;
				float: left;
				width: 970;
			}
		
		#content {    
			clear: left;
			float: left;
			width: 970px;
			margin: 12px 0 20px;
		}
		
		body#homepage #content {
			margin-top: 0;
		}
		
		#footer {
			clear: left;
			width: 970px;
			color: #fff;
			font-size: 1.1em;
			line-height: 1.7em;
			padding: 5px 0 20px;
			text-align: center;
	}

/* ASA Global Nav */		
#upper-container {
	float: left;
	width: 100%;
	background: #afb0b4 url(../images/global-header-grad.png) bottom left repeat-x; 
}

#upper-container a:hover, #upper-container a:active {
    text-decoration: underline; 
}

#global-nav-wrapper { 
	float: left; 
	width: 100%; 
}

#global-nav-inner { 
	width: 960px;
	margin: 0 auto; 
}

#global-nav { 
	float: left; 
	width: 960px;
}

	#global-links {
		float: left;
		width: 470px;
		margin-left: -7px;
		position: relative;
	}
	
	#global-links ul {
		list-style: none;
	}
	
	#global-links li {
		float: left;
		margin-right: 8px;
		line-height: 1em;
	}

	#global-links li.selected a {
		text-decoration: underline;
	}

	#global-links li a { 
		font-weight: bold; 
		color: #fff; 
		text-decoration: none; 
		padding: 7px; 
		float: left;
/*		font-size: 1.2em;*/
	}
    
    #global-links li a:hover,  #global-links li a:active,
    #company-links li a:hover,  #company-links li a:active {
        background: #c4c4c4;
        color: #fff;
	}

	#nav-right {
		margin: 5px 0;
		float: right;
		width: 460px;
	}
	
		#company-links { 
			margin-top: 2px;
			margin-left: 20px;
			width: 20em;
			float: right;
			list-style: none;
		}
	
		#company-links li { 
			float: right;  
			display: inline;
			line-height: 1em;
		}
	
			#company-links li a {
				color: #e6e6e6;
				text-decoration: none;
				float: left;
				padding: 0 7px;
				text-transform: uppercase;
				border-right: 1px solid #e6e6e6;
				font-size: 10px;
			}
	
			#company-links li.selected a {
				text-decoration: underline;
			}
		
			#company-links li.last a {
				border: none;
			}
		

		
#header-wrapper {
	margin-bottom: 30px;
	width: 960px;	
	float: left;
}

	#header-wrapper h2 {
		margin-top: 16px;
	}



#program-nav-wrapper {
	background: #f2f2f2;
	float: left;
	width: 100%;
	clear: left;
}

	#program-nav-inner {
		width: 960px;
		margin: 0 auto;
	}

	#program-nav {
		margin: 0 auto;
		float: left;
		width: 960px;
		position: relative;
	}

		#program-links {
			margin: 0 auto;
			float: left;
			width: 960px;
			list-style: none;
			margin-left: -7px;
			position: relative;
		}
	
		#program-links li {
			float: left;
			display: inline;
			margin-right: 11px;
			font-size: 1.1em;
			line-height: 1em;
		}
	
		#program-links li a {
			color: #808080;
			text-decoration: none;
			padding: 4px 7px;
			float: left;
		}
		#program-links li.selected a {
			font-weight: bold;
		}

		#program-links li a:hover,  #program-links li a:active {
			background: #fafafa;
		}

#benefits {
	margin-left: 36px;
}

	#benefits li {
		color: #E8B909;
	}
	
#top-nav {
	width: 970px;
	float: left;
	clear: left;
}

	#top-nav ul {
		list-style-type: none;
		float: right;
		width: 970px;
/*		margin: -25px 11px 0; */
		margin: 0;
	}

		#top-nav li {
			float: right;
			display: inline;
			text-transform: uppercase;
			font-size: 10px;
			border-bottom: 2px solid #231f20;
		}

			#top-nav li a {
				margin: 0 10px;
				padding: 5px 0;
				height: 100%;
				color: #fff;
				float: left;
				border-bottom: 2px solid #231f20;
			}

			#top-nav li a:active,
			#top-nav li a:hover {
				border-bottom: 2px solid #666;
				text-decoration: none;
			}

			#top-nav li.on {
				padding: 5px 0;
				border-bottom: 2px solid #e8b909;
				margin: 0 10px;
				color: #fff;
			}

#copy {
	width: 475px;
	float: left;
	clear: none;
	margin-left: 0px;
}

/* #homepage #copy {
	width: 300px;
	float: left;
	clear: none;
}

#homepage #hero {
	width: 580px;
	float: right;
	clear: none;
	margin: 0 0 48px;
}*/


#description {
	text-indent: -9999px;
	color: #000;
	font-size: 7px;
	line-height: 0.1em;
	margin: 0;
	width: 100px;
}

/*#footer #logo-sm {
	float: left;
	margin: 4px 15px 0 0;
	border: 0;
}*/

#footer a:link, #footer a:visited {
	color: #e8b909;
}

#footer a:hover, #footer a:active {
	text-decoration: underline;
}
	 
#left-photos {
	float: left;
	margin: 0 15px 0 70px;
	width: 380px;
}

#tall-photo {
	width: 380px;
	float: left;
	clear: left;
}
	
.small-photo {
	width: 380px;
	float: left;
	clear: left;
	margin-top: 5px;
}

#content a {
	color: #e8b909;
}

#daily-schedule table {
	width: 90%;
}
#technical-director {
	float: left;
	margin-top: 20px;
}

#techdir-photo {
	float: right;
	width: 	120px;
	margin-top: 30px;
}

#techdir-copy {
	float: left;
	width: 340px;
	margin-right: 10px;
}

#gombau-copy h3 {
	margin: 0;
}

#apply-now #copy ul {
	color: #fff;
/*	font-size: 1.2em;*/
}

#register-buttons {
	float: left;
	width: 475px;
	margin: 2em 0;
}

h3.button {
	width: 17em;
	text-align: center;
	font-size: 1.3em;
	line-height: 1.462em;
	float: left;
	clear: none;
	margin: 0 10px 10px 0;;
	font-weight: normal;
	padding: 0;
}

h3.double-height {
	line-height: 2.924em;
}
	
	h3.button a {
		padding: 8px 12px 9px 12px;
		height: 100%;
		display: block;
		border-radius:8px;
		-moz-border-radius: 8px;
		-webkit-border-radius:8px;
		border: 1px solid #444;
		background-color: #393536;
	}
	
	h3.button a:hover,
	h3.button a:active {
		border: 1px solid #e8b909;
		text-decoration: none;
	}

blockquote {
	font-family: georgia, 'times new roman', serif;
	font-size: 14px;
	font-style: italic;
}

		blockquote span {
			font-style: normal;
		}



/* Lightbox
------------------------------------- */




/* Must be last! */            
/* Utilities 
------------------------------------ */  
.noBottom {
	margin-bottom: 0 !important;
}

.last {
	margin-right: 0 !important;
	padding-right: 0 !important;
}

a.no-color {
	color: #fff !important;
}

.yellow {
	color: #e8b909;
}

.clear-l 	{ clear: left; }
.clear-r	{ clear: right; }
.clear-b	{ clear: both; }

.float-l { float: left; }
.float-r { float: right; }

.rightspace {
	padding-right: 1.6em;
}

.hide {
	display: none;
}