@charset "UTF-8";
/* CSS Document */

/* RESET */

body {
	margin: 0 auto;
	padding: 20px 0 0 0;
	background: url(../images/background/mainBackground.png) repeat-x #000000/*#232323 - grayBackground*/; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #CCCCCC;
}

p {
	margin: 0;
	padding: 10px 0 0 0;
	line-height: 15pt;
	text-align: justify;
}

a {
	/*color: #333333;*/
	text-decoration: none;
	outline: none;
}

img {
	border: none;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
}

ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* END RESET */

/* WRAPPER */

div#wrapper {

	margin: 0 auto;
	padding: 0;
	width: 955px;
	clear: both;
}

div#headerWrapper, div#navWrapper, div#contentWrapper, div#footerWrapper {
	clear: both;
}

div#header, div#navMenu, div#content, div#footer {
	margin: 0 auto;
	width: 855px;
}

/* END WRAPPER */

/* HEADER */

div#header {
	background: url(../images/background/headerBackground.png) no-repeat;
	height: 130px;
	width: 955px;
	clear: both;
}

div#header a#homeButton {
	display: block;
	margin-left: 50px;
	padding: 25px 0 20px 0;
	background: url(../images/celebrationMusiciansLogo.png) no-repeat 0px 25px;
	width: 340px;
	height: 85px;
}	

/* END HEADER */

/* NAV MENU */

div#navMenu {
	height: 30px;
}

div#navMenu ul {
	/*margin-left: 50px;*/
	padding-top: 5px;
}

div#navMenu li {
	margin-right: 50px;
	height: 20px;
	float: left;
}

div#navMenu li a {
	font-size: 11pt;
	color: #000;
}

div#navMenu li a:hover {
	color: #9F1D35 /*#800020 - burgundy | #FF3366 - Pink */;
}
	

/* END NAV MENU */


/* CONTENT */

div#homeBanners, div#weddings, div#events, div#aboutUs {
	margin: 0 auto;
	padding: 30px 0;
	width: 855px;
	clear: both;
}

	/* Home */

	div#homeBanners p {
		clear:both;
		padding: 70px 25px 0;
	}
	
	div#homeBanners li#left {
		margin-left: 20px;
		text-align: left;
		float: left;
	}
	
	div#homeBanners li#right {
		margin-right: 20px;
		text-align: right;		
		float: right;
	}
	
	div#homeBanners a {
		position: absolute;
		display: block;
		margin: 5px 0 0;
		padding: 395px 25px 0 25px;
		height: 36px;
		width: 330px;
		/*border: #FFFEE3 solid 5px;*/
		font-size: 12pt;
		color: #000000;
		z-index: 10;
	}
	
	div#homeBanners a:hover {
		color: #9F1D35 /*#800020 - burgundy | #FF3366 - Pink */;
	}
	
	
	
	/* End Home */
	
		
	/* Weddings */	
	
	div#weddings p, div#weddings h1 {
		width: 418px;
		float: right;
	}

	div#weddings #imageQuoteContainer {
		width: 380px;
		margin-right: 25px;
		float: left;
	}
	
	div#weddings #imageQuoteContainer img {
		/*margin-right: 25px;*/
		/*border: #FFFEE3 solid 5px; */
		/*float: left;*/
	}	
	
	div#weddings div#imageQuoteContainer p#quote, div#events div#imageQuoteContainer p#quote {
		font-size: 13pt;
		/*font-weight:bold;*/
		font-family: "Monotype Corsiva", Helvetica, Arial;
		/*font-style: italic;*/
		text-align: center;
	}
	
	div#weddings div#imageQuoteContainer p#quote {		
		margin: 15px 10px 0;
		padding: 0;
		width: 360px;	
	}

	div#weddings div#imageQuoteContainer p#quoteBy {
		margin: 3px;
		padding: 0 25px;
		width: 250px;
		font-size: 9pt;
		color: #9F1D35;		
		text-align: right;
	}
	
	
			
	
	/* End Weddings */
	
	/* Events & About Us*/
		
	div#events p, /*div#aboutUs p*/ div#events h1, /*div#aboutUs h1*/ {
		width: 418px;
		float: left;
	} div#aboutUs p { /*width: 600px; */ }
	
	/*div#events img, div#aboutUs img {*/
	div#aboutUs img {
		margin: /*40px*/0 0 10px 30px;
		border: #FFFEE3 solid 3px;
		float: right;
		
	}
	
	div#events #imageQuoteContainer {
		width:380px;
		margin-right: 12px;
		/*margin-left: 25px;*/
		float: right;
	}
	
	div#events #imageQuoteContainer img {
		/*margin-right: 25px;*/
		/*border: #FFFEE3 solid 5px; */
		/*float: left;*/		
	}

	div#events div#imageQuoteContainer p#quote {
		margin: 0 0 0;
		padding: 15px 0 0;
		width: 370px;
		clear: both;
	}

	div#events div#imageQuoteContainer p#quoteBy {
		margin: 3px;
		padding: 0 0 0 100px;
		width: 250px;
		font-size: 9pt;
		color: #9F1D35;
		text-align: right;
	}

	
	
	
	
	/* End Events & About Us */
	
	/* Shared Stylings */

	div.leftTextBox {
		width: 418px;
		float: left;
	}
	
	div.rightTextBox {
		width: 418px;
		float: right;
	}	
	
	div.submenuBox {
		padding-top: 5px;
		height: 25px;
		background-color: #FFFFE3;
	}
	
	div#weddings h1, div#events h1, div#aboutUs h1 {
		font-size: 12pt;
		/*margin-bottom: 30px;*/
		height: 30px;
		color: #9F1D35 /*#FF3366 - Pink */;
	}
	
	div#weddings h2, div#events h2 {
		padding-bottom: 20px;
		font-size: 12pt;
		height: 20px;
		color: #9F1D35;
	}
	
	div.submenuBox ul {
		/*margin: 20px;*/
		/*padding-top: 30px;*/
		padding: 0 0 5px;
	}
	
	div.submenuBox li {
		display: inline;
		margin: 10px 15px 0 10px;;
		height:40px;
	}
	
	/*div#weddings li.previous, div#events li.previous {
		padding-left: 20px;
		background: url(../images/arrowPrevious.jpg) bottom left no-repeat;
		text-align: left;
		float: left;
	}
	
	div#weddings li.next, div#events li.next {
		padding-right: 20px;
		background: url(../images/arrowNext.jpg) bottom right no-repeat;
		text-align: right;
		float: right;
	}*/
	
	/*div#weddings li a, div#events li a*/ div.submenuBox li a {
		/*font-size: 11pt;
		color: #CCCCCC;
		border-bottom: #CCCCCC dotted 1px;*/
		/*font-weight: 500;*/
		color: #000000;
	}
	
	/*div#weddings li a:hover, div#events li a:hover*/ div.submenuBox li a:hover {
		color: #9F1D35;
		/*border-bottom: #9F1D35 dotted 1px;*/
	}
	
	.selected {
		border-bottom: #333 dotted 2px;
		height:30px;
	}
	
	.selected:hover {
		border-color: #9F1D35;
	}
	
	.centeredText {
		text-align: center;
	}
	
	.topPadding_30 {
		padding-top: 30px;
	}
	
	div.playerWrapper {
		padding: 20px 0 30px 0;
		width: 410px;
		clear: both;
	}
	
	div.playerTrackName {
		width: 360px;
		font-weight: bold;
		float: left;
	}
	
	div.playerTrackName a {
		color: #CCCCCC;
	}
	
	div.playerTrackName a:hover {
		border-bottom: #CCCCCC dotted 1px;
	}
	
	div.playerTrackLoading {
		width: 50px;
		font-size: 10pt;
		float: right;
	}
	
	div.playerTrackTime {
		width: 410px;		
		float: left;
	}
		
	div.playerTrackTime {
		padding: 5px 0 0;
		font-size: 8pt;
	}
	
	div#downloadLink { text-align: right; clear: both; }
	
	a.repertoire { color: #CCC; }

	a.repertoire:hover { color:#9F1D35; border-bottom: #9F1D35 dotted 1px; }
	
	/* End Shared Stylings */
	

/* END CONTENT */

/* FOOTER */

div#contactBar {
	margin-top: 30px;
	background: #FFFEE3;
	height: 20px;
}

div#contact {
	margin: 0 auto;
	padding: 20px;
	width: 915px;
	/*text-align: center;
	font-size: 11pt;*/
	color: #FFF;
	clear: both;
}

div#contact li {
	display: inline;
	margin: 0 30px;
}

div#contact a {
	color: #FFF;
} div#contact a:hover { color: #9F1D35; }

div#footer {
	padding-top: 30px;
	height: 30px;	
	font-size: 8pt;
	text-align: right;
	color: #999999;
}

div.test { background:  #FFFFFF; }

div.clear { clear: both; }

.floatRight { float: right; }

.floatLeft { float: left; }

.selected2 {
	border-bottom: #333 dotted 2px;
}
	
.selected2:hover {
	border-color: #9F1D35;
}

.alignRight {text-align: right;}


span#upgradeFlash {
	font-size:10px;
}

span#upgradeFlash a {
	color: #FFF;
	text-decoration:underline;
} span#upgradeFlash a:hover { color: #9F1D35; }