/* AMS Med Waste Landing CSS */

/* global */

html {
	background: #fff
}
.button {
	color: #fff;
	padding: 0 30px;
	font-size: 30px;
	line-height: 50px;
	background: #DC1A32;
	display: inline-block;
	text-decoration: none;
	border-bottom: 3px solid #9B0C1E;
}
.button:hover {
	opacity: .90;
	text-decoration: none;
}

/* layout */

/* header */

header {
	width: 100%;
	height: 600px;
	background: url(../images/layout/header-background.png) center top no-repeat;
	background-size: 100% auto;
}
header > .container > .inner {
	padding: 20px 0 0;
}
#logo {
	float: left;
	display: block;
}
#logo img {
	display: block;
}
#contact_info {
	float: right;
	text-align: right;
}
#contact_info p {
	color: #fff;
	font-size: 26px;
}
#contact_info p:first-child {
	margin: 0;
}
#contact_info p span {
	color: #000;
	font-size: 14px;
}
#cta {
	clear: both;
}
#cta > .inner {}
#cta h1 {
	margin: 0;
	color: #333;
	font-size: 48px;
}
#cta p {
	color: #333;
	font-size: 22px;
}
#cta > .inner > h1 + p {
	margin: 0;
}
#cta .button {}

#cta a {
	color: #fff;
}
/* banner */

#banner {
	height: 50px;
	text-align: center;
	background: #303030;
}
#banner h2 {
	margin: 0;
	color: #fff;
	font-size: 24px;
	line-height: 50px;
}

/* logo banner */

#logo_banner {
	height: 90px;
	overflow: hidden;
	tex-align: center;
}
#logo_banner > .container > .inner {
	padding: 12.5px 0 0;
	margin: 0 0 0 90px;
}
#logo_banner img {
	display: inline-block;
	margin: 0 0 0 90px;
}
#logo_banner img:first-child {
	margin: 0;
}

/* main */

main {}

/* content */

#content {
	height: 350px;
	background: url(../images/layout/wave-bg1.png) left top repeat;
}
#content > .container > .inner {
	margin: 0 100px;
	padding: 40px 0 10px;
}
#content h3 {
	font-size: 28px;
}
#content p {
	font-size: 18px;
}

/* features */

#features {
	height: 460px;
	background: url(../images/layout/wave-bg2.png) left top repeat;
}
#features > .container > .inner {
	padding: 40px 0;
}
.feature {
	float: left;
	width: 300px;
	margin: 0 0 0 50px;
}
.feature:first-child {
	margin: 0;
}
.feature img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 0 5px;
}
.feature p {
	font-size: 16px;
}
.feature .feature_title {
	font-size: 24px;
	font-weight: 400;
	margin: 0 0 .25em;
}

/* testimonials */

#testimonials {
	height: 480px;
	background: #303030;
}
#testimonials > .container > .inner {
	padding: 80px 0;
}
#testimonials h4 {
	color: #DC1A32;
	font-size: 28px;
	margin: 0 0 30px;
	text-align: center;
}
.testimonial {
	margin: 0;
	float: left;
	width: 450px;
}
#testimonials > .container > .inner > h4 + .testimonial {
	margin: 0 100px 0 0;
}
.testimonial blockquote {
	color: #fff;
	display: block;
	font-size: 20px;
}
.testimonial cite {
	color: #DC1A32;
	display: block;
	font-size: 20px;
	font-style: normal;
}
.testimonial cite span {
	display: block;
}
.testimonial ul {
	margin: 0px 0px 0px 25px;
}
.testimonial ul li {
	font-size: 16px;
	color:#fff;
}

/* contact */

#contact {
	background: url(../images/layout/pool-bg2.jpg) center top no-repeat;
	background-size: 100% auto;
}
#contact > .container > .inner {
	padding: 15px 0 0;
}
#contact h5 {
	font-size: 28px;
	margin: 0 0 40px;
	text-align: center;
}
#contact form {}
#contact table {}
#contact tr td:first-child {
	padding: 0 100px 10px 0;
}
#contact td {
	color: #303030;
	font-size: 16px;
	padding: 0 0 10px;
}
#contact input {
	padding: 0;
	height: 30px;
	width: 450px;
	text-indent: 5px;
	border: 1px solid #303030;
}
#contact textarea {
	padding: 0;
	margin-top: 15px;
	height: 150px;
	width: 100%;
	text-indent: 5px;
	border: 1px solid #303030;
}
#contact td .captcha {
	width: 100%;
	float: left;
}
#contact td .captcha img {
	width: 100%;
	height: auto;
	margin: -15px 0px 0px 0px;
}
#contact td .captcha p {
	color: #303030;
    font-size: 16px;
	margin: 0px 0px 15px 0px;
}
#contact td .captcha input {
	width: 99%;
}
#contact input[type='submit'] {
	width: auto;
	height: auto;
	border: none;
	color: #303030;
	padding: 0 30px;
	font-size: 22px;
	line-height: 50px;
	background: #28ACE2;
	display: inline-block;
	border-bottom: 3px solid #2288A8;
}
#contact input[type='submit']:hover {
	opacity: .90;
}

/* footer */

footer {
	background: #303030;
}
footer > .container > .inner {
	padding: 15px 0 0;
}
footer p {
	color: #aaa;
	font-size: 18px;
	margin: 0 0 .5em;
	text-align: center;
}
footer .line {
	height: 1px;
	wdith: 930px;
	background: #000;
	margin: 0 0 15px;
}
footer ul {
	float: left; 
	display: block;
	min-width: 185px;
	margin: 0 0 0 18.75px;
}
footer > .container > .inner > .line + ul {
	margin: 0;
}
footer ul li {
	color: #aaa;
	list-style: none;
}