body {margin:0;padding:0;font-family: 'PT Sans Narrow', sans-serif;font-size:18px; color:#333333; background:#FFFFFF;overflow-x:hidden;}
#main-wrapper { width:100%;overflow-x:hidden; }
a:link, a:visited {color:#23396A;text-decoration:none;}
a:hover, a:active {color:#333333;text-decoration:none;}
* {margin:0; padding:0;}
.clearer{clear:both;}
img {border:none;}
img.Fleft {float: left;margin: 0 15px 23px 0;}
img.border {border:1px solid #999999;}
.hidden {display:none;}
h1 {}
h2 {color: #051F5B;font-size: 24px;margin: 0 0 5px;}
h3 {color:#CA9833;font-size:20px;margin: 0 0 5px;}
p {margin: 0 0 15px 0;}
p.more {text-align:right;color:#9F7727;font-size:12px;margin: -10px 0 0;}
p.more a {color:#9F7727;}
p.more a:hover {color:#333333;}

p, span, a, div { font-family: 'PT Sans Narrow', sans-serif !important; }

.container {width:1000px;margin:0 auto;position: relative;}
#header {border-bottom: 1px solid #999999;border-top: 4px solid #CA9834;height: 145px;width:100%; }
#header .container {height: 145px;}
#header #logo {float: left;margin: 4px 0 0;}
#header #head_right {float: right;margin: 7px 0 0;text-align: right;}
#header #head_right p {margin: 0;}
#header #head_right h4 {background:url(../images/phone.jpg) no-repeat 0 5px;color: #008D8E;float: right;font-size: 28px;height: 34px;padding: 0 0 0 25px;}

#login-btn {position: absolute;background: #CA9834;color: #ffffff;border: none;top: 8px;font-size: 16px;padding: 5px 5px;border-radius: 3px;right: 112px;}
#login-btn:hover {cursor: pointer}

#customer-btn {background: #CA9834;color: #ffffff;border: none;font-size: 16px;padding: 5px 5px;border-radius: 3px;margin: 15px auto !important;display: block;}
#customer-btn:hover {cursor: pointer}

#employee-btn {background: #CA9834;color: #ffffff;border: none;font-size: 16px;padding: 5px 5px;border-radius: 3px;margin: 15px auto !important;display: block;}
#employee-btn:hover {cursor: pointer}

.left-login {width: 200px;float: left;padding-right: 7px;}
.right-login {width: 200px;float: left;padding-left: 7px;}

#menu {top: 100px;height: 26px;left: 0;position: absolute;width: 100%;}

.navbar-toggle {display: none;}

.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}

#content {background-color: #D9DAD4;border-bottom: 1px solid #999999;}
#banner {position: relative;top: -20px;}
#banner.home {}
#banner p {bottom: 4px;font-size: 18px;margin: 0;position: absolute;right: 10px;}
#banner p a {color:#FFFFFF;}
#banner.home h3 {color: #FFFFFF;font-size: 30px;left: 21px;position: absolute;text-shadow: 1px 1px 2px #000000;top: 18px;}

#content .content {background-color: #FFFFFF;border-bottom: 1px solid #999999;border-left: 1px solid #999999;border-right: 1px solid #999999;margin: 0 0 12px;padding: 15px 15px;position: relative;top: -20px;}
#content .content ul {margin-left:20px;}
#content .content ul li {line-height: 21px;}
#content .content ul li:last-child {}
#content .content ol {margin-left:20px;}
#content .content ol li {line-height: 21px;}
#content .content ol li:last-child {}
#content #home_boxes {float: left;margin: 0 0 -47px;position: relative;top: -20px;width: 100%;}
#content #home_boxes .box {background-color: #FFFFFF;border: 1px solid #999999;float: left;height: 300px;padding: 0 9px;width: 307px;}
#content #home_boxes .box.middle {margin: 0 9px;}
#content #home_boxes .box h3 {color: #051F5B;font-size: 20px;margin: 5px 0;}
#content #home_boxes .box img {margin:0 0 7px;}
#content #home_boxes .box p {line-height: 18px;margin: 0;}

#footer {text-align: center;margin:47px 0 100px;}
#footer ul {list-style-type: none;}
#footer ul li {border-right: 1px solid #23396A;color: #23396A;display: inline;}
#footer ul li.last {border-right:none;}
#footer ul li a {padding:0 16px;}
#footer p {margin: 15px 0 0;}
#footer p a {color: #7B8891;font-family: 'PT Sans';font-size: 13px;}
#footer p a:hover {color: #333333;}

#banner.interior p {bottom:1px;}
.content.interior {margin: 0 0 -47px !important;}
.content.interior.two_col {padding:13px 18px 41px !important;}
.content.interior .left {float: left;width: 252px;}
.content.interior .right {float: left;margin: 0 0 0 15px;width: 695px;}
#contact.content .left {width:300px;}
#contact.content .left p {margin:0;}
#contact.content .left p span {display: block;float: left;width: 135px;}
#contact.content .right {margin: 0 65px 0 105px;width: 492px;}
#contact.content .right ul#other_locations {float: left;list-style-type: none;margin: 0 0 20px;width: 100%;}
#contact.content .right ul#other_locations li {float: left;margin: 0 50px 0 0;}
.content #contact_form {width:492px;}
.content #contact_form.wide {width:512px;}
.content #contact_form p {margin: 0 0 5px;}
.content #contact_form .row {clear: both;float: left;width: 100%;margin: 0 0 10px;}
.content #contact_form .row label {float: left;width: 90px;line-height: 22px;}
.content #contact_form .row input[type="text"] {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:16px;
	color: #333333;
	line-height: 22px;
	width:394px;
	padding:3px;
	border: 1px solid #D9DAD4;
}
.content #contact_form .row input[type="submit"] {background:url(../images/send.jpg) no-repeat center top;width:69px;height:26px;text-indent:-9999px;border:none;cursor:pointer;float:right;}
.content #contact_form .row textarea {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:16px;
	color: #333333;
	line-height: 22px;
	height:125px;
	width:394px;
	padding:3px;
	border: 1px solid #D9DAD4;
}
.content #contact_form.wide label {width: 110px;}
.content #formQuote {width:600px;}
.content #formQuote p {margin: 0 0 5px;}
.content #formQuote .row {clear: both;float: left;width: 100%;margin: 0 0 10px;}
.content #formQuote .row label {float: left;width:120px;line-height: 22px;}
.content #formQuote .row label.style1 {
	float: left;
	width:110px;
	line-height: 22px;
	text-align:right;
	margin-right:10px;
}
.content #formQuote .row input[type="text"] {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:16px;
	color: #333333;
	line-height: 22px;
	width:394px;
	padding:3px;
	border: 1px solid #D9DAD4;
}
.content #formQuote .row select {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:16px;
	color: #333333;
	line-height: 22px;
	width:402px;
	padding:2px;
	border: 1px solid #D9DAD4;
}
.content #formQuote .row input[type="submit"] {background:url(../images/send.jpg) no-repeat center top;width:69px;height:26px;text-indent:-9999px;border:none;cursor:pointer;float:right;}
.content #formQuote .row textarea {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:16px;
	color: #333333;
	line-height: 22px;
	height:125px;
	width:394px;
	padding:3px;
	border: 1px solid #D9DAD4;
}
.content .note {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:13px;
	color: #666666;
	padding:0;
	margin:0;
	padding-left:140px;
}
.content #formQuote.wide label {width: 120px;}

ul#facilities {float: left;list-style-type: none;width: 100%;}
ul#facilities li {float: left;margin: 0 33px 0 12px;width: 284px;}
ul#facilities li.last {margin: 0 0 0 12px;}
ul#facilities li h4 {font-size: 14px;text-align: center;}
ul#facilities li img {display: block;margin: 10px 0;}
ul#facilities li p {font-size: 14px;line-height: 20px;}

/*::::::::::: BEGIN MODAL ::::::::::::*/

.modal {display: none;position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0); /* Fallback color */background-color: rgba(0,0,0,0.4);}

.modal-content p {text-align: center;}

.modal-content {font-family: 'Muli', sans-serif;font-size: 16px;line-height: 25px;background-color: #fefefe;margin: 15% auto;padding: 20px;border: 1px solid #888;width: 420px;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}

#modal-title {text-align: center;font-size: 24px;padding-top: 10px;color: #23396A;font-family: 'PT Sans Narrow', sans-serif;font-weight: 600;}

.close {color: #aaa;float: right;font-size: 28px;margin-top: -7px;}

.close:hover,
.close:focus {color: black;text-decoration: none;cursor: pointer;}

/*:::::::::::MEDIA QUERIES::::::::::::*/

/*TABLET SIZING*/
@media all and (max-width: 1000px) {
	/*MENU*/
	#menu {display: none;top: 91px !important;width: 727px;background: #ffffff;padding-left: 0 !important;padding-right: 0 !important;z-index: 100;}
	#menu a.menu1, #menu a.menu2, #menu a.menu3, #menu a.menu4, #menu a.menu5, #menu a.menu6, #menu a.menu7, #menu a.menu8 {width: 100.2% !important;background: #ffffff;}
	#menu a span {background: none !important;}
	
	#qm0 {border-top: solid 1px #979797 !important;}
	#qm0 a {height: 37px !important;line-height: 37px !important;}
	#qm0 a:hover {background: url("../images/menu-hover2.jpg") !important;}
	body #qm0 .qmactive, body #qm0 > li:hover > .qmparent {background: url("../images/menu-hover2.jpg") !important;}
	#qm0 div, #qm0 ul {border: none !important;width: 100%;}
	#qm0 div a, #qm0 ul a {border-bottom: none !important;height: 37px !important;width: 100%;padding: 3px 0px 3px 0px !important;text-align:center !important;}
	
	button {font: inherit;color: inherit;background-color:rgba(0, 0, 0, 0);border: none;right: 65px !important;}
	
	.navbar-toggle-container button.navbar-toggle {display: inline-block;position: relative;top: -35px;margin-left: 18px;right: 65px !important;}
	.navbar-toggle-container {display: block;position: absolute;right: 0;top: 50%;padding-top: 0;margin-top: 0;padding-bottom: 0;width: 100px;
height: 30px;margin-bottom: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
	
	.icon-bar {width:40px;transition: all 0.2s;}
	
	.navbar-toggle {display: block;float: none;position: absolute;right: 15px;top: 40px;margin: 0;padding: 0;z-index: 100;}
	.navbar-toggle .icon-bar {display: block;background-color: #CA9834;width: 40px;height: 4px;margin-top: 7px;margin-left: 84px;}
	.navbar-toggle.open .icon-bar.middle {opacity:0;}
	.navbar-toggle.open .icon-bar.top{top:-2px;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);margin-top: 20px;}
	.navbar-toggle.open .icon-bar.bottom {top:3px;-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);margin-top: -14px;}
	.navbar-toggle:hover {cursor: pointer !important;}
	
	.menu-icon {color: #CA9834;position: absolute;right: 55px;top: 9px;font-weight: bold;font-size: 1.2em;}
	
	#login-btn {
		display: none;
		right: 135px !important;
    top: 28px;
	}
	
	/*HOME PAGE*/
	body{font-size: 15px;}
	
	h2 {font-size: 20px;}
	
	.container {width: 726px;}
	
	#header #head_right p {display: none;}

	#menu {top: 62px;width: 100%;text-align: center;padding-left: 15px;padding-right: 15px;}

	#header {height:110px;}
	#header #logo {margin:13px 0 0 0;}
	#header #logo img {max-width: 230px;}

	#banner img:first-of-type {width: 466px;}
	#banner img:last-of-type {width: 330px;left: 397px !important;position: absolute;}
	#banner.home h3 {font-size:22px;width: 100%;left: 15;}
	#banner p {bottom: 0px;font-size: 16px;}

	#content #home_boxes .box {height: 337px;width: 216px;}
	#content #home_boxes .box img {width: 216px;}
	#content #home_boxes .box h3 {font-size: 18px;}
	#content #home_boxes .box p span {font-size:15px !important;}
	
	#footer ul li a {padding:0 11px;}
	
	.content p {font-size:15px !important;}
	.content p span {font-size:15px !important;}
	
	/*ABOUT US*/
	#banner.interior img:first-of-type {height:114px;}
	#banner.interior p {bottom: -2px;}
	
	table{width: 100%}
	
	/*MANUFACTURING*/
	.interior p img:nth-last-child(1) {width: auto !important;height: 175px !important;margin: 0 0 15px 0;}
	.interior p img:nth-last-child(2) {width: auto !important;height: 175px !important;margin: 0 0 15px 0;}
	.interior p img:nth-last-child(3) {width: auto !important;height: 175px !important;margin: 0 0 15px 0;}
	
	/*CONTACT US*/
	.two_col {height: 1315px;}
	
	#contact.content .right {margin: 0;width:100%;position: absolute;}
	#contact.content .left {position: absolute;height: 500px;top: 555px;}
	
	.right h3:nth-child(1) {position: absolute;top: 400px;left: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateX(-50%);width:100%;}
	.right p:nth-child(2) {position: absolute;top: 430px;}
	.right .clearer {display: none;}
	
	h3 {font-size:18px;}
	
	.row table {width:auto;}
	
}

@media all and (max-width: 768px) {
	/*HOME PAGE*/
	#header #logo {margin:13px 0 0 15px;z-index: 300;}

	#banner img:first-of-type {position:relative !important;}
	#banner img:last-of-type {width: 330px;left: 397px !important;position: absolute !important;}
	#banner.home h3 {font-size:22px;width: 100%;left: 15;}
	
}

/*MOBILE SIZING*/
@media all and (max-width: 725px) {
	/*MENU*/
	#menu {top: 76px !important;}
	
	.navbar-toggle-container button.navbar-toggle {top: -42px;}
	
	/*HOME PAGE*/
	body{text-align: center;font-size: 15px;}
	
	h2 {text-align: center;font-size: 18px;}
	
	.container {width: 100%;}
	
	#header {height: 95px;}
	#header #logo {margin:13px 0 0 10px;}
	#header #logo img {max-width: 180px;}
	
	#login-btn {
	  top: 20px;
	}
	
	#banner img:first-of-type {width: 100%;}
	#banner img:last-of-type {display: none;}
	#banner.home h3 {font-size:22px;width: 100%;left: 0;}
	#banner.home {background-image: url(/images/gold-background.png);}
	
	#content .content {width: 288px;margin: 0 auto -47px !important;}
	#content .content ul {margin-left: 0;}
	#content .content ul li {width: auto;margin: 0 auto;}
	
	#content #home_boxes {top: 27px;width: 320px;margin: 0 auto -1px !important;left: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateX(-50%);}
	#content #home_boxes .box.middle {margin: 15px 0 0 0;}
	#content #home_boxes .box {width: auto;margin-top: 15px;}
	#content #home_boxes .box img {width: 100%;}
	#content #home_boxes .box h3 {font-size: 18px;}
	#content #home_boxes .box p span {font-size:15px !important;}
	
	#footer ul {display: none;}
	#footer {padding: 0 10px;}
	
	.content p {font-size:15px !important;text-align: center;}
	.content p span {font-size:15px !important;}
	
	#break::before {content: ' '; display: block; }
	
	/*ABOUT US*/
	ul#facilities li {width: 100%;text-align: center;}
	ul#facilities li img {width: 100%}
	
	/*EMPLOYMENT*/
	h3 {margin: 0 0 10px;}
	
	p.more a {display: block;padding:10px 0 10px 0;}
	
	/*MATERIALS*/
	.interior p img:nth-last-child(1) {width: 287px !important;height: auto !important;}
	.interior p img:nth-last-child(2) {width: 287px !important;height: auto !important;margin: 0 0 15px 0;}
	.interior p img:nth-last-child(3) {width: 287px !important;height: auto !important;margin: 0 0 15px 0;}
	
	/*CONTACT US*/
	.two_col {height: 1410px;}
	
	#contact.content .right {margin: 0;width: 290px;position: absolute;left: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateX(-50%);}
	#contact.content .left {position: absolute;width: 290px;height: 500px;top: 650px;left: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateX(-50%);}
	.content #contact_form {width: 100%;}
	.content #contact_form .row input[type="text"] {width:100%;padding:0;}
	.content #contact_form .row textarea {width: 100%;padding:0;}
	.content #contact_form .row label {text-align:left;}
	
	.right h3:nth-child(1) {position: absolute;top:495px;left: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateX(-50%);width:100%;}
	.right p:nth-child(2) {position: absolute;top: 530px;left: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateX(-50%);}
	.right .clearer {display: none;}
	
	/*GET A QUOTE*/
	.content #formQuote {width: 100%;}
	.content #formQuote .row label {float: left;text-align: left;}
	.content #formQuote .row input[type="text"] {width: 100%; padding: 0 0;}
	
	.content #formQuote .row textarea {width: 100%;padding: 0;}
	.content #formQuote .row select {width: 100%;}
	
	/*MODAL*/
	.modal-content {width: 220px;}
	
}

@media all and (max-width: 350px) {
	.menu-icon {top: 11px;font-size: 1em;}
	.navbar-toggle-container button.navbar-toggle {right: -7px;}
}