/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600italic,400,600,700);

html, body {
	margin: auto;
	font-family: 'Open Sans', sans-serif;
}
a img { border: 0px; }
#header {
	max-width: 1380px;
	margin: auto;
	position: relative;
	min-width: 1024px;
	height: 710px;
	background-image: url(images/Southgate-Metals-Website-Final-Image.jpg);
	background-position: top center;
}
#page-header {
	max-width: 1380px;
	margin: auto;
	position: relative;
	min-width: 1024px;
	height: 115px;
	background-color: #292728;
}

#inner-header {
	max-width: 1024px;
	margin: auto;
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
	height: 116px;
}
#inner-header img {
	margin-top: 25px;
}
#header-txt {
	position: absolute;
	right: 10px;
	text-align: right;
	bottom: 25px;
	color: white;
	font-weight: 600;
	font-size: 17px;
}
#header-txt a { color: white; text-decoration: none; }
#slogan {
	position: absolute;
	text-align: right;
	bottom: 25px;
	color: white;
	font-weight: 600;
	font-style: italic;
	font-size: 22px;
	width: 220px;
	padding-left: 800px;
	left: 0; right: 0;
	margin-right: auto;
	margin-left: auto;
	top: 500px;
	text-align: left;
}
  #intro-wrapper {	max-width: 1380px;
	margin: auto;
	position: relative;
	min-width: 1024px;
	background-image: url(images/intro-background.jpg);
	background-size: cover;
}
  #page-wrapper {	max-width: 1380px;
	margin: auto;
	position: relative;
	min-width: 1024px;
	background-color: #006ea0;
}

#intro {
	width: 1024px;
	height: 268px;
	margin: auto;
}
#intro-txt {
	width: 592px;
	margin-left: 47px;
	padding-top: 51px;
	color: white;
	font-size: 16px;
	float: left;
}
#page {
	width: 1024px;
	padding-bottom: 71px;
	margin: auto;
}
#page-txt {
	width: 395px;
	margin-left: 47px;
	padding-top: 71px;
	color: white;
	font-size: 16px;
	float: left;
}
#pic {
	width: 512px;
	padding-top: 71px;
	float: right;
}
#contact-form {
	width: 522px;
	padding-top: 71px;
	float: right;
}
#page-txt h1 {
	font-size: 21px;
	 font-weight: bold;
	 margin-top: 0px;
}
#page-txt h3 {
	margin-bottom: 0;
}
.slider-for img {
	height: 300px;
}
.slider-nav img {
	height: 100px;
}
.slider-for img,
.slider-nav img {
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;

	border: 5px solid #006ea0;
}
  #page-footer-wrapper {	max-width: 1380px;
	margin: auto;
	position: relative;
	min-width: 1024px;
	background-color: #e7e7e8;
}
#page-footer {
	width: 930px;
	padding-bottom: 51px;
	margin: auto;
	color: rgba(119,119,119,1.00);
	padding-top: 50px;
	padding-bottom: 50px;
}

#contact-labels {
	float: left;
	margin-left: 63px;
	padding-top: 51px;
	width: 102px;
	color: white;
	font-weight: 700;
	font-size: 21px;
}
#contact-numbers {
	float: left;
	padding-top: 51px;
	color: white;
	font-weight: 700;
	font-size: 21px;
}
#footer {
	width: 1024px;
	margin: auto;
}
#map {
	width: 663px;
	height: 391px;
	background-color: rgba(229,229,229,1.00);
	float: left;
	margin-bottom: 20px;
}

/* Contact Form */
#clear { clear: both; }
#quote-button { width: 170px; height: 44px; text-align: center; line-height: 44px; text-decoration: none; font-size: 17px; border: 2px solid white; background-color: white; color: #006ea0; display: inline-block; margin-top: 40px; }
#video-button { width: 170px; height: 44px; text-align: center; line-height: 44px; text-decoration: none; font-size: 17px; border: 2px solid white; color: white; display: inline-block; margin-top: 40px; margin-left: 10px; }
.about-contactinfo { font-size: 21px; font-weight: bold; color: #006ea0 !important; }