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

* {
    margin: 0;
    padding: 0;
}

img, embed, iframe, object, video {
    max-width: 100%;
}

h1 {
	text-align: center;
	font-family: 'PT Serif', serif;
	font-style: italic;
	font-size: 32px;
	letter-spacing: 2px;
	font-weight: 400;
	color: #FFF;
	text-shadow: 1px 1px 6px #000;
	line-height: 1.6;
}

h2 {
	font-family: 'PT Serif', serif;
	font-size: 28px;
	font-style: italic;
	padding-bottom: 20px;
	letter-spacing: 1px;
	color: #090b0f;
}

a {
	color: #1f7e60;
	text-decoration: none;
}

 
p a:hover {
	border-bottom: 2px solid #1f7e60;
	text-decoration: none;
}

nav a {
	color: #FAFAFA;
}

nav a:hover {
	color: #FFF;
	text-decoration: none; 
	background: url(../images/underline-hover.gif) repeat-x 100% 100%;
	padding-bottom: 14px;
	white-space: nowrap;
}

p {
	left: 0;
}

img.inset {
	max-width: 100%;
	height: auto !important;
	margin-left: 11%;
	margin-right: 11%;
}

img.casestudy {
		max-width: 100%;
	width: 100%;
	height: auto !important;
}

figcaption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9C9C9C;
	padding-left: 5%;
	font-style: italic;
}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.4;
	background-color: #FAFAFA;
	color: #252525;
	background-image: url(../images/background.png);
}

section {
	background-color: #FFF;
}

section p {
	padding-bottom: 15px;
}

.logowrapper {
	width: 100%;
	background-color: #000000;
	background-image: url(../images/headbackground.png);
	height: 190px;
}

#top {
	padding-top: 120px;
	padding-bottom: 0px;
}

.headwrapper {
	width: 100%;
	background-color: #353535;
	background-image: url(../images/bosendorfer-grand-piano-interior.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
	background-color: #090b0f;
	-moz-box-shadow:    inset 0 0 600px #000000;
   -webkit-box-shadow: inset 0 0 600px #000000;
   box-shadow:         inset 0 0 600px #000000;
}

header {
	text-align: center;
	height: 128px;
	padding-top: 52px;
}

.phonetop {
	text-align: center;
	padding-top: 45px;
	color: #9C9C9C;
	font-family: Arial;
	font-size: 12px;
}

.hero {
	height: 500px;
	padding-top: 185px;
	padding-bottom: 95px;
	background-color: transparent;
}

nav {
	font-family: 'PT Serif', serif;
	text-align: center;
	padding-top: 18px;
	padding-bottom: 18px;
	background-color: #090b0f;
	height: 53px;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 16px;
}

#nav ul {
	list-style: none;
	padding: 0;
	margin-top: 0;
}

#nav li {
	display: inline;
	padding: 0 4% 0 4%;
}

.content {
	padding-top: 75px;
	padding-bottom: 75px;
}

.content p, 
h2,
footer p {
	padding-left: 7%;
	padding-right: 7%;
}

#logos {
	text-align: center;
    padding-top: 30px;	

}

#historyimage {
	background-image:url(../images/placeholder.gif);
	height: 450px;
}

#map {
	background-image:url(../images/map-fallback.jpg);
	height: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#map p {
	padding-right: 5px;
	text-align: right;
}

#googlemaps {
	width: 960px;
	height: 400px;
	border: 0;
}

ul#contactdetails {
	padding-bottom: 45px;
	list-style: none;
}

ul#contactdetails li {
	height: auto;
	margin-bottom: 15px;
}

footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom: 55px;
	padding-top: 25px;
	color: #9C9C9C;
}

footer p:nth-child(3){
	font-size: 10px;
	padding-top: 5px;
	padding-bottom: 8px;
}

footer a:hover,
p.maptext a:hover,
.scrolltop a:hover {
	border-bottom: 1px solid #1f7e60;
	text-decoration: none;
}

p.maptext {
	padding: 0;
	margin: 0;
}

.sectionbreak {
	width: 100%;
	height: 1px;
	background-color: #EEE; 
	background-image: url(../images/background.png);

}

.scrolltop {
	background-color: #FFF;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
	font-size: 10px;
}

.scrolltop a {
	margin-right: 5px;
}
	
::-moz-selection {
    background-color: #1f7e60;
    color: #fff;
}

::selection {
    background-color: #1f7e60;
    color: #fff;
}

.left {
	margin-left: 4%;
}

.right {
	margin-right: 4%;
}

.slideshow {
	margin-top: 0;
	padding-bottom: 60px;
}



 .slidesjs-pagination {
      margin: 6px 2px 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 3px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
	background-color: #f1f1f1;
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
	background-color: #1f7e60;
    }

    .slidesjs-pagination li a:hover {
	background-color: #1f7e60;
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }

#carousel1,
#carousel2,
#carousel3,
#carousel4,
#carousel45,
#carousel5,
#carousel6,
#carousel7,
#carousel8,
#carousel9,
#carousel10,
#carousel11,
#carousel12{
	height: 576px;
	background-size: contain;}

#carousel1 {
	background-image: url(../images/vaughan-williams-piano-restoration-0.jpg);
}
#carousel2 {
	background-image: url(../images/vaughan-williams-piano-restoration-1.jpg);
}
#carousel3 {
	background-image: url(../images/vaughan-williams-piano-restoration-2.jpg);
}
#carousel4 {
	background-image: url(../images/vaughan-williams-piano-restoration-3.jpg);
}
#carousel45 {
	background-image: url(../images/vaughan-williams-piano-restoration-45.jpg);
}

#carousel5 {
	background-image: url(../images/vaughan-williams-piano-restoration-4.jpg);
}
#carousel6 {
	background-image: url(../images/vaughan-williams-piano-restoration-5.jpg);
}
#carousel7 {
	background-image: url(../images/vaughan-williams-piano-restoration-6.jpg);
}
#carousel8 {
	background-image: url(../images/vaughan-williams-piano-restoration-7.jpg);
}
#carousel9 {
	background-image: url(../images/vaughan-williams-piano-restoration-8.jpg);
}
#carousel10 {
	background-image: url(../images/vaughan-williams-piano-restoration-9.jpg);
}
#carousel11 {
	background-image: url(../images/vaughan-williams-piano-restoration-10.jpg);
}

#carousel12 {
	background-image: url(../images/vaughan-williams-piano-restoration-11.jpg);
}

.captionright {
	margin-top: 5%;
	margin-right: 5%;
	float: right;
	padding: 13px;
    background: rgba(10, 10, 10, 0.9);
	color: #FFF;
	display: inline-block;
	max-width: 40%;
	border-radius: 3px;
}

.captionleft {
	margin-top: 5%;
	margin-left: 5%;
	float: left;
	padding: 13px;
    background: rgba(10, 10, 10, 0.93);
	color: #FFF;
	display: inline-block;
	max-width: 40%;
	border-radius: 3px;
}


.emailbutton {
	display: inline-block;
	background-color: #1f7e60;
	border-radius: 3px;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
	}

.emailbutton a{
	color: #FFF;
}

.emailbutton:hover {
	background-color: #00654a;
	}
	

	
p.maptext a{
	color: #1f7e60;
}

#casestudy {
	padding-bottom: 120px;
	margin-top: 0;
	padding-top: 0;
}

.video {
	height: 100%;
	width: 100%;
	padding-bottom: 60px;
	padding-top: 0;
}

#videowrapper {
	height: auto;
	width: 100%;
	padding-top: 0;
}

.responsivevideo{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.responsivevideo iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}



/* Mobile */

@media screen and (max-width: 679px) {
	
	#top {
	padding-top: 50px;
	padding-bottom: 105px;
	border-bottom: 1px solid #fff;
}

.captionright,
.captionleft {
	font-size: 10px;
}

.left,
.right {
	margin: 0;
}

html {
    -webkit-text-size-adjust: none;
}

.mobinset {
	max-width: 100%;
	height: auto !important;
	margin-left: 0;
	padding-bottom: 15px;
}
	
h1 {
	text-align: center;
	font-family: 'PT Serif', serif;
	font-style: italic;
	font-size: 20px;
	letter-spacing: 2px;
	font-weight: 400;
	color: #FFF;
	text-shadow: 1px 1px 6px #000;
	line-height: 1.6;
}

h2 {
	font-size: 24px;
}
	
header {
	height: 110px;
	padding-top: 35px;
}

.headwrapper {
	background-position: top center;
}

.hero {
	height: 200px;
	display: none;
}
	
.hero {
	height: auto;
	padding-top: 30px;
	margin-right: 5%;
	margin-left: 5%;
	padding-bottom: 20px;
}

nav {
	text-align: center;
	padding-bottom: 16px;
	height: auto;
}

nav a:hover {
	color: #1f7e60;
	background: none;
}

#nav li {
	display: block;
	margin-left: 5px;
	margin-right: 5px;
	line-height: 1.8;
}
	
footer {
	text-align: center;
	line-height: 1.6;
}

footer p {
	padding: 0;
}

.content {
	padding-top: 40px;
	padding-bottom: 40px;
}

img.inset {
	display: none;
}

#googlemaps {
	display: none;
}

#map {
	height: 250px;
	background-image:url(../images/google-map-mobile.png);
	background-position: center;
}

ul#contactdetails {
	padding: 0;
	margin-top: 20px;
	margin-bottom: 40px;
	padding-left: 7%;
}

.slideshow {
	padding-bottom: 30px;
}

#casestudy {
	padding-bottom: 50px;
}


}

/* Tablet */

@media screen and (min-width: 680px) and (max-width: 1024px) {
	
	#top {
	padding-top: 100px;
	padding-bottom: 60px;
}

#nav li {
	padding: 0 2% 0 2%;

}

h1 {
	font-size: 30px;
}
  
.hero {
	height: auto;
	padding-top: 100px;
	margin-right: 8%;
	margin-left: 8%;
	padding-bottom: 90px;
} 



}