@charset "UTF-8";
/* CSS Document */

#wrap {width:1000px; margin:0 auto;}

body {background:url(../images/background.jpg); background-repeat:repeat;}


/* ======== FONTS ========== */
.headerbold {font-family: 'Oswald', sans-serif; font-size:36px; font-weight:400; color:#186d91; top:0px; left:0px;} /* text-shadow: 0px 3px 0px #ccc; */
.bold {font-family: 'Oswald', sans-serif; font-size:36px; font-weight:400; color:#186d91; top:0px;}
.headernorm {font-family: 'Oswald', sans-serif; font-size:24px; font-weight:300; color:#333;}
.crumbs {font-family: 'Open Sans', sans-serif; font-size:10px; font-weight:normal; color:#666666;}
.bodytype12 {font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:normal; color:#666666;}


/* ======== LINKS ========== */
a:link {text-decoration: none; color:#FFFFFF;}
a:visited {text-decoration: none; color:#FFFFFF;}
a:hover {text-decoration: none; color:#FFFFFF;}
a:active {text-decoration: none; color:#FFFFFF;}

#services_body a:link {text-decoration: none; color:#333333;}
#services_body a:visited {text-decoration: none; color:#333333;}
#services_body a:hover {text-decoration: none; color:#186d91; text-decoration:underline;}
#services_body a:active {text-decoration: none; color:#333333;}

#contact_body_left a:link {text-decoration: none; color:#333333;}
#contact_body_left a:visited {text-decoration: none; color:#333333;}
#contact_body_left a:hover {text-decoration: none; color:#186d91; text-decoration:underline;}
#contact_body_left a:active {text-decoration: none; color:#333333;}



/* ======== FLOATS AND PUSH ========= */
.right {float:right;}
.left {float:left;}
.push15 {padding-bottom:15px;}
.pushright20 {padding-right:128px;}


/* ======== HEADER ========= */
#headercontainer {display:inline; float:left; position:relative; top:0px; padding-bottom:15px; top:-8px; border-top:5px solid #333; border-bottom:3px solid #186d91;}
	#headerline {display:inline; float:left; position:relative; top:-8px; height:2px; background:#CCC; width:995px;}
#headerleft {display:inline; width:735px; height:75px; margin-top:10px; padding-bottom:5px; float:left; position:relative; padding-left:10px;}
#headerright {display:inline; width:240px; margin-top:10px; padding-bottom:5px; height:75px; float:left; position:relative; padding-right:10px;}


/* ======== SOCIAL NETWORKING ========= */
#snetworking {display:inline; float:left; width:100%; position:relative; margin-bottom:10px;}
#snetworking img {margin-right:15px; margin-bottom:15px;}


/* ======== LEFT CONTENT ======== */
#leftcontent {width:205px; float:left; display:inline;}
#rightcontent {width:795px; float:left; display:inline;}

#left_nav {width:200px; top:10px; float:left; margin-top:10px; background-color:#186d91; position:relative; display:inline; -moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow: 5px 5px 5px #ccc; box-shadow: 5px 5px 5px #ccc;}
	#left_nav ul {padding-left:15px; padding-top:5px; list-style:none;}
	#left_nav li {padding-bottom:15px; color:#FFFFFF; text-decoration:none;}
		#left_nav li:hover {background: rgba(215, 234, 238, 0.3);}
	.onpg {background: rgba(215, 234, 238, 0.3);}

.navtext {font-family: 'Oswald', sans-serif; font-size:18px; font-weight:300;}
.navsocialtext {font-family: 'Oswald', sans-serif; font-size:16px; font-weight:300;}


/* ======= BUYERS GUIDE ======= */
#buyersguide {width:200px; top:10px; float:left; margin-top:30px; background:none; position:relative; display:inline; -moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow: 5px 5px 5px #ccc; box-shadow: 5px 5px 5px #ccc;}
#buyersguideheader {color:#186d91; font-family: 'Oswald', sans-serif; font-size:18px; font-weight:300; position:relative; float:left; width:200px; top:20px;}
#buyersguideslogan {color:#333333; font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:normal; position:relative; float:left; width:200px; top:20px; margin-bottom:10px;}
		.dlbutton {font-family: 'Open Sans', sans-serif; width:100px; height:20px; font-size:12px; color: #ffffff; padding: 10px; text-decoration: none; display:inline; float:left; margin-top:20px; margin-left:35px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0px 1px 3px #666666; -moz-box-shadow: 0px 1px 3px #666666; box-shadow: 0px 1px 3px #666666; background: #186d91;}
		.dlbutton:hover {background: #135774; -webkit-transition: background 100ms ease-in 100ms; -moz-transition: background 100ms ease-in 100ms; -o-transition: background 100ms ease-in 100ms; transition: background 100ms ease-in 100ms;}


/* ======== HOME IMAGE SLIDER ========= */
#sliderholder {width:662px; margin-left:55px; top:10px; float:left; margin-top:20px; position:relative; display:inline; outline: 1px solid #333333; outline-offset: 7px; -moz-box-shadow: 5px 5px 5px #999; -webkit-box-shadow: 5px 5px 5px #999; box-shadow: 5px 5px 5px #999;}


/* ======== HOME BODY ========= */
#home_body {width: 750px; margin-left:50px; top:15px; float:left; position:relative; display:inline; margin-top:20px;}
	#home_body p {font-family: 'Open Sans', sans-serif; font-size:14px;}
		#home_body .sig {font-family: 'Pacifico', cursive; font-size:24px;}
		.bodytype {font-family: 'Open Sans', sans-serif; font-size:14px;}
		
		
/* ======== ABOUT BODY ======== */
#about_topimage {float:left; display:inline; width:100%; margin-bottom:25px;}
	#about_topimage img {-moz-box-shadow: 5px 5px 5px #999; -webkit-box-shadow: 5px 5px 5px #999; box-shadow: 5px 5px 5px #999;}
#about_body {width: 750px; margin-left:50px; top:15px; float:left; position:relative; display:inline; margin-top:5px;}



/* ======== BUYERS GUIDE BODY ======== */
#buyersguide_body {width: 750px; margin-left:50px; top:15px; float:left; position:relative; display:inline; margin-top:5px;}
#buyersguide_body p {font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:normal; color:#666666;}
#buyersguide_body input {background:none; border:1px solid #aaa; height:30px; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:normal; color:#333333; padding-left:5px;}

#buyersguide_body input:hover {border:1px solid #333;}
#buyersguide_body input:focus {outline-width:0;}

.bg_font {font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:normal; color:#666666;}





/* ======== SERVICES BODY ======== */
#services_body {width: 750px; margin-left:50px; top:15px; float:left; position:relative; display:inline; margin-top:5px;}
#services_topimage {float:left; display:inline; width:100%; margin-bottom:25px;}

.service_secimage {float:left; display:inline; width:150px; height:150px; border:1px solid #ccc; margin-left:15px;}
.service_secimage:hover {border:1px solid #333;}

.service_sec {float:left; display: inline; width:50%; margin-bottom:10px; height:145px; border:1px solid #ccc; padding-top:5px;}
	.service_sec p {font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:normal; color:#666666; margin-left:10px; margin-right:10px;}
	.secbold {font-family: 'Open Sans', sans-serif; font-size:18px; font-weight:normal; color:#333333; top:0px; margin-left:10px;}
.service_sec:hover {background:url(../images/servhov.png); background-repeat:repeat;}

/* Metals Page Only */
.metalservice_secimage {float:left; display:inline; width:100px; height:100px; border:1px solid #ccc; margin-left:10px; margin-right:25px;}
.metalservice_secimage:hover {border:1px solid #333;}

.metalservice_sec {float:left; display:inline; width:30%; margin-bottom:10px; height:200px; border:1px solid #ccc; padding-top:5px;}
	.metalservice_sec p {font-family: 'Open Sans', sans-serif; font-size:11px; font-weight:normal; color:#666666; margin-left:10px; margin-right:10px;}
	.metalsecbold {font-family: 'Open Sans', sans-serif; font-size:18px; font-weight:normal; color:#333333; top:0px; margin-left:10px;}
.metalservice_sec:hover {background:url(../images/servhov.png); background-repeat:repeat;}




/* - SERVICES BODY LARGE - */
.servicelg_sec {float:left; display: inline; width:50%; margin-bottom:10px; height:195px; border:1px solid #ccc; padding-top:5px;}
	.servicelg_sec p {font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:normal; color:#666666; margin-left:10px; margin-right:10px;}
	.secbold {font-family: 'Open Sans', sans-serif; font-size:18px; font-weight:normal; color:#333333; top:0px; margin-left:10px;}
.servicelg_sec:hover {background:url(../images/servhov.png); background-repeat:repeat;}



/* ======== SERVICE AREA BODY ======== */
#servicesarea_body {width: 750px; margin-left:50px; top:15px; float:left; position:relative; display:inline; margin-top:5px;}

#servicesarea_body p {font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:normal; color:#666666;}



/* ======== GALLERY ======== */
#gallery_body {width: 750px; margin-left:50px; top:15px; float:left; position:relative; display:inline; margin-top:5px;}

/* ======== LIGHTBOX GALLERY IMAGES ======== */
.lbgallery {border:1px solid #333;}
.lbgallery:hover {border:1px solid #CCC;}



/* ======== CONTACT ======== */
#contact_body {width: 750px; margin-left:50px; top:15px; float:left; position:relative; display:inline; margin-top:5px;}
#contact_map {width:100%; float:left; position:relative; border:1px solid #333; margin-bottom:15px;}
.contact_bold {font-family: 'Oswald', sans-serif; font-size:24px; font-weight:normal; color:#186d91;}

#contact_body_left {width:200px; position:relative; float:left; padding-right:50px; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:normal; color:#666666;}
#contact_body_right {width:500px; position:relative; float:left; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:normal; color:#333333;}

#contact_body_right input {background:none; border:1px solid #aaa; height:30px; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:normal; color:#333333; padding-left:5px;}

#contact_body_right textarea {background:none; border:1px solid #aaa; height:100px; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:normal; color:#333333; padding-left:5px;}


#contact_body_right input:hover {border:1px solid #333;}
#contact_body_right input:focus {outline-width:0;}





/* ======== FOOTER ========= */
#footer {width: 1000px; height:125px; top:15px; float:left; position:relative; display:inline; margin-top:25px; margin-bottom:75px; background-color:#186d91; -webkit-border-radius: 0px 0px 15px 15px; border-radius: 0px 0px 15px 15px; -moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow: 5px 5px 5px #ccc; box-shadow: 5px 5px 5px #ccc; }

#footer_left {width:250px; height:100px; float:left; position:relative; display:inline;}
	#footer_left p {color:#FFF; padding-left:15px; font-family: 'Oswald', sans-serif; font-size:14px; font-weight:300;}
#footer_right {width:550px; height:100px; float:right; position:relative; display:inline;}
	#footer_right img {padding-right:25px; padding-top:15px; border:none;}