/*	-------------------------------------------------------------
	CSS - MAIN : 	AMERICAN YARD
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		main.css
	Date:			January 6, 2010
	Author:			UMRG New Media
	-------------------------------------------------------------	*/
/*	-----------------------------------------------------------
	body/global/reset Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin:0; padding:0;
		border:0;
		outline:0;
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
	}
	body {
		width:100%;
		line-height:1;
		background:#000;
		font:normal 12px Helvetica,Arial,Sans-Serif;
		color:#fff;
	}
	ol, ul {
		list-style:none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content:none;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse:collapse;
		border-spacing:0;
	}
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
	}
	.cleaner {
		border:none;
		height:0px;
		margin:0; padding:0;
		background:transparent;
		font-size:1px;
		clear:both;
		overflow:hidden;
	}
	.clearfix:after {
		content: ".";
		height:0;
		display:block;
		line-height:0;
		clear:both;
		visibility:hidden;
	}
	.clearfix {
		display:inline-block;
	}	
	html[xmlns] .clearfix {
		display:block;
	}
	* html .clearfix {
		height:1%;
	}
		
	a {
		text-decoration:none;
		color:#fff;
	}
		a:hover {
			color:#CE8626;
		}
	
	/*	-----------------------------------------------------------
		MAIN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#main {
		width:910px;
		margin:0 auto;
		padding:0 0 25px 0;
	}
	
		#contentSpace {
			width:910px;
		}
		
	/*	-----------------------------------------------------------
		NAV / PLAYER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#topBar {
		width:900px;
		margin:20px auto 0 auto;
	}
		ul#nav {
			width:500px; height:80px;
			float:left;
		}
			ul#nav li {
				margin:0 2px 0 0;
				display:inline;
				float:left;
			}
				ul#nav li a {
					width:64px; height:30px;
					margin:22px 0 0;
					display:block;
				}
				ul#nav li#home a {
					height:80px;
					margin:0;
					background:url(../../images/AY_icon.gif) no-repeat 0 0;
				}
					ul#nav li#home a:hover {
						background-position:0 -81px;
					}
				ul#nav li#news a {
					background:url(../../images/bgNav.jpg) no-repeat 0 0;
				}
					ul#nav li#news a:hover {
						background-position:0 -39px;
					}
				ul#nav li#videos a {
					width:67px;
					background:url(../../images/bgNav.jpg) no-repeat -65px 0;
				}
					ul#nav li#videos a:hover {
						background-position:-65px -39px;
					}
				ul#nav li#shows a {
					width:67px;
					background:url(../../images/bgNav.jpg) no-repeat -133px 0;
				}
					ul#nav li#shows a:hover {
						background-position:-133px -39px;
					}
				ul#nav li#music a {
					width:60px;
					background:url(../../images/bgNav.jpg) no-repeat -200px 0;
				}
					ul#nav li#music a:hover {
						background-position:-200px -39px;
					}
				ul#nav li#photos a {
					width:67px;
					background:url(../../images/bgNav.jpg) no-repeat -261px 0;
				}
					ul#nav li#photos a:hover {
						background-position:-261px -39px;
					}
				ul#nav li#about a {
					width:67px;
					background:url(../../images/bgNav.jpg) no-repeat -328px 0;
				}
					ul#nav li#about a:hover {
						background-position:-328px -39px;
					}
					
		.flashBox {
			width:265px; height:69px;
			margin:15px 0 0;
			float:right;
		}
		
	/*	-----------------------------------------------------------
		MAIN COLUMN CONTENT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	h1 {
		width:900px; height:428px;
		margin:0 auto;
		background:url(../../images/h1_americanYard.jpg) no-repeat 0 0;
	}
	
	#mainCol {
		width:570px;
		float:left;
	}
		#mainCol .header {
			width:540px; height:30px;
			padding:30px 0 0 30px;
			background:url(../../images/mainCol_top.jpg) no-repeat 0 0;
		}
		#mainCol .btm {
			width:535px; height:30px;
			padding:0 0 30px 35px;
			background:url(../../images/mainCol_btm.jpg) no-repeat 0 0;
		}
	
	/*	-----------------------------------------------------------
		ALT COLUMN CONTENT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#altCol {
		width:340px;
		margin:6px 0 0;
		float:right;
	}
		#altCol .altTop {
			width:340px; height:20px;
			background:url(../../images/altCol_top.jpg) no-repeat 0 0;
		}
		#altCol .altBtm {
			width:340px; height:20px;
			background:url(../../images/altCol_btm.jpg) no-repeat 0 0;
		}
		#altCol .download {
			width:340px;
			background:url(../../images/altCol_bg.gif);
		}
			#altCol .download .links {
				width:300px; height:132px;
				margin:0 auto;
				background:url(../../images/downloadSingle.jpg) no-repeat 0 0;
			}
				#altCol .download .links .linkHolder {
					width:72px;
					padding:80px 0 0 161px;
				}
				#altCol .download .links a.itunes {
					width:72px; height:27px;
					background:url(../../images/btn_iTunes.jpg) no-repeat 0 0;
					display:block;
				}
					#altCol .download .links a.itunes:hover {
						background-position:0 -27px;
					}
				#altCol .download .links a.amazon {
					width:72px; height:27px;
					background:url(../../images/btn_amazon.jpg) no-repeat 0 0;
					display:block;
				}
					#altCol .download .links a.amazon:hover {
						background-position:0 -27px;
					}
		#altCol .twitterFeed {
			width:340px;
			background:url(../../images/altCol_bg.gif);
		}
			#altCol .twitterFeed h2 {
				width:250px; height:35px;
				margin:0 0 0 35px;
				background:url(../../images/h2_twitterFeed.jpg) no-repeat 0 0;
			}
			#altCol .twitterFeed .feed {
				width:280px;
				margin:0 auto;
			}
				#altCol .twitterFeed .feed ul {
					width:280px;
					padding:10px 0;
				}
					#altCol .twitterFeed .feed ul li {
						width:280px;
						padding:5px 0;
					}
						#altCol .twitterFeed .feed ul li a {
							color:#67cbda;
						}
							#altCol .twitterFeed .feed ul li a:hover {
								color:#00F;
							}
						
	/*	-----------------------------------------------------------
		FOOTER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#footer {
		margin:30px auto;
		font-size:10px;
		text-align:center;
		color:#999;
	}