/* --------------------------------------------------------------------------------
-----------------------------------------------------------------------------------
	
	Domain: mjb.chicodev.com
	Stylesheet: /ui/public/stylesheet/main.css
	Author: Brent White - ChicoWebDesign.com
	Version: July 20 2009
	
-----------------------------------------------------------------------------------
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
GENERAL
-------------------------------------------------------------------------------- */
.clear {
	clear: both;
	}
	br.clear {
		line-height: 0 !important;
		height: 0 !important;
		font-size: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		}
/* --------------------------------------------------------------------------------
GLOBAL
-------------------------------------------------------------------------------- */
* {
	outline: none;
	margin: 0;
	padding: 0;
	}
body {
	background: #174833;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #999;
	min-width: 990px;
	height: 100%;
	}
	/* --------------------------------------------------------------------------------
	HEADER
	-------------------------------------------------------------------------------- */
	#header {
		position: relative;
		z-index: 99;
		background: #000 url(/ui/public/image/layout/header.gif) no-repeat 50% 2px;
		width: 960px;
		margin: 0 auto;
		padding: 180px 0 10px;
		}
		#header * {
			overflow: visible !important;
			}
		/* --------------------------------------------------------------------------------
		HEADER -- LOGO
		-------------------------------------------------------------------------------- */
		#header h1.logo {
			position: absolute;
			top: 27px;
			left: 340px;
			display: block;
			background: url(/ui/public/image/layout/header-logo-mjb-welding.gif) no-repeat 0 0;
			width: 280px;
			height: 123px;
			}
			#header h1.logo a {
				display: block;
				line-height: 123px;
				text-indent: -9999px;
				overflow: hidden;
				}
		#header h3.contact {
			position: absolute;
			top: 120px;
			font-weight: bold;
			font-size: 18px;
			line-height: 18px;
			color: #000;
			text-shadow: 2px 2px 3px #555;
			}
			#header h3.contact strong {
				display: block;
				font-size: 13px;
				}
			#header h3.contact.left {
				left: 20px;
				text-align: left;
				}
			#header h3.contact.right {
				right: 20px;
				text-align: right;
				}
		/* --------------------------------------------------------------------------------
		HEADER -- NAVIGATION
		-------------------------------------------------------------------------------- */
		#header .navigation {
			background: #000 url(/ui/public/image/layout/header-navigation.gif) repeat-x 0 0;
			width: 950px;
			height: 46px;
			overflow: visible;
			margin: 0 auto;
			padding: 0 0 1px;
			border: solid #0d2b1e;
			border-width: 0 0 1px; 
			}
			#header .navigation li {
				position: relative;
				list-style: none;
				cursor: default;
				border-left: solid 1px #000000;
				border-right: solid 1px #282626;
				}
				#header .navigation li,
				#header .navigation li a {
					float: left;
					font-weight: bold;
					font-size: 12px;
					height: 46px;
					line-height: 46px;
					color: #fff;
					text-transform: uppercase;		
					}
				#header .navigation li a {
					display: block;
					text-decoration: none;
					padding: 0 15px;
					}
					#header .navigation li a:hover {
						background: #181616;
						color: #F3C51B;
						}
					#header .navigation li.active a,
					#header .navigation li a.active,
					#header .navigation li.active a.active {
						background: #181616;
						color: #F3C51B;
						cursor: default;
						}
					#header .navigation li.promo {
						float: right;
						}
					#header .navigation li.promo a {
						background: url(../image/layout/header-navigation-promo.gif) repeat-x 0 0;
						color: #dedede;
						font-size: 16px;
						font-style: italic;
						text-shadow: 1px 1px 2px #3a1110;
						}
						#header .navigation li.promo a:hover {
							background: #9b2d2c;
							color: #fff;
							text-shadow: 0 0 2px #3a1110;
							}
				#header .navigation li ul {
					position: absolute;
					top: 46px;
					left: -2px;
					background: #181616;
					width: 180px;
					border-top: solid 1px #000;
					border-left: solid 1px #2C2C2C;
					border-right: solid 1px #2C2C2C;
					}
					#header .navigation li li {
						width: 180px;
						border: none;
						border-bottom: solid 1px #282626;
						}
					#header .navigation li li,
					#header .navigation li li a {
												display: block;
												position: relative;
						float: none;
						font-weight: bold;
						font-size: 12px;
						height: auto;
						line-height: 18px;
						color: #fff;
						text-transform: uppercase;
						}
						#header .navigation li li a {
							width: 140px;
							padding: 10px 20px;
							}
							#header .navigation li li a:hover {
								background: #000;
								color: #F3C51B;
								}
							#header .navigation li li.active a,
							#header .navigation li li a.active,
							#header .navigation li li.active a.active {
								background: #000;
								color: #F3C51B;
								cursor: default;
								}
						#header .navigation li ul ul {
							top: -1px;
							left: 180px;
							border-top: solid 1px #2C2C2C;
							}
				#header .navigation li ul,
				#header .navigation li ul ul,
				#header .navigation li ul ul ul,
				#header .navigation li ul ul ul ul {
					display: none;
					}
				#header .navigation li ul {
					z-index: 91
					}
				#header .navigation li ul ul {
					z-index: 92
					}
				#header .navigation li ul ul ul {
					z-index: 93
					}
				#header .navigation li ul ul ul ul {
					z-index: 94
					}
	/* --------------------------------------------------------------------------------
	CONTENT
	-------------------------------------------------------------------------------- */
	#content {
		position: relative;
		background: #000 url(/ui/public/image/layout/content-left-column.gif) repeat-y 5px 5px;
		width: 960px;
		min-height: 500px;
		height: auto !important;
		height: 500px;
		margin: 0 auto;
		}
		/* --------------------------------------------------------------------------------
		CONTENT -- H1, H2, H3, H4, H5, H6
		-------------------------------------------------------------------------------- */
		#content .main-content h1, 
		#content .main-content h2, 
		#content .main-content h3, 
		#content .main-content h4, 
		#content .main-content h5, 
		#content .main-content h6,
		#content .main-content h1 a, 
		#content .main-content h2 a, 
		#content .main-content h3 a, 
		#content .main-content h4 a, 
		#content .main-content h5 a, 
		#content .main-content h6 a {
			text-decoration: none;
			}
			#content .main-content h1 a:hover,
			#content .main-content h2 a:hover,
			#content .main-content h3 a:hover,
			#content .main-content h4 a:hover,
			#content .main-content h5 a:hover,
			#content .main-content h6 a:hover {
				text-decoration: underline;
				}
		#content .main-content h1,
		#content .main-content h1 a {
			font-size: 20px;
			line-height: 24px;
			color: #F3C51B;
			text-transform: capitalize;
			padding-bottom: 10px;
			}
		#content .main-content h2,
		#content .main-content h2 a {
			font-size: 20px;
			line-height: 24px;
			color: #fff;
			text-transform: capitalize;
			padding-bottom: 10px;
			}
		#content .main-content h3,
		#content .main-content h3 a {
			font-size: 18px;
			line-height: 22px;
			color: #174934;
			text-transform: capitalize;
			padding-bottom: 10px;
			}
		#content .main-content h4,
		#content .main-content h4 a {
			font-size: 16px;
			line-height: 20px;
			color: #174934;
			text-transform: capitalize;
			padding-bottom: 5px;
			}
		#content .main-content h5,
		#content .main-content h5 a {
			font-size: 16px;
			line-height: 20px;
			color: #174934;
			text-transform: capitalize;
			padding-bottom: 5px;
			}
		#content .main-content h6,
		#content .main-content h6 a {
			font-size: 16px;
			line-height: 20px;
			color: #174934;
			text-transform: capitalize;
			padding-bottom: 5px;
			}
		/* --------------------------------------------------------------------------------
		CONTENT -- BUTTON
		-------------------------------------------------------------------------------- */
		#content .manu_links {
			float: left;
			width: 270px;
			
			}
		#content .main-content .button {
			display: block;
			float: left;
			width: 108px;
			height: 37px;
			font-size: 14px;
			padding: 8px 20px 8px 35px;
			background: url(../image/layout/button.gif) no-repeat 0 0;
			color: #15422f;
			text-decoration: none;
			font-weight: bold;
			text-align: center;
			}
			#content .main-content .button:hover {
				color: #236e4e;
				}
		/* --------------------------------------------------------------------------------
		CONTENT -- PARAGRAPH
		-------------------------------------------------------------------------------- */
		#content .main-content p {
			font-size: 12px;
			line-height: 18px;
			color: #999;
			padding: 0 0 20px;
			}
		/* --------------------------------------------------------------------------------
		CONTENT -- PARAGRAPH - FORM STATUS
		-------------------------------------------------------------------------------- */
		#content .main-content p.status {
			text-align: center;
			padding: 15px;
			border-width: 3px;
			border-style: solid;
			margin: 20px;
			}
			#content .main-content p.status.success {
				background-color: #afa;
				border-color: #363;
				color: #000;
				}
			#content .main-content p.status.error {
				background-color: #faa;
				border-color: #633;
				color: #000;
				}
				
		/* --------------------------------------------------------------------------------
		CONTENT -- A
		-------------------------------------------------------------------------------- */
		#content .main-content a {
			font-weight: normal;
			font-size: 12px;
			line-height: 18px;
			color: #bbb;
			text-decoration: underline;
			}
		/* --------------------------------------------------------------------------------
		CONTENT -- UL/OL
		-------------------------------------------------------------------------------- */
		#content .main-content ul,
		#content .main-content ol {
			padding: 5px 0 20px;
			}
			#content .main-content ol {
				list-style-position: inside;
				padding-left: 20px;
				}
			#content .main-content li {
				color: #999;
				font-size: 12px;
				line-height: 20px;
				}
			#content .main-content ul li {
				list-style: none;
				background: url(/ui/public/image/layout/content-list-item-image.gif) no-repeat 0 8px;
				padding: 0 0 0 10px;
				}
			#content .main-content ol li {
				list-style-position: outside;
				}
			#content .main-content ul.manufacturer li {
				float: left;
				}
		/* --------------------------------------------------------------------------------
		CONTENT -- UL -- LOCATIONS
		-------------------------------------------------------------------------------- */
			#content .main-content ul.locations li {
				width: 40%;
				float: left;
				padding: 15px 0;
				}
		/* --------------------------------------------------------------------------------
		CONTENT -- UL -- THUMBNAILS
		-------------------------------------------------------------------------------- */
		#content .main-content ul.thumbs {
			}
			#content .main-content ul.thumbs li {
				float: left;
				padding: 0 10px 10px 10px;
				}
				#content .main-content ul.thumbs li a {
					text-align: center;
					display: block;
					text-decoration: none;
					color: #999;
					}
					#content .main-content ul.thumbs li a:hover {
						color: #bbb;
						}
					#content .main-content ul.thumbs li a img {
						padding: 5px;
						background: #444;
						border: 1px solid #666;
						text-decoration: none;
						}
					#content .main-content ul.thumbs li a:hover img {
						background: #666;
						border-color: #888;
						}
	
		/* --------------------------------------------------------------------------------
		CONTENT -- FIELDSET
		-------------------------------------------------------------------------------- */
		#content .main-content fieldset {
			width: 725px;
			border: none;
			}
			#content .main-content fieldset .required,
			#content .main-content fieldset legend {
				color: #f00;
				font-weight: bold;
				}
			#content .main-content fieldset legend {
				padding: 0 0 20px 0;
				font-size: 12px;
				}
			#content .main-content fieldset div {
				clear: both;
				padding: 0 0 10px;
				}
				#content .main-content fieldset div.submit {
					padding: 0 0 0 181px;
					}
				#content .main-content fieldset div label {
					float: left;
					width: 181px;
					font-weight: bold;
					font-size: 12px;
					line-height: 20px;
					color: #F3C51B;
					}
				#content .main-content fieldset div .input,
				#content .main-content fieldset div .textarea {
					border: 1px solid #666;
					background: #ccc;
					padding: 4px;
					font-family: Arial, sans-serif;
					font-size: 14px;
					}
				#content .main-content fieldset div .input:focus,
				#content .main-content fieldset div .textarea:focus {
					border: 2px solid #F3C51B;
					padding: 3px;
					background: #fff;
					}
				#content .main-content fieldset div .input {
					width: 217px;
					}
					#content .main-content fieldset div .input.long {
						width: 362px;
						}
					#content .main-content fieldset div .input.short {
						width: 72px;
						}
				#content .main-content fieldset div .textarea {
					width: 377px;
					height: 100px;
					}
					#content .main-content fieldset div .textarea.long {
						width: 362px;
						}
					#content .main-content fieldset div .textarea.short {
						width: 72px;
						}
		/* --------------------------------------------------------------------------------
		CONTENT -- PRODUCT DESCRIPTION
		-------------------------------------------------------------------------------- */
		#content img.product {
			float: left;
			padding: 5px;
			margin: 0 10px 20px 0;
			background: #fff;
			}
		#content a {
			text-decoration: underline;
			}
			#content a:hover {
				text-decoration: none;
				color: #999;
				}
		#content .product-desc {
			float: left;
			width: 460px;
			color: #fff;
			}
			#content .product-desc p {
				color: #fff !important;
				}
		#content p.center {
			text-align: center;
			}
		/* --------------------------------------------------------------------------------
		CONTENT -- BOX
		-------------------------------------------------------------------------------- */
		#content .box:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
		#content .box {display: inline-block;}
		* html #content .box {height: 1%;}
		#content .box {display: block;}

		#content .box {
			background: #1c1c1c url(/ui/public/image/layout/content-heading.gif) repeat-x 0 0;
			margin: 0 0 30px;
			padding: 0 15px 15px;
			}
			/* --------------------------------------------------------------------------------
			CONTENT -- BOX -- H2
			-------------------------------------------------------------------------------- */
			#content .box h2 {
				font-weight: bold;
				font-size: 18px;
				line-height: 45px;
				color: #ffffff;
				text-transform: uppercase;
				padding: 0 0 15px;
				}
				#content .box h2 a.contact {
					float: right;
					}
				#content .box h2 a {
					font-weight: bold;
					font-size: 12px;
					line-height: 45px;
					color: #F3C51B;
					text-transform: capitalize;
					}
					#content .box h2 a strong {
						color: #ffffff;
						}
			/* --------------------------------------------------------------------------------
			CONTENT -- BOX -- EVENTS
			-------------------------------------------------------------------------------- */
			#content .box .events * {
				color: #ffffff;
				}
			#content .box .events {
				padding: 0;
				}
				#content .box .events li {
				
					}
					#content .box .events li div {
						float: left;
						}
						#content .box .events li div.image {
							padding: 0 15px 0 0;
							}
						#content .box .events li div.description {
							padding: 0 15px;
							}
							#content .box .events li div.description h3 *,
							#content .box .events li div.description h3 {
								color: #F3C51B;
								}
			/* --------------------------------------------------------------------------------
			CONTENT -- BOX -- PRODUCTS
			-------------------------------------------------------------------------------- */
			#content .box .products * {
				font-weight: bold;
				font-size: 10px;
				color: #ffffff;
				}
			#content .box img {
				float: 	left;
				}
			#content .box .products {
				width: 33%;
				float: left;
				padding: 0;
				}
				#content .box .products li,
				#content .box .products a {
										display: block;
										width: 100%;
					margin: 0;
					padding: 0;
					text-decoration: none;
					}
					#content .box .products a:hover {
						color: #F3C51B;
						}
		/* --------------------------------------------------------------------------------
		CONTENT -- MANUFACTURER LOGOS
		-------------------------------------------------------------------------------- */
		#content a.half { width: 50% !important; }
		#content a.logo {
			height: 130px;
			display: block;
			text-indent: -3000px;
			float: left;
			width: 100%;
			}
		#content a.ingersoll_rand { background:url(../image/logo/ingersoll_rand.jpg) no-repeat 50% 50%; }
		#content a.rolair { background:url(../image/logo/rolair.jpg) no-repeat 50% 50%; }
		#content a.miller { background:url(../image/logo/miller.jpg) no-repeat 50% 50%; }
		#content a.smith { background:url(../image/logo/smith.jpg) no-repeat 50% 50%; }
		#content a.victor { background:url(../image/logo/victor.jpg) no-repeat 50% 50%; }
		#content a.koike { background:url(../image/logo/koike-aronson.jpg) no-repeat 50% 50%; }
		#content a.lincoln { background:url(../image/logo/lincoln.jpg) no-repeat 50% 50%; }
		
		
		/* --------------------------------------------------------------------------------
		CONTENT -- LEFT COLUMN
		-------------------------------------------------------------------------------- */
		#content #left-column {
			float: left;
			width: 200px;
			padding: 0 0 0 5px;
			}
			/* --------------------------------------------------------------------------------
			CONTENT -- LEFT COLUMN -- NAVIGATION
			-------------------------------------------------------------------------------- */
			#content #left-column ul.navigation {
				width: 200px;
				border-bottom: solid 1px #000000;
				}
				#content #left-column ul.navigation li {
										display: block;
										width: 200px;
					border-top: solid 1px #000000;
					border-bottom: solid 1px #282626;
					}
					#content #left-column ul.navigation li a {
												display: block;
												width: 170px;
						font-weight: bold;
						font-size: 12px;
						line-height: 14px;
						color: #ffffff;
						text-transform: Capitalize;	
						text-decoration: none;
						padding: 10px 15px;
						}
						#content #left-column ul.navigation li a strong {
							color: #F3C51B;
							}
						#content #left-column ul.navigation li a:hover {
							background: #181616;
							color: #F3C51B;
							}
							#content #left-column ul.navigation li a:hover strong {
								color: #F3C51B;
								}
						#content #left-column ul.navigation li.active a,
						#content #left-column ul.navigation li a.active,
						#content #left-column ul.navigation li.active a.active {
							background: transparent;
							color: #F3C51B;
							}
			/* --------------------------------------------------------------------------------
			CONTENT -- LEFT COLUMN -- MAIN CONTENT
			-------------------------------------------------------------------------------- */
			#content #left-column .main-content {
				position: relative;
				width: 170px;
				padding: 15px;
				}
		/* --------------------------------------------------------------------------------
		CONTENT -- RIGHT COLUMN
		-------------------------------------------------------------------------------- */
		#content #right-column {
			width: 755px;
			float: left;
			}
			/* --------------------------------------------------------------------------------
			CONTENT -- RIGHT COLUMN --  BANNER
			-------------------------------------------------------------------------------- */
			#content #right-column #banner {
				position: relative;
				/*background: #121212 url(/ui/public/image/layout/content-banner-arrow.gif) no-repeat 0 100%;*/
				width: 725px;
				height: 237px;
				overflow: hidden;
				margin: 0 0 15px;
				}
				#content #right-column #banner #caption {
					display:none;
					position: absolute;
					top: 187px;
					left: 31px;
					z-index: 52;
					background: url(/ui/public/image/layout/content-banner-caption.gif) repeat-x 0 0;
					width: 669px;
					height: 50px;
					padding: 0 25px;
					overflow: hidden;
					}
					#content #right-column #banner .caption * {
						font-weight: normal;
						font-size: 18px;
						line-height: 50px;
						color: #174934;
						text-decoration: none;
						}
				#content #banner #slideshow {
					position: absolute;
					top: 0;
					left: 0;
					z-index: 50;
					width: 725px;
					height: 237px;
					overflow: hidden;
					}
					#content #banner #slideshow a {
						cursor: pointer;
						}
						#content #banner #slideshow a img {
							border: none;
							}
		/* --------------------------------------------------------------------------------
		CONTENT -- RIGHT COLUMN -- HEADING
		-------------------------------------------------------------------------------- */
		#content #right-column h1#heading {
			font-weight: bold;
			font-size: 24px;
			line-height: 40px;
			color: #F3C51B;
			}
			#content #right-column h1#heading strong {
				color: #ffffff;
				}
			/* --------------------------------------------------------------------------------
			CONTENT -- RIGHT COLUMN -- MAIN CONTENT
			-------------------------------------------------------------------------------- */
			#content #right-column .main-content {
				position: relative;
				width: 725px;
				padding: 0 15px 115px;
				}
			/* --------------------------------------------------------------------------------
			CONTENT -- RIGHT COLUMN -- BROCHURE DOWNLOAD
			-------------------------------------------------------------------------------- */
			#content #right-column .brochure-download {
				position: absolute;
				bottom: 0;
				left: 15px;
				}
				#content #right-column .brochure-download a {
					display: block;
					background: url(/ui/public/image/layout/content-right-col-broshure.gif) no-repeat 0 0;
					width: 300px;
					height: 80px;
					text-indent: -9999px;
					overflow: hidden;
					}
			/* --------------------------------------------------------------------------------
			CONTENT -- RIGHT COLUMN -- TAGLINE
			-------------------------------------------------------------------------------- */
			#content #right-column .tagline {
				position: absolute;
				bottom: 0;
				right: 15px;
				background: url(/ui/public/image/layout/content-right-col-tagline.gif) no-repeat 0 0;
				width: 350px;
				height: 80px;
				text-indent: -9999px;
				overflow: hidden;
				}
	/* --------------------------------------------------------------------------------
	BRANDS
	-------------------------------------------------------------------------------- */
	#content ul.brands {
		float: left;
		width: 200px;
		padding: 0 0 0 5px;
		}
		#content ul.brands li {
			list-style: none;
			text-align: center;
			margin: 0;
			padding: 0 10px 10px;
			}
			#content ul.brands li a,
			#content ul.brands li img {
				display: block;
				border: none;
				margin: 0;
				padding: 0;
				}
	/* --------------------------------------------------------------------------------
	FOOTER
	-------------------------------------------------------------------------------- */
	#footer * {
		font-weight: bold;
		font-size: 10px;
		line-height: 16px;
		color: #ffffff;
		}
	#footer {
		position: relative;
		float: left;
		background: #201E1F url(/ui/public/image/layout/footer.gif) repeat-x 53% 0;
		width: 715px;
		min-height: 300px;
		height: auto !important;
		height: 300px;
		padding: 14px 20px;
		}
		#footer h2 {
			font-weight: bold;
			font-size: 12px;
			line-height: 16px;
			color: #F3C51B;
			padding: 16px 0 0 0;
			}
		#footer ul li,
		#footer ul li a {
			list-style: none;
			float: left;
			line-height: 20px;
			color: #ffffff;
			font-size: 10px;
			font-weight: bold;
			}
			#footer ul.locations li,
			#footer ul.locations li a {
				float: none;
				background: none;
				}
			#footer ul li a {
				position: relative;
				left: -7px;
				display: block;
				background: url(/ui/public/image/layout/footer-navigation.gif) no-repeat 100% 53%;
				text-decoration: none;
				padding: 0 7px;
				white-space: nowrap;
				}
			#footer ul li a:hover {
				text-decoration: underline;
				}
		#footer h2.site-by {
			display: block;
			}
			#footer h2.site-by a {
				display: block;
				background: url(/ui/public/image/layout/site-by-chico-web-design.gif) no-repeat 0 0;
				width: 54px;
				height: 11px;
				text-indent: -9999px;
				overflow: hidden;
				}