@charset "UTF-8";
/* --- Barry Paul CSS --- */

/* 
 ---Colors ---

   background: #4d4d4f rgb(77,77,79)
   homepageBKGD: #080d19 rgb(8,13,25)
   scroll bar green: #5f4f19 rgb(95,79,25)
   
   white: #ffffff rgb(255,255,255)
   text: #4d4d4f rgb(77,77,79)
   brownish: #5f5019 rgb(95,80,25)
   
   Geranl Page Layout
   border 1: #ffffff rgb(255,255,255)
   border 2: #5f4f19 rgb(95,79,25)

*/

/* Resets Styles in all browsers */
* { padding: 0; margin: 0; border:0; }

/* -----------------------------------*/

html, body {
	margin: 0; padding: 0; background-color: #4d4d4f; font-size: 1px; text-align:center;
	
	scrollbar-3dlight-color:#5f5019;
	scrollbar-arrow-color:#5f5019;
	scrollbar-base-color:#5f5019;
	scrollbar-darkshadow-color:#5f5019;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#5f5019;
	scrollbar-shadow-color:#5f5019;
	scrollbar-track-color:#FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1.pg-header { font-size: 52px; letter-spacing: 0px; padding: 0 0 0 0; margin: 0 0 0 0; }

h3.contactHeader { font-size: 16px; letter-spacing: 0px; padding: 0 0 0 0; margin: 0 0 0 0; }

h3.RepertoireHeader { font-size: 18px; letter-spacing: 0px; padding: 0 0 0 0; margin: 0 0 0 0; }

h4.listenHeader { font-size: 20px; letter-spacing: 0px; padding: 0 0 0 0; margin: 0 0 0 0; }

h5.nav { font-size: 15px; letter-spacing: 0px; padding: 0 0 0 0; margin: 0 0 0 0; }


p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #4d4d4f; line-height: 18px; }
	p a:link { color: #5f5019; text-decoration:none; }
	p a:visited { color: #5f5019; text-decoration: none; }
	p a:hover { color: #5f5019; text-decoration: underline; }
	p a:active { color: #5f5019; text-decoration: none; }
	
.brownish { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #4d4d4f; line-height: 18px; }
	.brownish a:link { color: #5f5019; text-decoration:none; }
	.brownish a:visited { color: #5f5019; text-decoration: none; }
	.brownish a:hover { color: #5f5019; text-decoration: underline; }
	.brownish a:active { color: #5f5019; text-decoration: none; }


#pg-contianers { width: 920px; margin:0px auto; height: auto; text-align: left; }

#pg-contentContainer { width: 920px; height: auto; margin: 3px 0 0 0; }


/* Header */
#headerContainer { width: 900px; height: auto; margin: 0 0 0 0; padding: 10px 0 10px 20px; background: url(../images/bkgd/header.jpg) repeat-y; }

	#homePageSpeaker { float: right; padding: 0 0 0 0; }


/* Nav */
#navContainer { width: 920px; margin: 3px 0 0 0; padding: 0 0 0 0; height: 30px; background: url(../images/bkgd/nav.jpg) repeat-y; }

.navItem { padding: 5px 15px 0 15px; float: right; }


/* Page Titles */
#pgTitleContainerBio { width: 890px; padding: 30px 30px 15px 0; background: url(../images/headerBKGD/bio.jpg) no-repeat; margin: 3px 0 0 0; }

#pgTitleContainerBooking { width: 890px; padding: 30px 30px 15px 0; background: url(../images/headerBKGD/bookingHeader.jpg) no-repeat; margin: 3px 0 0 0; }

#pgTitleContainerContact { width: 890px; padding: 30px 30px 15px 0; background: url(../images/headerBKGD/contactHeader.jpg) no-repeat; margin: 3px 0 0 0; }

#pgTitleContainerRepertoire { width: 890px; padding: 30px 30px 15px 0; background: url(../images/headerBKGD/reportoireHeader.jpg) no-repeat; margin: 3px 0 0 0; }

#pgTitleContainerListen { width: 890px; padding: 30px 30px 15px 0; background: url(../images/headerBKGD/listenHeader.jpg) no-repeat; margin: 3px 0 0 0; }

#pgTitleContainerThanks { width: 890px; padding: 30px 30px 15px 0; background: url(../images/headerBKGD/thankyouHeader.jpg) no-repeat; margin: 3px 0 0 0; }

#pgTitleContainerTestimonials { width: 890px; padding: 30px 30px 15px 0; background: url(../images/headerBKGD/testimonialsHeader.jpg) no-repeat; margin: 3px 0 0 0; }


/* General Page Layout */
#pg-mainBox { width: 906px; height: auto; padding: 6px 6px 6px 6px; margin: 0 0 0 0; border: solid 1px #ffffff; position: relative; }

#pg-innerBox { width: 844px; height: auto; padding: 30px 30px 30px 30px; margin: 0 0 0 0; background: #ffffff; border: solid 1px #5f4f19; }
		
		
/* Home Page */
#homeContainer { width: 920px; padding: 0 0 0 0; margin: 0 0 0 0; }

#homePageSpeaker { float: right; margin: 0 10px 0 0; }


/* Booking Info/Contact Info */
#contactContentContainer { width: 684px; margin: 20px 0 0 40px; padding: 15px 30px 30px 30px; background: #e4e4e5; }
	
	.contactFormColum1 { width: 320px; margin: 0 20px 0 5px; float: left; }
	
	.contactFormColum2 { width: 320px; margin: 0 0 0 0; float: left; }

	.contactFormTitle { width: 300px; padding: 2px 7px 5px 2px; clear: both; border-bottom: solid 1px #717174; }
	
	.contactFormItem { width: 300px; padding: 10px 0 10px 5px; margin: 0 0 0 5px; clear: both; border-bottom: solid 1px #717174; }

	.contactLable { width: 110px; float: left; font-size: 12px; padding: 0 20px 0 0; }
	
	.contactInput { border: solid 1px #4d4d4f; font-size: 12px; float: left; }
	
	/* Large Text box*/
	.contactFormLgBox { width: 645px; border-top: solid 1px #717174; margin: 0 0 0 11px; }	
	.contactFormItem2 { width: 630px; padding: 10px 0 10px 5px; margin: 0 0 0 5px; clear: both; }
	
	.contactButtonContainer { width: 615px; margin: 0 0 0 0; padding: 5px 0 0 0; }
	
	.contactButton { float: right; }
	
	.required { color:#5f5019; font-size:11px; text-align: right; width: 680px; }


/* Biography */
#bioTextContainer { width: 460px; padding: 10px 0 30px 380px; }

.bioPhoto { position: absolute; bottom: -1px; left: -51px; }


/* Listen */
#listenImg { margin: 0 0 0 0; padding: 0 0 10px 0; }

#listenItem { width: 700px; padding: 10px 10px 10px 30px; margin: 1px 40px 0 50px; border-bottom: solid 1px #717174; }

	.listenItemType { padding: 6px 0 0 0; float: left; width: 200px; }
	
	.listenItemTitle { float: left; width: 220px; padding: 6px 0 0 0; }
	
	.listenItemComposor { float: left; width: 200px; padding: 6px 0 0 0; }
	
	.listenItemSound { float: left; width: 40px; padding: 1px 0 0 0; }


/* Repertoire */
#repBoxLeft { width: 270px; margin: 0 0 0 0; padding: 15px 5px 15px 5px; float: left; background: #0f91de; height: 1600px; }

#repBoxMed { width: 270px; margin: 0 0 0 0; padding: 15px 5px 15px 5px; float: left; background: #e45407; height: 1600px; }

#repBoxRight { width: 270px; margin: 0 0 0 0; padding: 15px 5px 15px 5px; float: left; background: #bac201; height: 1600px; }

.repList { font-size: 14px; color: #ffffff; list-style: none; font-family: Georgia, "Times New Roman", Times, serif; }
	.repList li { padding: 2px 30px 2px 30px; }
	
	
/* Testimonial */
#testimonialContainer { width: 724px; padding: 15px 20px 15px 20px; margin: 1px 0 0 30px; border-bottom: solid 1px #0fa186; }

		
/* Footer */
#footerContainer { width: 920px; margin: 3px 0 0 0; padding: 5px 0 20px 0; }

	#copyWriteContainer { width: 920px; padding: 0 0 0 0; }
	
	.copyWriteText { font-size: 9px; color: #ffffff; line-height: 18px; text-align: center; }		
		.copyWriteText a:link { color: #ffffff; text-decoration:none; }
		.copyWriteText a:visited { color: #ffffff; text-decoration: none; }	
		.copyWriteText a:hover { color: #5f5019; text-decoration: underline; }	
		.copyWriteText a:active { color: #ffffff; text-decoration: underline; }
	

/* Clear It */
.clearIt { clear: both; height: 1px; }

.clearIt5 { clear: both; height: 5px; }

.clearIt10 { clear: both; height: 10px; }

.clearIt15 { clear: both; height: 15px; }

.clearIt20 { clear: both; height: 20px; }