@charset "utf-8";
/* -------------------------------------------------------------
 CSS - Stevie Wonder
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 Filename: stevie_main.css
 Date: March, 2008
 Author: Halo Media LLC - http://www.halopowered.com/
 ------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------------------------------------
 body Styles
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	body {
			margin:0;padding:0;
			background:#000 url('../images/bg.jpg') no-repeat fixed center top;
	}


/* --------------------------------------------------------------------------------------------------------------------------
 main Styles
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	#main{
		margin:0 auto; padding:0;
		width:704px;
	}

/* --------------------------------------------------------------------------------------------------------------------------
 header Styles
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	#header{
		background:#000 url('../images/header.jpg') no-repeat;
		width:704px; height:265px;
	}


/* --------------------------------------------------------------------------------------------------------------------------
 navBar Styles
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		#navBar{
			width:704px; height:23px;
		}

			ul#nav {
				margin:0; padding:0;
			}

			ul#nav li{
				float:left;
				list-style:none;
			}

			
			a.home:link, a.home:active, a.home:visited {
				background: url('../images/homeBtn.gif') no-repeat;
				width:90px; height:23px;
				display:block;
			}
				a.home:hover{
					background: url('../images/homeBtn.gif') 0 -23px  no-repeat;
					width:90px; height:23px;
				}
			
			a.news:link, a.news:active, a.news:visited {
				background: url('../images/newsBtn.gif') no-repeat;
				width:90px; height:23px;
				display:block;
			}
				a.news:hover{
					background: url('../images/newsBtn.gif') 0 -23px no-repeat;
					width:90px; height:23px;
				}

			a.media:link, a.media:active, a.media:visited {
				background: url('../images/mediaBtn.gif') no-repeat;
				width:81px; height:23px;
				display:block;
			}
				a.media:hover{
					background: url('../images/mediaBtn.gif') 0 -23px no-repeat;
					width:81px; height:23px;
				}

			a.photos:link, a.photos:active, a.photos:visited {
				background: url('../images/photosBtn.gif') no-repeat;
				width:111px; height:23px;
				display:block;
			}
				a.photos:hover{
					background: url('../images/photosBtn.gif') 0 -23px no-repeat;
					width:111px; height:23px;
				}

		a.tour:link, a.tour:active, a.tour:visited {
				background: url('../images/tourBtn.gif') no-repeat;
				width:77px; height:23px;
				display:block;
			}
				a.tour:hover{
					background: url('../images/tourBtn.gif') 0 -23px no-repeat;
					width:77px; height:23px;
				}

		a.signup:link, a.signup:active, a.signup:visited {
				background: url('../images/signupBtn.gif') no-repeat;
				width:105px; height:23px;
				display:block;
			}
				a.signup:hover{
					background: url('../images/signupBtn.gif') 0 -23px no-repeat;
					width:105px; height:23px;
				}

		a.ringtones:link, a.ringtones:active, a.ringtones:visited {
				background: url('../images/ringtonesBtn.gif') no-repeat;
				width:150px; height:23px;
				display:block;
			}
				a.ringtones:hover{
					background: url('../images/ringtonesBtn.gif') 0 -23px no-repeat;
					width:150px; height:23px;
				}


/* --------------------------------------------------------------------------------------------------------------------------
 contentSpace Styles
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
			#contentSpace {
				width:704px; 
				padding:10px 0 0 0;
				background:url('../images/contentSpaceBg.png') ;
				height:100%;
			}

	/* --------------------------------------------------------------------------------------------------------------------------
 	mainCol Styles
	 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
			#mainCol{
				width: 470px;
				float:left; 
				margin:10px 10px 0 0;
			}
			
				#mainCol #noContent{
					color: #fff;
					font:normal 12px Arial;
					margin:10px;
				}
						
				#mainCol h2.news{
					background:url(../images/newsHeader.png) no-repeat;
					width:170px; height:20px;
					margin:0 0 10px 10px;
				}
				
				
					
				#mainCol h2.media{
					background:url(../images/mediaHeader.png) no-repeat;
					width:170px; height:20px;
					margin:0 0 10px 10px;
				}
				
				#mainCol h2.photo{
					background:url(../images/photoHeader.png) no-repeat;
					width:270px; height:20px;
					margin:0 0 10px 10px;
				}
				
				#mainCol h2.tour{
					background:url(../images/tourHeader.png) no-repeat;
					width:170px; height:20px;
					margin:0 0 10px 10px;
				}
				
				
				#mainCol h2.ringtones{
					background:url(../images/ringtonesHeader.png) no-repeat;
					width:170px; height:20px;
					margin:0 0 10px 10px;
				}
	
	

	/* --------------------------------------------------------------------------------------------------------------------------
	 altCol Styles
	 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
			#sideCol{
				margin:10px 0 0 0;
				width: 210px;
				float:left;
			}
			
			
			#sideBanner{
				width:120px;
				margin:10px auto;
				
			}

			#disc{
				width:210px;
				margin:10px 0 0 0;
			}

			#disc h2.disc {
					background:url(../images/discoHeader.png) no-repeat;
					width:150px; height:17px;
			}

			#disc .discHolder{
				margin:10px 0 10px;
			}

					#disc .discHolder .pic {
						float:left;
						width:100px; height:100px;
					}
		
					#disc .discHolder a.button:link, a.button:active, a.button:visited{
						float:left;
						background:url(../images/buyBtn.png) no-repeat;
						width:48px; height:16px;
						margin:84px 0 5px 10px;
					}
		
		
					#disc .discHolder .data{
						clear:both;
						color:#fff;
						font:normal 12px Arial;
					}
			#disc a:visited, #disc a:active, #disc a:link{
						color: #fff;
						text-decoration: none;
						font-weight: normal;
			}

/* --------------------------------------------------------------------------------------------------------------------------
 footer Styles
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

			#footer {
				clear:both;
				width:702px;
				margin:0 0 40px 0; padding:1px;
				background-color:#191919;
				color:#8e8e8e;
				font:normal 12px Arial;
				/*border:1px solid #FF00FF;*/
			}
			
			#footerBanner {
				width:704px;
			}
			
			#footerContent{
				margin:10px 0 10px 10px;
			}
			
			#footer #logo {
				display:inline;
				margin:0 0 0 250px;
			}
			
				#footerContent a:link, a:active, a:visited{
						font:bold 12px Arial;
						color:#8e8e8e;
						text-decoration:underline;
				}
				
					#footerContent a:hover{			
						text-decoration:underline;
					}

			img {
				border: 0px;
			}