@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - Main : 	PTones Records Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		ptones_main.css
	Date:			Mar 15, 2010
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	

/*	--------------------------------------------------------------------------------------------------------------------------
	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 {
		border:0;
		margin:0; padding:0; 
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
		outline:none;
		font-weight:normal;
	}
	html {
		overflow-y:scroll;
	}
	img {
		display:block;
	}
	body {
		line-height:1;
	}
	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:0;
		margin:0; padding:0;
		height:0px;
		background:transparent;
		overflow:hidden;
		font-size:1px;
		clear:both;
	}
	.clearfix:after {
		content: ".";
		height:0;
		display: block;
		clear:both;
		visibility:hidden;
		line-height:0;
	}
	.clearfix {
		display:inline-block;
	}	
	html[xmlns] .clearfix {
		display:block;
	}
	* html .clearfix {
		height:1%;
	}
	.ui-tabs-hide {
		display:none;
	}
		
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Main Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#main {
		width:1100px;
		margin:0 auto;
		position:relative;
	}
	#header {
		width:1100px; height: 320px;
		background:url(../images/header.jpg) top center no-repeat;
		position:relative;
	}
		#header .home {
			width:317px; height:110px;
			display:block;
			position:absolute;
			top:164px; left:265px;
			z-index:5;
		}
		#header #enter {
			width:440px; height:25px;
			background:url(../images/clickToEnter.png) 0 0 no-repeat;
			display:block;
			position:absolute;
			top:244px; right:65px;
			cursor:default;
		}
	#nav {
		position:relative;
	}
		#nav li {
			float:left;
		}
			#nav li.active {
				width:125px; height:106px;
				background:url(../images/nav_bg.png) 0 0 no-repeat;
				position:absolute;
			}

		#nav a {
			display:block;
			margin-top:289px;
		}
			#nav li.about a {
				width:70px; height:22px;
				margin-left:87px;
				background:url(../images/about.png) 0 0 no-repeat;
			}
			#nav li.media a {
				width:72px; height:22px;
				margin-left:95px; margin-top:291px;
				background:url(../images/media.png) 0 0 no-repeat;
			}
			#nav li.blog a {
				width:138px; height:24px;
				margin-left:106px;
				background:url(../images/blog.png) 0 0 no-repeat;
			}
			#nav li.join a {
				width:70px; height:22px;
				margin-left:110px;
				background:url(../images/join.png) 0 0 no-repeat;
			}
			#nav li.spokespeople a {
				width:164px; height:24px;
				margin-left:114px;
				background:url(../images/spokespeople.png) 0 0 no-repeat;
			}
	#footer {	
		height:89px;
		padding:0 0 20px 0;
		background:url(../images/footer.jpg) top center no-repeat;
		position:relative;
		z-index:10;
	}
		#footer a {
			display:block;
			text-indent:-9999px;
			float:left;
		}
			#footer a.contact {
				width:171px; height:64px;
				margin:0 0 0 60px;
			}
			#footer a.twitter {
				width:47px; height:64px;
				margin:0 0 0 690px;
			}
			#footer a.facebook {
				width:47px; height:64px;
				margin:0 0 0 14px;
			}