@charset "UTF-8";
/* CSS Document */

#container {
background-color: #17242a;
}

#top-container {
background-color: #15242A;
}



/* General Links */

.page a
{
	color: #fff;
	text-decoration: underline;
}

.page a:visited
{
	color: #fff;
	text-decoration: underline;
}

/* Social Network Links */
li#social-network-links {
    margin-top: 10px;
}

li#social-network-links a {
    display: inline-block;
}

/* Nav */

#nav-ul {
background-color: #15242A;
}

#nav-ul li {
border-bottom-color: #000;
}

#nav-ul li a {
color: rgba(255, 255, 255, 0.5);
}

#nav-ul li a:hover,
#danceallnight-page #nav-ul li#dan-li a,
#specialistmusic-page #nav-ul li#sm-li a,
#globalsounds-page #nav-ul li#gs-li a,
.oa-page #nav-ul li#oa-li a {
color: rgba(255, 255, 255, 1);
}

#nav-ul li#social-network-links a:hover svg path {
    fill: #fff;
}
/* Nav logos */

#nav-ul li ul li#cso-li,
#nav-ul li ul li#cso-li a {
width: 175px;
}

#nav-ul li ul li#cso-li a span {
width: 175px;
background: url(/images/nav-logos/cso.png) 0 0 no-repeat;
}

#nav-ul li ul li#cso-dan-li,
#nav-ul li ul li#cso-dan-li a {
    width: 175px;
}

#nav-ul li ul li#cso-dan-li a span {
width: 175px;
background: url(/images/nav-logos/caso-logo.png) 0 0 no-repeat;
}

#nav-ul li ul li#cso-sarlas-five-li,
#nav-ul li ul li#cso-sarlas-five-li a {
    width: 175px;
}

#nav-ul li ul li#cso-sarlas-five-li a span {
width: 153px;
background: url(/images/nav-logos/sarlas5-nav-logo.png) 0 0 no-repeat;
}

#nav-ul li ul li#tcb-li {
width: 165px;
}

#nav-ul li ul li#tcb-li a {
width: 165px;
} 

#nav-ul li ul li#tcb-li a span {
width: 165px;
background: url(/images/nav-logos/tcb.png) 0 0 no-repeat;
}



#nav-ul li ul li#coda-li {
width: 86px;
}

#nav-ul li ul li#coda-li a {
width: 86px;
} 

#nav-ul li ul li#coda-li a span {
width: 86px;
background: url(/images/nav-logos/coda.png) 0 0 no-repeat;
}




#nav-ul li ul li#srb-li {
width: 240px;
}

#nav-ul li ul li#srb-li a {
width: 240px;
} 

#nav-ul li ul li#srb-li a span {
width: 240px;
background: url(/images/nav-logos/srb.png) 0 0 no-repeat;
}


#nav-ul li ul li#as-li {
width: 175px;
}

#nav-ul li ul li#as-li a {
width: 175px;
} 

#nav-ul li ul li#as-li a span {
width: 199px;
background: url(/images/nav-logos/as.png) 0 0 no-repeat;
}


#nav-ul li ul li#sc-li {
width: 197px;
}

#nav-ul li ul li#sc-li a {
width: 197px;
} 

#nav-ul li ul li#sc-li a span {
width: 197px;
background: url(/images/nav-logos/sc.png) 0 0 no-repeat;
}


#nav-ul li ul li#csog-li {
width: 175px;
}

#nav-ul li ul li#csog-li a {
width: 175px;
} 

#nav-ul li ul li#csog-li a span {
width: 199px;
background: url(/images/nav-logos/csog.png) 0 0 no-repeat;
}


#nav-ul li ul li#caso-li {
width: 175px;
}

#nav-ul li ul li#caso-li a {
width: 175px;
} 

#nav-ul li ul li#caso-li a span {
width: 199px;
background: url(/images/nav-logos/caso.png) 0 0 no-repeat;
}


#nav-ul li ul li#ryth-li {
width: 175px;
}

#nav-ul li ul li#ryth-li a {
width: 175px;
} 

#nav-ul li ul li#ryth-li a span {
width: 199px;
background: url(/images/nav-logos/ryth.png) 0 0 no-repeat;
}


/* Top logos */

#home-page #top h1 span,
#links-page #top h1 span {
background: url(/images/page-logos/sarlasmusic_mobile.png) 0 0 no-repeat;
}

.cso-page #top h1 span {
background: url(/images/page-logos/chris-sarlas-orchestra-mobile.png) 0 0 no-repeat;
}

.cso-dan-page #top h1 span {
background: url(/images/page-logos/Carol-Sarlas-Orchestra-Dance-All-Night-mobile.png) 0 0 no-repeat;
}

.tcb-page #top h1 span {
background: url(/images/page-logos/tom-christie-band-mobile.png) 0 0 no-repeat;
}

.srb-page #top h1 span {
background: url(/images/page-logos/sarlas5-mobile.png) 0 0 no-repeat;
}

.as-page #top h1 span {
background: url(/images/page-logos/artistrings-mobile.png) 0 0 no-repeat;
}

.sc-page #top h1 span {
background: url(/images/page-logos/soth-and-caruso-mobile.png) 0 0 no-repeat;
}

.csog-page #top h1 span {
background: url(/images/page-logos/chris-sarlas-orchestra-global-mobile.png) 0 0 no-repeat;
}

.caso-page #top h1 span {
background: url(/images/page-logos/carol-sarlas-orchestra-global-mobile.png) 0 0 no-repeat;
}

.ryth-page #top h1 span {
background: url(/images/page-logos/rythmos-mobile.png) 0 0 no-repeat;
}


/* Meet the family logos */

#home-page #page-4 .centre-container ul li#cso-page-li a span {
background: url(/images/family/chris-sarlas-orchestra.png) 0 0 no-repeat;
}

#home-page #page-4 .centre-container ul li#cso-sarlas-five-page-li a span {
    background: url(/images/family/sarlas-five.png) 0 0 no-repeat;
}

#home-page #page-4 .centre-container ul li#cso-dan-page-li a span {
    background: url(/images/family/carol-sarlas-orchestra-dance-all-night.png) 0 0 no-repeat;
}

#home-page #page-4 .centre-container ul li#tcb-page-li a span {
background: url(/images/family/tom-christie-band.png) 0 0 no-repeat;
}

#home-page #page-4 .centre-container ul li#coda-page-li a span {
background: url(/images/family/coda.png) 0 0 no-repeat;
}

#home-page #page-4 .centre-container ul li#srb-page-li a span {
background: url(/images/family/stephanie-rogers-band.png) 0 0 no-repeat;
}

#home-page #page-4 .centre-container ul li#as-page-li a span {
background: url(/images/family/artistrings.png) 0 0 no-repeat;
}

#home-page #page-4 .centre-container ul li#sc-page-li a span {
background: url(/images/family/soth-and-caruso.png) 0 0 no-repeat;
}

#home-page #page-4 .centre-container ul li#cso2-page-li a span {
background: url(/images/family/chris-sarlas-orchestra-global.png) 0 0 no-repeat;
}

#home-page #page-4 .centre-container ul li#carso-page-li a span {
background: url(/images/family/carol-sarlas-orchestra-global.png) 0 0 no-repeat;
}

#home-page #page-4 .centre-container ul li#ryt-page-li a span {
background: url(/images/family/rythmos.png) 0 0 no-repeat;
}

/* General */

h1, h3 {
color: #FFF;
}

/* Musicians */

/* CSO */

#musician-menu ul li#giana-li a span {
background: url(/images/singers/cso/giana.png) 0 0 no-repeat;
}

#musician-menu ul li#tim-li a span {
background: url(/images/singers/cso/tim.png) 0 0 no-repeat;
}

#musician-menu ul li#barry-li a span {
background: url(/images/singers/cso/barry.png) 0 0 no-repeat;
}

#musician-menu ul li#andy-li a span {
    background: url(/images/singers/cso/andy_distel.png) 0 0 no-repeat;
}

#musician-menu ul li#jae-li a span {
background: url(/images/singers/cso/jae.png) 0 0 no-repeat;
}

/* CSO-DAN */

#musician-menu ul li#taylor-li a span {
    background: url(/images/singers/caso/taylor_gaffney.png) 0 0 no-repeat;
}

#musician-menu ul li#thair-li a span {
    background: url(/images/singers/cso-dan/thair.png) 0 0 no-repeat;
}

#musician-menu ul li#hayden-li a span {
    background: url(/images/singers/cso-dan/hayden.png) 0 0 no-repeat;
}

#musician-menu ul li#miranda-li a span {
    background: url(/images/singers/cso-dan/miranda.png) 0 0 no-repeat;
}

#musician-menu ul li#ryan-li a span {
    background: url(/images/singers/caso/ryan_cooper.png) 0 0 no-repeat;
}

#musician-menu ul li#uneqka-li a span {
    background: url(/images/singers/caso/uneq-ka.png) 0 0 no-repeat;
}

/* TCB */

#musician-menu ul li#tom-li a span {
background: url(/images/singers/tcb/tom.png) 0 0 no-repeat;
}

#musician-menu ul li#christie-li a span {
background: url(/images/singers/tcb/christie.png) 0 0 no-repeat;
}

#musician-menu ul li#charles-li a span {
background: url(/images/singers/tcb/charles.png) 0 0 no-repeat;
}

#musician-menu ul li#maggie-li a span {
background: url(/images/singers/tcb/maggie.png) 0 0 no-repeat;
}

#musician-menu ul li#judah-li a span {
background: url(/images/singers/tcb/judah.png) 0 0 no-repeat;
}

/*
#musician-menu ul li#tashika-li a span {
background: url(/images/singers/tcb/tashika.png) 0 0 no-repeat;
}

#musician-menu ul li#lara-li a span {
background: url(/images/singers/tcb/lara.png) 0 0 no-repeat;
}
*/


/* Coda */

#musician-menu ul li#temple-li a span {
background: url(/images/singers/coda/temple.png) 0 0 no-repeat;
}

#musician-menu ul li#vijay-li a span {
background: url(/images/singers/coda/vijay.png) 0 0 no-repeat;
}

#musician-menu ul li#scott-li a span {
background: url(/images/singers/coda/scott.png) 0 0 no-repeat;
}


/* Sarlas 5 */

#musician-menu ul li#mike-li a span {
background: url(/images/singers/sarlas5/s5_01_mike.png) 0 0 no-repeat;
}

#musician-menu ul li#maddie-li a span {
background: url(/images/singers/sarlas5/s5_02_maddie.png) 0 0 no-repeat;
}

#musician-menu ul li#matt-nanke-li a span {
background: url(/images/singers/sarlas5/s5_03_matt_nanke.png) 0 0 no-repeat;
}

#musician-menu ul li#matt-hines-li a span {
background: url(/images/singers/sarlas5/s5_04_matt_hines.png) 0 0 no-repeat;
}

#musician-menu ul li#andy2-li a span {
background: url(/images/singers/sarlas5/s5_05_andy.png) 0 0 no-repeat;
}

#musician-menu ul li#woody-li a span {
background: url(/images/singers/sarlas5/s5_06_woody.png) 0 0 no-repeat;
}

/* SRB */

#musician-menu ul li#stephanie-li a span {
background: url(/images/singers/srb/stephanie.png) 0 0 no-repeat;
}

#musician-menu ul li#samotta-li a span {
background: url(/images/singers/srb/samotta.png) 0 0 no-repeat;
}

#musician-menu ul li#doopy-li a span {
background: url(/images/singers/srb/doopy.png) 0 0 no-repeat;
}

#musician-menu ul li#bradford-li a span {
background: url(/images/singers/srb/bradford.png) 0 0 no-repeat;
}



/* AS */

#musician-menu ul li#carol-li a span {
background: url(/images/singers/as/carol.png) 0 0 no-repeat;
}

#musician-menu ul li#katherine-li a span {
background: url(/images/singers/as/katherine.png) 0 0 no-repeat;
}

#musician-menu ul li#marka-li a span {
background: url(/images/singers/as/mark.png) 0 0 no-repeat;
}

#musician-menu ul li#carmen-li a span {
background: url(/images/singers/as/carmen.png) 0 0 no-repeat;
}

#musician-menu ul li#michelle-li a span {
background: url(/images/singers/as/michelle.png) 0 0 no-repeat;
}

#musician-menu ul li#jeff-li a span {
background: url(/images/singers/as/jeff.png) 0 0 no-repeat;
}

#musician-menu ul li#jeri-li a span {
background: url(/images/singers/as/jeri.png) 0 0 no-repeat;
}

#musician-menu ul li#benton-li a span {
background: url(/images/singers/as/benton.png) 0 0 no-repeat;
}

#musician-menu ul li#elizabeth-li a span {
background: url(/images/singers/as/liz.png) 0 0 no-repeat;
}

#musician-menu ul li#matt-li a span {
    background: url(/images/singers/as/matt-a.png) 0 0 no-repeat;
}

#musician-menu ul li#ray-li a span {
    background: url(/images/singers/as/ray.png) 0 0 no-repeat;
    }
    
#musician-menu ul li#richard-li a span {
background: url(/images/singers/as/richard.png) 0 0 no-repeat;
}

#musician-menu ul li#jill-li a span {
background: url(/images/singers/as/jill.png) 0 0 no-repeat;
}

#musician-menu ul li#markl-li a span {
background: url(/images/singers/as/markl.png) 0 0 no-repeat;
}



/* S&C */

#musician-menu ul li#soth-li a span {
background: url(/images/singers/sc/soth.png) 0 0 no-repeat;
}

#musician-menu ul li#caruso-li a span {
background: url(/images/singers/sc/caruso.png) 0 0 no-repeat;
}


/* Greek */

#musician-menu ul li#voula-li a span {
background: url(/images/singers/greek/voula.png) 0 0 no-repeat;
}

#musician-menu ul li#demetris-li a span {
background: url(/images/singers/greek/demetris.png) 0 0 no-repeat;
}

#musician-menu ul li#xrysa-li a span {
background: url(/images/singers/greek/xrysa.png) 0 0 no-repeat;
}

#musician-menu ul li#niko-li a span {
    background: url(/images/singers/greek/niko_lambrinatos.png) 0 0 no-repeat;
}



/* Contact form */

#contact-page {
background-color: #213741;
}

#contact-page p {
color: #FFF;
}

p.updating
{
	color: #000;
}

/* Footer */

#footer p, #footer p a {
color: rgba(255, 255, 255, 0.3);
}

/* Pages */

#home-page #page-2 {
background-color: #8e0c21;
background-image: url(/images/swirls/home_swirl.png);
background-position: 100% 100%;
background-repeat: no-repeat;
}

#home-page #page-2 p {
color: #ed9eab;
}

#home-page #page-3 #chris {
background: url(/images/static-photos/home_chriscarol.jpg) 50% 50% no-repeat;
}

#home-page #page-3 #carol {
background: url(/images/static-photos/home_chriscarol.jpg) 50% 50% no-repeat;
}

#home-page #page-3 * {
color: #FFF;
}

#home-page #page-3a {
    background-color: #6e1f3f;
    background-image: url(/images/swirls/home_swirl.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
}

#home-page #page-3a p {
    color: #ed9eab;
}

#home-page #page-4 {
background-color: #30151b;
background-image: url(/images/static-photos/home_meetthefamily.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
}

#home-page #page-4 h2 {
color: #c6122f;
text-align: center;
}

#home-page #page-4 p {
color: #fff;
text-align: center;
margin: 0 auto;
font-size: 1em;
}

.cso-page #page-2 {
background: #CA2814 url(/images/swirls/cso_swirl.png) 100% 100% no-repeat;
}

.cso-dan-page #page-2 {
background: #CA2814 url(/images/swirls/cso_swirl.png) 100% 100% no-repeat;
}


.gallery {
background-color: #666;
}

.band-page #page-4 {
background-color: #17242A;
}

.band-page #page-5 {
background-color: #33322E;
}


.band-page #page-4 p {
color: #fff;
}


.band-page #page-5 h2 {
color: #E34F2B;
}

.band-page #page-5 p {
color: #D4D4D4;
}

.band-page #page-4 h2,
.band-page #page-6 h2 {
color: #FFF;
}

.band-page #page-6 {
background-color: #E34F2B;
}

.band-page #page-6 p {
color: #FFF;
}

.band-page #page-6 p a {
color: #FFF;
text-decoration: underline;
}

.band-page #page-7 {
background-color: #F0F0F0;
}

.band-page #page-7 h2,
.band-page #page-7 p {
color: #CA3A18;
}

.band-page #page-7 .quote p {
color: #333;
}

.band-page #page-7 .author {
color: #9B9B9B !important;
}


/* quotes for approach page */

#home-page #page-7 {
background-color: #F0F0F0;
}

#home-page #page-7 h2,
#home-page #page-7 p {
color: #CA3A18;
}

#home-page #page-7 .quote p {
color: #333;
}

#home-page #page-7 .author {
color: #9B9B9B !important;
}

/* awards on home page */

#home-page #page-3a h2,
#home-page #page-3a p,
#specialistmusic-page #page-6a h2,
#specialistmusic-page #page-6a p,
#globalsounds-page #page-6a h2,
#globalsounds-page #page-6a p,
#danceallnight-page #page-6a h2,
#danceallnight-page #page-6a p {
    text-align: center;
    color: #fff;
}

/* Specialist Music Page */
#specialistmusic-page #page-6a,
#globalsounds-page #page-6a,
#danceallnight-page #page-6a {
    background-image: url(/images/swirls/home_swirl.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
}

#specialistmusic-page.as-page #page-6a {
    background-color: #71010b;
}

#globalsounds-page.csog-page #page-6a {
    background-color: #9f1628;
}

#danceallnight-page.cso-page #page-6a {
    background-color: #ab2404;
}
/* TCB */

.tcb-page #page-2 {
background: #066cc3 url(/images/swirls/tcb_swirl.png) 100% 100% no-repeat;
}

.tcb-page #page-5 h2 {
color: #3898d6;
}

.tcb-page #page-6 {
background-color: #3898d6;
}

.tcb-page #page-7 h2,
.tcb-page #page-7 p {
color: #3898d6;
}



/* SRB */

.srb-page #page-2 {
background: #b03523 url(/images/swirls/srb_swirl.png) 100% 100% no-repeat;
}

.srb-page #page-5 h2 {
color: #b03523;
}

.srb-page #page-6 {
background-color: #b03523;
}

.srb-page #page-7 h2,
.srb-page #page-7 p {
color: #b03523;
}



/* AS */

.as-page #page-2 {
background: #BD0B05 url(/images/swirls/as_swirl.png) 100% 100% no-repeat;
}

.as-page #page-5 h2 {
color: #BD0B05;
}

.as-page #page-6 {
background-color: #9D0605;
}

.as-page #page-7 h2,
.as-page #page-7 p {
color: #BD0B05;
}

div.as-dropdown
{
	top: 330px;
}




/* S&C */

.sc-page #page-2 {
background: #71337A url(/images/swirls/sandc_swirl.png) 100% 100% no-repeat;
}

.sc-page #page-5 h2 {
color: #A876AC;
}

.sc-page #page-6 {
background-color: #A876AC;
}

.sc-page #page-7 h2,
.sc-page #page-7 p {
color: #A876AC;
}



/* Global */

/* CSOG */

.csog-page #page-2 {
background: #CE3634 url(/images/swirls/csog_swirl.png) 100% 100% no-repeat;
}

.csog-page #page-5 h2 {
color: #6D85B0;
}

.csog-page #page-6 {
background-color: #6D85B0;
}

.csog-page #page-7 h2,
.csog-page #page-7 p {
color: #6D85B0;
}


/* CaSO */

.caso-page #page-2 {
background: #CE3634 url(/images/swirls/caso_swirl.png) 100% 100% no-repeat;
}

.caso-page #page-5 h2 {
color: #6D85B0;
}

.caso-page #page-6 {
background-color: #6D85B0;
}

.caso-page #page-7 h2,
.caso-page #page-7 p {
color: #6D85B0;
}


/* Rythmos */

.ryth-page #page-2 {
background: #3C68A6 url(/images/swirls/rythmos_swirl.png) 100% 100% no-repeat;
}

.ryth-page #page-5 h2 {
color: #72AEDF;
}

.ryth-page #page-6 {
background-color: #72AEDF;
}

.ryth-page #page-7 h2,
.ryth-page #page-7 p {
color: #72AEDF;
}




/* Links */

#links ul {
border-top: 1px solid #CCC;
}

#links {
background: #F6F6F6;
}

#links ul li {
color: #CA3A18;
}

#links ul li ul li a {
color: #666;
}


.client
{
	padding-top: 40px;
}

.centered
{
	text-align: center!important;
	width: 100%;
}

.centered h2
{
	color: #fff;
	margin: 0 5em;
	font-size: 2em;
}

.awards a {
    background: transparent;
    color: transparent;
    position: relative;
}
.awards a img {
    width: 172px;
    height: 172px;
    margin: 10px auto 30px auto;
}


/* Used to alter styles for screens at least 480px wide (iPhone landscape). */
@media only screen and (min-width: 480px) {
    
}

/* Used to alter styles for screens at least 768px wide (iPad/Tablet portrait). */
@media only screen and (min-width: 768px) {

.awards {
    margin: auto;
    width: 672px;
}
.awards a img {
    width: 140px;
    height: 140px;
    margin: 40px;
    display: inline-block;
}



#page-3a ul.h-nav li,
#page-6a ul.h-nav li {
    width: 10%;
}
}

/* Used to alter styles for screens at least 1024px wide (iPad/Tablet landscape and desktop). */
@media only screen and (min-width: 1024px) {

.nav-fade {
-webkit-transition: all ease-out 0.4s;
-moz-transition: all ease-out 0.4s;
-o-transition: all ease-out 0.4s;
-ms-transition: all ease-out 0.4s;
transition: all ease-out 0.4s;
}

#top-container {
background-color: rgba(23, 36, 42, 0.8);
}

/* Social Network links */
li#social-network-links {
    position: absolute;
    top: 16px;
    right: 20px;
    
}

/* Nav */

#nav-ul {
background-color: transparent;
}

/* Top logos */

#home-page #top h1 span,
#links-page #top h1 span {
background: url(/images/page-logos/sarlasmusic.png) 0 0 no-repeat;
}

.cso-page #top h1 span {
background: url(/images/page-logos/chris-sarlas-orchestra.png) 0 0 no-repeat;
}

.cso-dan-page #top h1 span {
background: url(/images/page-logos/Carol-Sarlas-Orchestra-Dance-All-Night.png) 0 0 no-repeat;
}


.tcb-page #top h1 span {
background: url(/images/page-logos/tom-christie-band.png) 0 0 no-repeat;
}

.srb-page #top h1 span {
background: url(/images/page-logos/sarlas5.png) 0 0 no-repeat;
}

.as-page #top h1 span {
background: url(/images/page-logos/artistrings.png) 0 0 no-repeat;
}

.sc-page #top h1 span {
background: url(/images/page-logos/soth-and-caruso.png) 0 0 no-repeat;
}

.csog-page #top h1 span {
background: url(/images/page-logos/chris-sarlas-orchestra-global.png) 0 0 no-repeat;
}

.caso-page #top h1 span {
background: url(/images/page-logos/carol-sarlas-orchestra-global.png) 0 0 no-repeat;
}

.ryth-page #top h1 span {
background: url(/images/page-logos/rythmos.png) 0 0 no-repeat;
}




.client
{
	padding-top: 170px;
}

.awards {
    margin: auto;
    width: 828px;
}
.awards a img {
    width: 172px;
    height: 172px;
    margin: 50px;
    display: inline-block;
}



}




/* Used to alter styles for screens at above 1025px wide (Desktop). */
@media only screen and (min-width: 1025px) {


}