@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - HOLLY WILLIAMS MAIN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		main.css
	Date:			Mar 31, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	@import url("../css/components.css");
/*	--------------------------------------------------------------------------------------------------------------------------
	main/body/global Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	img, h1, div, h2, li, a {
		behavior: url("shared/css/iepngfix.htc");
	}
	* {
		margin:0; padding:0;
	}
	body {
		margin:0;
		background:#000000 url(../../images/background.jpg) no-repeat;
		color:#fff;
	}
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
	}
	.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%;
	}
	#main {
		width:960px;
		margin:0 0 0 85px;
	}
	.contentHolder {
		background:transparent;
		padding:0;
		margin-top: 75px;
	}
		.contentHolder .adHolder {
			height:261px;
			padding:0 0 0 0;
			background: url(../../images/tint.png);
			border: 2px solid #b0b1ab;
			float:left;
			font:normal 8px Verdana, Arial, Helvetica, sans-serif;
			letter-spacing:1px;
			color:#837660;
			margin-bottom: 26px;
			display:none;
		}
	a:link, a:active {
		color:#fff;
		text-decoration:none;
	}
		a:visited {
			color:#fff;
			text-decoration:none;
		}
		a:hover {
			color:#ED482B;
			text-decoration:none;
		}
		/* button */
		.btnHolder a {
			margin:20px 0 10px 0; padding:6px 0 0 0;
			width:125px; height:23px;
			text-align:center;
			background:url(../../images/tint.png);
			font:bold 14px Arial, Helvetica, sans-serif;
			color:#ED482B;
			display:block;
			border: 2px solid #ED482B;
		}
			.btnHolder a:hover {
				background:url(../../images/tint2.png);
				color:#fff;
				border: 2px solid white
			}


/*	--------------------------------------------------------------------------------------------------------------------------
	header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header {
		height:137px;
	}
		#header div {
		}
		#header .brand {
			width:369px; height:85px;
			margin:59px 0 0 15%;
			margin-left: 180px;
			float:left;
			behavior: url("shared/css/iepngfix.htc");
			/*background:url(../../images/hollyLogo.png) no-repeat;*/
		}
			#header .brand a {
				width:222px; height:130px;
				display:block;
			}
		#header .brandCommunity {
			width:220px; height:118px;
			margin:12px 0 0 2px;
			float:left;
			behavior: url("shared/css/iepngfix.htc");
			background:url(../../images/hdr_sugarlandCommunityLogo.png) no-repeat;
		}
			#header .brandCommunity a {
				width:222px; height:130px;
				display:block;
			}
		
		#header .adHolder {
			width:728px; height:92px;
			padding:2px 2px 0 2px; margin:22px 0 0 0;
			background:#ebad31;
			float:left;
			overflow:hidden;
			display: none;
		}
	#commStatus {
		height:22px;
		padding:0 6px 0 0;
		display:none;
	}
		#commStatus a.btn:link, #commStatus a.btn:active, #commStatus a.btn:visited {
			width:71px; height:20px;
			display:block;
			background:url(../../images/tint2.png);
			float:left;
			color:#6b6a6b;
			padding-top:3px;
			font:normal 12px Arial, Helvetica, sans-serif;
			text-decoration:none;
			text-align:center;
			text-transform:uppercase;
			border: 1px solid #ED482B;
		}
			#commStatus a.btn:hover {
				background-position:bottom;
				color:#ffffff;
			}

		#commStatus .Email_List {
			width:220px; height:118px;
			margin:12px 0 0 2px;
			float:left;
			behavior: url("shared/css/iepngfix.htc");
			background:url(../../images/email_list.png) no-repeat;
		}
			#commStatus .Email_List a {
				width:222px; height:130px;
				display:block;
			}

		#commStatus .statusText {
			float:left;
			font:bold 11px Verdana, Arial, Helvetica, sans-serif;
			color:#6b6a6b;
			padding: 10px 6px 0 6px;
		}
		#commStatus h2#sugarlandCommunity {
			width:170px; height:11px;
			margin:3px 0 0 0;
			background:url(../../images/h2_sugarlandCommunity.gif) no-repeat;
			float:right;
			display:none;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.email-list{margin: 15px 0;
		position: absolute;
		left: 88px;
		top: 85px;}

	.email-list img {border: none;}
	ul#nav {
		width:900px; height:21px;
		padding: 0;
		background: transparent;
		list-style: none;
		margin: 15px 0;
		position: absolute;
		/*left: 90px;*/
		top: 150px;
	}
		/* HOME */
		ul#nav li#navHome {
			width:57px; height:21px;
			float:left;
		}
			#nav #navHome img {
				width:79px;
			}
			#navHome a:link, #navHome a:visited {
				width:79px; height:21px;
				display:block;
				text-decoration:none;
				color:#593100;
				background:url(../../images/navHome.png) 0 0 no-repeat;
			}
				#navHome a:hover {
					color:#e3dfd3;
					background-position:0px -21px;
				}
				#navHome a:active {
					color:#e3dfd3;
					background-position:0px -42px;
				}
		/* BIO */
		ul#nav li#navBio {
			width:52px; height:21px;
			float:left;
		}
			#navBio a:link, #navBio a:visited {
				width:62px; height:21px;
				display:block;
				text-decoration:none;
				color:#593100;
				background:url(../../images/navBio.png) 0 0 no-repeat;
			}
				#navBio a:hover {
					color:#e3dfd3;
					background-position:0px -21px;
				}
				#navBio a:active {
					color:#e3dfd3;
					background-position:0px -42px;
				}
		/* NEWS */
		ul#nav li#navNews {
			width:69px; height:21px;
			float:left;
		}
			#navNews a:link, #navNews a:visited {
				width:79px; height:21px;
				display:block;
				text-decoration:none;
				color:#593100;
				background:url(../../images/navNews.png) 0 0 no-repeat;
			}
				#navNews a:hover {
					color:#e3dfd3;
					background-position:0px -21px;
				}
				#navNews a:active {
					color:#e3dfd3;
					background-position:0px -42px;
				}
				
				/* Contacts */
		ul#nav li#navContacts {
			width:79px; height:21px;
			float:left;
		}
			#navContacts a:link, #navContacts a:visited {
				width:79px; height:21px;
				display:block;
				text-decoration:none;
				color:#593100;
				background:url(../../images/navContacts.png) 0 0 no-repeat;
			}
				#navContacts a:hover {
					color:#e3dfd3;
					background-position:0px -21px;
				}
				#navContacts a:active {
					color:#e3dfd3;
					background-position:0px -42px;
				}
		/* TOUR */
		ul#nav li#navTour {
			width:67px; height:21px;
			float:left;
		}
			#navTour a:link, #navTour a:visited {
				width:77px; height:21px;
				display:block;
				text-decoration:none;
				color:#593100;
				background:url(../../images/navTour.png) 0 0 no-repeat;
			}
				#navTour a:hover {
					color:#e3dfd3;
					background-position:0px -21px;
				}
				#navTour a:active {
					color:#e3dfd3;
					background-position:0px -42px;
				}
		/* LYRICS */
		ul#nav li#navLyrics {
			width:81px; height:21px;
			float:left;
		}
			#navLyrics a:link, #navLyrics a:visited {
				width:91px; height:21px;
				display:block;
				text-decoration:none;
				color:#593100;
				background:url(../../images/navLyrics.png) 0 0 no-repeat;
			}
				#navLyrics a:hover {
					color:#e3dfd3;
					background-position:0px -21px;
				}
				#navLyrics a:active {
					color:#e3dfd3;
					background-position:0px -42px;
				}
		/* MUSIC */
		ul#nav li#navMusic {
			width:77px; height:21px;
			float:left;
		}
			#navMusic a:link, #navMusic a:visited {
				width:87px; height:21px;
				display:block;
				text-decoration:none;
				color:#593100;
				background:url(../../images/navMusic.png) 0 0 no-repeat;
			}
				#navMusic a:hover {
					color:#e3dfd3;
					background-position:0px -21px;
				}
				#navMusic a:active {
					color:#e3dfd3;
					background-position:0px -42px;
				}		
		/* PHOTOS */
		ul#nav li#navPhotos {
			width:91px; height:21px;
			float:left;
		}
			#navPhotos a:link, #navPhotos a:visited {
				width:101px; height:21px;
				display:block;
				text-decoration:none;
				color:#593100;
				background:url(../../images/navPhotos.png) 0 0 no-repeat;
			}
				#navPhotos a:hover {
					color:#e3dfd3;
					background-position:0px -21px;
				}
				#navPhotos a:active {
					color:#e3dfd3;
					background-position:0px -42px;
				}
		/* VIDEO */
		ul#nav li#navVideo {
			width:81px; height:21px;
			float:left;
		}
			#navVideo a:link, #navVideo a:visited {
				width:81px; height:21px;
				display:block;
				text-decoration:none;
				color:#593100;
				background:url(../../images/navVideo.png) 0 0 no-repeat;
			}
				#navVideo a:hover {
					color:#e3dfd3;
					background-position:0px -21px;
				}
				#navVideo a:active {
					color:#e3dfd3;
					background-position:0px -42px;
				}
		/* LINKS */
		ul#nav li#navLinks {
			width:98px; height:21px;
			float:left;
			display:none;
		}
			#navLinks a:link, #navLinks a:visited {
				width:108px; height:21px;
				display:block;
				text-decoration:none;
				color:#593100;
				background:url(../../images/navlinks.png) 0 0 no-repeat;
			}
				#navLinks a:hover {
					color:#e3dfd3;
					background-position:0px -21px;
				}
				#navLinks a:active {
					color:#e3dfd3;
					background-position:0px -42px;
				}

/* FAVS */
		ul#nav li#navfavs {
			width:88px; height:21px;
			float:left;
			
		}
			#navfavs a:link, #navfavs a:visited {
				width:78px; height:21px;
				display:block;
				text-decoration:none;
				color:#593100;
				background:url(../../images/navlinks.png) 0 0 no-repeat;
			}
				#navfavs a:hover {
					color:#e3dfd3;
					background-position:0px -21px;
				}
				#navfavs a:active {
					color:#e3dfd3;
					background-position:0px -42px;
				}
/*	--------------------------------------------------------------------------------------------------------------------------
	subNav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol ul#subNav {
		width:604px; height:30px;
		padding:0;
		list-style:none;
	}
		#mainCol ul#subNav li {
			display:block;
			float:left;
		}
	/*	OVERVIEW */
	#mainCol ul#subNav li#subNavOverview {
		width:80px; height:30px;
	}
		#mainCol #subNavOverview a:link, #mainCol #subNavOverview a:visited {
			width:80px; height:30px;
			display:block;
			color:#593100;
			background:url(../../images/subNavOverview.png) 0 0 no-repeat;
		}
			#mainCol #subNavOverview a:hover {
				color:#e3dfd3;
				background-position:0px -30px;
			}
			#mainCol #subNavOverview a:active {
				color:#e3dfd3;
				background-position:0px -60px;
			}
	/*	GALLERY */
	#mainCol ul#subNav li#subNavGallery {
		width:78px; height:30px;
	}
		#mainCol #subNavGallery a:link, #mainCol #subNavGallery a:visited {
			width:78px; height:30px;
			display:block;
			color:#593100;
			background:url(../../images/subNavGallery.png) 0 0 no-repeat;
		}
			#mainCol #subNavGallery a:hover {
				color:#e3dfd3;
				background-position:0px -30px;
			}
			#mainCol #subNavGallery a:active {
				color:#e3dfd3;
				background-position:0px -60px;
			}
	/*	BLOG */
	#mainCol ul#subNav li#subNavBlog {
		width:50px; height:30px;
	}
		#mainCol #subNavBlog a:link, #mainCol #subNavBlog a:visited {
			width:50px; height:30px;
			display:block;
			color:#593100;
			background:url(../../images/subNavBlog.png) 0 0 no-repeat;
		}
			#mainCol #subNavBlog a:hover {
				color:#e3dfd3;
				background-position:0px -30px;
			}
			#mainCol #subNavBlog a:active {
				color:#e3dfd3;
				background-position:0px -60px;
			}
	/*	COMMENTS */
	#mainCol ul#subNav li#subNavComments {
		width:91px; height:30px;
	}
		#mainCol #subNavComments a:link, #mainCol #subNavComments a:visited {
			width:91px; height:30px;
			display:block;
			color:#593100;
			background:url(../../images/subNavComments.png) 0 0 no-repeat;
		}
			#mainCol #subNavComments a:hover {
				color:#e3dfd3;
				background-position:0px -30px;
			}
			#mainCol #subNavComments a:active {
				color:#e3dfd3;
				background-position:0px -60px;
			}
	/*	FRIENDS */
	#mainCol ul#subNav li#subNavFriends {
		width:75px; height:30px;
	}
		#mainCol #subNavFriends a:link, #mainCol #subNavFriends a:visited {
			width:75px; height:30px;
			display:block;
			color:#593100;
			background:url(../../images/subNavFriends.png) 0 0 no-repeat;
		}
			#mainCol #subNavFriends a:hover {
				color:#e3dfd3;
				background-position:0px -30px;
			}
			#mainCol #subNavFriends a:active {
				color:#e3dfd3;
				background-position:0px -60px;
			}
	/*	INBOX */
	#mainCol ul#subNav li#subNavInbox {
		height:30px;
	}
		#mainCol #subNavInbox a:link, #mainCol #subNavInbox a:visited {
			width:10px; height:23px;
			padding:7px 12px 0 50px;
			display:block;
			font:bold 13px Arial, Helvetica, sans-serif;
			color:#7a6040;
			background:url(../../images/subNavInbox.png) no-repeat;
		}
			#mainCol #subNavInbox a:hover {
				color:#914900;
				background-position:0px -30px;
			}
			#mainCol #subNavInbox a:active {
				color:#f6f1e6;
				background-color:#8b4901;
				background-position:0px -60px;
			}
/*	--------------------------------------------------------------------------------------------------------------------------
	tourNav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#tourNav {
		padding:0 0 0 4px;
		background:url(../../images/tint2.png);
		list-style:none;
		width:900px; height:29px;
	}
		/* PHOTOS */
		ul#tourNav li#tourPhotos {
			width:62px; height:29px;
			margin:0 15px 0 0;
			float:left;
		}
			ul#tourNav li#tourPhotos img {
				width:62px;
			}
			li#tourPhotos a:link, li#tourPhotos a:visited {
				display:block;
				color:#fff;
			}
				li#tourPhotos a:hover {
					color:#ED482B;
				}
				li#tourPhotos a:active {
					color:#fff;
				}
				
		/* SET LIST */
		ul#tourNav li#tourSet {
			width:72px; height:29px;
			margin:0 15px 0 0;
			float:left;
		}
			ul#tourNav li#tourSet img {
				width:72px;
			}
			li#tourSet a:link, li#tourSet a:visited {
				display:block;
				color:#fff;
			}
				li#tourSet a:hover {
					color:#ED482B;
				}
				li#tourSet a:active {
					color:#fff;
				}
				
		/* MEDIA */
		ul#tourNav li#tourMedia {
			width:54px; height:29px;
			margin:0 15px 0 0;
			float:left;
		}
			ul#tourNav li#tourMedia img {
				width:54px;
			}
			li#tourMedia a:link, li#tourMedia a:visited {
				display:block;
				color:#fff;
			}
				li#tourMedia a:hover {
					color:#ED482B;
				}
				li#tourMedia a:active {
					color:#fff;
				}
				
		/* COMMENTS */
		ul#tourNav li#tourComments {
			width:82px; height:29px;
			float:left;
			display:none;
		}
			ul#tourNav li#tourComments img {
				width:82px;
			}
			li#tourComments a:link, li#tourComments a:visited {
				display:block;
				color:#fff;
			}
				li#tourComments a:hover {
					color:#ED482B;
				}
				li#tourComments a:active {
					color:#fff;
				}
/*	--------------------------------------------------------------------------------------------------------------------------
	mediaPanel Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mediaPanel {
		width:948px; height:105px;
		margin:2px 0 20px 0;
		background:transparent;
	}
		#mediaPanel .albumCover {
			width:100px; height:100px;
			margin:0 0 0 345px;
			float:left;
			border: 2px solid #cccccc;
			background:url(../../images/tint.png);
		}
		.albumCover a img {
		height: 100px;
		width: 100px;
		margin:0;
		padding:0;
		border:none;
			}
		#mediaPanel .buyLink {
			margin:0 0 0 20px;
			float:left;
			border: 2px solid #cccccc;
			background:url(../../images/tint.png);
		}
		#mediaPanel a.btnBuyNow:link, #mediaPanel a.btnBuyNow:active, #mediaPanel a.btnBuyNow:visited {
			width:94px; height:39px;
			display:block;
			
		}
			#mediaPanel a.btnBuyNow:hover {
				background-position:0 -39px;
			}
		#mediaPanel #audioPlayerHolder {
			width:279px; height:62px;
			margin:26px 0 0 65px;
			float:left;
			background: url(../../images/tint.png);
			color:#fad58b;
			font:normal 10px Verdana, Arial, Helvetica, sans-serif;
			border: 2px solid #cccccc;
		}
			#mediaPanel #audioPlayerHolder object {
				position:relative;
				bottom:6px;
			}
			
			#mediaPanel #audioPlayer {
				
			}
			#mediaPanel #audioPlayerHolder a:link, #mediaPanel #audioPlayerHolder a:active, #mediaPanel #audioPlayerHolder a:visited {
				color:#fefbbf;
			}
				#mediaPanel #audioPlayerHolder a:hover {
					color:#e4efff;
				}

/*	--------------------------------------------------------------------------------------------------------------------------
	content Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol {
		width:604px;
		padding:0 4px 0 10px;
		float:left;
	}
	.titleBar {
		background:transparent;
	}
	.contentBox {
		background: url(../../images/tint.png);
		border:2px solid #cccccc;
	}
	.footerBar {
		background:transparent;
	}
	#altCol {
		width:320px;
		float:left;
		display:none;
	}
		#altCol .titleBar {
			background:transparent;
		}
		#altCol .contentBox {
			background: url(../../images/tint.png);
			border:2px solid #ed482b;
		}
		#altCol .footerBar {
			background:transparent;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		text-align: center;
		padding:12px;
		background:transparent;
	}
		#footer .adHolder {
			width:728px; height:92px;
			margin:0 0px 0 0; padding:2px 2px 0 2px;
			background:#ebad31;
			float:left;
			overflow:hidden;
		}
		#footer .brand {
			width:158px; height:87px;
			float:left;
			background:url(../../images/footer_sugarlandLogo.jpg) no-repeat;
			display:none;
		}
			#footer .brand a {
				width:158px; height:87px;
				display:block;
			}
		#footer ul.iconBar {
			list-style:none;
			background:url(../../images/tint.png);
			border:2px solid #cccccc;
			clear:both;
			width:643px;
			margin-left: 0%;

		}
			#footer ul.iconBar li {
				float:left;
				height:48px;

			}
			#footer ul.iconBar li a:hover {
				background-position:0 0px;
			}
				#footer li.myspace a:link, #footer li.myspace a:active, #footer li.myspace a:visited {
					width:40px; height:48px;
					display:block;
					background:url(../../images/icon_myspace.png) 0 -48px no-repeat;
					text-decoration:none;
				}

				#footer li.bestfriends a:link, #footer li.bestfriends a:active, #footer li.bestfriends a:visited {
					width:116px; height:48px;
					display:block;
					background:url(../../images/BestFriends.png) 0 0px no-repeat;
					text-decoration:none;
				}				
	
				#footer li.youtube a:link, #footer li.youtube a:active, #footer li.youtube a:visited {
					width:85px; height:48px;
					display:block;
					background:url(../../images/icon_youtube.png) 0 -48px no-repeat;
					text-decoration:none;
				}
				#footer li.cmt a:link, #footer li.cmt a:active, #footer li.cmt a:visited {
					width:62px; height:48px;
					display:block;
					background:url(../../images/icon_cmt.png) 0 -48px no-repeat;
					text-decoration:none;
				}
				#footer li.gac a:link, #footer li.gac a:active, #footer li.gac a:visited {
					width:64px; height:48px;
					display:block;
					background:url(../../images/icon_gac.png) 0 -48px no-repeat;
					text-decoration:none;
				}
				#footer li.ilike a:link, #footer li.ilike a:active, #footer li.ilike a:visited {
					width:70px; height:48px;
					display:block;
					background:url(../../images/icon_iLike.png) 0 -48px no-repeat;
					text-decoration:none;
				}
				#footer li.facebook a:link, #footer li.facebook a:active, #footer li.facebook a:visited {
					width:93px; height:48px;
					display:block;
					background:url(../../images/icon_facebook.png) 0 -48px no-repeat;
					text-decoration:none;
				}
				#footer li.mozes a:link, #footer li.mozes a:active, #footer li.mozes a:visited {
					width:100px; height:48px;
					display:block;
					background:url(../../images/icon_mozes.png) 0 -48px no-repeat;
					text-decoration:none;
				}
				#footer li.eventful a:link, #footer li.eventful a:active, #footer li.eventful a:visited {
					width:93px; height:48px;
					display:block;
					background:url(../../images/icon_eventful.png) 0 -48px no-repeat;
					text-decoration:none;
				}
				#footer li.isquad a:link, #footer li.isquad a:active, #footer li.isquad a:visited {
					width:89px; height:48px;
					display:block;
					background:url(../../images/icon_isquad.png) 0 -48px no-repeat;
					text-decoration:none;
				}
				#footer li.fanclub a:link, #footer li.fanclub a:active, #footer li.fanclub a:visited {
					width:110px; height:48px;
					display:block;
					background:url(../../images/icon_sugarlandFan.png) 0 -48px no-repeat;
					text-decoration:none;
				}
				#footer li.myreg a:link, #footer li.myreg a:active, #footer li.myreg a:visited {
					width:56px; height:48px;
					display:block;
					background:url(../../images/icon_myReg.png) 0 -48px no-repeat;
					text-decoration:none;
				}
	
	#fineprint {
		margin:0 0 0px 0; padding:6px;
		font:normal 10px Verdana, Arial, Helvetica, sans-serif;
		color:#7e776a;
		bottom:0px;
		background:transparent;
	}
		#fineprint a:link, #fineprint a:active, #fineprint a:visited {
			color:#938c7f;
		}
			#fineprint a:hover {
				color:#ada597;
			}
		#fineprint .copy {
			width:600px;
			float:left;
		}
		#fineprint .credits {
			float:right;
		}
		#fineprint .credits a:link, #fineprint .credits a:active, #fineprint .credits a:visited {
			width:104px; height:12px;
			display:block;
			background:url(../../images/siteByHalo.png) left top no-repeat;
		}
			#fineprint .credits a:hover {
				background-position:left bottom;
			}
			


#apDiv1 {
	position:absolute;
	left:321px;
	top:353px;
	width:504px;
	height:123px;
	z-index:1;
	
}
#apDiv2 {
	position:absolute;
	left:516px;
	top:488px;
	width:456px;
	height:125px;
	z-index:2;
}
#apDiv3 {
	position:absolute;
	left:208px;
	top:523px;
	width:179px;
	height:77px;
	z-index:3;
}


