/* - - IMPORT - - */

@import "reset.css";
@import "typography.css";


/* - - INTRO - - */


#introFlash #introSWF {
margin-top:150px;
}


/* - - SALON - - */


#SalonDesArt, #introFlash, #Yellow { 
 background:#FFCC66;
}

#SalonDesArt #anchor, #Yellow #anchor { 
background:#FFD685;
border-bottom:1px dotted #a8752c;
}

#SalonDesArt .header a#logo, #Yellow .header a#logo { 
background:transparent url(../images/logo-yellow.gif) no-repeat scroll left top;
}

#SalonDesArt ul#nav_bar, #Yellow ul#nav_bar {
background:#FFCC66 url(../images/BG-yellow.gif) repeat scroll left 1px;
}

#SalonDesArt ul#nav_bar li, #Yellow ul#nav_bar li {
 background:#FFCC66;
}

#SalonDesArt li#salonCurrent a {
 background: transparent url(../images/nav-yellow.gif) no-repeat scroll left top;
}

#SalonDesArt li#pandp a, #Yellow li#pandp a {
 background: transparent url(../images/nav-yellow.gif) no-repeat scroll left -27px;
}

#SalonDesArt li#pandp a:hover, #Yellow li#pandp a:hover {
 background: transparent url(../images/nav-yellow.gif) no-repeat scroll -200px -27px;
}

#SalonDesArt li#bios a, #Yellow li#bios a {
 background: transparent url(../images/nav-yellow.gif) no-repeat scroll left -54px;
}

#SalonDesArt li#bios a:hover, #Yellow li#bios a:hover {
 background: transparent url(../images/nav-yellow.gif) no-repeat scroll -200px -54px;
}

#SalonDesArt li#featured a, #Yellow li#featured a {
 background: transparent url(../images/nav-yellow.gif) no-repeat scroll left -81px;
}

#SalonDesArt li#featured a:hover, #Yellow li#featured a:hover {
 background: transparent url(../images/nav-yellow.gif) no-repeat scroll -200px -81px;
}

#SalonDesArt li#contact a, #Yellow li#contact a {
 background: transparent url(../images/nav-yellow.gif) no-repeat scroll left -108px;
}

#SalonDesArt li#contact a:hover, #Yellow li#contact a:hover {
 background: transparent url(../images/nav-yellow.gif) no-repeat scroll -200px -108px;
}

#SalonDesArt .content, #Yellow .content {
margin-left:9px;
}

#SalonDesArt p.firstPar {
margin-top:2.0769231em;
}

#SalonDesArt .content .featPics {
height:560px;
width:621px;
margin-left:45px;
}

#SalonDesArt .content .featPics #pic1 {
left:0px;
top:0px;
}

#SalonDesArt .content .featPics #pic2 {
left:0px;
top:132px;
}

#SalonDesArt .content .featPics #pic3 {
left:180px;
top:0px;
}

#SalonDesArt .content .featPics #pic4 {
left:0px;
top:264px;
}

#SalonDesArt .content .featPics #pic5 {
left:387px;
top:264px;
}

#SalonDesArt .content .featPics  p.credits {
left:396px;
top:398px;
}

#SalonDesArt .content p.credits span, #SalonDesArt .content p.credits a, #Yellow .content p.credits span, #Yellow .content p.credits a {
 color: #a8752c;
}


/* - - PAST & PRESENT - - */


#PastAndPresent { 
 background:#99cc66;
}

#PastAndPresent #anchor { 
background:#add685;
border-bottom:1px dotted #7c752c;
}

#PastAndPresent .header a#logo { 
 background:transparent url(../images/logo-green.gif) no-repeat scroll left top;
}

#PastAndPresent ul#nav_bar {
 background:#99cc66 url(../images/BG-green.gif) repeat scroll left 1px;
}

#PastAndPresent ul#nav_bar li {
 background:#99cc66;
}

#PastAndPresent li#salon a {
 background: transparent url(../images/nav-green.gif) no-repeat scroll left top;
}

#PastAndPresent li#salon a:hover {
 background: transparent url(../images/nav-green.gif) no-repeat scroll -200px top;
}

#PastAndPresent li#pandpCurrent a {
 background: transparent url(../images/nav-green.gif) no-repeat scroll left -27px;
}

#PastAndPresent li#bios a {
 background: transparent url(../images/nav-green.gif) no-repeat scroll left -54px;
}

#PastAndPresent li#bios a:hover {
 background: transparent url(../images/nav-green.gif) no-repeat scroll -200px -54px;
}

#PastAndPresent li#featured a {
 background: transparent url(../images/nav-green.gif) no-repeat scroll left -81px;
}

#PastAndPresent li#featured a:hover {
 background: transparent url(../images/nav-green.gif) no-repeat scroll -200px -81px;
}

#PastAndPresent li#contact a {
 background: transparent url(../images/nav-green.gif) no-repeat scroll left -108px;
}

#PastAndPresent li#contact a:hover {
 background: transparent url(../images/nav-green.gif) no-repeat scroll -200px -108px;
}


#PastAndPresent .content {
margin:0px 0px 0.538462em 9px;
}

#PastAndPresent .content ul.upcoming {
background:#99CC66 url(../images/BG-current.jpg) repeat-x scroll left top;
}

#PastAndPresent .content h1 {
padding-bottom:7px;
}

#PastAndPresent .content h1#events {
background:transparent url(../images/HDR-current_events.gif) no-repeat scroll left top;
width:173px;
}

#PastAndPresent .content h1#projects {
background:transparent url(../images/HDR-current_projects.gif) no-repeat scroll left top;
margin-top:1.92308em;
width:195px;
}

#PastAndPresent .content h1#history {
 background:transparent url(../images/HDR-history.gif) no-repeat scroll left top;
 margin-top:1.92308em;
 width:183px;
}

#PastAndPresent .content p, #Yellow #KenteCloth p {
margin-left:9px;
width:477px;
}

#PastAndPresent .content .eventsProjects {
 margin-right:10px;
 text-transform:uppercase;
 font-weight:bold;
}

#PastAndPresent .content .eventsProjects strong {
 color:#FF3300;
 font-weight:normal;
}


/* - - BIOGRAPHIES - - */


#Biographies { 
 background:#cc99cc;
}

#Biographies #anchor { 
background:#d6add6;
border-bottom:1px dotted #925f58;
}

#Biographies .header a#logo { 
 background:transparent url(../images/logo-purple.gif) no-repeat scroll left top;
}

#Biographies ul#nav_bar {
 background: #cc99cc url(../images/BG-purple.gif) repeat left 1px;
}

#Biographies ul#nav_bar li {
 background:#cc99cc;
}

#Biographies li#salon a {
 background: transparent url(../images/nav-purple.gif) no-repeat scroll left top;
}

#Biographies li#salon a:hover {
 background: transparent url(../images/nav-purple.gif) no-repeat scroll -200px top;
}

#Biographies li#pandp a {
 background: transparent url(../images/nav-purple.gif) no-repeat scroll left -27px;
}

#Biographies li#pandp a:hover {
 background: transparent url(../images/nav-purple.gif) no-repeat scroll -200px -27px;
}

#Biographies li#biosCurrent a {
 background: transparent url(../images/nav-purple.gif) no-repeat scroll left -54px;
}

#Biographies li#featured a {
 background: transparent url(../images/nav-purple.gif) no-repeat scroll left -81px;
}

#Biographies li#featured a:hover {
 background: transparent url(../images/nav-purple.gif) no-repeat scroll -200px -81px;
}

#Biographies li#contact a {
 background: transparent url(../images/nav-purple.gif) no-repeat scroll left -108px;
}

#Biographies li#contact a:hover {
 background: transparent url(../images/nav-purple.gif) no-repeat scroll -200px -108px;
}

#Biographies .content {
margin:0px 9px 1.61538em;
}

#Biographies .content p.firstPar {
margin-top:2.30769em;
padding-bottom:0.769231em;
}

#Biographies .content p.firstPar strong {
 font-weight: normal;
 color: #FF3300;
}

#Biographies .biosDesc {
float:left;
margin:0px 9px;
width:234px;
}

#Biographies .biosDesc a.bioPic {
border-bottom:2px solid #FF3300;
float:left;
height:176px;
margin-bottom:8px;
}

#Biographies .biosDesc h1, #Biographies #biosDescFull h1 {
clear:left;
padding-bottom:0.153846em;
}

#Biographies .biosDesc h1#cole, #Biographies .bioCole h1 {
 background:transparent url(../images/HDR-cole.gif) no-repeat scroll left top;
 width:135px;
}

#Biographies .biosDesc h1#chelsea, #Biographies .bioChelsea h1 {
 background:transparent url(../images/HDR-chelsea.gif) no-repeat scroll left top;
 width:201px;
}

#Biographies .biosDesc h1#raha, #Biographies .bioRaha h1 {
 background:transparent url(../images/HDR-raha.gif) no-repeat scroll left top;
 width:141px;
}

#Biographies .biosDesc h3, #Biographies #biosDescFull h3 {
color:#A67381;
}

#Biographies .biosDesc p {
 margin-left:9px;
}

#Biographies #biosDescFull {
margin-right:0px;
}

#Biographies #biosDescFull img.bioPicFull {
border-bottom:2px solid #FF3300;
margin:1.15385em 0px 0.230769em;
}

#Biographies #biosDescFull p, #FeaturedArtist .content p {
margin:0.461538em 207px 0px 9px;
}

#Biographies li#coleJ a {
 background: transparent url(../images/nav-bios.gif) no-repeat scroll left top;
}

#Biographies li#coleJ a:hover {
 background: transparent url(../images/nav-bios.gif) no-repeat scroll -198px top;
}

#Biographies li#coleJCurrent a {
 background: transparent url(../images/nav-bios.gif) no-repeat scroll -394px top;
}

#Biographies li#chelseaM a {
 background: transparent url(../images/nav-bios.gif) no-repeat scroll left -27px;
}

#Biographies li#chelseaM a:hover {
 background: transparent url(../images/nav-bios.gif) no-repeat scroll -198px -27px;
}

#Biographies li#chelseaMCurrent a {
 background: transparent url(../images/nav-bios.gif) no-repeat scroll -394px -27px;
}

#Biographies li#rahaS a {
 background: transparent url(../images/nav-bios.gif) no-repeat scroll left -54px;
}

#Biographies li#rahaS a:hover {
 background: transparent url(../images/nav-bios.gif) no-repeat scroll -198px -54px;
}

#Biographies li#rahaSCurrent a {
 background: transparent url(../images/nav-bios.gif) no-repeat scroll -394px -54px;
}


/* - - ASSOCIATE ARTISTS - - */


#FeaturedArtist { 
 background:#9dc6d6;
}

#FeaturedArtist #anchor { 
background:#b1d1de;
border-bottom:1px dotted #7e725c;
}

#FeaturedArtist .header a#logo { 
 background:transparent url(../images/logo-blue.gif) no-repeat scroll left top;
}

#FeaturedArtist ul#nav_bar {
 background:#9dc6d6 url(../images/BG-blue.gif) repeat left 1px;
}

#FeaturedArtist ul#nav_bar li {
 background:#9dc6d6;
}

#FeaturedArtist li#salon a {
 background: transparent url(../images/nav-blue.gif) no-repeat scroll left top;
}

#FeaturedArtist li#salon a:hover {
 background: transparent url(../images/nav-blue.gif) no-repeat scroll -200px top;
}

#FeaturedArtist li#pandp a {
 background: transparent url(../images/nav-blue.gif) no-repeat scroll left -27px;
}

#FeaturedArtist li#pandp a:hover {
 background: transparent url(../images/nav-blue.gif) no-repeat scroll -200px -27px;
}

#FeaturedArtist li#bios a {
 background: transparent url(../images/nav-blue.gif) no-repeat scroll left -54px;
}

#FeaturedArtist li#bios a:hover {
 background: transparent url(../images/nav-blue.gif) no-repeat scroll -200px -54px;
}

#FeaturedArtist li#featuredCurrent a {
 background: transparent url(../images/nav-blue.gif) no-repeat scroll left -81px;
}

#FeaturedArtist li#contact a {
 background: transparent url(../images/nav-blue.gif) no-repeat scroll left -108px;
}

#FeaturedArtist li#contact a:hover {
 background: transparent url(../images/nav-blue.gif) no-repeat scroll -200px -108px;
}

#FeaturedArtist .content {
 margin-left:9px;
}

#FeaturedArtist .content h1 {
padding-bottom:0.538462em;
}

#FeaturedArtist #christine h1 {
background:transparent url(../images/featured/HDR-christine.gif) no-repeat scroll left top;
width:175px;
}

#FeaturedArtist #tawiah h1 {
background:transparent url(../images/featured/HDR-tawiah.gif) no-repeat scroll left top;
width:179px;
}

#FeaturedArtist .content .featPics {
height:268px;
margin:1.15385em 0px 11px;
width:540px;
}

#FeaturedArtist #tawiah .featPics #pic1, #FeaturedArtist #christine .featPics #pic1, #Yellow #KenteCloth .featPics #pic1 {
left:0px;
top:0px;
}

#FeaturedArtist #tawiah .featPics #pic2, #FeaturedArtist #christine .featPics #pic2, #Yellow #KenteCloth .featPics #pic2 {
right:0px;
top:0px;
}

#FeaturedArtist #tawiah .featPics #pic3 {
bottom:0px;
right:108px;
}

#FeaturedArtist #tawiah .featPics #pic4, #FeaturedArtist #christine .featPics #pic4 {
bottom:0px;
right:0px;
}

#FeaturedArtist #christine .featPics #pic3 {
bottom:0px;
right:117px;
}

#FeaturedArtist li#tawiahM a {
 background: transparent url(../images/nav-feat.gif) no-repeat scroll left top;
}

#FeaturedArtist li#tawiahM a:hover {
 background: transparent url(../images/nav-feat.gif) no-repeat scroll -198px top;
}

#FeaturedArtist li#tawiahMCurrent a {
 background: transparent url(../images/nav-feat.gif) no-repeat scroll -394px top;
}

#FeaturedArtist li#christineH a {
 background: transparent url(../images/nav-feat.gif) no-repeat scroll left -27px;
}

#FeaturedArtist li#christineH a:hover {
 background: transparent url(../images/nav-feat.gif) no-repeat scroll -198px -27px;
}

#FeaturedArtist li#christineHCurrent a {
 background: transparent url(../images/nav-feat.gif) no-repeat scroll -394px -27px;
}

#FeaturedArtist .content p.question {
font-weight: bold;
padding-bottom: 0px;
margin-bottom: -0.46153846em;
}


/* - - CONTACT - - */


#ContactForm  { 
 background:#de9d9d;
}

#ContactForm  #anchor { 
background:#e5b1b1;
border-bottom:1px dotted #9a6144;
}

#ContactForm .header a#logo { 
 background:transparent url(../images/logo-red.gif) no-repeat scroll left top;
}

#ContactForm  ul#nav_bar {
 background:#de9d9d url(../images/BG-red.gif) repeat left 1px;
}

#ContactForm  ul#nav_bar li {
 background:#de9d9d;
}

#ContactForm li#salon a {
 background: transparent url(../images/nav-red.gif) no-repeat scroll left top;
}

#ContactForm li#salon a:hover {
 background: transparent url(../images/nav-red.gif) no-repeat scroll -200px top399;
}

#ContactForm li#pandp a {
 background: transparent url(../images/nav-red.gif) no-repeat scroll left -27px;
}

#ContactForm li#pandp a:hover {
 background: transparent url(../images/nav-red.gif) no-repeat scroll -200px -27px;
}

#ContactForm li#bios a {
 background: transparent url(../images/nav-red.gif) no-repeat scroll left -54px;
}

#ContactForm li#bios a:hover {
 background: transparent url(../images/nav-red.gif) no-repeat scroll -200px -54px;
}

#ContactForm li#featured a {
 background: transparent url(../images/nav-red.gif) no-repeat scroll left -81px;
}

#ContactForm li#featured a:hover {
 background: transparent url(../images/nav-red.gif) no-repeat scroll -200px -81px;
}

#ContactForm li#contactCurrent a {
 background: transparent url(../images/nav-red.gif) no-repeat scroll left -108px;
}

#ContactForm .content {
float:left;
margin-left:9px;
width:486px;
}

#ContactForm h1 {
 padding-bottom:0.53846154em;
}

#ContactForm h1#digi {
 background:transparent url(../images/HDR-digital.gif) no-repeat scroll left top;
 width:83px;
 margin-top:1.92308em;
}

#ContactForm h1#ana {
 background:transparent url(../images/HDR-analog.gif) no-repeat scroll left top;
 width:89px;
}

#ContactForm .content p {
margin-left:9px;
}

#ContactForm .content form {
background:transparent url(../images/form_down.gif) no-repeat scroll left top;
height:324px;
margin:0.461538em 0px 0px 9px;
padding-bottom:2.76923em;
}

#ContactForm .content label {
padding-bottom:0.75em;
text-transform:uppercase;
font-size: 0.92307692em;
width:475px;
}

#ContactForm .content input#submitBTN {
margin:9px 0px 0px 9px;
}


/* - - THE KENTE CLOTH - - */


#Yellow li#salon a {
 background: transparent url(../images/nav-yellow-single.gif) no-repeat scroll left top;
}

#Yellow li#salon a:hover {
 background: transparent url(../images/nav-yellow.gif) no-repeat scroll -200px top;
}

#Yellow #KenteCloth h1 {
background:transparent url(../images/HDR-kentecloth.gif) no-repeat scroll left top;
padding-bottom:0.384615em;
width:175px;
}

#Yellow #KenteCloth h3 {
color:#C79440;
}

#Yellow #KenteCloth .featPics {
height:389px;
margin-bottom:2em;
width:486px;
}

#Yellow #KenteCloth .featPics #pic3 {
right:117px;
top:173px;
}

#Yellow #KenteCloth .featPics #pic4 {
right:0px;
top:173px;
}

#Yellow #KenteCloth .featPics .credits {
right:0px;
top:344px;
width:225px;
}

#Yellow #KenteCloth ul.upcoming {
background:#FFCC66 url(../images/BG-kenteinfo.jpg) repeat-x scroll left top;
}