@charset "utf-8";
/* CSS Document for Blue Moon Occasions site: */

html {
	font-size:100%;
	}

body {
	background: #000;
	padding:0;
	margin:0;
	font:62.5%/1.8 Verdana, Geneva, sans-serif;
	background-color: #000000;
	}

:focus {
	outline:none;
	}

a img {
	border:none;
	padding:0;
	margin:0;
	}
a {
	color:#4796f7;
	text-decoration:underline;
	}

a:hover {
	text-decoration:none;
	}

a.italicLink:link {
	font-style:italic;
	color:#4796f7;
	text-decoration:underline;
	}

a.italicLink:hover {
	color:#ccc;
	}

.marginBottom20 {
	margin-bottom:20px;
	}

.marginBottom15 {
	margin-bottom:15px;
	}

.textCenter {
	text-align:center;
	}

.noBorder {
	border:none !important;
	}

noMarPad {
	margin:0 !important;
	padding:0 !important;}

.commonUL {
	margin:0;
	padding:0;
	list-style:none;
	}
	
	.commonUL li {
		background:url(images/common-ul-bullet.png) no-repeat 0 12px;
		padding-left:11px;
		line-height:24px;
		}

	#wrapper {
		width:770px;
		margin:0 auto;
		color:#fff;
		}
		
		#homepage #header {
			background:#000 url(images/home-header-bg.jpg) no-repeat 0 30px;
			height:382px;
			border-bottom:10px solid #000;
			}
		
		.inside #header {
			background:#000 url(images/inside-logo.jpg) no-repeat 0 0;
			height:223px;
			}
			
			#header .rightCol {
				width:175px;
				float:right;
				padding-top:20px;
				padding-right:10px;
				}
				
				ul.topNav {
					margin:0;
					padding:0;
					list-style:none;
					height:18px;
					overflow:hidden;
					line-height:12px;
					font-size:12px;
					color:#808080;
					}
							
					ul.topNav li {
						display:inline;
						float:left;
						padding:0 5px;
						}
						
						ul.topNav li.topHome {
							}
				
				.inside .topNav {
					width:50px;
					margin-left:20px;
					color:#808080;
					font-size:12px;
					}
					
					.inside .topNav a {
						padding: 0 5px;
						}
					
					.inside .topNav img {
						vertical-align:middle;
						}
				
				ul.globleNav {
					margin:20px 0 0 0;
					padding:0;
					list-style:none;
					}
				
				.inside ul.globleNav {
					margin:0;
					}
					
					ul.globleNav li {
						font-size:1.4em;
						line-height:1.6em;
						letter-spacing:-0.30px;
						}
						
						ul.globleNav li a {
							color:#fff;
							text-decoration:none;
							padding-left:15px;
							}
						
						ul.globleNav li a:hover, ul.globleNav li.active a {
							background:url(images/bullet-1.gif) no-repeat 0 5px;
							color:#4796f7;
							}
				
				#content {
					background:#0c0e13 url(images/content-bg.gif) repeat-x 0 bottom;
					height:1%;
					overflow:hidden;
					padding:20px 0;
					clear:both;
					}
					
					#content .col1, #content .col2 {
						display:inline;
						float:left;
						}
						
					#homepage #content .col1 {
						width:419px;
						font-size:1.3em;
						line-height:1.9em;
						}
						
						#homepage #content .col1 p {
							margin:0;
							padding:0;
							}
						
						.titleWelcome {
							margin:5px 0 25px 30px;
							}
							
							.picLeft {
								float:left;
								margin-right:10px;
								}
						#homepage #content .col1 .contRight {
							float:right;
							width:265px;
							}
					
					#homepage #content .col2 {
						background:url(images/dott-line-1.gif) repeat-y 0 0;
						width:311px;
						padding:20px;
						font-size:1.2em;
						}
		
/* START: footer */	
#footer {
	background:#212633 url(images/footer-bg.jpg) no-repeat 0 0;
	height:41px;
	color:#908b8b;
	font-size:1.1em;
	padding:10px 20px 20px 20px;
	}
	
	#footer a {
		color:#908b8b;
		text-decoration:none;
		}
	
	#footer a:hover {
		color:#fff;
		}
	
	.footerRow1 {
		letter-spacing: -1px;
		text-align:center;
		}
	
	.footerRow2 {
		text-align:center;
		}
		
		.footerRow2 .mid {
			padding:0 20px;
			}

/* END: footer */					

/* START: About us */
#about-us #content {
	font-size:1.2em;
	line-height:24px;
	padding-bottom:30px;
	}
	
	#about-us #content a {
		color:#4796f7;
		text-decoration:underline;
		}
		
		#about-us #content a:hover {
			text-decoration:none;
			}
	
	#about-us #content .col1 {
		background:url(images/dott-line-1.gif) repeat-y right 0;
		width:400px;
		padding:0 23px 0 27px;
		}
	
	#about-us #content .col2 {
		background:url(images/violin.png) no-repeat right bottom;
		width:300px;
		padding:0 10px;
		letter-spacing:-1px;
		
		}
		
		.titleAboutUs {
			text-align:center;
			}
		/* slide show */
		
		#slideShowBox {
			margin-top:20px;
			}
			
			#slideShowBox .control {
				text-align:right;
				padding-bottom:10px;
				}
		
		#about-us #content #slideShowBox a {
			text-decoration:none;
			}
		
		#about-us #content #slideShowBox a:hover {
			color:#fff;
			}
		
		#about-us #content #slideShowBox a.linkUnderline {
			text-decoration:underline;
			}
	
	/* END: About us */

/* repertoire */

#repertoire #content {
	padding:30px;
	}

	#repertoire #content .contRow{
		border-bottom:1px dashed #454a5e;
		padding-bottom:10px;
		margin-bottom:10px;
		height:1%;
		overflow:hidden;
		font-size:1.1em;
		line-height:18px;		
		letter-spacing:-1px;
		}
	
	#repertoire #content .contRowLast {
		border:none;
		padding:0;
		margin:0;
		font-size:1.2em;
		}
	
#repertoire #content .col1, #repertoire #content .col2, #repertoire #content .col3 {
	display:inline;
	width:30%;
	padding-right:20px;
	}

/* professional-arranging */
#professional-arranging #content {
	font-size:1.2em;
	line-height:26px;
	}
#professional-arranging #content .col1 {
	background:url(images/dott-line-1.gif) repeat-y right;
	width:408px;
	padding:0 10px 0 20px;
	}

#professional-arranging #content .col2 {
	width:312px;
	padding:0 10px;
	}

/* FAQs */

#faqs #content {
	padding:0 0 3px 0;
	font-size:1.2em;
	}
	
	.violinBg {
		background:url(images/violin-2.png) no-repeat right bottom;
		padding:30px 160px 70px 60px;
		}
	
	#faqs #content img {
		vertical-align:middle;
		}
		
	#faqs small {
		font-size:1.1em;
		font-style:italic;
		margin-left:30px;
		}
	#faqs .questions {
		padding:0;
		margin:10px 0 20px 30px;
		}
	
		#faqs .questions a {
			color:#fff;
			text-decoration:none;
			}
		
		#faqs .questions a:hover, #faqs .questions a.active {
			color:#4796f7;
			}
		
		#faqs h2 {
			font-size:1.2em;
			font-weight:normal;
			color:#4796f7;
			margin:10px 0 0 0;
			}
		
		#ans2, #ans3, #ans4, #ans5, #ans6, #ans7, #ans8, #ans9, #ans10  {
			display:none;
			}

/* news-links */

#news-links #content {
	font-size:1.2em;
	}

/* Payments */

#payments #content {
	height:auto;
	padding-left:15px;
	font-size:1.3em;
	}	
	#payments .textItalic {
		font-style:italic;
		font-size:0.9em;
		}