/* ===============================================
---
==================================================
--------------------------------------------------
BACKGROUND      #;

P NAV NORMAL	#;
P NAV HOVER		#;
=================================================*/

@import "960.css";

/* Generic Styles */
body{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: #000;
	font-size: 62.5%;
	color: #5b5a5a;
}

h1, h2, h3, h4, h5, h6{
	line-height: 1.1;
}

h1{
	font-size: 1.6em;
	margin: 0 0 5px;
}

h2{
	font-size: 1.1em;
	margin-bottom: 5px;
}

p{
	margin: 0 0 15px 0;
}

a{
	color: #494949;
}

a:hover{
	color: #b8142b;
}

a:focus {
	border: 0;
	outline: 0;
}

#main-wrapper{
	width: 960px;
	position: relative;
	background: #c2c2c2 url(../images/wrapper-bg.jpg) bottom left repeat-x;
	margin: 0 auto;
	padding:30px 10px 0px 10px;
}

#global-nav{
	width: 960px;
	position: absolute;
	padding: 0 10px;
	top: 0;
	left: 0;
	line-height: 30px;
	background: #000;
	text-align: right;
	text-transform: uppercase;
	color: #d1cfcf;
	font-weight: bold;
}

	#global-nav a{
		color: #d1cfcf;
		text-decoration: none;
	}
	
	#global-nav a:hover{
		color: #fff;
	}

#header{
	height: 111px;
	text-align: right;
	font-size: 1.1em;
}

	#header .header-phone{
		font-size: 2.3em;
		font-family: "Franklin Gothic Book", Helvetica, Arial, sans-serif;
		color: #961123;
		text-shadow: 1px 1px 1px #666;
		padding: 20px 20px 7px 0;
		margin: 0;
	}

#search fieldset{
	display: inline;
	width: auto;
}

#search input[type="text"]{
	border: 1px solid #989898;
	height: 19.5px;
	padding: 2px;
	color: #000000;
	background: #fcfcfc;
	font-size: 1em;
	width: 185px;
	float: left;
	margin-right: 3px;
}

#search input[type="submit"]{
	background: transparent url(../images/search-btn-bg.jpg) top left no-repeat;
	width: 23px;
	height: 25px;
	border: none;
	font-size: 1px;
	line-height: 0;
	cursor: pointer;
	margin-bottom: 10px;
	float: left;
}

#search input[type="submit"]:hover{
	background: transparent url(../images/search-btn-bg.jpg) bottom left no-repeat;
}

#search label{
	line-height: 25px;
	height: 25px;
	display: inline-block;
}

a#logo{
	height: 95px;
	background: transparent url(../images/logo.jpg) top left no-repeat;
	display: block;
}

	a#logo span{
		display: none;
	}

#content-wrapper{
	width: 962px;
}

#content{
	border: 1px solid #646464;
	background: #fff;
	padding:0 0 15px 0;
}

	#content{
		font-size: 1.3em;
	}

#primary-nav{
	position: relative;
	width: 100%;
	background: #ebebeb;
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
	z-index: 5000;
}

	#primary-nav li{
		float: left;
	}
	
		#primary-nav li a{
			display: block;
			vertical-align: middle;
			width: 113px;
			height: 30px;
			padding: 5px 15px;
			line-height: 15px;
			background: #b8142b;
			color: #dfdede;
			font-size: 11px;
			font-weight: bold;
			text-decoration: none;
			text-transform: uppercase;
			text-align: center;
			border-left: 1px solid #5d212a;
			border-right: 1px solid #6f1d27;
			border-bottom: 1px solid #646464;
			text-shadow: 1px 1px 1px #646464;
		}
		
		#primary-nav li a:hover,
		#primary-nav li.hover a{
			background: #cfcfcf;
			color: #222;
			text-shadow: 1px 1px 1px #ebebeb;
		}	
		
			#primary-nav li.active a{
				background: #fff;
				border-bottom: 1px solid #fff;
				color: #b8142b;
				text-shadow: 1px 1px 1px #ebebeb;
			}
		
		#primary-nav li.first a{
			width: 60px;
			background: #b8142b url(../images/home-icon.jpg) center center no-repeat;
			border-left: none;
			text-indent: -99999px;
			overflow: auto;
		}
		
			#primary-nav li.first a:hover{
				background: #cfcfcf url(../images/home-icon-hover.jpg) center center no-repeat;
			}
		
			#primary-nav li.first.active a{
				background: #fff url(../images/home-icon-active.jpg) center center no-repeat;	
			}
		
		#primary-nav li.last a{
			border-right: none;
		}
	
		
#primary-nav ul{
	position: absolute;
	background: #fff;
	margin: 15px 0 0;
	padding: 0;
	list-style-type: none;
	border: 5px solid #b8142b;
	display: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

	#primary-nav ul li{
		float: none;
	}
	
		#primary-nav ul li a,
		#primary-nav li.hover ul li a,
		#primary-nav li.first ul li a,
		#primary-nav li.first.active ul li a,
		#primary-nav ul li.last a{
			text-indent: 0;
			text-align: left;
			width: auto;
			background: #fff !important;
			border: none;
			border-bottom: 1px dotted #ccc;
			padding: 6px 30px 6px 15px;
			text-shadow: none;
			color: #444;
			height: auto;
			overflow: visible;
		}
		
		#primary-nav ul li a:hover,
		#primary-nav li.hover ul li a:hover,
		#primary-nav ul li.first a:hover,
		#primary-nav ul li.last a:hover{
			background: #cfcfcf !important;
			color: #222;
		}


#sidebar-left h2.menustart{
	margin: 0;
	background: #8D8D8D;
	border: 1px solid #4f4f4f;
	border-bottom: none;
	text-transform: uppercase;
}

#sidebar-left h2.menustart a{
	padding: 10px;
	display: block;
	color: #fff;
	text-decoration: none;
}

#secondary-nav, #secondary-nav ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: 1px solid #4f4f4f;
}

#secondary-nav{

}

#secondary-nav ul{
	border-left: none;
	border-right: none;
}

	#secondary-nav li a{
		display: block;
		color: #ececec;
		background: #5b5b5b url(../images/secondary-nav-bg.jpg) top left repeat-x;
		padding: 13px 10px;
		text-decoration: none;
	}
	
	#secondary-nav li a:hover{
		background: #333;
		color: #ebebeb;
	}
	
	#secondary-nav li.active a{
		font-weight: bold;
		color: #fff;
	}
	
		#secondary-nav ul li a{
			background: #8d8d8d;
			padding: 4px 4px 4px 20px;
			font-weight: normal !important;
			color: #fff;
		}
		
		#secondary-nav ul li a:hover{
			background: #5d5d5d;
		}
		
		#secondary-nav ul li.active a{
			background: #adadad;
			font-weight: bold !important;
			color: #2d3844;
		}

#tert-nav{
	border: 1px solid #c7c6c6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#tert-nav p{
	margin: 0 10px 10px 10px;
}

#tert-nav h3{
	margin: 0;
	padding: 0;
	border-top: 1px solid #c7c6c6;
}

#tert-nav h3.first{
	border-top: none;
}

	#tert-nav h3 a{
		display: block;
		text-decoration: none;
		padding: 10px 0 5px 10px;
		margin-right: 10px;
		line-height: 18px;
		background: transparent url(../images/tert-read-more.jpg) right 10px no-repeat;
	}

#banner-home{
	background: transparent url(../images/banner-home.jpg) center center no-repeat;
	height: 236px;
	margin-bottom: 15px;
	z-index: 4000;
}

#banner-internal{
	background: transparent url(../images/banner-internal.jpg) center center no-repeat;
	height: 180px;
	margin-bottom: 15px;
	z-index: 4000;	
}

#rfq-btn{
	display: block;
	background: transparent url(../images/rfq-btn.jpg) top center no-repeat;
	height: 70px;
	width: 220px;
	margin: 0 auto;
	text-indent: -99999px;
	overflow: auto;
}
	#rfq-btn:hover{
		background: transparent url(../images/rfq-btn.jpg) bottom center no-repeat;
	}

p.B_crumbBox{margin: 0 0 5px 0;padding: 0;
color:#111;font-size: 0.9em;}

	p.B_crumbBox a{
		color: #B8142B;
		text-decoration: none;
	}
	
	p.B_crumbBox a:hover{
		color: #111;
	}
	
	p.B_crumbBox .B_currentCrumb{
		font-weight: bold;
	}
	
	
#gallery{
	clear: both;
	display: block;
}

#quick-contact, #contact{

}

#quick-contact input.firstName{
	display: none;
}

	#quick-contact h3, #newsletter h3{
		text-align: center;
		color: #000000;
		margin: 0;
		font-size: 1.2em;
		padding: 8px 10px;
		text-transform: uppercase;
	}
	
		#quick-contact h3 span, #newsletter h3 span{
			display: block;
			font-size: 0.6em;
			color: #7fccf0;
			font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
		}
	
	#quick-contact form, #newsletter form{
		background: #bebdbd;
		padding: 0 10px 10px;
		margin: 20px 0;
		border: 1px solid #999999;	
	}

	#quick-contact fieldset{
		
	}
	
	#contact input, #contact textarea, #contact label{
		
	}
	
	#contact label{
		padding-bottom: 5px;
		display: block;
	}
	
	#quick-contact input, #quick-contact textarea,
	#contact input, #contact textarea, #newsletter input{
		border: 1px solid #656464;
		font-family: Arial, Helvetica, sans-serif;
		color: #888;
		padding: 3px;
		margin-bottom: 10px;
		width: 190px;
		display: block;
	}

	
	#quick-contact textarea,
	#contact textarea{
		font-size: 0.9em;
		height: 65px;
	}
	
	#quick-contact input.submit,
	#contact input.submit, #newsletter input.submit{
		padding: 3px 0;
		margin-bottom: 0;
		width: 198px;
		color: #fff;
		background: #1d3e95;
	}
	
	#quick-contact input.submit:hover,
	#contact input.submit:hover, #newsletter input.submit:hover{
		background: #385bb6;
		color: #ebebeb;
		cursor: pointer;
	}
	
	#quick-contact p.error{
		border: 1px solid #ccc;
		padding: 10px;
		color: #9d0e17;
		background: #fff;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		font-size: 0.9em;

	}

form input.error, form textarea.error{
	border: 1px solid #b8142b !important;
	background: #fedcdd !important;
	color: #b8142b !important;
}

form label{
	position: relative !important;
}

	form label div{
		color: #ececec !important;
		position: absolute !important;
		top: -13px;
		left: 176px;
		background: transparent url(../images/tooltip-btm.png) bottom left no-repeat;
		padding-bottom: 20px;
		z-index: 4500;
	}
	
	form label div label.error{
		background: #000;
		padding: 5px 10px;
		width: 150px;
		margin: 0;
		font-size: 0.9em;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
#quick-contact label.error{
	margin-bottom: 10px;
	/* margin-top: -5px; */
	padding-left: 4px;
	font-size: 0.8em;
	font-weight: bold;
	color: #b8142b;
}

.bucket{
	position: relative;
	height: 190px;
	background: #ccc;	
	border: 1px solid #c8c7c7;
}

	.bucket h2{
		margin: 0;
		padding: 5px 0 0 0;
		text-transform: uppercase;
	}
	
		.bucket h2 a{
			display: block;
			padding: 0 10px 120px 10px;
			color: #222;
			text-decoration: none;
		}
		
		.bucket h2 a:hover{
			color: #999;
		}
	
	.bucket p{
		position: absolute;
		top: 110px;
		height: 70px;
		background: #000;
		font-size: 0.9em;
		color: #fff;
		padding: 10px 10px 0 10px;
		opacity: 0.7;
	}
	
	.bucket .read-more{
		display: block;
		text-indent: -99999px;
		overflow: auto;
		height: 16px;
		width: 58px;
		background: transparent url(../images/home-more.jpg) center center no-repeat;
		position: absolute;
		bottom: 10px;
		right: 10px;
	}

	#b1{
		background: transparent url(../images/iconh-pressurevessels.jpg) center center no-repeat;
	}
	
	#b2{
		background: transparent url(../images/iconh-mud.jpg) center center no-repeat;
	}
	
	#b3{
		background: transparent url(../images/frac-truck-bucket.jpg) center center no-repeat;
	}
	
	#b4{
		background: transparent url(../images/bucket-dart-mast.jpg) center center no-repeat;
	}

#inner-content img.floatright, 
#inner-content img.floatleft,
#inner-content img.border{
	padding: 3px;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


#footer{
	height: 78px;
	background: transparent url(../images/footer.jpg) top center no-repeat;
	padding: 15px 10px 10px 10px;
	color: #707070;
	text-transform: uppercase;
}

	#footer p{
		font-size: 1.1em;
		line-height: 1.3;
	}
	
	#footer a{
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		color: #707070
	}
	
	#footer a:hover{
		color: #d1cfcf;
	}

p#credits{
	font-size: 0.9em;
	color: #ccc;
	text-align: right;
}

p#credits a:hover{
	color: #b8142b;
}

.registration-numbers{
	font-size: 0.8em;
	color: #333;
	text-align: center;
}

#gallery h3{
	padding-top: 5px;
	border-top: 1px solid #bbb;
	color: #b8142b;
}

#gallery h3 span{
	color: #888;
	font-size: 0.7em;
	font-style: italic;
	font-weight: normal;
}
	
/* Utilities */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearboth {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


img.floatright{
	float: right;
	margin: 0 0 10px 10px;
}

img.floatleft{
	float: left;
	margin: 0 10px 10px 0;
}

img.border{
	margin: 0 2px 10px 2px;
}

a img{
	border: 0;
}

fieldset{
	border: none;
	margin: 0;
	padding: 0;
}

label span{
	font-style: italic;
	font-size: 0.8em;
	color:  #b8142b;
}

.right{
	text-align: right;
}

input[type="hidden"]{
	display: none !important;
	border: none !Important;
}

p.contact-callout {
        border: 1px solid #b0b0b0;
        clear: both;
        color: #393939;
        font-size: 1em;
        font-weight: 700;
        line-height: 1.2;
        padding: 0.5em;
        text-align: center;
        width: 80%;
        margin: 15px 20px 10px;
        display: block;
        float: left;
}
        p.contact-callout a.emphasis {
               color: #000;
               display: block;
               text-decoration: underline;
               text-transform: uppercase;
        }