@font-face {
    font-family: Open Sans; font-weight: normal; font-style: normal;
    src: url('../fonts/OpenSans.ttf') format('truetype');
}
@font-face {
    font-family: Open Sans Regular; font-weight: normal; font-style: normal;
    src: url('../fonts/OpenSans_R.ttf') format('truetype');
}
html, body {
	margin: 0; font-family: Open Sans; background: url('../img/symphony.png')
}
h1 {color: #5cc3d7; margin: 10px 0}
h2 {margin: 15px 0}
a {
	text-decoration: none;color: #5cc3d7;
	-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease
}
a:hover {color: #191919}
header {
	margin: 20px 0
}
.psuedo-line-turq {
	border-bottom: 1px solid #5cc3d7;
	display: block;
	margin: auto;
	width: 200px;
}
.container {margin: auto; width: 1200px}
.content {margin: auto; width: 1100px;padding: 10px 0 20px 0}
.shadow {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}
.back-white {background-color: rgba(255,255,255,1)}
.back-white-7 {background-color: rgba(255,255,255,0.7)}
.back-white-7-contact {background: rgba(255,255,255,0.7) url('../img/hd-contact.jpg')}
.back-white-7-manage {background: rgba(255,255,255,0.7) url('../img/hd-manage.jpg')}
.back-white-7-about {background: rgba(255,255,255,0.7) url('../img/hd-about.jpg')}
.back-white-7-value {background: rgba(255,255,255,0.7) url('../img/hd-value.jpg')}
.back-white-7-services {background: rgba(255,255,255,0.7) url('../img/hd-services.jpg')}
.back-white-6 {background-color: rgba(255,255,255,0.6)}
.sole {padding-bottom: 5px}
.logo {
	text-align: center; padding: 10px 0
}
.menu {
	background-color: #5cc3d7; color: #fff;
	width: auto; margin: auto; padding: 5px 0 0 0;
}
.centered {
	text-align: center
}
.introduction{padding: 0;list-style: none;display: inline-block; text-align: center;}
.grayEffect:hover{filter:text-decoration none; filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%)}
.grayEffect{
    filter: gray; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
    -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;
}
.introduction > li {
    width: 290px; font-size: 14px; padding:5px;
    text-align: center; float: left;
}
.introduction p{margin-top: -15px; margin-bottom: 0}
.introduction a{text-decoration: none; font-weight: bold; color: #5cc3d7}
.introduction a:hover{text-decoration: underline}
.centered-list{
    width: auto; display:inline-block; text-align: center;
    padding: 0; list-style: none;
}
.centered-list>li{float: left}
#sep1{margin: 0 50px}
footer {
	margin: 20px 0
}
footer > .container {
	padding: 10px 0;
}
.wrapper{width: 100%; min-height: 20px}
#map-canvas{width: 100%; height: 300px; margin: -20px 0 20px 0; background-color: rgb(92,195,215)}
#address{
    z-index: 10; width: 400px; padding: 5px; position: relative; top:20px;
    text-align: center; margin: auto; border-radius: 5px 5px 0 0;
    background-color:rgba(25,25,25,0.85); color: #fff; font-size: 14px;
}
#address h4{margin: 0 0 5px 0}
#address p{padding: 0; margin: 0}

div [class*="contact"] {
	float: left; display: inline;
}
div .contact-left {
	width: 45%; height: auto; margin-right: 5%; text-align: center
}
div .contact-right {
	width: 50%; height: auto; text-align: right
}
.contact-form {
	list-style: none; width: 100%; padding: 0
}
.contact-form input[type="text"], .contact-form textarea {
	-webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;
	background-color: #fff;
	border: 1px solid #5cc3d7;
    border-left: 5px solid #5cc3d7;
    border-radius: 0px;
    width: 100%; padding: 10px 0 5px 10px;
    margin-bottom: 10px;
}
.contact-form textarea {height: 50px}
.contact-form input[type="text"]:focus, .contact-form textarea:focus {
	border-width: 5px;
}
.contact-form input[type="submit"] {
	-webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;
	background-color: #fff;
	color: #5cc3d7; font-weight: bold;
	border: 2px solid #5cc3d7;
	padding: 10px 40px;
}
.contact-form input[type="submit"]:hover {
	background-color: #5cc3d7;
	color: #fff;
}
span.clear { clear: left; display: block; }