@media ( max-width: 1024px ) {
#home{
	background: #eeeff1;
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
}


.imageholder-contact {
	position: relative;
	padding-bottom: 10px;
	padding-top: 10px;
	height: 0;
	overflow: hidden;
	font-size: 11px;
	line-height: 1.4em;
	color: #828282;
	margin-bottom: 30px;
	width:auto;
	height: 100%;
}
/* Page Title
-------------------------------------------------------------- */
#page-title {
	position: relative;
	width: 68%;
	background-color: none;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	border-bottom-width: thin;
	border-bottom-style: none;
	border-bottom-color: #76b4b7;
}

/* Left content on page
-------------------------------------------------------------- */
.home-left {
	position: relative;
	max-width: 1080px;
	padding: 0 2%;
	margin: 0 auto;
	float:left;
}
/* Events Page Title
-------------------------------------------------------------- */
#events-page-title {
	position: relative;
	width: 50%;
}
/* ART CDs Page
-------------------------------------------------------------- */
#ART-CD-cnt .ART-CD-cnt-inner {
	width: 80%;
}
.CD-large {
	width: 150px;
	float: left;
	height: auto;
	font-size: 12px;
	font-family: 'Lato', sans-serif;
	line-height: 16px;
	letter-spacing: normal;
	margin-left: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	text-align: left;
	color: #999;
	margin-top: 0px;
	border: thin none #76b4b7;
	padding: 0px;
}
#main,.main-CD{
	float: left;
	width: 42%;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
}

.main-CD-right{
	float: right;
	width: 25%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 10px;
	background-image: url(../images/press-bg.png);
	background-repeat: repeat;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
}


/* instrumentation Page
-------------------------------------------------------------- */
#instrumentation-cnt .instrumentation-cnt-inner {
	position: relative;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 40px;
	padding-left: 0px;
	margin-bottom: 20px;
	width: 60%;
}

/* Store Page
-------------------------------------------------------------- */
#store-cnt .store-cnt-inner {
	position: relative;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 40px;
	padding-left: 0px;
	margin-bottom: 20px;
	width: 52%;
}

#works-index-cnt .works-index-cnt-inner {
	position: relative;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 40px;
	padding-left: 0px;
	margin-bottom: 20px;
	width: 27%;
}


/* Works alpha 
-------------------------------------------------------------- */
#works-alpha-cnt {
	position: relative;
	z-index: 30;
	margin: 0 0 -80px;
	min-height: 530px;
	background-repeat: no-repeat;
	background-position: 50% 100%;
}
#works-alpha-cnt .works-alpha-cnt-inner {
	position: relative;
	width: 78%;
	padding-top: 0;
	padding-right: 30px;
	height: auto;
	padding-bottom: 80px;
	padding-left: 10px;
	margin-bottom: 20px;
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
	-moz-column-gap: 40px; /* Firefox */
	column-gap: 40px;
	-webkit-column-rule: 1px outset #F3F3F3; /* Chrome, Safari, Opera */
	-moz-column-rule: 1px outset #F3F3F3; /* Firefox */
	column-rule: 1px outset #F3F3F3;

}
#works-index-cnt .listing {
    margin: 0;
    padding: 0 0 0 0px !important;
    width: 250px;
}
#works-index-cnt .listing li {
	background-image: url("../images/works-btn-bg.png");
	border: 0 solid #e5e5e5;
	float: left;
	height: 30px;
	padding-bottom: 5px;
	position: relative;
	transition: background 100ms linear 0s;
	width: 250px;
	list-style: none;
	margin-top: 7px;
	margin-right: 0;
	margin-bottom: 7px;
	margin-left: 0;
}

/* ART press index Page
-------------------------------------------------------------- */
#press-index-cnt {
	position: relative;
	z-index: 30;
	margin: 0 0 -80px;
	min-height: 530px;
	background-repeat: no-repeat;
	background-position: 50% 100%;
}
#press-index-cnt .press-index-cnt-inner {
	position: relative;
	width: 77%;
	padding-top: 0;
	padding-right: 30px;
	height: auto;
	padding-bottom: 40px;
	padding-left: 0px;
	margin-bottom: 20px;
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
	
	-webkit-column-gap: 38px; /* Chrome, Safari, Opera */
    -moz-column-gap: 38px; /* Firefox */
    column-gap: 38px;
		
    -webkit-column-rule: 0px outset #F3F3F3; /* Chrome, Safari, Opera */
    -moz-column-rule: 0px outset #F3F3F3; /* Firefox */
    column-rule: 0px outset #F3F3F3;

}
#press-index-cnt .listing {
    margin: 0;
    padding: 0 0 0 0px !important;
    width: 230px;
}
#press-index-cnt .listing li {
	background-image: url("../images/works-btn-bg.png");
	border: 0 solid #e5e5e5;
	float: left;
	height: 30px;
	padding-bottom: 5px;
	position: relative;
	transition: background 100ms linear 0s;
	width: 230px;
	list-style: none;
	margin-top: 7px;
	margin-right: 0;
	margin-bottom: 7px;
	margin-left: 0;
}
.press-title{
	font-family: 'Lato', sans-serif;
	text-transform: none;
	display: block;
	font-weight: normal;
	color: #003f86;
	padding: 0px;
	margin-bottom: 3px;
	font-size: 1.2em;
	margin-top: 5px;
	text-align: left;
}
.imageholder-press-small {
	width: auto;
	float: left;
	padding: 0px;
	font-size: 11px;
	line-height: 1.2em;
	text-align: left;
	color: #667D8E;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 10px;
}

/* Works alpha 
-------------------------------------------------------------- */
#ART-media-cnt {
	position: relative;
	z-index: 30;
	margin: 0 0 -80px;
	min-height: 530px;
	background-repeat: no-repeat;
	background-position: 50% 100%;
}
#ART-media-cnt .ART-media-cnt-inner {
	position: relative;
	width: 78%;
	padding-top: 0;
	padding-right: 30px;
	height: auto;
	padding-bottom: 20px;
	padding-left: 10px;
	margin-bottom: 20px;
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
	-moz-column-gap: 40px; /* Firefox */
	column-gap: 40px;
	-webkit-column-rule: 1px outset #F3F3F3; /* Chrome, Safari, Opera */
	-moz-column-rule: 1px outset #F3F3F3; /* Firefox */
	column-rule: 1px outset #F3F3F3;

}
/* ART Media Page - Video
-------------------------------------------------------------- */
.ART-media-V-cnt-inner {
	position: relative;
	width: 78%;
	padding-top: 0;
	padding-right: 30;
	padding-bottom: 80px;
	padding-left: 0px;
	margin-bottom: 40px;
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
	-moz-column-count: 1; /* Firefox */
	column-count: 1;
}
/* ART-Events Page
-------------------------------------------------------------- */
#ART-Events-cnt .ART-Events-cnt-inner {
	position: relative;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 40px;
	padding-left: 0px;
	margin-bottom: 20px;
	width: 58%;
}
/************************/
/* featured Concert */
/************************/
.feature-calendar-box {
	height: auto;
	overflow: hidden;
	width: auto;
	margin-bottom: 30px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-bottom-color: #d91c5f;
	border-bottom-style: solid;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}

.img-bio-small {
	width: 30%;
	float: left;
	padding: 0px;
	font-size: 11px;
	line-height: 1.2em;
	text-align: left;
	color: #667D8E;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 10px;
}

/************************/
/* Audio Play        */
/************************/
audio{
	background:none;
	width:54%;
	padding:0px;
	margin-bottom: 10px;
	}
.imageholder-wide-works {
	display:none;
	width: 100%;
	height: 100%;
	float: right;
	padding-top: 8px;
	padding-bottom: 25px;
	font-size: 10px;
	line-height: 1.3em;
	text-align: right;
	color: #666666;
	text-align: left;
}

}

@media ( max-width: 800px ) {
	@media ( max-width: 400px ) {
 .backstretch > img{ content:url();
 display:none; }
   
    body {
        padding-top: 40px;
		background-color:#eeeff1;
    }
	h3 {
		font-size: 18px;
	}
    #nav-expand {
        display: block;
    }
    #nav {
        display: none;
        overflow: auto;
        position: fixed;
        z-index: 9999;
        top: 40px; left: 0; right: 0; bottom: 0;
        background: #f3f7fa;
        border: none;
		list-style: none;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom: 0px dashed #bbb;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
    }
	

	
    #nav.visible {
        display: block;
    }
    #nav li,
    #nav li a,
    #nav li > ul > li,
    #nav li > ul > li a {
        display: block;
        float: none;
        margin: 0;        
        text-align: left;
        color: #0F1B2F;
        font-size: 14px;
        letter-spacing: 1px;
        border: none;
	font-family: 'Lato', sans-serif;
	font-weight: lighter;
    }
    #nav > li,
    #nav li > ul > li {
        margin: 0; padding: 0;
        border-top: 0px solid #333;
        border-bottom: 1px solid #e6ecf1;
    }
    #nav li a {
        padding: 15px 20px;
    }
    #nav li > ul {
        position: static;
        visibility: visible;
        opacity: 1;
    }
    #nav li > ul > li a {
        padding-left: 30px;
    }
    #nav li > ul > li:last-child {
        border-bottom: none;
    }
    #nav li > ul > li,
    #nav li > ul > li a {
        background: none;        
    }



/* About Page
-------------------------------------------------------------- */
    #about-cnt {
        margin: 0;
        min-height: 0;
        background: none;
    }
    #about-cnt .about-cnt-inner {
		padding-left:10px;
		padding-right: 10px;
		float:left;
		width: auto;
    }

.imageholder-wide-bio {
	display: block;
	width: 100%;
	height: 100%;
	float: left;
	padding-top: 8px;
	padding-left:0px;
	padding-right: 10px;
	padding-bottom: 25px;
	font-size: 10px;
	line-height: 1.3em;
	text-align: right;
	color: #666666;
	text-align: left;
}




    .slogan {
        margin: 0;
        padding: 0 20px;   
    }
    .slogan > span {
		font-size: 18px;
        text-align: center !important;
    }
    #NewsBar > ul li {
		font-size: 13px;
        text-align: center !important;
		width:auto;
        padding: 10px 10px;
		margin-left:auto;
		margin-right:auto;
    }
    .gallery {
        
    }
    .gallery img {
        width: 49% !important;
    }
    
    #contact {
        margin: 0;
        padding: 0px;
    }
    #contact #contact-info {
        width: 100%;
        position: static;
        padding: 0px;
        border: none;
    }
    
    #testimonials blockquote {
        width: 94%;
    }

#home{
	background: #FBFBFB url(../images/phone/home-iphone.jpg) no-repeat top center;
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%;
	margin-top: 100px;
}

    .slogan {
        margin: 0;
        padding: 0 20px;   
    }
    .slogan > span {
		font-size: 14px;
        text-align: center !important;
    }

/* Footer
-------------------------------------------------------------- */
.footer-home {
	bottom: 0;
	width: 100%;
	height: 30px;
	color: #292929;
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size: 12px;
	line-height: 14px;
	background-repeat:repeat;
	padding: 20px 0;
}



.imageholder-reviews {
	display:block;
	width: 100%;
	height: 100%;
	float: none;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 0px;
	padding-right: 8px;
	padding-bottom: 25px;
	font-size: 10px;
	line-height: 1.3em;
	text-align: right;
	color: #666666;
	text-align: left;
}
.imageholder-reviews-right {
	display:block;
	width: 100%;
}


/* Media Table styles
-------------------------------------------------------------- */    
#media-wrap {
   width:100%;
   margin:0 auto;
   display:block;
}
#left_col {
   float:left;
   width:100%;
   margin-right: 4%;
   }
#right_col {
   float:right;
   width:100%;
   margin-top: 20px;
}


/* collaborations Table styles
-------------------------------------------------------------- */    
#collaborations-wrap {
   width:100%;
   margin:0 auto;
   display:block;
}
#left_col {
   float:left;
   width:100%;
   }
#right_col {
   float:left;
   width:100%;
}


/* composition Table styles
-------------------------------------------------------------- */    
#composition-wrap {
   width:100%;
   margin:0 auto;
   display:block;
}
#left_col {
   float:left;
   width:100%;
   }
#right_col {
   float:right;
   width:100%;
   margin-bottom: 30px;
}

/* Composition Breadcrumb styles
-------------------------------------------------------------- */
.breadcrumbs-comp {
	display:none;
}

/* program-notes Table styles
-------------------------------------------------------------- */    
#program-notes-wrap {
   width:100%;
   margin:0 auto;
   display:block;
   min-height: 480px;
}
#left_col {
   float:left;
   width:100%;
   }
#right_col {
   float:left;
   width:100%;
   margin-bottom: 100px;
}

blockbox-return a:link {
	display:block;
	width: 100%;
	border: 1px solid #CCCCCC;
	background-color: #ECF5FF;
	padding: 3px;
	margin-left: 10px;
	margin-bottom: 5px;
	float: right;
	font-size: 0.8em;
	text-align: left;
	font-weight: bold;
}
/* Press Page Title
-------------------------------------------------------------- */
#press-page-title {
	width: 100%;
}


/* Footer featured News
-------------------------------------------------------------- */
#ftr .featured-News {
	display:none;
}
#ftr .featured-News  a {    
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#ftr .featured-News {
    opacity: 0.5;
}

}

/*iPhone 6 and iPhone 6+ portrait and landscape*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) { 
 

 .backstretch > img{ content:url();
 display:none; }
 
/* home-footer
-------------------------------------------------------------- */
.home-footer {
	font-family: 'Lato', sans-serif;
	position:absolute;
	font-size:12px;
	bottom: 0;
	width: auto;
	color: #292929;
	margin:0px;
	padding-right: 0;
	padding-left: 0%;
	text-align: left;
}
.imageholder-wide-home {
	display: block;
	width: 100%;
	height: 100%;
	float: left;
	top: 0;
	padding-top: 8px;
	padding-left:0px;
	padding-right: 10px;
	padding-bottom: 25px;
	font-size: 10px;
	line-height: 1.3em;
	text-align: right;
	color: #666666;
	text-align: left;
}


}


@media ( max-width: 640px ) {
 .backstretch > img{ content:url();
 display:none; }

#home-cnt a img {
    display: block;
    margin: 0 auto 10px;
}
.home-left {
	position: relative;
	max-width: 1080px;
	padding: 0 2%;
	margin: 0 auto;
}

/* Header & Footer styles
-------------------------------------------------------------- */
    #hdr {
	min-height: 0;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
    }
#hdr #logo {        
position: static;
        display: block;
        float: none;
        margin: 0;
        clear: both;
	z-index: 10;
}

#hdr #logo img {
	max-width: none;
	display: block;
	height: auto;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 40px;
	z-index: 30;
	margin-left: auto;
	margin-right: auto;
}
#hdr-r {
        margin: 0 auto;
        padding: 0;
        text-align: center;
}

#hdr #logo-home {
    float: left;
    position: absolute;
    clear: both;
	z-index: 10;
}
#hdr #logo-home img {
	max-width: none;
	display: block;
	height: auto;
	width: 100%;
	margin-top: 10px;
	z-index: 30;
}

/************************/
/* Homepage upcoming/Lastest News */
/************************/
.upcoming-box {
	height: auto;
	max-height: none;
	overflow: hidden;
	position: relative;
	left: 0%;
	top: 0px;
	width: auto;
	padding-left: 1%;
	padding-right: 1%;
	margin-top: 80px;
}
/* nt-ART-home-news */

#nt-ART-home-news {
	max-width: 100%;
	margin: auto;
}

#nt-ART-home-news-container {
	width: 100%;
	text-align: left;
}
#nt-ART-home-news li {
	color: #4e4e4e;
	background: none;
	overflow: hidden;
	height: auto;
	padding-left: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 1.3em;
	line-height: 1.4em;
	list-style: none;
	text-align: left;
	border-bottom: 1px dotted #2c8162;
}
    /* Clearfix
-------------------------------------------------------------- */
.home-left:before,
.home-left:after,
.clr:before,
.clr:after {
    content: ' ';
    display: table;
}

.home-left:after,
.clr:after {
    clear: both;
}

.clear {
    clear: both;
}
/* home-footer
-------------------------------------------------------------- */
.home-footer {
	font-family: 'Lato', sans-serif;
	position:absolute;
	font-size:12px;
	bottom: 0;
	width: auto;
	color: #292929;
	margin:0px;
	padding-right: 0;
	padding-left: 0%;
}
.imageholder-wide-home {
	display: block;
	width: 100%;
	height: 100%;
	float: left;
	top: 0;
	padding-top: 8px;
	padding-left:0px;
	padding-right: 10px;
	padding-bottom: 25px;
	font-size: 10px;
	line-height: 1.3em;
	text-align: right;
	color: #666666;
	text-align: left;
}

#works-index-cnt .works-index-cnt-inner {
	position: relative;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 40px;
	padding-left: 0px;
	margin-bottom: 20px;
	width: 100%;
}
	
#sub-nav-index-cnt .sub-nav-index-cnt-inner {
	position: relative;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 40px;
	padding-left: 0px;
	margin-bottom: 20px;
	width: 100%;
}	

/* Events Page Title
-------------------------------------------------------------- */
#events-page-title {
	position: relative;
	width: 100%;
}
/************************/
/* Audio Play        */
/************************/
audio{
	background:none;
	width:100%;
	padding:0px;
	margin-bottom: 10px;
	}

/* Main navigation styles
-------------------------------------------------------------- */    
    #nav-expand {
        display: block;
    }
    #nav {
        display: none;
        overflow: auto;
        position: fixed;
        z-index: 9999;
        top: 40px; left: 0; right: 0; bottom: 0;
        background: #f3f7fa;
        border: none;
		list-style: none;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom: 0px dashed #bbb;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
    }
	

	
    #nav.visible {
        display: block;
    }

#nav ul,
#nav a {
    line-height: 1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#nav li a:hover,
#nav li:hover > a {
	opacity: 0.9;
	color: #c42026;
	background-color: none;
}

#nav li a.active {
	background: none;
	opacity: 0.9;
	color: #c42026;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #c42026;
}


#nav li > ul > li,
    #nav li > ul > li a {
        display: block;
        float: none;
        margin: 0;        
        text-align: left;
        color: #0F1B2F;
        font-size: 14px;
        letter-spacing: 1px;
        border: none;
	font-family: 'Lato', sans-serif;
	font-weight: lighter;
    }
    #nav > li,
    #nav li > ul > li {
        margin: 0; padding: 0;
        border-top: 0px solid #333;
        border-bottom: 1px solid #e6ecf1;
    }
    #nav li a {
        padding: 15px 20px;
    }
    #nav li > ul {
        position: static;
        visibility: visible;
        opacity: 1;
    }
    #nav li > ul > li a {
        padding-left: 30px;
    }
    #nav li > ul > li:last-child {
        border-bottom: none;
    }
    #nav li > ul > li,
    #nav li > ul > li a {
        background: none;        
    }

/* instrumentation Page
-------------------------------------------------------------- */
blockbox-return-inst a:link {
	width: auto;
	display:block;
	border: 1px solid #CCCCCC;
	background-color: #ECF5FF;
	padding: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 20px;
	float: left;
	font-size: 1.3em;
	text-align: left;
	font-weight: normal;
}
#nt-ART-home-news {
	max-width: auto;
	margin: 0px;
}
/* Page Title
-------------------------------------------------------------- */
#page-title {
	position: relative;
	width: 100%;
	background-color: none;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 0px;
}

#schedules {
	
	width: auto;
}
    .row {
        margin: 0;
    }
    .row > [class^='col-'] {
        float: none;
        width: auto;
        margin: 0 0 20px;
    }
    
    ul.form,
    #contact-form {
        margin: 0 0 20px;
        padding: 0;
        background: none;
    }
    ul.form > li {
        margin: 0 0 10px;
        padding: 0;
    }
    ul.form > li label {
        position: static;
        float: none;
        display: block;
        margin: 0 0 5px;
        padding: 0;
    }

    body {
        background: #fff;
    }
    
    table tr * {        
        white-space: normal !important;
    }
table {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.imageholder-wide-bio {
	display: block;
	width: 100%;
	height: 100%;
	float: left;
	padding-top: 8px;
	padding-left:0px;
	padding-right: 10px;
	padding-bottom: 25px;
	font-size: 10px;
	line-height: 1.3em;
	text-align: right;
	color: #666666;
	text-align: left;
}
.imageholder-wide-press {
	display: block;
}
.imageholder-wide-works {
	display: block;
	width: 100%;
	height: 100%;
	float: left;
	padding-top: 8px;
	padding-left:0px;
	padding-right: 10px;
	padding-bottom: 25px;
	font-size: 10px;
	line-height: 1.3em;
	text-align: right;
	color: #666666;
	text-align: left;
}

#works-alpha-cnt .works-alpha-cnt-inner {
	position: relative;
	width: 100%;
	padding-top: 0;
	padding-right: 10px;
	height: auto;
	padding-bottom: 80px;
	padding-left: 0px;
	margin-bottom: 80px;
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
	-moz-column-count: 1; /* Firefox */
	column-count: 1;
	
	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
		
    -webkit-column-rule: 1px outset #F3F3F3; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px outset #F3F3F3; /* Firefox */
    column-rule: 1px outset #F3F3F3;

}
#ART-media-cnt .ART-media-cnt-inner {
	position: relative;
	width: 100%;
	padding-top: 0;
	padding-right: 0px;
	height: auto;
	padding-bottom: 20px;
	padding-left: 0px;
	margin-bottom: 20px;
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
	-moz-column-count: 1; /* Firefox */
	column-count: 1;
	
	-webkit-column-gap: 0px; /* Chrome, Safari, Opera */
    -moz-column-gap: 0px; /* Firefox */
    column-gap: 0px;
		
    -webkit-column-rule: 1px outset #F3F3F3; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px outset #F3F3F3; /* Firefox */
    column-rule: 1px outset #F3F3F3;

}
/* ART Media Page - Video
-------------------------------------------------------------- */
.ART-media-V-cnt-inner {
	position: relative;
	width: 100%;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 80px;
	padding-left: 0px;
	margin-bottom: 40px;
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
	-moz-column-count: 1; /* Firefox */
	column-count: 1;
}
.ART-works table{
	font-family: 'Lato', sans-serif;
	font-size: 0.8em;
    border-collapse: collapse;
    border-spacing: 0;
	width:auto;
	height:100%;
	margin:0px;padding:0px;
}
.ART-works table a:link{
	font-family: 'Lato', sans-serif;
	font-size: 0.8em;
}
#instrumentation-cnt .instrumentation-cnt-inner {
	position: relative;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
	margin-bottom: 20px;
	width: 100%;
}
/* Augusta Read Thomas press Page
-------------------------------------------------------------- */
#ART-press-cnt .ART-press-cnt-inner {
	position: relative;
	padding-top: 0;
	padding-right: 30;
	padding-bottom: 80px;
	padding-left: 0px;
	margin-bottom: 40px;
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
	-moz-column-count: 1; /* Firefox */
	column-count: 1;
	width: 100%;
}
.imageholder-notes-right {
	width: auto;
	float: right;
	padding: 0px;
	font-size: 12px;
	line-height: 1em;
	text-align: left;
	color: #667D8E;
	margin-left: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
/* ART-Events Page
-------------------------------------------------------------- */
#ART-Events-cnt .ART-Events-cnt-inner {
	position: relative;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
	margin-bottom: 20px;
	width: 100%;
}
/* Store Page
-------------------------------------------------------------- */

#store-cnt .store-cnt-inner {
	position: relative;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
	margin-bottom: 20px;
	width: 100%;
}
/************************/
/* HOW TO BUY, RENT, OR PERUSE SCORES */
/************************/
.score-box {
	width: auto;
	height: auto;
	overflow: hidden;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: thin solid #d91c5f;
}
.special-box {
	width: auto;
	height: auto;
}

/* Media Table styles
-------------------------------------------------------------- */    
#media-wrap {
   width:100%;
   margin:0 auto;
   display:block;
}
#left_col {
   float:left;
   width:100%;
   margin-right: 0%;
   }
#right_col {
   float:left;
   width:100%;
}

.media-play-left {
	width: 100%;
	float: left;
	padding: 0px;
	font-size: 12px;
	line-height: 1em;
	text-align: left;
	color: #667D8E;
	margin-left: 0px;
	margin-bottom: 15px;
	margin-right: 0px;
}
.media-play-right {
	width: 100%;
	float: right;
	padding: 0px;
	font-size: 12px;
	line-height: 1em;
	text-align: left;
	color: #667D8E;
	margin-left: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

/* ART press index Page
-------------------------------------------------------------- */
#press-index-cnt .press-index-cnt-inner {
	position: relative;
	width: 100%;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 80px;
	padding-left: 0px;
	margin-bottom: 80px;
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
	-moz-column-count: 1; /* Firefox */
	column-count: 1;
	
	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
		
    -webkit-column-rule: 0px outset #F3F3F3; /* Chrome, Safari, Opera */
    -moz-column-rule: 0px outset #F3F3F3; /* Firefox */
    column-rule: 0px outset #F3F3F3;

}
.imageholder-press-small {
	width: 100%;
	float: left;
	padding: 0px;
	font-size: 11px;
	line-height: 1.2em;
	text-align: left;
	color: #667D8E;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
}


/* program-notes Page Title
-------------------------------------------------------------- */
#program-notes-page-title {
	position: relative;
	background-color: none;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	border-top-width: thin;
	border-top-style: none;
	border-top-color: #76b4b7;
	width: 100%;
}

.media-title{
	font-size: 16px;
}



#media {
	position: relative;
	margin-top: -20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}
#media #audio {
	width: 319px;
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #eee;
}
    
    #video {
        display: block;
		width:100%;   
    }
    
    

	


/* Press Page Title
-------------------------------------------------------------- */
#press-page-title {
	width: 100%;
}
#Augusta-program-notes-cnt .Augusta-program-notes-cnt-inner {
	width: 100%;
}
/* program-notes Page Title
-------------------------------------------------------------- */
#program-notes-page-title {
	position: relative;
	width: 61%;
}	
.imageholder-score {
	width: 40%;
	float: left;
	padding: 0px;
	font-size: 12px;
	line-height: 1.2em;
	text-align: center;
	color: #003f86;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.imageholder-score-left {
	width: 40%;	
	float: left;
	padding: 0px;
	font-size: 12px;
	line-height: 1.2em;
	text-align: center;
	color: #003f86;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 0px;
}

	
/************************/
/* Program video Container       */
/************************/
.program-video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.program-video-container iframe,
.program-video-container object,
.program-video-container embed {
	position: absolute;
	top: -4px;
	left: 0px;
	width: 100%;
	height: 100%;
}
	.imageholder-program-notes {
	width: 100%;
	float: left;
	padding: 0px;
	font-size: 11px;
	line-height: 1.2em;
	text-align: left;
	color: #667D8E;
	margin-left: 0px;
	margin-bottom: 20px;
	margin-right: 0px;
}
blockbox-return a:link {
	display:block;
	width: 100%;
	border: 1px solid #CCCCCC;
	background-color: #ECF5FF;
	padding: 3px;
	margin-left: 10px;
	margin-bottom: 5px;
	float: right;
	font-size: 0.8em;
	text-align: left;
	font-weight: bold;
}
/* CD listing
-------------------------------------------------------------- */


.CD {
	width: 100%;
	height: auto;
}
/************************/
/* featured Concert */
/************************/

.imageholder-feature {
	width: 100%;
}

.imageholder-feature-event-right {
	width: 100%;
	float:left;
}


/* ART CDs Page
-------------------------------------------------------------- */
#ART-CD-cnt .ART-CD-cnt-inner {
	width: 100%;
}
.CD-large {
	width: 100%;
	height: auto;
}
#main,.main-CD{
	float: left;
	width: 100%;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
}
#main,.main-CD-mid{
	float: left;
	width: 100%;
}
.main-CD-right{
	float: right;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 10px;
	background-image: url(../images/press-bg.png);
	background-repeat: repeat;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.CD-top-box h3 {
	color: #000000;
	font-weight: lighter;
	font-size: 18px;
	padding-bottom: 5px;
}
.CD-top-box p {
	color: #000000;
	font-size: 1em;
	line-height: 1.2em;
}
.CD-top-box {
	height: auto;
	overflow: hidden;
	width: auto;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: thin solid #d91c5f;
}

/* Contact ART Page
-------------------------------------------------------------- */

#contact-ART-cnt .contact-ART-cnt-inner {
	position: relative;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 40px;
	padding-left: 0px;
	margin-bottom: 20px;
	width: 100%;
}
/************************/
/* HOW TO BUY, RENT, OR PERUSE SCORES */
/************************/
.score-box {
	height: auto;
	overflow: hidden;
	width: auto;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: thin solid #d91c5f;
}

.special-box {
	width: auto;
	height: auto;
}	
/* Footer
-------------------------------------------------------------- */
.footer-home {
	position:absolute;
	bottom: 0;
	width: 100%;
	height: 125px;
	color: #292929;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	line-height: 14px;
	background-repeat:repeat;
	padding: 20px 0;
}

    
    #ftr #mailing-list input {
        display: block;
        margin: 0 auto 10px;        
    }
    #ftr #mailing-list input[type="text"],
    #ftr #mailing-list input[type="submit"] {
        width: 80%;
    }


    
    #home-links {
        margin: 0;
        padding: 10px;
    }
    #home-links > a {
        display: block;
        margin: 0 0 10px;
    }
    
#home{
	display: block;
	width: 100%;
	height: 100%;
	float: right;
	padding-top: 0px;
	padding-bottom: 25px;
	text-align: left;
	margin-bottom: 20px;
}



#home-cnt {
	overflow: visible;
	height: 10px;
	padding: 20px 0 20px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 50% 80%;
	margin-top: 0px;
}
    #home-cnt a {
        display: block;
        float: none;
        width: auto;
        margin: 0 0 20px;
    }


/* social icons
-------------------------------------------------------------- */

#ftr-home .social-icons {
	width: 100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.8em;
	margin-left: 0;
	float:left;
}
#ftr-home .social-icons a {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#ftr-home .social-icons a:hover{
    opacity: 0.8;
}
    
    #about-staff {
        
    }
    #about-staff .member {
        float: none;
        display: block;
        width: auto;
        max-width: 320px;
        margin: 0 auto 40px;
    }
    
    #membership-pricing th,
    #membership-pricing td {
        padding: 10px;
    }
    #membership-pricing #mp-hdr *,
    #membership-pricing .mp-pricing th,
    #membership-pricing .mp-pricing td {
        font-size: 1em;
    }
    
.imageholder-reviews {
	display:block;
	width: 100%;
	height: 100%;
	float: none;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 0px;
	padding-right: 8px;
	padding-bottom: 25px;
	font-size: 10px;
	line-height: 1.3em;
	text-align: right;
	color: #666666;
	text-align: left;
}
.imageholder-reviews-right {
	display:block;
	width: 100%;
}

    }
}
/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (orientation : portrait) {
/* Styles */
 .backstretch > img{ content:url();
 display:none; }


#home{
	background: #eeeff1 url(../images/bg/ART-home-bg-768.jpg) no-repeat top center;
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
}
.imageholder-wide-home {
	display: none;
	width: 100%;
	height: 100%;
	float: left;
	top: 0;
	padding-top: 8px;
	padding-left:0px;
	padding-right: 10px;
	padding-bottom: 25px;
	font-size: 10px;
	line-height: 1.3em;
	text-align: right;
	color: #666666;
	text-align: left;
}


/* Header & Footer styles
-------------------------------------------------------------- */
#hdr {
    min-height: 90px;
    padding: 15px 0;
	
}
#hdr #logo {
    float: left;
    position: absolute;
	z-index: 30;
}
#hdr #logo-home img {
	max-width: none;
	display: block;
	height: 28px;
	width: 250px;
	margin-top: 5px;
	z-index: 30;
}
#hdr-r {
    margin-left: 244px;
}
.pull-qoute {
	color: #2980A0;
	text-align: left;
	font-weight: lighter;
	font-size: 24px;
	line-height: 1.3;
	text-transform: lowercase;
}


/* Left content on page
-------------------------------------------------------------- */
.home-left {
	position: relative;
	max-width: 1080px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 8px;
	padding-top: 0;
	padding-right: 2%;
	padding-bottom: 0;
	padding-left: 2%;
}
    /* Clearfix
-------------------------------------------------------------- */
.home-left:before,
.home-left:after,
.clr:before,
.clr:after {
    content: ' ';
    display: table;
}

.home-left:after,
.clr:after {
    clear: both;
}

.clear {
    clear: both;
}

/* Footer
-------------------------------------------------------------- */
.footer-home {
	bottom: 0;
	width: 100%;
	height: 125px;
	color: #292929;
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size: 12px;
	line-height: 14px;
	background-repeat:repeat;
	padding: 20px 0;
}
/* Main navigation styles
-------------------------------------------------------------- */    
#nav {
	list-style: none;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom: 0px dashed #bbb;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#nav li {
	position: relative;
	display: inline;
	display: inline-block;
	padding: 0;
	margin: 0;
	background-repeat: none;
}
#nav li a {
	display: block;
	margin-right: 1px;
	padding: 12px 3px 12px 3px;
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
	font-size: 14px;
	color: #292929;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
/* Contact Page
-------------------------------------------------------------- */
#contact {
	width: 40%;
	margin-top: -20px;
	margin-right: 0;
	margin-bottom: 40px;
	margin-left: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0px;
	min-height: 700px;
	height: auto;
}
#contact#contact-info {
	width: 55%;
	top: 0;
	right: 0;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 0px;
	margin-bottom: 30px;
	height: 100%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #F3F3F3;
}

/* General Usage Styles
-------------------------------------------------------------- */
.gallery {
    margin: 0 -.5% 10px;
	width: 70%;
}
.gallery:before,
.gallery:after {
    content: ' ';
    display: table;
}

.gallery:after,
.gallery:after {
    clear: both;
}
.gallery img {
    float: left;
    width: 32.333%;
    margin: 0 .5% 1%;
    -webkit-box-shadow: 0 3px 3px -2px rgba(0,0,0,.5);
    box-shadow: 0 3px 3px -2px rgba(0,0,0,.5);
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.gallery img:hover {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

/* Media Table styles
-------------------------------------------------------------- */    
#media-wrap {
   width:100%;
   margin:0 auto;
   display:block;
}
#left_col {
   float:left;
   width:100%;
   margin-right: 0%;
   }
#right_col {
   float:right;
   width:100%;
}
/************************/
/* video Container       */
/************************/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	margin-bottom: 30px;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.media-title{
	font-size: 1.3em;
	padding-top: 30px;
	font-weight:lighter;
}
.media-small{
	font-size: 0.9em;
	font-weight:lighter;
}

}


/* phone 320px Smartphones (portrait and landscape) */	
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.imageholder-wide-home {
	display: none;
}
 .backstretch > img{ content:url();
 display:none; }	
	
 #home{
	background: #eeeff1 url(../images/phone/home-iphone.jpg) no-repeat;
	background-position: 50% 5%;
	margin-top: 300px;	
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
	 margin-bottom: 30px;
}	
#hdr #logo-home {
    float: left;
    position: absolute;
    clear: both;
	z-index: 10;
}
#hdr #logo-home img {
	max-width: none;
	display: block;
	height: auto;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 40px;
	z-index: 30;
}
    body {
		margin-top: 40px;
    }


    #nav-expand {
        display: block;
		z-index: 9999;
    }
    #nav {
        display: none;
        overflow: auto;
        position: fixed;
        z-index: 99999;
        top: 40px; left: 0; right: 0; bottom: 0;
        background: #f3f7fa;
        border: none;
    }
    #nav.visible {
        display: block;
    }
    #nav li,
    #nav li a,
    #nav li > ul > li,
    #nav li > ul > li a {
        display: block;
        float: none;
        margin: 0;        
        text-align: left;
        color: #0F1B2F;
        font-size: 14px;
        letter-spacing: 1px;
        border: none;
	font-family: "proxima-nova",sans-serif;
	font-weight: lighter;
    }
    #nav > li,
    #nav li > ul > li {
        margin: 0; padding: 0;
        border-top: 0px solid #333;
        border-bottom: 1px solid #e6ecf1;
    }
    #nav li a {
        padding: 15px 20px;
    }
    #nav li > ul {
        position: static;
        visibility: visible;
        opacity: 1;
    }
    #nav li > ul > li a {
        padding-left: 30px;
    }
    #nav li > ul > li:last-child {
        border-bottom: none;
    }
    #nav li > ul > li,
    #nav li > ul > li a {
        background: none;        
    }
.imageholder-wide-home {
	display: block;
	width: 100%;
	height: 100%;
	float: left;
	padding-top: 0px;
	text-align: left;
	margin-bottom: 10px;
	margin-top: -160px;
}
/*Logo--*/
    #hdr #logo {
        position: static;
        display: block;
        float: none;
        margin: 0;
        clear: both;
    }
    #hdr #logo img {
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
    }
/*--------------------------------------------------------------
	Quotes Insert Post
--------------------------------------------------------------*/
.post-box {
	margin-left: 0px;
	width: 100%;
}
.post {
  margin: 10px 0 10px;
}

.post-title {
  line-height: 1.3em;
  font-size: 26px;
  color: #d91c5f;
  margin: 0;
}

.post-header {
  margin: 0 0 15px;
}

.post-entry {
  border-top: 1px dotted #c2c2c2;
  padding-top: 10px;
  margin-top: 30px;
line-height: 1.2em;
}

.post-images-slider {
  position: relative;
}

.post-images-slider .flex-control-nav {
  bottom: 0;
}


.post-quote {
  background: none;
border-left-style: none;
	border-left-width: medium;
	border-left-color:#6597ac; 
  padding: 13px;
	text-align: left;
}

.no-bg-color {
  background: none;
border-style:solid;
	border-width: thin;
	border-color:#6597ac; 
color: #d91c5f;
  padding: 13px;
	text-align: center;
}
.large-text {
  font-size: 17px !important;
	color: #d91c5f;
	font-weight: 400;
	line-height: 1.2em;
}
.large-text-home {
  font-size: 25px !important;
	color: #d91c5f;
	font-weight: 400;
	line-height: 1.4em;
}
.pull-cite-img {
	font-family: 'Lato', sans-serif;
	text-transform: normal;
	display: block;
	width: 55%;
	font-weight: bold;
	color: #d91c5f;
	padding: 0px;
	font-size: 0.8em;
	margin-top: 10px;
	text-align: left;
}
blockbox-return a:link {
	display:block;
	width: 90%;
	border: 1px solid #CCCCCC;
	background-color: #ECF5FF;
	padding: 10px;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 10px;
	float: left;
	font-size: 1.2em;
	text-align: left;
	font-weight: bold;
}	
	
/************************/
/* Audio Play        */
/************************/
audio{
	background:none;
	width:100%;
	padding:0px;
	margin-bottom: 10px;
	}
/************************/
/* Program video Container       */
/************************/
.program-video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.program-video-container iframe,
.program-video-container object,
.program-video-container embed {
	position: absolute;
	top: -4px;
	left: 0px;
	width: 100%;
	height: 100%;
}

/* Footer
-------------------------------------------------------------- */
#ftr-home {
	bottom: 0;
	width: 100%;
	height: 125px;
	color: #292929;
	position: relative;
    clear: both;
	padding-right: 2%;
	padding-left: 2%;
	margin-right:auto;
	margin-left:auto;

}
/* Left content on page
-------------------------------------------------------------- */
.home-left {
	position: relative;
	max-width: 1080px;
	padding: 0 2%;
	margin: 0 auto;
	float:left;
}


#home-cnt {
	overflow: visible;
	height: 100px;
	padding: 5px 0 25px;
	margin-bottom: 65px;
	margin-top: 0px;
}
/* Home Qoutes
-------------------------------------------------------------- */
#NewsBar {
	float: left;
	width: 100%;
}
#NewsBar ul li {
	font-size: 15px;
	line-height: 1.6em;
	text-transform: none;
}
}