/* Reset */
html,body,div,img,ul,ol,li,form,fieldset,legend{margin:0;padding:0;border:0;outline:0}
ol{margin-left:20px}
img{vertical-align:bottom}
a{outline:0}
a:hover{opacity:0.6}
/* Layout */
html{font-size:62.5%}
body{text-align:center;font-size:14px;font:normal 1.4rem "Open Sans",arial,verdana,sans-serif;color:#555459}
#main{text-align:left}
.wrap{max-width:960px;margin:0 auto}
.centre{text-align:center}
.wrap div{margin:0 10px}
.img {float:right;margin:5px 10px 10px 10px;max-width:50%}
/* Generic Classes */
a{text-decoration:none;color:#DA2627}
h1,h2{clear:both;font-size:40px;font:bold 4rem "Oswald",aerial,sans-serif;color:#555459;text-transform:uppercase;text-align:center}
h2{font-size:26px;font-size:2.6rem}
#index h1{padding-top:40px}
.two-col li,.three-col li{float:left;width:49%;margin:0 2% 2% 0;list-style-type:none;box-sizing:border-box}
.two-col li:nth-child(even),.three-col li:last-child{margin-right:0}
.three-col li{width:32%}
.twocols {column-count:2;-webkit-column-count:2;-moz-column-count:2;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px;-webkit-column-rule:1px outset #555459; -moz-column-rule:1px outset #555459;column-rule:1px outset #555459;padding-bottom:40px}
.twocols p:first-child{margin-top:0}
/* Input */
form{background:#efefef;margin-bottom:20px}
legend{background:#000;color:#fff;width:100%;height:40px;line-height:40px;text-indent:10px}
label{display:block;font-weight:bold}
label.required:after{content:' *';color:#c52c27}
form p{margin-left:10px !important;float:left;width:48%}
form p.buttons{clear:both;margin:0 !important;text-align:center}
input,select,textarea{margin:4px 0;padding:5px;font-size:14px;font:normal 1.4rem "Open Sans",aerial,sans-serif,verdana}
input[type="text"],textarea,
input[type="password"]{width:260px}
.g-recaptcha div{margin:10px 0}
#msg-response{display:none;position:absolute;width:500px;left:15px;background:#C99;border-radius:5px;margin-top:40px;padding:10px;border:3px #fff solid;color:#fff;box-shadow:2px 2px 4px 5px #ccc;z-index:9999}
#msg-response ul{position:relative;width:100%;background:url(../img/close.png) no-repeat top right}
#msg-response ul:hover{cursor:pointer}
#msg-response li{list-style-type:none}
#msg-response li:first-child{margin-right:25px}
button,input[type="submit"],input[type="button"]{background:#000;color:#fff;padding:5px 20px;font-size:16px;border:1px  #DA2627 solid;margin:20px 5px;text-transform:uppercase;text-align:center;font-size:26px;font:bold 2.6rem "Oswald",aerial,sans-serif}
button:hover,input[type="submit"]:hover,input[type="button"]:hover{cursor:pointer;color:#DA2627;border-color:#fff}
input[type="submit"],input[type="button"] {background:#DA2627;border-color:#fff}
input[type="submit"]:hover,input[type="button"]:hover{border-color:#000;color:#000}
/* Header */
header{background:url(/img/home.jpg) #000 no-repeat top right;border-bottom:10px #DA2627 solid;min-height:300px}
#about header{background-image:url(/img/about.jpg)}
#music header{background-image:url(/img/music-rooms.jpg)}
#information header{background-image:url(/img/information.jpg)}
#recording header{background-image:url(/img/recording.jpg)}
#testimonials header{background-image:url(/img/testimonials.jpg)}
#needmusic header{background-image:url(/img/need-music-room.jpg)}
#gotmusic header{background-image:url(/img/got-music-room.jpg)}
#needrecording header{background-image:url(/img/recording-studio.jpg)}
#gotrecording header{background-image:url(/img/recording.jpg)}
#design header{background-image:url(/img/design.jpg)}
header p.contact{margin-top:0;text-align:right;color:#fff;border-bottom:1px #DA2627 solid;padding:20px 0}
header p.contact span{height:20px;margin-left:20px;padding-left:25px;background:url(/img/tel.svg);background-repeat:no-repeat;background-position:center left;display:inline-block;background-size:20px 15px}
header p.contact span:last-child{background-image:url(/img/email.svg)}
header p.contact span a{color:#fff}
header p.contact strong{font-size:14px;font:bold 1.4rem "Oswald",aerial,sans-serif;text-transform:uppercase}
header p.logo{float:left}
header p.logo a{float:left;width:300px;height:93px}
nav {float:right}
nav ul{font-size:16px;font-size:1.6rem;font-weight:bold;margin-top:25px}
nav ul li{float:left;color:#DA2627;list-style-type:none}
nav ul li:not(:last-child):after{content:'|'}
nav ul li a{color:#fff;padding:1px 10px;}
nav ul li a.active{text-decoration:underline;text-decoration-color:#DA2627;-webkit-text-decoration-color:#DA2627}
nav ul li a:hover{background:#DA2627;color:#000;opacity:1}
header .strap {clear:both;text-align:center}
header .strap p{color:#fff;margin:20px 50px}
header .strap p strong{font-size:80px;font:bold 8rem "Oswald",aerial,sans-serif;text-transform:uppercase;letter-spacing:5px}
/* Footer */
footer {clear:both;background:#1E252D;padding:20px 0}
footer p{display:table-cell;vertical-align:top;color:#fff;width:18%;border-right:1px #666 solid;padding-left:4%}
footer p:first-child{width:12%;padding-left:0}
footer p:nth-child(4){width:40%;border-right:0}
footer p a{color:#fff;display:block}
footer p:nth-child(4) a{display:inline}
footer p strong{margin-right:5px}
footer p strong:first-child{display:block;text-transform:uppercase}
/* Copyright */
#copyright{clear:both;position:relative;padding:20px 0}
#copyright li{font-size:13px;font-size:1.3rem;list-style-type:none;color:#fff}
#copyright li a{text-decoration:none !important;color:#fff}
#copyright li a:hover{text-decoration:underline !important}
#copyright li strong{display:inline;text-decoration:none;text-transform:none}
#copyright .top{position:absolute;right:0;top:37px;text-transform:uppercase}
#copyright .top a:hover{text-decoration:underline}
/* Home */
.testimonial{text-align:center;background:url(/img/quote1.png),url(/img/quote2.png);background-repeat:no-repeat;background-position:top left,top right}
.testimonial p{margin:20px 40px}
.testimonial a {text-align:center;color:#DA2627;text-decoration:underline;font-weight:bold}
.testimonial strong{display:block}
.action{padding:20px 0}
.action li{height:220px;background:#000 no-repeat center left;background-size:cover;color:#fff;text-align:center}
.action li span{display:block;margin:20px;text-align:left}
.action li span a{font-size:40px;font:bold 4rem "Oswald",aerial,sans-serif;color:#fff;text-transform:uppercase;line-height:42px;line-height:4.1rem;text-shadow: 2px 2px #333}
.action li span a:hover{opacity:1;color:#DA2627}
.action button{display:block;margin:50px auto 0 auto;font-size:20;font-size:2rem}
.action li.music{background-image:url(/img/music-action.jpg)}
.action li.recording{background-image:url(/img/recording-action.jpg)}
.action li.cinema{background-image:url(/img/cinema-action.jpg)}
.action li.booth{background-image:url(/img/booth-action.jpg)}
.action li.need{background-image:url(/img/need-action.jpg)}
.action li.need2{background-image:url(/img/need-recording.jpg)}
.action li.got{background-image:url(/img/got-action.jpg)}
.action li.cube{background-image:url(/img/cube-room.jpg)}
.action li.canopy{background-image:url(/img/canopy-room.jpg)}
.action li.concave{background-image:url(/img/concave-room.jpg)}
.action li.contour{background-image:url(/img/contour-room.jpg)}
#needrecording .action li.cube{background-image:url(/img/cube-recording.jpg)}
#needrecording .action li.canopy{background-image:url(/img/canopy-recording.jpg)}
#needrecording .action li.concave{background-image:url(/img/concave-recording.jpg)}
#needrecording .action li.contour{background-image:url(/img/contour-recording.jpg)}
#needmusic .action li,#needrecording .action li{text-align:right}
#needmusic .action li button,#needrecording .action li button{margin:30px 20px 0 0;display:inline-block}
.nationwide	{background:url(/img/nationwide.jpg) no-repeat top center;padding:10px 20px;text-align:center;margin:0;font-size:30px;font:bold 3rem "Oswald",aerial,sans-serif;color:#fff;text-transform:uppercase}
#information .content strong {display:block}
#contact p.address strong{display:block}
#design ol li{margin-bottom:20px}
#design ol li strong{display:block}
#planning strong{display:block}

/* Responsive */
@media only screen and (max-width:768px)
{
iframe.movie{height:400px}
.strap{display:none}
header{background-size:cover}
}
@media only screen and (max-width:740px)
{
footer p:nth-child(3){border-right:0}
footer p:nth-child(4){display:block;width:100%;padding-left:0}
nav ul{margin-top:0;text-align:left}
.nationwide{margin:0 10%}
}

@media only screen and (max-width:700px)
{.three-col li{width:100%}}

@media only screen and (max-width:640px)
{
.wrap{margin:0}
#msg-response{width:400px}
iframe.movie{height:300px}
form p{float:none}
.two-col li{width:100%}
.twocols {column-count:1;-webkit-column-count:1;-moz-column-count:1}
#index .testimonial{display:none}
.nationwide	{font-size:2rem;padding:10px}
}
@media only screen and (max-width:480px)
{
#msg-response{width:260px}
iframe.movie{height:200px}

footer p{display:block;width:100%;margin-top:20px;padding-left:0;border-right:0}
.img{float:none;max-width:100%}
}