* {margin : 0; padding : 0;}
.left {float : left;}
.right {float : right;}
.clear {clear : both;}
div.spacer {clear : both;}
p {margin : 15px;}
a {color : #000; text-decoration : underline;}
a:hover, a:focus {text-decoration : none;}
a:visited {color : #535353;}
html, body {background : url("../pics/background.gif") repeat 0 0;}
#wrap {margin : 0 auto; text-align : center; width : 804px;}
#header {background : url("../pics/header_main.jpg") no-repeat 0 0; float : left; height : 256px; width : 804px;}
#content {background : url("../pics/content_main.jpg") repeat-y 0 0; float : left; color : #000; font-family : Arial; font-size : 1.0em; padding : 20px 60px 0 60px; text-align : center; width : 680px;}
#headerimage {float : left; padding : 5px 0 0 57px; width : 326px;}
#headerimage img {border : 0; height : 171px;}
#navbar {clear : left; float : left; list-style-type : none; padding : 10px 0 0 57px; width : 496px;}
#navbar li {display : inline; float : left;}

li.vocalstudio a {background : url("../pics/navbar_main/nav_off.png") 0 0; display : block; width : 81px; height : 39px; text-indent : -999999px; overflow : hidden;}
li.vocalstudio a:hover, li.vocalstudio a.focus {background : url("../pics/navbar_main/nav_over.png") 0 0; display : block; width : 81px; height : 39px; text-indent : -999999px; overflow : hidden;}
li.voiceovers a {background : url("../pics/navbar_main/nav_off.png") -81px 0; display : block; width : 61px; height : 39px; text-indent : -999999px; overflow : hidden;}
li.voiceovers a:hover, li.voiceovers a.focus {background : url("../pics/navbar_main/nav_over.png") -81px 0; display : block; width : 61px; height : 39px; text-indent : -999999px; overflow : hidden;}
li.choreography a {background : url("../pics/navbar_main/nav_off.png") -142px 0; display : block; width : 76px; height : 39px; text-indent : -999999px; overflow : hidden;}
li.choreography a:hover, li.choreography a.focus {background : url("../pics/navbar_main/nav_over.png") -142px 0; display : block; width : 76px; height : 39px; text-indent : -999999px; overflow : hidden;}
li.stage a {background : url("../pics/navbar_main/nav_off.png") -218px 0; display : block; width : 40px; height : 39px; text-indent : -999999px; overflow : hidden;}
li.stage a:hover, li.stage a.focus {background : url("../pics/navbar_main/nav_over.png") -218px 0; display : block; width : 40px; height : 39px; text-indent : -999999px; overflow : hidden;}
li.bio a {background : url("../pics/navbar_main/nav_off.png") -258px 0; display : block; width : 30px; height : 39px; text-indent : -999999px; overflow : hidden;}
li.bio a:hover, li.bio a.focus {background : url("../pics/navbar_main/nav_over.png") -258px 0; display : block; width : 30px; height : 39px; text-indent : -999999px; overflow : hidden;}
li.headshotresume a {background : url("../pics/navbar_main/nav_off.png") -288px 0; display : block; width : 98px; height : 39px; text-indent : -999999px; overflow : hidden;}
li.headshotresume a:hover, li.headshotresume a.focus {background : url("../pics/navbar_main/nav_over.png") -288px 0; display : block; width : 98px; height : 39px; text-indent : -999999px; overflow : hidden;}
li.contact a {background : url("../pics/navbar_main/nav_off.png") -386px 0; display : block; width : 56px; height : 39px; text-indent : -999999px; overflow : hidden;}
li.contact a:hover, li.contact a.focus {background : url("../pics/navbar_main/nav_over.png") -386px 0; display : block; width : 56px; height : 39px; text-indent : -999999px; overflow : hidden;}

#headingVocalStudio {margin : 0; padding-bottom : 10px;}
#headingVocalStudio, #headingVocalStudio span {width : 300px; height : 50px; background : url("../pics/headings/vocal_studio.png") no-repeat; text-indent : -999999px;}
#headingVoiceovers {margin : 0; padding-bottom : 10px;}
#headingVoiceovers, #headingVoiceovers span {width : 300px; height : 50px; background : url("../pics/headings/voiceovers.png") no-repeat; text-indent : -999999px;}
#headingChoreography {margin : 0; padding-bottom : 10px;}
#headingChoreography, #headingChoreography span {width : 300px; height : 70px; background : url("../pics/headings/choreography.png") no-repeat; text-indent : -999999px;}
#headingStage {margin : 0; padding : 0;}
#headingStage, #headingStage span {width : 300px; height : 60px; background : url("../pics/headings/stage.png") no-repeat; text-indent : -999999px;}
#headingBio {margin : 0; padding-bottom : 10px;}
#headingBio, #headingBio span {width : 300px; height : 50px; background : url("../pics/headings/bio.png") no-repeat; text-indent : -999999px;}
#headingHeadshotResume {margin : 0; padding-bottom : 10px;}
#headingHeadshotResume, #headingHeadshotResume span {width : 300px; height : 50px; background : url("../pics/headings/headshot_resume.png") no-repeat; text-indent : -999999px;}
#headingContact {margin : 0; padding-bottom : 10px;}
#headingContact, #headingContact span {width : 300px; height : 50px; background : url("../pics/headings/contact.png") no-repeat; text-indent : -999999px;}
#headingWhatsNew {margin : 0; padding-bottom : 10px;}
#headingWhatsNew, #headingWhatsNew span {width : 300px; height : 50px; background : url("../pics/headings/whats_new.png") no-repeat; text-indent : -999999px;}

#copyright {clear : both; color : #000; font-size : 0.7em; margin : 20px auto; padding-top : 25px; text-align : center; width : 685px;}
#copyright a {color : #000; text-decoration : underline;}
#copyright a:hover, #copyright a:focus {text-decoration : none;}

#main, #mainresume {text-align : left;}
.sub {font-size : 0.8em;}
.stageclips {clear : both;}
.stageimage {width : 201px;}
.stageaudio {width : 437px; text-align : center;}
.stageshaded {background : url("../pics/background_whatsnew.png") repeat 0 0; font-size : 1.0em; margin : 10px 0; padding : 10px; text-align : center; width : 417px;}
.sarahlyingdown {margin : 0 60px;}
.voiceover {margin : 0 0 0 52px; padding : 0; width : 575px;}
.success {margin : 0 0 0 100px; padding : 0; width : 480px;}

#whatsnew {font-family : Arial; font-size : 0.8em; padding : 0 22px; width : 333px; float : left;}
#whatsnew ul {clear : both; list-style-type : none; padding : 10px 0 0 0;}
#whatsnew ul li {display : inline;}
li.logo {width : 90px;}
li.details {text-align : left; width : 230px;}

div.testimonialforstudio {clear : both;}
div.vocalstudioimage {float : left;}
div.vocalstudiotestimonial {float : right; margin : 0; padding : 0; width : 420px;}
div.vocalstudioshaded {background-color : #C6BDB1; clear : both; padding : 10px;}

table {background : url("../pics/background_whatsnew.png") repeat 0 0; font-size : 1.0em; padding : 20px; width : 680px;}
table td {padding : 5px 0; vertical-align : top;}
h2 {margin : 20px 0;}
.stats ul {list-style-type : none; font-size : 1.0em;}
#mainresume h2 {font-size : 1.4em;}
#mainresume h3 {font-size : 1.1em; margin : 10px 0;}
#mainresume {font-size : 1.0em;}
#mainresume .sub {font-size : 0.8em;}
.stats {width : 325px;}
.headshot {font-size : 0.6em; font-weight : bold; text-align : center; width : 351px;}
fieldset {border : 1px solid #000; margin : 10px 0; padding : 20px;}

/* Home */
body.home #header {background : url("../pics/header_index.jpg") no-repeat 0 0; float : left; height : 250px; padding : 0; width : 804px;}
body.home #content {background : url("../pics/content_index.jpg") no-repeat 0 0; float : left; height : 372px; margin : 0; padding : 28px 0 0 59px; width : 745px;}
body.home #footer {background : url("../pics/footer_index.jpg") no-repeat 0 0; float : left; height : 150px; width : 804px;}
body.home #navbar {clear : left; float : left; list-style-type : none; padding : 210px 0 0 57px; width : 496px;}
body.home #navbar li {display : inline; float : left;}
body.home #whatsnew {background-color : #C6BDB1; height : 359px;}
body.home p.pastevents {clear : both; display : block; margin-left : 0; padding-top : 10px; text-align : left;}
body.home #headingWhatsNew {margin-top : 10px; padding-bottom : 0;}
body.home #headingWhatsNew, body.home #headingWhatsNew span {width : 200px; height : 60px; background : url("../pics/headings/whats_new.png") no-repeat; text-indent : -999999px;}
body.home #whatsnew ul {overflow : hidden; padding : 0 0 10px 0;}
body.home #whatsnew p.pastevents {margin : 0; padding-top : 0;}
body.home #whatsnew li.logo {width : 70px;}
body.home #whatsnew li.logo img {width : 100%;}
body.home #whatsnew li.details {text-align : left; width : 250px;}
body.home #copyright {background : url("../pics/background_copyright.png") repeat 0 0 #7A7064; color : #FFF; font-family : Arial; font-size : 0.8em; height : 71px; margin : 20px auto; padding-top : 25px; text-align : center; width : 685px;}
body.home #copyright a {color : #FFF; text-decoration : underline;}
body.home #copyright a:hover, body.home #copyright a:focus {text-decoration : none;}
