@charset "utf-8";
/*	-------------------------------------------------------------
	CSS : 			SONOS Website - MAIN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		sonos_main.css
	Date:			Sep 22, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	@import url("base_main.css");
	@import url("sonos_components.css");
	
/*	--------------------------------------------------------------------------------------------------------------------------
	body/global Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	body {
		background:#5ba3dc url(../../images/body_bg.jpg) top center fixed;
		font:normal 12px Arial, Helvetica, sans-serif;
		color:#3c3b3b;
	}
	a {
		color:#3f7ab8;
	}
		a:hover {
			color:#0096ff;
			text-decoration:underline;
		}
	a.lvl2 {
		color:#489eda;
	}
		a.lvl2:hover {
			color:#0096ff;
		}
	a.more, a.top {
		font-weight:bold;
		color:#2e3f7a;
	}
	a.top {
		padding:0 0 0 15px;
		background:url(../../images/btn_top.png) 0 3px no-repeat;
		display:block;
	}
		a.more:hover, a.top:hover {
			color:#0096ff;
		}
		a.top:hover {
			background:url(../../images/btn_top.png) 0 -15px no-repeat;
		}
		a.more em, a.top em {
			font-style:normal;
			color:#489eda;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	#mainNav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainNav {
		background:#fff;
		font:bold 12px Arial, Helvetica, sans-serif; line-height:14px; text-align:center;
		color:#919191;
	}
		#mainNav li {
			float:left;
		}
			#mainNav li a {
				height:22px; 
				padding:8px 0 0 0;
				color:#919191;
				display:block;
			}
				#mainNav li a:hover {
					border-top:solid 4px #489eda;
					height:22px; 
					padding:4px 0 0 0;
					color:#489eda;
					text-decoration:none;
				}
			#mainNav .logo a {
				width:90px; height:33px; 
				padding:0;
				background:url(../../images/nav_sonos.gif) 14px 11px no-repeat;
			}
				#mainNav .logo a:hover {
					border:0;
					height:22px; 
					padding:0;
					background-position:14px -19px;
				}
			#mainNav .home a {
				width: 47px;
			}
			#mainNav .news a {
				width:40px;
			}
			#mainNav .bio a {
				width:35px;
			}
			#mainNav .videos a {
				width:54px;
			}
			#mainNav .photos a {
				width:58px;
			}
			#mainNav .music a {
				width:54px;
			}
			#mainNav .events a {
				width:58px;
			}
			#mainNav .downloads a {
				width:80px;
			}
			#mainNav .merchandise a {
				width:94px;
			}
			#mainNav .links a {
				width:46px;
			}
			#mainNav .contact a {
				width:60px;
			}
			#mainNav .signup a {
				width:58px;
			}

/*	--------------------------------------------------------------------------------------------------------------------------
	#header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header {
		border-top:solid 4px #000; border-bottom:solid 4px #000;
		height:100px;
		background:url(../../images/header_mini.jpg) 0 0 no-repeat;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	#main Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#main {
		background:#fff;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	.noContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.noContent {
		padding:10px; margin:11px 0;
		border:1px dashed #0096ff;
		text-align:center;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#linkBar Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#linkBar {
		width:880px; height:30px; 
		padding:0 10px;
		background:#b8b8b8;
	}
		#linkBar .facebook a {
			width:68px; height:30px;
			background: url(../../images/linkBar_facebook.png) 0 0 no-repeat;
			display:block;
		}
			#linkBar .facebook a:hover {
				background-position:0 -30px;
			}
		#linkBar .myspace a {
			width:114px; height:30px;
			background: url(../../images/linkBar_myspace.png) 0 0 no-repeat;
			display:block;
		}
			#linkBar .myspace a:hover {
				background-position:0 -30px;
			}
		#linkBar .twitter a {
			width:76px; height:30px;
			background: url(../../images/linkBar_twitter.png) 0 0 no-repeat;
			display:block;
		}
			#linkBar .twitter a:hover {
				background-position:0 -30px;
			}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	.pagination Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.pagination {
	
	}
	.pagination.top {
		margin:0 0 27px 0; padding:0 0 3px 0;
		border-bottom:1px solid #bebebe;
	}
	.pagination.bottom {
		margin:10px 0 0 0; padding:3px 0 0 0;
		border-top:1px solid #bebebe;
	}
		.pagination .displaying {
			width:200px;
			font:normal 11px Arial, Helvetica, sans-serif;
			color:#706d6e;
			float:left;
		}
		.pagination .pager {
			width:200px;
			color:#bed8ea;
			float:right;
			text-align:right;
		}
			.prev {
				padding:0 5px 0 8px;
				background:url(../../images/arrow_left.png) 0 4px no-repeat;
				font:normal 11px Arial, Helvetica, sans-serif;
			}
			.next {
				padding:0 8px 0 5px;
				background:url(../../images/arrow_right.png) right 4px no-repeat;
				font:normal 11px Arial, Helvetica, sans-serif;
			}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	#footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		padding:10px 0 20px 0;
	}
		#footer .logos {
			width:150px; 
			float:left;
		}
			#footer .logos .umg a {
				width:80px; height:31px;
				margin: 0 10px 0 0;
				background:url(../../images/logo_uni.png) 0 0 no-repeat;
				display:block;
				float:left;
			}
			#footer .logos .verve a {
				width:55px; height:33px;
				background:url(../../images/logo_verve.png) 0 0 no-repeat;
				display:block;
				float:left;
			}
		#footer #fineprint {
			font:normal 10px Verdana, Arial, Helvetica, sans-serif;
			color:#fff;
		}
			#footer #fineprint a {
				font-weight:bold;
				color:#fff;
			}
				#footer #fineprint a:hover {
					background:#0096ff;
				}