/* set default margin/padding globally */
* {
	margin:0;
	padding:0;
	font:normal 100%/1.125em 'Trebuchet MS',Verdana, Helvetica;
}

/* body styles */
body {
	margin:0;
	padding:0;
	font-size: 0.9em; /* sets default font size to be about 12/13px - can be scaled with percentages throughout rest of css */
	background-color:#fff;
}

img { border:0; }

.img-left {
	margin:10px 20px 5px 0;
}
.img-right {
	margin:0 0 5px 10px;
}

.border {
	border:1px solid #000;
}

h1, h2, h3, h4, h5, h6, blockquote {
    padding-bottom:0.6em;
}

ul, ol, dl {
	padding-bottom:1em;
	padding-left:3em;
}
li {
	line-height:1.5em;
}
.no-bullet {
	list-style-type:none;
}
	

/* heading sizes */
h1 { font-size:180%; }
h2 { font-size:165%; }
h3 { font-size:150%; }
h4 { font-size:135%; }
h5 { font-size:120%; }
h6 { font-size:105%; }

/* set default paragraph margins */
p { padding-bottom:1em; line-height:1.5em; }

small { font-size:90%; }
strong { font-weight:bold; }
em { font-style:italic; }

.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { text-decoration:underline; }

/* default links */
a:link {
	color:#00f;
	text-decoration:none;
}
a:visited {
	color:#f00;
	text-decoration:none;
}
a:active {
	color:#00f;
	text-decoration: none;
}
a:hover {
	color:#f00;
	text-decoration:underline;
}

a.white:link {
	color:#fff;
	text-decoration:none;
}
a.white:visited {
	color:#fff;
	text-decoration:none;
}
a.white:active {
	color:#fff;
	text-decoration:none;
}
a.white:hover {border:0;
	color:#fff;
	text-decoration:underline;
}

/* global clearing class to clear any floated content */
.clearer {
	clear:both;
	height:0px;
}

br.clear-left {
	clear:left;
}
br.clear-right {
	clear:right;
}
br.clear-both {
	clear:both;
}

/* set up two equal columns */
.left {
	float:left;
	width:49%;
}
.right {
	float:right;
	width:49%;
}

/* back to top links on various pages */
.back-to-top {
	text-align:right;
	font-weight:bold;
	font-size:105%;
}
.back-to-top a {
	font-weight:bold;
}

/* anchor links on top of various pages */
.quick-nav-container {
	margin:0 auto;
	text-align:center;
	padding-bottom:30px;
}
.quick-nav {
	width:auto;
	display:inline;
	padding:10px;
	background-color:#efefef;
	border:1px solid #dfdfdf;
}
.quick-nav a {
	font-weight:bold;
}

.contact-submit {
	width:500px;
	padding:10px;
	background-color:#efefef;
	border:1px solid #dfdfdf;
}

/*
---------------------------------------------------------
*/


/* container which holds all blocks on page, including footer */
#outer-container {
	width:100%;
	min-width:950px;
	background:url(/images/header-bg.png) repeat-x top left;
}

* html #outer-container { width:1000px; }

/* inner container, holds left and right columns */
#inner-container {
	background:url(/images/left-col-bg.png) repeat-y top left;
}

/* left column, contains logo and navigation */
#left-col {
	float:left;
	width:275px;
}

/* displays the logo */
#logo {
	height:153px;
	background:transparent url(/images/logo.png) no-repeat top left;
}

/* makes logo clickable */
#logo a {
	display:block;
	float:left;
	margin-left:16px;
	width:246px;
	height:153px;
}
#logo a span { display:none; } /* hide link text */

/* top of navigation bar */
#nav-top {
	height:10px;
	background:transparent url(/images/nav-top.png) no-repeat top left;
}
/* bottom of navigation bar */
#nav-bottom {
	height:75px;
	background:#fff url(/images/nav-bottom.png) no-repeat top left;
}

/* container which holds all navigation items, including extra content below navigation links */
#nav-container {
	background:#fff url(/images/nav-bg.png) repeat-y top left;
}

/* define navigation list */
#nav {
	margin-left:44px;
	width:190px;
}
#nav ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#nav ul li a {
	display:block;
	width:170px;
	padding:5px 10px;
	color:#fff;
	font-size:120%;
	text-decoration:none;
	border-top:1px solid transparent;    /* make borders transparent so on hover we can change border and */
	border-bottom:1px solid transparent; /* not have the links jump over the screen because of added width */
}
#nav ul li a:hover, #nav ul li a.active:hover {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background-color:#76736b;
}
#nav ul li a.active {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background-color:#96938b;
}

/* iso certification image borders */
.iso-cert {border:3px solid #76736b;}

/* navigation buttons top */
#nav-button-top {
	height:10px;
	background:transparent url(/images/nav-button-top.png) no-repeat top left;
}

/* navigation buttons bottom */
#nav-button-bottom {
	height:10px;
	background:transparent url(/images/nav-button-bottom.png) no-repeat top left;
}

/* contact button */
#nav-button-contact {
	height:46px;
	background:transparent url(/images/nav-button-contact.png) no-repeat top left;
}

/* request for quote button */
#nav-button-rfq {
	height:46px;
	background:transparent url(/images/nav-button-rfq.png) no-repeat top left;
}

/* make nav button links clickable */
#nav-button-contact a, #nav-button-rfq a {
	display:block;
	margin-left:16px;
	width:246px;
	height:46px;
}
#nav-button-contact a span, #nav-button-rfq a span { display:none; } /* hide link text */


/* right column which contains header tagline and all content */
#right-col {
	margin-left:275px;
	padding:0 25px 25px 10px;
	/* min-height:716px; */
}

/* block container holding our tagline */
#tagline-container {
	height:107px;
}

#logo-print {
	display:none;
}

/* tagline graphic in header */
#tagline {
	margin:0 auto;
	padding-top:42px;
	text-align:center;
}

/* breadcrumb links */
#breadcrumb {
	padding:10px 0 20px 0;
	font-weight:bold;
	font-size:90%;
}
#breadcrumb a {
	color:#000;
	font-weight:bold;
}
#breadcrumb a:hover {
	text-decoration:underline;
}

/* this id is the box containing just the page content itself  */
/* on screen, this id has no styles but in print it will clear */
/* the header to allow printing to display page properly       */
#content {
}


/* footer */
#footer {
	margin:0;
	padding:0;
	background:url(/images/footer-bg.png) repeat-x top left;
}

/* navigation bar in footer */
#footer-nav {
	height:92px;
	background:url(/images/footer-nav-bg.jpg) no-repeat top left;
}

/* used to properly position nav links in footer */
#footer-nav div {
	padding-left:275px;
	text-align:center;
	padding-top:18px;
	line-height:1.8;
	color:#fff;
	font-weight:bold;
}
#footer-nav a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
#footer-nav a:hover {
	text-decoration:underline;
	font-weight:bold;
}

/* below the footer navigation we have the 'actual' footer which contains the company address, */
/* copyright statement, and association logos. this is split into two columns, left and right. */

/* left footer column, contains association logos */
#footer-left {
	float:left;
	width:275px;
	background:transparent url(/images/footer-left-bg.jpg) no-repeat top left;
	padding-top:112px;
	text-align:center;
}

/* We've Moved link to map page */
.footer-map {margin-bottom: 16px; font-weight: bold; font-style: italic; font-size: 20px;}
a.map-link:link {color: #c41230; text-decoration: none; font-weight: bold; font-style: italic; font-size: 20px;}
a.map-link:active {color: #c41230; text-decoration: none; font-weight: bold; font-style: italic; font-size: 20px;}
a.map-link:visited {color: #c41230; text-decoration: none; font-weight: bold; font-style: italic; font-size: 20px;}
a.map-link:hover {color: #c41230; text-decoration: underline; font-weight: bold; font-style: italic; font-size: 20px;}

/* american welding society logo */
.aws-logo {
	margin-top:1em;
	display:inline-block;
	height:62px;
	
}
.aws-logo span {
	float:left;
	height:62px;
	font-weight:bold;
	margin-right:20px;
	padding-top:5px;
	font-size:110%;
}
.aws-logo a, .aws-logo a:hover {
	text-decoration:none;
	color:#000;
}

/* right footer column, contains company contact info and copyright statements */
#footer-right {
	margin-left:275px;
	padding-top:45px;
	background:transparent url(/images/footer-right-bg.jpg) no-repeat top left;
	text-align:center;
}

/* address container */
#footer-address {
	width:600px;
	height:71px;
	padding-top:15px;
	margin:0 auto;
}
#footer-address .center {
	float:left;
	width:200px;
	margin-top:-5px;
	text-align:center;
}
#footer-address .left {
	float:left;
	width:190px;
	text-align:right;
}
#footer-address .left span { display:block;  }
#footer-address .right {
	float:left;
	width:210px;
	text-align:left;
}
#footer-address .right span { display:block;  }


/* staff page */
.staff-box {
	float:left;
	padding-top:20px;
}
.staff-img {
	float:left;
	width:200px;
	text-align:center;
	font-size:110%;
}
.staff-img img {
	border:1px solid #000;
}
.staff-bio {
	width:auto;
	padding-left:200px;
}

.alt {
	background-color:#f0f0f0;
}

/* sidebars floated to right of page, used on various pages */
.sidebar, .pic-sidebar, .pic-sidebar-clear {
	display:block;
	float:right;
	width:250px;
	padding:20px;
	margin-left:30px;
	background-color:#eee;
	border:1px solid #e0e0e0;
}
.pic-sidebar, .pic-sidebar-clear {
	width:350px;
	text-align:center;
	margin-right:30px;
}
.pic-sidebar-clear {
	width:auto!important;
	background:transparent!important;
	border:none!important;
	text-align:right!important;
}
.pic-right {
	display:block;
	float:right;
	width:230px;
	padding:0px;
	text-align:center;
}
.pic-right p {
	margin:0;
	font-size:80%;
	text-align:center;
}

/* weldable materials */
.welding-data {
	border-collapse:collapse;
	border-color:#aaa;
}
.welding-data th {
	font-size:95%;
	font-weight:bold;
	background-color:#ddd;
	padding:2px;
}
.welding-data td {
	font-size:85%;
	text-align:center;
	padding:2px;
}

.welding-combo {
	border-collapse:collapse;
	border:1px solid #ccc;
}
.welding-combo tr.alt th, .welding-combo tr.alt td {
	background-color:#efefef;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.welding-combo th {
	width:33%;
	font-size:85%;
	text-align:left;
	vertical-align:top;
	padding:10px 5px;
	border-right:0;
}
.welding-combo td {
	font-size:85%;
	text-align:left;
	padding:10px 5px;
	border-left:0;
}

table.fw-steps td {
	padding:5px 20px;
}

/* contact form styles */
.contact td {
	padding:3px;
}
.field-box {
	display:inline-block;
	padding:5px;
	font-weight:bold;
	border:1px solid #666;
	font-family:monospace;
	font-size:110%;
}

/* display video on company profile page */
.spinweld-video {
	display:block;
	float:right;
	width:350px;
	padding:10px;
	margin-left:20px;
	text-align:center;
}