/* CSS Document */

/* Button Box info pages (hours, directions, services, etc.)
		Styles for large screen display */

html, body{margin:0;padding:0; }

h1:first-of-type {
margin-top:15px;
}

#LogoWrapper {
display:block;
background-color:#444;
width:100%;
margin:0px;
padding-top:25px;
padding-bottom:25px;
color:#FFF;
}

#LogoWrapper span {
display:block;
width:312px;
margin:0px auto;
}

#LogoWrapper a {
display:block;
margin:0px auto;
color:#FFF;
text-decoration:none;
font-weight:normal;
}

.GoBack {
display:none;
}

#Logo {
height:125px;
width:312px;
vertical-align:middle;
}

img{
	border:0px;
	}
	
h1 {
	font-weight: bold;
	display: block;
	width: 100%;
	background-color: #E0DBC5;
	padding: 12px 0px 12px 25px;
	color: #424242;
   font-family: "Libre Baskerville", Georgia, Garamond, Times, serif;
	letter-spacing:0.1em;
	font-size: 18pt;
	font-variant: small-caps;
}

h2 {font-weight:bold;
	display:block;
	margin:10px 0 0 35px;
	color: #424242;
	font-family: "Libre Baskerville", Georgia, Garamond, Times, serif;
	font-size:16pt;
	}

p {
	display: block;
	margin: 5px auto 12px auto;
	width: 70%;
	padding-right: 35px;
	color: #424242;
	line-height: 1.5;
}

ul {
	width:70%;
	margin: 0 auto;
	padding-right:35px;
}

.HideOnLargeScreen {
display:none;
}

.showroom {
	display:inline-block;
	background-image:url(images/Showroom-panorama.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	padding-bottom:22%;
	}
	
.InsetRight {float:right; margin:0 15px 20px 15px;}
.InsetLeft {float:left; margin:0 15px 20px 15px;}

table td {text-align:left;padding:10px;vertical-align:top;}
tr td:first-of-type {text-align:right;padding-left:45px;}

#AboutTheInstruments tr td:first-of-type {text-align:left;padding-left:10px;}
#AboutTheInstruments img {display:block;margin:12px auto;}