@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - MAIN : 	Serabee
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		sera_main.css
	Date:			Oct 7, 2009
	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;
		outline: 0;
		background: transparent;
		font-size: 100%;
		vertical-align: baseline;
	}
	body {
		background:#000 url(../../images/bg_body.jpg) fixed 50% 0 no-repeat;
		font:normal 12px Arial, Helvetica, sans-serif;
	}
	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;
		line-height:0;
		display: block;
		clear:both;
		visibility:hidden;
	}
	.clearfix {
		display:inline-block;
	}	
	html[xmlns] .clearfix {
		display:block;
	}
	* html .clearfix {
		height:1%;
	}
	#main {
		width:960px;
		margin:0 auto;
	}
	a {
		color:#fefdfe;
		text-decoration:none;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#topBar Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#topBar {
		width:960px;
		margin:0 0 10px 0;
		display:none;
	}
		#breadCrumbs {
			float:left;
		}
		#communityLogIn {
			float:right;
		}
			#communityLogIn .communityText {
				margin:0 10px 0 0;
				float:left;
			}
			#communityLogIn .text {
				margin:0 15px 0 0;
				float:left;
			}
			#communityLogIn a {
				display:block;
				float:left;
			}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	.ad728 Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.ad728 {
		width:750px; height:107px;
		margin:22px 0 25px 0; padding:17px 0 0 22px;
		background:url(../../images/bg_ad728.png) 0 0 no-repeat;
	}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	#h1_logo Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	h1#h1_logo {
		width:392px; height:109px;
		margin:0 0 42px 50px;
		background:url(../../images/h1_logo.png) 0 0 no-repeat;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#nav {
		width:751px; height:32px;
		margin:0 0 29px; padding:22px 0 0 26px;
		background:url(../../images/bg_nav.png) 0 0 no-repeat;
	}
		ul#nav li {
			margin:0 20px 0 0;
			display:inline;
			float:left;
		}
		ul#nav li a {
			height:11px;
			background:url(../../images/nav_sprites.png) 0 0 no-repeat;
			display:block;
		}
			ul#nav li.home {
				width:32px;
			}
				ul#nav li.home a {
					width:32px; height:11px;
					background-position:0 0;
				}
					ul#nav li.home a:hover {
						background-position:0 -11px;
					}
			ul#nav li.bio {
				width:18px;
			}
				ul#nav li.bio a {
					width:18px; height:11px;
					background-position:-56px 0;
				}
					ul#nav li.bio a:hover {
						background-position:-56px -11px;
					}
		ul#nav li.news {
				width:30px;
			}
				ul#nav li.news a {
					width:30px; height:11px;
					background-position:-101px 0;
				}
					ul#nav li.news a:hover {
						background-position:-101px -11px;
					}
		ul#nav li.media {
				width:34px;
			}
				ul#nav li.media a {
					width:34px; height:11px;
					background-position:-161px 0;
				}
					ul#nav li.media a:hover {
						background-position:-161px -11px;
					}
		ul#nav li.tour {
				width:30px;
			}
				ul#nav li.tour a {
					width:30px; height:11px;
					background-position:-227px 0;
				}
					ul#nav li.tour a:hover {
						background-position:-227px -11px;
					}
		ul#nav li.photos {
				width:44px;
			}
				ul#nav li.photos a {
					width:44px; height:11px;
					background-position:-289px 0;
				}
					ul#nav li.photos a:hover {
						background-position:-289px -11px;
					}
		ul#nav li.store {
				width:36px;
			}
				ul#nav li.store a {
					width:36px; height:11px;
					background-position:-364px 0;
				}
					ul#nav li.store a:hover {
						background-position:-364px -11px;
					}
		ul#nav li.extras {
				width:42px;
			}
				ul#nav li.extras a {
					width:42px; height:11px;
					background-position:-430px 0;
				}
					ul#nav li.extras a:hover {
						background-position:-430px -11px;
					}
		ul#nav li.ringtones {
				width:62px;
			}
				ul#nav li.ringtones a {
					width:62px; height:11px;
					background-position:-504px 0;
				}
					ul#nav li.ringtones a:hover {
						background-position:-504px -11px;
					}
		ul#nav li.community {
				width:68px;
			}
				ul#nav li.community a {
					width:68px; height:11px;
					background-position:-592px 0;
				}
					ul#nav li.community a:hover {
						background-position:-592px -11px;
					}
		ul#nav li.signup {
				width:40px;
			}
				ul#nav li.signup a {
					width:40px; height:11px;
					background-position:-686px 0;
				}
					ul#nav li.signup a:hover {
						background-position:-686px -11px;
					}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#mediaPlayer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mediaPlayer {
		width:395px; height:178px;
		margin:0 0 62px 50px;
		/*background:url(../../images/flashPlayer.png) 0 0 no-repeat;*/
	}
		#mediaPlayer p {
			padding:75px 0 0 0;
			color:#d277b1;
			text-align:center;
		}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	.blockTop, .blockBottom, .block Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.blockTop {
		width:782px;
		margin:0 0 115px 0; padding:35px 0 0 0;
		background:url(../../images/bg_blockTop.png) 0 0 no-repeat;
	}
	.blockBottom {
		padding:0 0 12px 0;
		background:url(../../images/bg_blockBottom.png) 0 bottom no-repeat;
	}
	.block {
		background:url(../../images/bg_block.png) 0 0 repeat-y;
	}
		.block a.btn_more {
			padding:0 7px 0 0;
			background:url(../../images/arrow_right.png) right 2px no-repeat;
			font:normal 10px Arial, Helvetica, sans-serif;
			color:#020202;
			float:right;
		}
			.block a.btn_more:hover {
			
			}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		width:782px;
		padding:30px 0;
	}
		#footer p {
			font:normal 11px Arial, Helvetica, sans-serif;
			color:#d277b1;
			text-align:center;
		}
			#footer p .copyright {
				padding:0 60px 0 0;
			}
			#footer p a {
				color:#d277b1;
			}