/*@import "site_search.css";*/

/*----- Reset Browser Styles -----*/
	html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
		vertical-align: baseline;
		font-family: inherit;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		outline: 0;
		padding: 0;
		margin: 0;
		border: 0;
	}
	
/* remember to define focus styles! */
	:focus {
		outline: 0;
	}

	body {
		background: white;
		line-height: 1;
		color: black;
	}

	ol, ul {
		list-style: none;
		line-height: 1.3em;
		margin: 10px 0;
	}
	
	ol.bulleted, ul.bulleted {
		list-style-type: disc;
		list-style-position: inside;
	}

/* tables still need cellspacing="0" in the markup */

	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	
	caption, th, td {
		font-weight: normal;
		text-align: left;
	}

/* remove possible quote marks from */


	blockquote, q {
		quotes: "" "";
	}
	
	blockquote {
		font-size: 14px;
		line-height: 1.3em;
		color: #666;
		font-style: italic;
		padding: 15px;
	}

	blockquote cite {
		font-style: italic;
		padding-left: 15px;
		line-height: 2.3em;
		color: #333;
	}

/*----- End Style reset -----*/	

/*----- Begin Layout -----*/

	#wrapper {
	  width: 804px;
	  margin: 0 auto;
	  padding-bottom: 40px;
	}
	
	#allContent {	  
	  clear: right;
	  text-align: left;
	}
	
	#content {
		border: 2px solid #777;
		border-bottom: none;
		clear: left;
		/*fixes border render bug in ie6-7*/
			position: relative;
		/*end*/
	}
	
	ul#contacts {
		padding: 0 !important;
		margin: 0 !important;
		text-indent: 0;
	}
	
	ul#contacts li {
		display: inline;
		text-indent: 0;
		padding: 0;
		margin: 0;
	}
	
	ul#contacts li a {
		color: #111;
	}
	
	ul#contacts li a:hover, ul#contacts li a.active {
		color: #900;
	}
	
	dd {
		font-weight: bold;
	}
	
	dd, dt {
		display:inline;
	}
	
/*--Navigation--*/

/*---origional Nav Styles-------*/

	#mainNav {
		background: #1a2e8d url(../../images/main_nav.gif) top left repeat-x;
		float: left;
		border-bottom: 1px solid #fff;
		padding: 5px 0;
	}
	
	#mainNav h4, #secondaryNav h4 {
	  display: none;
	}

	#mainNav ul li {
		border-right: 1px solid #fff;
	}
	
	#mainNav li a{
		margin: 5px;
	}

	
	li ul li {
		border: none;
	}
	
	#secondaryNav {
	  text-align: right;
	  background: url(../../images/secondary_nav.gif) top right no-repeat;
	  padding-top: 5px;
	  padding-bottom: 5px;	  
	  color: #fff;
	  height: 30px;
	  position: relative;
	}
	
	#secondaryNav li a{
		padding-left: 4px;
		padding-right: 4px;
	}
	
	form#searchform {
		padding-right: 10px;
		display: inline;
	}

	#secondaryNav ul, #secondaryNav ul li, #legal ul, #legal ul li, #legal p{
		display: inline;
	}
	
/*----- Suckerfish Nav -----*/
	#mainNav, #mainNav ul {
		padding: 0;
		margin: 0;
		list-style: none;
		width: 100%;
	}

	#mainNav a {
		display: block;
	}
	
	#mainNav ul li ul li a{
		padding-left: 10px;
	}
	
	#mainNav ul li ul li a.heading{
		text-decoration: none;
		padding-left: 5px;
		font-size: 11px;
	}

	#mainNav ul li ul li {
		padding: 0;
	}


	#mainNav li {
		float: left;
	}

	#mainNav li ul {
		position: absolute;
		width: 160px;
		background: #202d88;
		left: -999em;
		border: 1px solid #fff;
	}

	#mainNav li:hover ul, #mainNav li:focus ul {
		left: auto;
		z-index: 1000;
	}

	#mainNav li:focus ul:focus {
		left: auto;
		z-index: 1000;
	}

	#mainNav ul li ul li {
 		padding: 0;
		margin-right: ;
 		margin: 0;
 		border: 0;
 		width: 150px;
		line-height: .9em;
		font-size: 10px;
	}
	
	#mainNav ul li ul {
		padding: 10px 0 5px 0;
	}

	#mainNav li:hover ul, #mainNav li.sfhover ul {
		left: auto;
		z-index: 100000;
	}
	
/*end*/

/*--fixes menu "sticking" in ie7---*/

	#mainNav li:hover, #mainNav li.sfhover {
   		position: static;
	}
/*end*/

/*--end navigation--*/
	
	input#search {
		margin-right: 7px;
		padding: 0px;
		margin-top: 0;
		margin-bottom: 0;
		position: relative;
		top: -3px;
	}
	
	form#searchform {
		display: inline;
		padding: 0;
		padding-right: 10px;
	}
	
	#mainContent {
		width: 530px;
		float: right;
		position: relative;
	}
	
	#main {
		float: right;
		width: 800px;
		position: relative;
		z-index: 10000;
		background: url(../../images/content.gif) top left repeat-y;
	}
	
	#sidebar {
		width: 248px;
		padding: 5px 0px 18px 7px;
		float: left;
	}
	
	#legal {
		background: #202b63;
		padding-top: 5px;
		padding-bottom: 7px;
		border-bottom: 2px solid #777;
		clear: both;
	}

	h1 {
		margin: 25px 0 5px 0;
		float: right;
	}
	
	img#branding {
		margin-bottom: -55px;
	}

	#content_left  {
		float: left;
	}
	
	#content_left img {
		padding-left: 18px;
		padding-top: 0px;
	}
	
	.virtues {
		margin: 5px 5px 20px 15px;
		width: 249px;
		border: 1px solid #aaa;
	}
	
	.virtues p {
		padding: 8px 5px 0 5px;
	}
	
	.virtues h3 span{
		color: #900;
	}
	
	h3.solutions {
		padding: 5px 0 50px 5px;
		background: url(../../images/solutions.jpg) center 22px no-repeat;
	}
	
	h3.experience {
		padding: 5px 0 50px 5px;
		background: url(../../images/experience.jpg) center 22px no-repeat;
	}
	
	h3.resources {
		padding: 5px 0 50px 5px;
		background: url(../../images/resources.jpg) center 22px no-repeat;
	}
	
	#services_wrapper {
		margin: 3px 0 13px 273px;
	}
	
	#services_wrapper img{
		padding-left: 7px;
	}
	
	.services p {
		font-size: 13px;
		line-height: 140%;
		padding: 10px;
		padding-bottom: 0;
		margin: 0 3px 5px 3px;
	}

	.services {	  
		padding: 18px 5px 47px 5px;
		background: transparent url(../../images/services.gif) top left no-repeat;
		margin-bottom: 15px;
		margin-top: 40px;
	}
	
	.services2  {
		margin: 0px 10px 0 5px;
		background: url(../../images/services_bottom.gif) bottom left no-repeat;
		position: relative;
	}
	
	.services h3 {
		padding:0;
		margin: 0;
		margin-bottom: 10px;
		font-weight: bold;
		font-size: 16px;
		letter-spacing: 2px;
	}
	
	.services h3:before {
		content: "- ";
	}
	
	.services h3:after {
		content: " -";
	}
	
	
	.services ul li {
		margin: 5px 0;
	}
	
	img.companies {
		margin-left: 20px;
		position: relative;
		top: 50px;
	}
		
	.sidebar_module {
		padding: 10px 7px 7px 7px;
		margin-bottom: 7px;
		margin-top: 7px;
		background: url(../../images/sidebar.gif) top left no-repeat;
	}
	
	.sidebar_module a img {
		padding: 2px;
	}
	
	.sidebar_module h3, .sibebar_module p {
		margin-right: 65px;
	}
	
	.sidebar_module p {
		padding: 5px 0;
	}
	
	.sidebar_module img{
		float: right;
		margin-left: 18px;
		padding-bottom: 10px;
	}
	
	.sidebar_module_2 {
		background: url(../../images/sidebar_module_round_2.gif) bottom left no-repeat;
	}
	
	 p.advantage {
	 	text-indent: -9999px;
	  	background: url(../../images/advantage2.gif) no-repeat;
	  	height: 60px;
	 	width: 231px;
	  	margin-left: 23px;
		margin-top: 20px;
	}

	
	li.bottom a{
		margin-bottom: -20px;
	}
	
	p.copyright {
		position: relative;
		left: 707px;
	}
	
	form p {
		display: inline;
	}
	
	form {
		margin-right: 15px;
	}
		
	.site_links ul {
		margin-right: 3px;
	}
	
	#searchbar {
		display: inline;
		float: right;
		padding: 0;
		margin: 0;
		position: relative;
		top: -3px;
		right: -6px;
	}
	
	#two_column img {
		padding: 0;
		float: right;
		margin:  0 20px 10px 20px;
		clear: right;
	}
	
	#two_column li {
		float: right;
	}

	#two_column h4{
		margin-top: 20px;
	}
	
/*----- End Layout Styles ------*/



/*----- Typography Styles ------*/
	body {
		font: 62.5%/1.2em Helvetica, Arial, sans-serif;
	}
	
	input, select, th, td {
		font-size: 1em;
	}
	
	p, h1, ul, ol {
		margin-bottom: .8em;
	}
	
	h2, h3, h4, h5, h6 {
		color: #900;
		font-weight: bold;
	}

	p {
		font-size: 12px;
		line-height: 1.3em;
	}
	
	h1 {
		font-size: 17px;
	}
	
	h2 {
		font-size: 15px;
	}
	
	h3 {
		font-size: 13px;
	}
	ul, ol {
		font-size: 11px;
	}
	
	a {
		color: #900;
		font-weight: bold;
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	a:visited {
		color: #444;
	}
	
	a:visited:hover {
		text-decoration: none;
	}

	.sidebar_module h3, .sidebar_module p{
		margin-bottom: 3px;
	}
	
	
	.sidebar_module h3 {
		border-bottom: 1px solid #1a2e8d;
		text-transform: capitalize;
	}
	
		
	#mainNav ul li a {
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}
	
	#mainNav ul li a:hover {
		text-decoration: underline;
	}
	
	#secondaryNav ul li a{
		color: #fff;
		text-decoration: none;
	}
	
	#secondaryNav ul li a:hover{
		text-decoration: underline;
	}
	
	#mainContent {
		color: #222;
		font-weight: normal;
	}
	
	#sidebar h3, #sidebar h3 a, #sidebar h3 a:visited {
	 	color: #1a2e8d;
		text-transform: uppercase;
		font-weight: bold;
		padding-bottom: 3px;
		letter-spacing: 1px;
	}
	
	#sidebar h3 a:hover {
		color: #900;
		text-decoration: none;
		font-weight: bold;
	}
	
	#sidebar a {
		text-decoration: none;
	}
	
	#sidebar a:hover {
		text-decoration: underline;
	}
	
	#legal, #legal a {
		text-decoration: none;
		color: #fff;
	}
	
	#legal a:hover {
		text-decoration: underline;
	}
		
	.services h3 {
		text-align: center;
		color: #fff;
		padding-bottom: 10px;
	}
	
	.services a{
		text-decoration: none;
	}
	
	.sevices a:hover {
		text-decoration: underline;
	}
	
	.services a:hover {
		text-decoration: underline;
	}

	.services_list a{
		color: #202b63;
		padding-left: 15px;
		margin-left: 5px;
		font-weight: bolder;
		font-size: 115%;
		background: url(../../images/list_bullet.gif) left center no-repeat;
	}
	
	.services_list a:focus {
		background-color: #aaa;
	}

	input.search_input {
		text-align: center;
	}
	
	input#searchsubmit {
		font: 12px Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	
	h3.solutions, h3.experience, h3.resources {
		color: #333;
		font-weight: bold;
	}

	abbr {
		cursor: help;
		border-bottom: 1px dotted;
	}
	
	a:focus {
		background-color: #ccc !important;
		color: #000 !important;
	}

	strong {
		font-weight: bold;
	}

	/*-------Begin One Column Typo Styles ------*/
	
	#onecolumn {
		padding: 10px 15px;
	}
	
	#onecolumn p, #onecolumn ul,#onecolumn ol, #onecolumn ul li, #onecolumn ol li {
		margin: 5px 0;	
	}
	
	#onecolumn h2 {
		margin-top: 7px;
		margin-bottom: 15px;
		text-transform: uppercase;
		color: #900;
		font-weight: bold;
		font-family: Helvetica, Arial, sans-serif;
	}

	
	#onecolumn h3, #onecolumn h4, #onecolumn h5, #onecolumn h6 {
		margin-top: 20px;
		margin-bottom: 8px;
		color: #900;
		font-weight: bold;
		font-family: Helvetica, Arial, sans-serif;
	}
	
	#onecolumn p {
		font-size: 12px;
	 	line-height: 1.5em;
		margin-bottom: 10px;
		margin-top: 0;
	}

	
	#onecolumn h1,#two_column h1 {
		font-size: 25px;
		margin-bottom: 2.25em;
	}
	
	#onecolumn h2,#two_column h2 {
		font-size: 22px;
		margin-bottom: 1.5em;
		margin-top: 1em;
		text-decoration: underline;
	}
	
	#onecolumn h3,#two_column h3{
		font-size: 19px;
		margin-bottom: .75em;
		margin-top: 1.3em;

	}
	
	#onecolumn h4,#two_column h4 {
		font-size: 14px;
		margin-bottom: .5em;
		margin-top: 2em;
	}
	
	#onecolumn h5,#two_column h5 {
		font-size: 12px;
	}
	
	#onecolumn h6,#two_column h6 {
		font-size: 11px;
	}
	
	#onecolumn ul li, #onecolumn ol li {
		font-size: 11px;
	}
	
	#onecolumn ul, #onecolumn ol {
		margin-left: 20px;
	}
	
	#onecolumn a {
		color: #900;
		text-decoration: none;
		font-weight: bold;
	}
	
	#onecolumn a:hover {
		text-decoration: underline;
	}
	
	#onecolumn a:visited {
		color: #444;
		font-weight: bold;
		text-decoration: none;
	}
	
	#onecolumn a:visited:hover {
		text-decoration: underline;
	}
	
	#onecolumn ul {
		list-style-type: disc;
		list-style-position: outside;
		padding-left: 13px;
	}
	
	#onecolumn strong {
		font-weight: bold;
	}
	
	#onecolumn em {
		font-style: italic;
	}
	
	hr {
		background-color: #900;
		color: #900;
		border: 0;
	}
	
	a h3 {
		text-decoration: underline;
	}
	
	img.midstream_logo {
		float: right;
		padding: 15px;
		padding-top: 0;

	}
	
	.contacts p {
		float: left;
		padding-right: 20px;
		padding-left: 17px;
	}
	
	iframe.map {
		border: 1px solid #000;
	}
	
	#two_column {
		padding: 15px;
	}
	
	/*-- ol.products-column_1 {
		list-style-type: none;
		margin-right: 15px;
		margin-bottom: 30px;
	}
	
	ol.products-column_1 li {
		display: block;
		float: none;
		padding-bottom: 8px;
	}
		ol.products-column_1 {
		list-style-type: none;
		margin-right: 15px;
		margin-bottom: 30px;
		float: left;
	}
	
	} --*/
	ol.products_column_1 {
		display: block;
		width: 145px;
		padding: 10px;
		float: left;}

	
	ol.products_column_1 li{
		float: none !important;
	}
	
	#two_column ul li, two_column ol li{
		float: none;
		padding-bottom: 8px;
		font-size: 12px;
		padding-left: 20px;
	}
	
	#contacts_list {
		float: left;
		margin: 20px 0;
		width: 500px;
	}
	
	#contacts_list p {
		margin-bottom: 20px;
	}
	
	h4.exec {
		position: relative;
		top: -9px;
	}

	#contacts_list h4 {
		clear: both;
		padding: 10px 0 0 0;
	}

	.align {
		float: left;
		border: none !important;
		margin-bottom: 10px;
	}

	dl.contact {
		width: 155px;
		float: left;
		padding-right: 10px;
	}

	.dispatch dl.contact {
		width: 200px;
	/*	height: 120px;
	*/
	}
	
	.dispatch div {
		clear: both;
		border-bottom: 1px solid #900;
		width: 420px;
	}
	
	.dispatch #Texas {
		border: none;
	}
	
	.contactsDiv {
		float: left;
		width: 498px;
		padding: 5px 0 20px 0;
	}
	
	dd.name, dd.location {
		font-size: 12px;
		font-weight: bold;
	}
	
	dt {
		font-weight: bold;
	}
	
	dd.position {
		font-weight: bold;
	}
	
	dd {
		line-height: 1.3em;
		font-weight: normal;
	}
	
	#contacts_list h4 {
		margin: 0 0 8px 0;
		text-decoration: underline;
	}
	
	.img_float {
		width: 497px;
	}
	
	p#intranet a {
		color: #fff;
		padding-left: 10px;
		text-decoration: underline;
	}
	
	p#intranet a:hover {
		color: #1a2e8d;
	}

	ul#contacts li h4 {
		margin-top: 5px;
	}
	
		.informational_table td, .informational_table th{
		padding: 5px 8px 5px 8px;
	}

	.informational_table {
		border: 1px solid #666;
		border-collapse: collapse;
		margin: 10px 0 15px 0;
		width: 100%;
	}

	.informational_table th, .informational_table td {
		text-align: center;
	}

	.informational_table th {
		font-weight: bold;
	}

	.informational_table tr {
		font-size: 140%;
		padding: 5px 0;
		border: 1px solid #666;
	}
	
	 tr.odd {
		background: #999;
	}
	
	.float_left {
		float: left;
	}
	
	.float_right {
		float: right;
	}
	
	.clear {
		clear: both;
	}
	
	p.slogan {
	 width: 100%; text-align: center; font-weight: bold; font-size: 30px!important; color: #000066;
	}
	
	sup {
		font-size: .5em;
		position: relative;
		top: -.4em;
	}