@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - TITLE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		shontelle_quicktime.css
	Date:			Nov 17, 2008
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	main/body/global Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	* {
		margin:0; padding:0;
	}
	.altText {
		text-indent:-3000px;
		display:block;
		font:normal 2px Arial, Helvetica, sans-serif;
	}
	.cleaner {
		clear:both; float:none;
		height:0;
		font-size:0; line-height:0;
		border:none;
		margin:0; padding:0;
		background:transparent;
	}
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	.clearfix {
		display: inline-block;
	}	
	html[xmlns] .clearfix {
		display: block;
	}
	* html .clearfix {
		height: 1%;
	}
	body {
		margin:0;
		background:#f6bd8e url(../../images/kevinBG.jpg) center 0 no-repeat fixed;
		color:#fff;
	}
	#main {
		width:960px;
		margin:0 auto; padding:10px 0 10px 0;
	}
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	adHolder Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.adHolder {
		width:807px; height:164px;
		padding:0;
		background: url(../../images/top_728bg.png) no-repeat;
	}
		.adHolder .ad {
			padding: 9px 0 0 69px;
			width:728px; height:90px;

		}
		.adHolder img {
			display:block;
			background: #ff5d05;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header {
		height:154px;
		background:url(../../images/inthecity_mini.png) 520px 0px no-repeat;
	}
		#header a.albumLink:link, a.albumLink:active, a.albumLink:visited, a.albumLink:hover {
			width:124px; height:144px;
			margin:0px 0 0 520px;
			display:block;
		}
	ul#nav {
		width:800px; height:54px;
		padding: 8px 0 0 0;
		margin: 0;
		background: transparent url(../../images/nav_bg.png) no-repeat;
		list-style:none;
	}
			li.quicktime {
			width:21px; height:16px;
			margin:3px 0 0 10px; padding:0 !important;
		}
			li.quicktime a:link, li.quicktime a:active, li.quicktime a:visited {
				width:21px; height:16px;
				display:block;
				background:url(../../images/navQuickTime.gif) left top no-repeat;
			}
				li.quicktime a:hover {
					background:url(../../images/navQuickTime.gif) left bottom no-repeat;
				}
		li.learnMore {
			width:51px; height:7px;
			margin:10px 0 0 0px; padding:0 5px 0 0 !important;
			font-size: 2px;
		}
			li.learnMore a:link, li.learnMore a:active, li.learnMore a:visited {
				width:51px; height:7px;
				display:block;
				background:url(../../images/btn_learnmore.gif) top no-repeat;
				font-size: 2px;
			}
				li.learnMore a:hover {
					background:url(../../images/btn_learnmore.gif)bottom no-repeat;
				}
	
		ul#nav li {
			float:left;
			padding: 1px 11px 0 0;
		}
		
			ul#nav li a:link, ul#nav li a:active, ul#nav li a:visited {
				font:normal 12px Arial, Helvetica, sans-serif;
				font-weight: bold;
				text-transform: uppercase;
				color:black;
				text-decoration:none;
			}
				ul#nav li a:hover {
					color: white;
				}
		

		ul#nav li.alt {
			padding:1px 30px 0 0;
		}
			ul#nav li.alt a:link, ul#nav li.alt a:active, ul#nav li.alt a:visited {
				font-weight:bold;
				color:#0f4065;
			}
				ul#nav li.alt a:hover {
					
				}
	/*	ul#nav li {
			float:left;
		}
			ul#nav li img {
				width:100%; height:28px;
				display:block;
			}
		
		li.quicktime {
			width:21px; height:28px;
			margin:0 0 0 10px; padding:0;
		}
			li.quicktime a:link, li.quicktime a:active, li.quicktime a:visited {
				width:21px; height:28px;
				display:block;
				background:url(../../images/navQuickTime.gif) left top no-repeat;
			}
				li.quicktime a:hover {
					background:url(../../images/navQuickTime.gif) left bottom no-repeat;
				}
		li.learnMore {
			width:56px; height:28px;
			margin:0 0 0 0px; padding:0 10px 0 0;
		}
			li.learnMore a:link, li.learnMore a:active, li.learnMore a:visited {
				width:56px; height:28px;
				display:block;
				background:url(../../images/navQuickTime.gif) -21px top no-repeat;
			}
				li.learnMore a:hover {
					background:url(../../images/navQuickTime.gif) -21px bottom no-repeat;
				}
		li.home {
			width:63px; height:28px;
			margin:0; padding:0 14px 0 0;
		}
			li.home a:link, li.home a:active, li.home a:visited {
				width:63px; height:28px;
				display:block;
				background:url(../../images/navHome.gif) left top no-repeat;
			}
				li.home a:hover {
					background:url(../../images/navHome.gif) left bottom no-repeat;
				}
		li.videos {
			width:92px; height:28px;
			margin:0; padding:0 15px 0 0;
		}
			li.videos a:link, li.videos a:active, li.videos a:visited {
				width:92px; height:28px;
				display:block;
				background:url(../../images/navVideos.gif) left top no-repeat;
			}
				li.videos a:hover {
					background:url(../../images/navVideos.gif) left bottom no-repeat;
				}
		li.photos {
			width:45px; height:28px;
			margin:0; padding:0 14px 0 0;
		}
			li.photos a:link, li.photos a:active, li.photos a:visited {
				width:45px; height:28px;
				display:block;
				background:url(../../images/navPhotos.gif) left top no-repeat;
			}
				li.photos a:hover {
					background:url(../../images/navPhotos.gif) left bottom no-repeat;
				}
		li.bio {
			width:20px; height:28px;
			margin:0; padding:0 15px 0 0;
		}
			li.bio a:link, li.bio a:active, li.bio a:visited {
				width:20px; height:28px;
				display:block;
				background:url(../../images/navBio.gif) left top no-repeat;
			}
				li.bio a:hover {
					background:url(../../images/navBio.gif) left bottom no-repeat;
				}
		li.shows {
			width:42px; height:28px;
			margin:0; padding:0 15px 0 0;
		}
			li.shows a:link, li.shows a:active, li.shows a:visited {
				width:42px; height:28px;
				display:block;
				background:url(../../images/navShows.gif) left top no-repeat;
			}
				li.shows a:hover {
					background:url(../../images/navShows.gif) left bottom no-repeat;
				}
		li.kyte {
			width:26px; height:28px;
			margin:0; padding:0 15px 0 0;
		}
			li.kyte a:link, li.kyte a:active, li.kyte a:visited {
				width:26px; height:28px;
				display:block;
				background:url(../../images/navKyte.gif) left top no-repeat;
			}
				li.kyte a:hover {
					background:url(../../images/navKyte.gif) left bottom no-repeat;
				}
		li.extras {
			width:40px; height:28px;
			margin:0; padding:0 15px 0 0;
		}
			li.extras a:link, li.extras a:active, li.extras a:visited {
				width:40px; height:28px;
				display:block;
				background:url(../../images/navExtras.gif) left top no-repeat;
			}
				li.extras a:hover {
					background:url(../../images/navExtras.gif) left bottom no-repeat;
				}
		li.ringtones {
			width:64px; height:28px;
			margin:0; padding:0 14px 0 0;
		}
			li.ringtones a:link, li.ringtones a:active, li.ringtones a:visited {
				width:64px; height:28px;
				display:block;
				background:url(../../images/navRingtones.gif) left top no-repeat;
			}
				li.ringtones a:hover {
					background:url(../../images/navRingtones.gif) left bottom no-repeat;
				}
		li.community {
			width:70px; height:28px;
			margin:0; padding:0 14px 0 0;
		}
			li.community a:link, li.community a:active, li.community a:visited {
				width:70px; height:28px;
				display:block;
				background:url(../../images/navCommunity.gif) left top no-repeat;
			}
				li.community a:hover {
					background:url(../../images/navCommunity.gif) left bottom no-repeat;
				}
		li.signup {
			width:47px; height:28px;
			margin:0; padding:0;
		}
			li.signup a:link, li.signup a:active, li.signup a:visited {
				width:47px; height:28px;
				display:block;
				background:url(../../images/navSignUp.gif) left top no-repeat;
			}
				li.signup a:hover {
					background:url(../../images/navSignUp.gif) left bottom no-repeat;
				}
				
*/
/*	--------------------------------------------------------------------------------------------------------------------------
	vidBlock Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#vidBlock {
		width:916px; height:472px;
		padding:0px 30px 0 0px; margin: -20px 0 0 35px;
		background:url(../../images/vid_bg.png) no-repeat;
	}
		#vid {
			margin: 30px 0 0 40px; 
			width:399px;
			float:left;
		}
			#vid #vidPlayer {
				width:399px; height:300px;
			}
			#vid h2 {
				width:243px; height:16px;
				background: url(../../images/watchnow.gif) no-repeat;
				text-indent: -9999px;
				margin:15px 0 0 23px;
			}
			#vid ul.options {
				list-style:none;
				margin:20px 0 0 10px;
			}
				#vid ul.options li img{
					display:block;
					width:100%; height: 13px;
				}
				#vid ul.options .btnLow {
					width:44px; height:13px;
					margin: 0 21px 0 0;
					float:left;
				}
					#vid ul.options .btnLow a:link, #vid ul.options .btnLow a:active, #vid ul.options .btnLow a:visited {
						width:44px; height:13px;
						display:block;
						background:url(../../images/btnLow.gif) left bottom no-repeat;
					}
						#vid ul.options .btnLow a:hover {
							background:url(../../images/btnLow.gif) left top no-repeat;
						}
				#vid ul.options .btnMed {
					width:69px; height:13px;
					margin: 0 17px 0 0;
					float:left;
				}
					#vid ul.options .btnMed a:link, #vid ul.options .btnMed a:active, #vid ul.options .btnMed a:visited {
						width:69px; height:13px;
						display:block;
						background:url(../../images/btnMedium.gif) left bottom no-repeat;
					}
						#vid ul.options .btnMed a:hover {
							background:url(../../images/btnMedium.gif) left top no-repeat;
						}
				#vid ul.options .btnHigh {
					width:47px; height:13px;
					margin: 0 104px 0 0;
					float:left;
				}
					#vid ul.options .btnHigh a:link, #vid ul.options .btnHigh a:active, #vid ul.options .btnHigh a:visited {
						width:47px; height:13px;
						display:block;
						background:url(../../images/btnHigh.gif) left bottom no-repeat;
					}
						#vid ul.options .btnHigh a:hover {
							background:url(../../images/btnHigh.gif) left top no-repeat;
						}
				#vid ul.options .btnMore {
					width:87px; height:15px;
					margin: -2px 0 0 0;
					float:left;
				}
					#vid ul.options .btnMore a:link, #vid ul.options .btnMore a:active, #vid ul.options .btnMore a:visited {
						width:87px; height:15px;
						display:block;
						background:url(../../images/btnMoreVideos.gif) left top no-repeat;
					}
						#vid ul.options .btnMore a:hover {
							background:url(../../images/btnMoreVideos.gif) left bottom no-repeat;
						}
				
		#vidBlock .adHolder {
			width:300px;
			background:none;
			margin:30px 160px 0 0; padding:0;
			float:right;
		}
			#vidBlock .adHolder .ad {
				width:300px; height:250px;
				background: #ff5d05;
				padding: 0;
			}
			.adHolder ul#QT {
				list-style:none;
				margin:19px 0 0 0;
			} 
				.adHolder ul#QT li {
					width:88px; height:31px;
					margin:0 9px 0 0 ;
					float:left;
				}


/*	--------------------------------------------------------------------------------------------------------------------------
	promoBlock Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#promoBlock {
		height:161px;
		margin:0 0 69px 98px;
	}
		ul#promos {
			list-style:none;
		}
			ul#promos li {
				float:left;
				width:164px; height:161px;
				margin:0 17px 0 0;

			}
			ul#promos li img {
				width:164px; height:161px;
				display:none;
			}
				ul#promos li.ringtone a:link, ul#promos li.ringtone a:active, ul#promos li.ringtone a:visited {
					width:164px; height:161px;
					display:block;
					background:url(../../images/ringtone_bg.png) left top no-repeat;
				}
					ul#promos li.ringtone a:hover {
						background:url(../../images/ringtone_bg.png) left bottom no-repeat;
					}
				ul#promos li.fanclub a:link, ul#promos li.fanclub a:active, ul#promos li.fanclub a:visited {
					width:164px; height:161px;
					display:block;
					background:url(../../images/mailinglist_bg.png) left top no-repeat;
				}
					ul#promos li.fanclub a:hover {
						background:url(../../images/mailinglist_bg.png) left bottom no-repeat;
					}
				ul#promos li.contest a:link, ul#promos li.contest a:active, ul#promos li.contest a:visited {
					width:164px; height:161px;
					display:block;
					background:url(../../images/itunes_bg.png) left top no-repeat;
				}
					ul#promos li.contest a:hover {
						background:url(../../images/itunes_bg.png) left bottom no-repeat;
					}
					
/*	--------------------------------------------------------------------------------------------------------------------------
	adHolderbottom Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.adHolderbottom {
		width:850px; height:141px;
		margin: 0 0 0 60px;
		padding:0;
		background: url(../../images/adbottom_bg.png) no-repeat;
	}
		.adHolderbottom .ad {
			padding: 20px 0 0 9px;
			width:728px; height:90px;

		}
		.adHolderbottom img {
			display:block;
			background: #ff5d05;
		}