@charset "UTF-8";
/* Steve W. Mauldin Composer and Arranger Website Style Sheet */

* { margin: 0; padding: 0; }
body { background: #000 url(img/bodyBG.jpg) repeat-x top left; }
p { padding: 6px 12px; text-align: justify; font: 0.8em/150% Verdana, Arial, Helvetica, sans-serif; }
h1 { font-weight: normal; text-align: center; padding: 8px 20px; margin: 10px 8px 10px 10px; border-bottom: 1px solid #ccd6da; font-size: 26px; background: url(img/h1BG.gif) no-repeat 22px bottom; font-family: Palatino, "Palatino Linotype","Times New Roman", Times, serif; }
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.85em; text-transform: uppercase; display: block; padding: 10px; color: #555; clear: both; border-bottom: 1px solid #555; margin-left: 5px; margin-right: 2px; margin-bottom: 10px; }
h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em; display: block; padding: 10px; color: #444; clear: both; margin-left: 5px; margin-right: 2px; margin-bottom: 10px; }
a img { border: none; }
a { color: #000000; font: 0.8em/150% Verdana, Arial, Helvetica, sans-serif; }
a:hover { color: #181d4c; }
p em { font-weight: bold; }
li { list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; }
.floatLeft { float: left; margin: 0 8px 4px 8px; }
.floatRight { float: right; margin: 0 8px 4px 8px; }
.clearer { height: 1px; width: 100%; clear: both; }
.inline { display: inline; }
a img.cdImage { float: left; border: none; }
ul.padLeft { padding-left: 10px; }
	ul.width300 { width: 300px; float: left; }
#headerMain { width: 800px; height: 130px; margin: 0 auto; position: relative; clear: both; }
	#headerMain img.logo { position: absolute; top: 0; left: 200px; }
	#headerMain ul { width: 800px; height: 30px; background: transparent url(img/headerULBG.jpg) repeat-x top left; position: absolute; top: 100px; left: 0; border-bottom: 1px solid #da994a; }
	#headerMain ul li { float: left; height: 30px; list-style: none;  }
	#headerMain ul li.phoneNumber { float: right; }
	#headerMain ul li a, #headerMain ul li.phoneNumber { text-decoration: none; font-variant:small-caps; padding: 0 10px; color: #333; line-height: 30px; text-align: center; font-family: Palatino, "Palatino Linotype","Times New Roman", Times, serif; }
	#headerMain ul li a:hover { text-decoration: underline; }
#container { width: 800px; height: 100%; min-height: 600px; background: #e7f0f3 url(img/rightBG.gif) repeat-y top right; margin: 0 auto; }
#container.home { background-image: none; }
	#flash { width: 800px; height: 188px; }
	#sideBar { width: 218px; float: right; background: none; height: auto; }
		#sideBar h2 { text-align: center; padding: 10px 0; margin: 8px; }
		#sideBar ul { width: 210px; text-align: center; }
		#sideBar ul li { width: 210px; height: auto; list-style: none; } 
		#sideBar ul li a {  color: #333; }
	#contentMain { float: left; width: 578px; height: auto; padding-bottom: 25px; background: none; }
		#contentMain p { padding-bottom: 30px; background:url(img/containerBG.gif) repeat-x bottom left; }
		#contentMain ul li { font-size: 12px; }
	ul.Contact {  width: 578px; height: 422px; background: url(img/contactBG.jpg) no-repeat top left; padding-top: 150px; }
	ul.Contact li { text-align: center; list-style: none; }
	ul.clients { padding-left: 10px; }
	ul.clients li { width: 188px; height: 20px; background: none; color: #333; float: left; margin-left: 2px; list-style: none; font-size: 12px; padding-left: 2px;}
	ul.clients li:hover { color: #000; }
ul.bio { float: right !important; width: 200px; font-weight: bold; }
ul.bio li { float: left; font-size: 0.8em; }
	span.notAvailable { color: #ccc; font-weight: normal; }
.pushDiv { width: 578px; height: 400px; clear: both; }
.paypal { border: 2px solid #c8d5d8; }
/*
HomePage Styles
*********************************/
#leftPanel { width: 386px; height: 428px; background: url(img/homeLeftPanel.jpg) no-repeat top left; float: left; margin-left: 10px; position: relative; display: inline; }
	#leftPanelPhoto { position: absolute; top: 90px; left: 80px; }
	#leftPanel p { padding: 6px 14px; }
	#leftPanel h1, #rightPanel h1 { margin: 40px 10px 5px 10px; font-size: 19px; padding: 10px; }
#rightPanel { width: 386px; height: 428px; background: none; float: right; margin-right: 10px; position: relative; display: inline; }
	#rightPanel h2 { font-weight: normal; text-align: center; padding: 8px 20px; margin: 0 8px 10px 10px; border-bottom: 1px solid #ccd6da; font-size: 19px; background: url(img/h1BG.gif) no-repeat 22px bottom; font-family: Palatino,"Palatino Linotype","Times New Roman", Times, serif; text-transform: none; color: #000; }
#rightPanel p, #rightPanel p a { font-size: 12px; }
	

/*
YouTube
*********************************/
.youTubeContainer { width: 425px; height: 344px; margin-left: 67px; margin-top: 15px; }

/*
FlashPlayer
*********************************/
.flashMusicPlayer { width: 535px; height: 25px; background: url(img/music-flash-bg.gif) no-repeat left top; margin-left: 12px; }
/*
Footer Styles
*********************************/
#footer { height: 130px; width: 800px; background: #000 url(img/footerBG.jpg) no-repeat bottom center; clear: both; margin: 0 auto; margin-bottom: 15px; position: relative; }
	#footerCopyRight { width: 800px; height: 20px; position: absolute; top: 0; left: 0; background: transparent; }
	#footerCopyRight p, #footerCopyRight p a { text-transform: uppercase; line-height: 20px; padding: 0; text-align: center; color: #cedee4; font-size: 12px; letter-spacing: 2px; font-family: "Times New Roman", Times, serif; }
		#footerCopyRight p a:hover { color: #ccc; }
	#footer a.mauldinFooterLink { position: absolute; top: 20px; left: 1px; background: url(img/footerMauldinNorm.jpg) no-repeat top left; width: 398px; height: 109px; }
	#footer a:hover.mauldinFooterLink { background:url(img/footerMauldinHover.jpg) no-repeat top left; text-decoration: none; }
	#footer a.atgFooterLink { position: absolute; top: 20px; right: 1px; background:url(img/footerATGNorm.jpg) no-repeat top right; width: 398px; height: 109px; }
	#footer a:hover.atgFooterLink { background: url(img/footerATGHover.jpg) no-repeat top right; text-decoration: none; }
