@font-face {                                                  
  font-family: 'oxygen';                                
  src: url('../webfonts/oxygen/oxygen.eot');                                      
  src: url('../webfonts/oxygen/oxygen.eot?#iefix') format('embedded-opentype'),   
url('../webfonts/oxygen/oxygen.woff') format('woff'),                      
url('../webfonts/oxygen/oxygen.ttf') format('truetype'),                   
url('../webfonts/oxygen/oxygen.svg#OxygenRegular') format('svg');            
  font-weight: normal;                                        
  font-style: normal;                                         
}                                                             




@font-face {

    font-family: 'italiannoregular';

    src: url('../webfonts/italianno-regular/italianno-regular-otf-webfont.eot');

    src: url('../webfonts/italianno-regular/italianno-regular-otf-webfont.eot?#iefix') format('embedded-opentype'),

         url('../webfonts/italianno-regular/italianno-regular-otf-webfont.woff2') format('woff2'),

         url('../webfonts/italianno-regular/italianno-regular-otf-webfont.woff') format('woff'),

         url('../webfonts/italianno-regular/italianno-regular-otf-webfont.ttf') format('truetype'),

         url('../webfonts/italianno-regular/italianno-regular-otf-webfont.svg#italiannoregular') format('svg');

    font-weight: normal;

    font-style: normal;


}@keyframes scalepulse {
    0% {transform: scale(0.8);}
    50% {transform:scale(1);}
    100% {transform: scale(0.8);}
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% { transform: translateY(0) }
  40% { transform: translateY(-20px) }     60% { transform: translateY(-10px) }
}
html, body        { width:100%; height:100%; }
body              { padding:0; margin:0; font-family:oxygen, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:14px; background:#FFF; }


h1                { font-size:2.0em; font-weight:normal; color:#FFA500; margin-bottom:0.8em; margin-top:0; text-align:inherit;  }
h1:first-child    { margin-top:0; padding-top:0; }
h2                { font-size:1.4em; font-weight:normal; color:#FFA500; margin-bottom:0.8em; margin-top:0; text-align:left; }
p                 { padding:0; margin:0 0 0.9em 0; color:#555 }
a                 { color:inherit; text-decoration:none; outline:none; }
ul                { color:#cd8417; }

.fb_iframe_widget { display:block !important; max-width:500px; margin:0 auto; }



.section blockquote                    { display:block; padding:10px 60px 10px 60px; margin:0 0 2.2em 0; background:#F8F8F8; position:relative; border-left:4px solid #7C4F93; }
.section blockquote:before             { content: "\201C"; font-family:arial; line-height:0.8em; font-size: 6em; position: absolute; top:0px; left:10px; color: #B183C3; }
.section blockquote:after              { content: "\02EE"; font-family:arial; line-height:0.8em; font-size: 6em; position: absolute; bottom:-0.5em; right:10px; color: #B183C3; }

.section blockquote p                  { padding:0; margin:0 0 0.5em 0; font-style:italic;  font-size:1.0em !important; color:#576582; }
.section blockquote p:first-child      { margin-top:0em; }
.section blockquote footer             { color:#613E76; font-size:1.1em;}







/* CSS Document */
.sitewrap                                   { box-sizing:border-box; position:relative; margin:0 auto; overflow:hidden; }
.container                                  { box-sizing:border-box; position:relative; padding:0; }
.container.narrow                           { box-sizing:border-box; position:relative; margin:0 auto; }
.grid                                       { box-sizing:border-box; position:relative; margin:0; }
.cell                                       { box-sizing:border-box; position:relative; padding:0 10px; margin:0; float:left; }
.container:after, .grid:after, .cell:after  { content: ""; display: block; *zoom: 1; clear:both; }





.sitewrap         { min-width:1000px; }
.container.narrow { width:1000px; }


/* Apply to the GRID only!!!! */
.desktop-outer-gutters                           { margin-left:0; margin-right:0; }
.desktop-no-outer-gutters                        { margin-left:-10px; margin-right:-10px; }
.desktop-no-inner-gutters                        { padding-left:10px; padding-right:10px; }
.desktop-no-inner-gutters>.cell                  { padding:0 }
.desktop-no-gutters                              { margin-left:0; margin-right:0; }
.desktop-no-gutters>.cell                        { padding:0 }
.desktop-double-outer-gutters                    { padding-left:10px; padding-right:10px; }
.desktop-no-horizontal-gutters                   { padding-top:0; }
.desktop-no-horizontal-gutters>.cell             { margin-bottom:0; }

/* Hide or Show */
.desktop-hide          { display:none; }
.desktop-show          { display:block; }
  
/* General widths */
.desktop-1-1           { width:100%; }

.desktop-1-2           { width:50.00%; }
.desktop-2-2           { width:100.00%; }

.desktop-1-3           { width:33.33%; }
.desktop-2-3           { width:66.66%; }
.desktop-3-3           { width:100.00%; }

.desktop-1-4           { width:25.00%; }
.desktop-2-4           { width:50.00%; }
.desktop-3-4           { width:75.00%; }
.desktop-4-4           { width:100.00%; }

.desktop-1-5           { width:20.00%; }
.desktop-2-5           { width:40.00%; }
.desktop-3-5           { width:60.00%; }
.desktop-4-5           { width:80.00%; }
.desktop-5-5           { width:100.00%; }

.desktop-1-6           { width:16.66%; }
.desktop-2-6           { width:33.33%; }
.desktop-3-6           { width:50.00%; }
.desktop-4-6           { width:66.66%; }
.desktop-5-6           { width:83.33%; }
.desktop-6-6           { width:100.00%; }

.desktop-1-12          { width:8.33%; }
.desktop-2-12          { width:16.66%; }
.desktop-3-12          { width:25.00%; }
.desktop-4-12          { width:33.33%; }
.desktop-5-12          { width:41.66%; }
.desktop-6-12          { width:50.00%; }
.desktop-7-12          { width:58.33%; }
.desktop-8-12          { width:66.66%; }
.desktop-9-12          { width:75.00%; }
.desktop-10-12         { width:83.33%; }
.desktop-11-12         { width:91.66%; }
.desktop-12-12         { width:100.00%; }


.desktop-push-3-4    { margin-left:75%; }
.desktop-pull-4-4    { margin-left:-100%; }


@media all and (max-width: 768px) {
        .sitewrap         { width:100%; min-width:250px; }
        .container.narrow { width:100%; min-width:250px }


		/* Apply to the GRID only!!!! */
        .mobile-outer-gutters                           { margin-left:0; margin-right:0; }
		.mobile-no-outer-gutters                        { margin-left:-10px; margin-right:-10px; }
		.mobile-no-inner-gutters                        { padding-left:10px; padding-right:10px; }
		.mobile-no-inner-gutters>.cell                  { padding:0 }
		.mobile-no-gutters                              { margin-left:0; margin-right:0; }
		.mobile-no-gutters>.cell                        { padding:0 }
		.mobile-double-outer-gutters                    { padding-left:10px; padding-right:10px; }
		.mobile-no-horizontal-gutters                   { padding-top:0; }
		.mobile-no-horizontal-gutters>.cell             { margin-bottom:0; }
		
		/* Hide or Show */
		.mobile-hide          { display:none; }
		.mobile-show          { display:block; }
		
		/* General widths */
		.mobile-1-1           { width:100%; }
		
		.mobile-1-2           { width:50.00%; }
		.mobile-2-2           { width:100.00%; }
		
		.mobile-1-3           { width:33.33%; }
		.mobile-2-3           { width:66.66%; }
		.mobile-3-3           { width:100.00%; }
		
		.mobile-1-4           { width:25.00%; }
		.mobile-2-4           { width:50.00%; }
		.mobile-3-4           { width:75.00%; }
		.mobile-4-4           { width:100.00%; }
		
		.mobile-1-5           { width:20.00%; }
		.mobile-2-5           { width:40.00%; }
		.mobile-3-5           { width:60.00%; }
		.mobile-4-5           { width:80.00%; }
		.mobile-5-5           { width:100.00%; }
		
		.mobile-1-6           { width:16.66%; }
		.mobile-2-6           { width:33.33%; }
		.mobile-3-6           { width:50.00%; }
		.mobile-4-6           { width:66.66%; }
		.mobile-5-6           { width:83.33%; }
		.mobile-6-6           { width:100.00%; }
		
		.mobile-1-12          { width:8.33%; }
		.mobile-2-12          { width:16.66%; }
		.mobile-3-12          { width:25.00%; }
		.mobile-4-12          { width:33.33%; }
		.mobile-5-12          { width:41.66%; }
		.mobile-6-12          { width:50.00%; }
		.mobile-7-12          { width:58.33%; }
		.mobile-8-12          { width:66.66%; }
		.mobile-9-12          { width:75.00%; }
		.mobile-10-12         { width:83.33%; }
		.mobile-11-12         { width:91.66%; }
		.mobile-12-12         { width:100.00%; }
}#header.style1                     { z-index:1000; background:#FFF; padding-top:10px; padding-bottom:10px; }
#header.style1 .logo img           { display:block; height:auto; width:50%; margin:0 auto;}
#header.style1 .contact            { padding-top:10px; text-align:center; font-size:1.1em; color:#777 }
#header.style1 .contact .phone     { xdisplay:block; text-align:center; font-size:1.0em; color:inherit; }
#header.style1 .contact .address   { xdisplay:block; text-align:center; font-size:1.0em; color:inherit; }
#header.style1 .contact .delimiter { color:#00A; }

#header.style2                     { padding-top:10px; padding-bottom:6px; z-index:1000; background:#FFFFFF; }
#header.style2 .logo img           { display:block; height:auto; width:100%; margin:0; }
#header.style2 .contact            { padding-top:20px; text-align:right; font-size:1.0em; }
#header.style2 .contact .phone     { display:block; text-align:inherit; font-size:2.0em; color:#FFA500;   text-shadow: -1px -1px 0 #D5D, 1px -1px 0 #D5D, -1px 1px 0 #D5D, 1px 1px 0 #D5D; }
#header.style2 .contact .address   { display:block; text-align:inherit; font-size:0.9em; color:#CCC; }
#header.style2 .contact .delimiter { color:#D5D; }


@media all and (max-width: 768px) {
    #header.style1                     { } 
    #header.style1 .logo img           { width:100%; height:auto; margin:0 auto; }
    #header.style1 .contact            { padding:20px 10% 10px 10%; font-size:1.2em;}

    #header.style2                     { padding-top:20px; padding-bottom:0; } 
    #header.style2 .logo img           { width:70%; height:auto; margin:0 auto; }
    #header.style2 .contact            { padding:20px 10% 30px 10%; font-size:1.2em; text-align:center;}
}
#navigation                  { background:#FF0000; margin-top:1px; margin-bottom:0px; }
#navigation ul               { display:block; list-style:none; padding:0; margin:0; width:100%; overflow:hidden; font-size:1.4em; text-align:center; }
#navigation ul li            { display:inline-block;  }
#navigation ul li a          { display:block; padding:3px 30px; text-decoration:none; color:#DDD }
#navigation ul li a:hover    { background:#FF0000; color:#FFF; }
#navigation ul li.selected a { background:#FFA500; color:#FFF; }


@media all and (max-width: 768px) { 
    #navigation .menu-toggler  { font-size:1.6em; background:#FF0000; color:#EEE; text-align:center; }
    #navigation ul            { max-height:0; font-size:1.5em; text-align:center; background:#DDD; transition:0.8s; pdosition:absolute; z-index:2000; }
    #navigation ul.expanded   { max-height:1000px }
	#navigation ul li a       { padding:5px 10px; color:#444; }
	#navigation ul li         { display:block; border:none; }
}
#promo                              { width:100%; padding-top:50%; position:relative; overflow:hidden;; z-index:3; }
#promo .slideshow                   { position:absolute; top:0; left:0; width:100%; height:100%; }


#promo .slideshow .nav              { opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; z-index:2000; transition:all 0.8s; } 
#promo .slideshow .nav .prev,
#promo .slideshow .nav .next        { position:absolute; font-size:25px; line-height:25px; padding:18px 20px 16px 20px; top:50%; margin-top:-30px; background:rgba(0,0,0,0.5); color:#AAA; }
#promo .slideshow .nav .prev        { left:20px; } 
#promo .slideshow .nav .next        { right:20px; } 
#promo .slideshow .nav .prev:hover, 
#promo .slideshow .nav .next:hover  { cursor:pointer; background:rgba(150,150,150,0.5); } 
#promo .slideshow .nav .prev:before { content:'<'}
#promo .slideshow .nav .next:before { content:'>'}
#promo .slideshow:hover .nav        { opacity:1 }



#promo .slideshow .overlay          { position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(104, 138, 173, 0.4)); z-index:1000; display:table; }
#promo .slideshow .overlay .content { display:table-cell; text-align:center; vertical-align:middle; color:white; font-size:1.4em; }
#promo .slideshow .overlay .content img { width:30%; height:auto; }
#promo .slideshow .overlay .content a.button { width:140px; padding:10px 30px; margin:10px; border:1px solid white; display:inline-block; background:rgba(1,1,1,0.1); text-align:center; font-family:caviar-dreams; }
#promo .slideshow .overlay .content a.button:hover { background:rgba(100,100,100,0.4); }


#promo .slideshow .slides           { position:absolute;  top:0; left:0; width:100%; height:100%; z-index:1; }
#promo .slideshow .slide            { width:100%; height:100%; background-size:cover; background-position:center center; }

#promo .slideshow .slide .overlay    { sbackground:rgba(0,0,0,0.3); swidth:30%; smargin-left:70% }
#promo .slideshow .slide .title      { font-size:2.4em; font-weight:normal; padding:0; margin:0; color:#FFF; text-shadow:0px 0px 20px #555; xbackground:rgba(0,0,0,0.3); }
#promo .slideshow .slide .subtitle   { font-size:1.3em; font-weight:normal; padding:0; margin:0; color:#FFF; text-shadow:0px 0px 20px #000 }


#promo .slideshow .slide.n1 .title    { }
#promo .slideshow .slide.n2 .subtitle { }


@media all and (max-width: 768px) {
    #promo .slideshow                       { font-size:0.8em; }
    #promo .slideshow .overlay .content img { width:40%; height:auto; }



	#promo      { padding-top:120%; }
	#xpromo img  { border:none; }
}#promo-map    { width:100%; padding-top:430px; position:relative;}
#promo-map .map { position:absolute; top:0; left:0; width:100%; height:100%; }

@media all and (max-width: 768px) {
    #promo-map { padding-top:60%;  }
}#triple-feature       { background:#FFF; padding-top:40px; }
#triple-feature .cell { padding-bottom:40px; }
#triple-feature img   { display:block; width:40%; height:auto; margin:0 auto 20px auto; }
#triple-feature h1    { text-align:center; font-size:1.5em; margin:0 0 10px 0; }
#triple-feature p     { text-align:center; color:#555; padding:0 20px; }

@media all and (max-width: 768px) {
  #triple-feature img { width:18%; height:auto; margin:20px auto 20px auto; }
}#page       { padding:30px 0 20px 0; background:#FFF; }
	

@media all and (max-width: 768px) {
    #spage       { padding-left:0; padding-right:0; }
}






#sidebar   { }
#sidebar a {text-decoration:none; }

#sidebar .widget                { box-sizing:border-box; width:100%; padding:0 10px 10px 10px; margin-bottom:50px; }
#sidebar .widget h1             { padding:0 10px; margin:0 -10px 10px -10px; background:#346C46; color:#FFF; text-align:center}
#sidebar .widget ul             { color:#000; font-size:1.1em; padding-right:20px; }
#sidebar .widger:last-child     { margin-bottom:0; }

#sidebar .widget.notice         { }
#sidebar .widget.notice p       { text-align:center; font-size:1.4em }


#sidebar .widget.facebook       { padding:0; }
#sidebar .widget.facebook h1    { margin:0; }

#sidebar .widget.imagestack     { padding:0; }
#sidebar .widget.imagestack img { width:100%; height:auto; }


@media all and (max-width: 768px) {
	#sidebar {padding-top:40px; padding-bottom:40px; xbackground:#DDD; }
	#sidebar .widget { width:80%; margin:0 auto 40px auto; }
}
#contact                                       { background:#FF0000; padding-top:10px; padding-bottom:10px; }
#contact h1                                    { color:#FFFFFF; }  
#contact .contactform                          { display:block; margin:10px 8px; overflow:hidden; }  
#contact .contactform label                    { width:100%; display:block; padding:0; margin:0 0 0.1em 0; color:#FFFFFF; font-size:1.0em; }
#contact .contactform input, 
#contact .contactform textarea                 { display:block; width:100%; box-sizing:border-box; background: #F5F5F5 scroll; color:#555; border: 1px solid #CCC; padding:4px 2px; margin-bottom:0.8em; }
#contact .contactform input:focus,
#contact .contactform textarea:focus           { background:#FFF; color:#555; border:1px solid #999; }
#contact .contactform .error                   { background:#FFF; margin-bottom:0; }
#contact .contactform .errormsg                { padding:0; margin:0 0 10px 0; color:#F00; }
#contact .contactform .successmsg              { padding:0; margin:0 0 10px 0; color:#444; }
#contact .contactform #message                 { height:100px; }
#contact .contactform #submit                  { width:50%; margin:0 auto; }


#contact .left .wrap                                    { padding:100px 100px 0 0; }  



@media all and (max-width: 768px) { 
  #contact                 { padding-top:20px; padding-bottom:40px; text-align:center}
  #contact h1              { text-align:inherit; }
  #contact .left .wrap     { padding:0; }  
  #contact .contactform    { margin:10px 30px; }
}#facebook                                       { padding-top:20px; padding-bottom:20px; background:#FF0000; }
#facebook h1                                    { text-align:left; color:#FFFFFF }
#facebook .fb-page                              { display:block;  }
#facebook .n1                                   { padding-top:100px; margin-left:50%; padding-left:20px; }  
#facebook .n2                                   { margin-left:-100%; }



@media all and (max-width: 768px) { 
  #facebook                                     { text-align:center; }
  #facebook h1                                  { text-align:inherit; }
  #facebook .n1                                 { padding:30px 40px; float:none; margin-left:0; }  
  #facebook .n2                                 { float:none; margin-left:0; }  

}#gallery               { overflow:visible; background:#FF0000; }
#gallery .aspect       { display:block; box-sizing:border-box; width:100%; padding-top:66.66%; padding-top:150%; xmargin-bottom:20px; position:relative; xborder:1px solid #666; }
#gallery a             { position:absolute; top:0px; left:0px; bottom:0px; right:0px; overflow:hidden; }
#gallery a img         { position:absolute; display:block; top:0; left:0; width:100%; height:100%; transition:0.5s; border:none !important }
#gallery a img:hover   { transform:scale(1.2); z-index:1000;}

#xgallery a img   { opacity:0.5}
#xgallery a img:hover   { opacity:1}




@media all and (max-width: 768px) { 
}.slideshow.carousel         { xborder-top:1px solid #FFF; }
.slideshow.carousel img     { box-sizing:border-box; width:auto; height:270px; display:block; }

@media all and (max-width: 768px) {

}
#footer                                   { padding-top:20px; padding-bottom:10px; background:#FF0000; color:#EEE; text-align:left; font-size:1em; xborder-top:1px solid #AAA; }
#footer .container                        { }
#footer h1                                { color:#FFF; text-align:inherit; font-size:1.5em; border-bottom:1px solid #EEE; padding-bottom:0.2em; }
#footer p                                 { color:inherit; text-align:inherit }
#footer a                                 { text-decoration:none; color:inherit; }

#footer ul             { list-style:none; padding:0; margin:0 0 1em 0; border-top: 1px dotted #555; color:#EEE}
#footer li             { color:inherit; padding:0.3em 0; border-bottom: 1px dotted #AAA }
#footer li:hover       { color:#DDD }
#footer a              { color:inherit}
#footer a:hover        { color:#E72}


#footer .widget                           { margin-bottom:40px; overflow:hidden; word-wrap: break-word; }
#footer .widget.phone_numbers table       { border-collapse:collapse; margin:0 auto; width:100%; color:inherit}
#footer .widget.phone_numbers table .col1 { width:50%; text-align:left; }
#footer .widget.phone_numbers table .col2 { width:50%; text-align:right; }

#footer .widget.opening_times table       { border-collapse:collapse; margin:0 auto; width:100%; color:inherit}
#footer .widget.opening_times table .col1 { width:50%; text-align:left; }
#footer .widget.opening_times table .col2 { width:50%; text-align:right; }
#footer .widget.opening_times table tr    { border-bottom:1px dotted #CCC;  }




#footer .widget.social_networking a                 { display:inline-block; zoom:1; width:36px; height:36px; margin:0 6px 6px 0; background-position:left; }
#footer .widget.social_networking a:hover           { background-position:right; }
#footer .widget.social_networking a.ebay            { background-image:url(../social_networking_icons/ebay.png) }
#footer .widget.social_networking a.email           { background-image:url(../social_networking_icons/email.png) }
#footer .widget.social_networking a.facebook        { background-image:url(../social_networking_icons/facebook.png) }
#footer .widget.social_networking a.instagram       { background-image:url(../social_networking_icons/instagram.png) }
#footer .widget.social_networking a.twitter         { background-image:url(../social_networking_icons/twitter.png) }

	

@media all and (max-width: 768px) { 
   #footer { font-size:1.2em; text-align:center; margin-bottom:0; }
   #footer h1 { font-size:1.5em; width:60%; margin:0 auto 0.5em auto; }
   #footer .widget.phone_numbers table       { width:60%; }
   #footer .widget.opening_times table       { width:60%; }
   
   #footer .container  { border-radius:0; }
}





table.pricelist { width:100%; background:#FFF; border-collapse:collapse; font-family:arial; margin-bottom:30px; }

table.pricelist.two-column td.n1 {width:90%;}
table.pricelist.two-column td.n2 {width:10%; text-align:right; }

table.pricelist.three-column td.n1 {width:80%;}
table.pricelist.three-column td.n2 {width:10%; text-align:right; }
table.pricelist.three-column td.n3 {width:10%; text-align:right; }

table.pricelist tbody.heading tr.name td  { padding:0; line-height:1.2em; text-align:left; color:#26764A; font-size:1.4em; border-bottom:1px solid #719A6E; font-family:italiannoregular, oxygen, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}
table.pricelist tbody.heading tr.description td  { padding:5px 0; text-align:center; color:#333; font-size:1.0em;}

table.pricelist tbody.column-headings td { padding:10px 0; color:#719A6E; font-size:0.9em; }

table.pricelist tbody.item { border-bottom:1px dotted #444; }
table.pricelist tbody.item:last-child { border-bottom:none; }

table.pricelist tbody.item tr:first-child td { padding-top:10px; }
table.pricelist tbody.item tr:last-child td { padding-bottom:10px; }

table.pricelist tbody.item tr.name { font-size:1.0em; }

table.pricelist tbody.item tr.description { font-size:0.9em;font-style:italic; }
table.pricelist tbody.item tr.description+tr.variant td { padding-top:10px; }
table.pricelist tbody.item tr.name+tr.variant td { padding-top:10px; }

table.pricelist tbody.item tr.name td.n1 .index { background:#719A6E; color:white; width:30px; padding:1px 0; display:inline-block; text-align:center; border-radius:8px; font-size:0.9em}


#wines table.pricelist tbody.item tr.name td.n1 .index { width:110px; }
.logostrip            { width:100%;  padding:20px 0; margin:0 auto;  overflow:hidden; text-align:center; }
.logostrip .items     { margin:0 -20px; }
.logostrip .items img { display:inline-block; vertical-align:middle;margin:10px 20px; width:auto; height:auto; max-width:200px; max-height:100px; }

.home .logostrip .items { margin:0 -50; }
.home .logostrip .items img { margin:10px 50px; }

@media all and (max-width: 768px) {
}.section            { padding-top:40px; text-align:left; }
.section > .overlay { position:absolute; top:0; bottom:0; left:0; right:0; }
.section h1         { text-align:inherit; }
.section h2         { text-align:inherit; }
.section p          { text-align:inherit; }
.section ul         { text-align:inherit; font-size:1.3em; list-style:none; padding:0; }
.section li         { display:inline; padding:0 25px; line-height:1.8em }
.section .cell      { margin-bottom:40px; }
           
#about          { background-color:#FF0000; xbackground-image:url(/imagecache/misc/car-repair-362150.jpg/1400x0.jpg); background-size:cover; background-position:center center; text-align:center; }
#about .overlay { xbackground:rgba(33, 83, 120, 0.77); }
#about h1       { color:#FFFFFF; }
#about p        { color:#FFFFFF; font-size:1.1em; padding:0 40px; }
#about b        { display:block; text-align:center; color:#C82; font-size:1.4em; font-weight:normal; padding:0 40px; }
#about ul       { text-align:center; color:#ABCDE6; font-size:1.3em; list-style:none; padding:0; }
#about li       { display:inline; padding:0 25px; line-height:1.8em }


#team          { background-color:#FF0000; xbackground-image:url(/imagecache/misc/red.jpg/1400x0.jpg); background-size:cover; background-position:center center; text-align:center; }
#team .overlay { background:rgba(255, 0, 0); }
#team h1       { color:#FFFFFF; }
#team p        { color:#FFFFFF; font-size:1.1em; padding:0 40px; }
#team b        { display:block; text-align:center; color:#C82; font-size:1.4em; font-weight:normal; padding:0 40px; }
#team ul       { text-align:center; color:#ABCDE6; font-size:1.3em; list-style:none; padding:0; }
#team li       { display:inline; padding:0 25px; line-height:1.8em }



.section.achievements          { background-color:#FF0000; xbackground-image:url(/imagecache/misc/red.jpg/1400x0.jpg); background-size:cover; background-position:center center; text-align:center; }
.section.achievements .overlay { xbackground:rgba(255, 0, 0); }
.section.achievements h1       { color:#FFFFFF; }
.section.achievements p        { color:#FFFFFF; font-size:1.1em; padding:0 00px; }
.section.achievements b        { display:block; text-align:center; color:#C82; font-size:1.4em; font-weight:normal; padding:0 40px; }
.section.achievements ul       { text-align:center; color:#65669F; font-size:1.2em; list-style:none; padding:0; }
.section.achievements li       { display:inline; padding:0 25px; line-height:1.8em }



#coming-soon          { background-color:#FFF; background-image:url(/imagecache/misc/ballerina-2878354.jpg/1400x0.jpg); background-size:cover; background-position:center center; text-align:center; padding-top:300px; padding-bottom:300px; font-size:1.3em; }
#coming-soon  .overlay { background:rgba(255,255,255,0.6); }
#coming-soon  h1       { color:#61388d; padding:0; margin:0; }
#coming-soon  p        { color:#2d1156; font-size:1.1em; padding:0 40px; }

#classes          { background-color:#FFF; background-image:url(/imagecache/misc/simon.jpg/1400x0.jpg); background-size:cover; background-position:center 20%; text-align:center; }
#classes .overlay { background:rgba(77, 65, 96, 0.8); }
#classes h1       { color:#FFF; }
#classes p        { color:#DDD; font-size:1.1em; padding:0; }
#classes b        { display:block; text-align:center; color:#C82; font-size:1.4em; font-weight:normal; padding:0 40px; }
#classes ul       { text-align:center; color:#FFF; font-size:1.1em; list-style:none; padding:0; }
#classes li       { display:block; padding:0; line-height:1.2em }

#testimonials          { background-color:#FFF; xbackground-image:url(/imagecache/misc/dancer-2015159.jpg/1400x0.jpg); background-size:cover; background-position:center 20%; text-align:center; }
#testimonials .overlay { xbackground:rgba(77, 65, 96, 0.8); }
#testimonials h1       { color:#7334AE; }


#street          { background-color:#FFF; background-image:url(/imagecache/misc/street-dancer-2602633.jpg/1400x0.jpg); background-size:cover; background-position:center 20%; text-align:center; }
#street .overlay { background:rgba(77, 65, 96, 0.8); }
#street h1       { color:#FFF; }
#street p        { color:#DDD; font-size:1.4em; padding:75px 0 0 0; }
#street b        { display:block; text-align:center; color:#C82; font-size:1.4em; font-weight:normal; padding:0 40px; }
#street ul       { text-align:center; color:#FFF; font-size:1.1em; list-style:none; padding:0; }
#street li       { display:block; padding:0; line-height:1.2em }
#street img      { box-sizing:border-box; width:100%; height:auto; padding:4px; border:1px solid #CCC; }

#pupils          { background-color:#FFF; xbackground-image:url(/imagecache/misc/dancer-2015159.jpg/1400x0.jpg); background-size:cover; background-position:center 20%; text-align:center; }

#teachers        { background-color:#FFF; xbackground-image:url(/imagecache/misc/dancer-2015159.jpg/1400x0.jpg); background-size:cover; background-position:center 20%; text-align:left; }
#teachers .thumb { float:left; margin-right:12px; }
#teachers .thumb img { width:140px; height:auto; padding:4px; border:1px solid #888; }
#teachers .description { overflow:hidden; }
#teachers .description h1 { margin-bottom:0.6em; color:#7334AE }

#bullets          { background:#FFA500; xbackground-image:url(/imagecache/misc/background-2721779_1920.jpg/400x0.jpg); background-repeat:repeat; background-position:center center; text-align:center; padding-top:10px;}
#bullets .overlay { xbackground:rgba(116, 126, 152, 0.6); }
#bullets ul       { font-size:1.5em; padding:0; color:#FFF; }
#bullets li       { line-height:1.8em;white-space: nowrap }
#bullets .cell    { margin-bottom:10px; }

.video          { background-color:#FFF; background-size:cover; background-position:center center; text-align:center; }
.video .video_container   { width:100%; margin:0 auto; text-align:center; }
.video .video_container .caption { background:#38143B; color:#CCC; padding:4px; margin:10px 0 0 0; font-size:1.1em; }



.video.n1 { background-image:url(/imagecache/misc/red1.jpg/1400x0.jpg); }
.video.n1 .overlay { background:rgba(255, 0, 0); }

.video.n2 { background-image:url(/imagecache/misc/ballerina-1850109.jpg/1400x0.jpg); }
.video.n2 .overlay { background:rgba(83, 34, 83, 0.78); }


.still-image          { width:75%; height:auto; margin:0 auto; }
.still-image img      { width:100%; height:auto; } 
.still-image p.caption { background:#38143B; color:#CCC; padding:4px; margin:10px 0 0 0; font-size:1.1em; }


@media all and (max-width: 768px) {
    
  #teachers              { text-align:center; }
  #teachers .thumb       { float:none; }
  #teachers .thumb img   { width:200px; }
  #teachers .description { float:none; }
  
  #street img { width:60%; display:block; margin:0 auto; }
  #street p  { padding:0; }
  
  .video .video_container   { width:100%; }
}