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


/*******************************************************
		PROJECT: Murphy

		DESCRIPTION:
		This CSS file comprises basic layout elements
		applicable to all pages of the site.
		Recurring elements like navigation, headers,
		and pull quotes.
		
		CREATED: 7-26-07

*******************************************************/



/*******************************************************
	BASIC LAYOUT ELEMENTS
*******************************************************/

* {margin: 0; padding: 0;}

body {
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	background: #737D82 url(../m/bg-body.gif) repeat top left;
	text-align: center;
	margin: 0; padding: 0;
}

p {
	font-size: .7em;
	line-height: 1.6em;
	margin: 0 0 1.2em 0;
}

h2 {
	color: #066506;
	font-size: 1.2em;
	margin: 0 0 .8em 0;
}

h3 {
	color: #066506;
	font-size: 1em;
	margin: 0 0 .8em 0;
}

h4 {
	color: #000;
	font-size: .7em;
	margin: 0 0 .2em 0;
}



/* ANCHOR TAGS */

a:link {
	color: #029602;
	text-decoration: underline;
}

a:visited {
	color: #1a4a19;
	text-decoration: underline;
}

a:hover {
	color: #5fbc5c;
	text-decoration: none;
}

a:active {
	color: #5fbc5c;
	text-decoration: none;
}




img {
	display: block;
	border: 0;
}




ul, ol {
	margin: .5em 0 1.2em 1.4em;
	padding: 0;
}

li {
	font-size: .7em;
	margin: 0 0 6px 0;
	line-height: 1.6em;
}

ul li ul li {
	font-size:1em;
}




table {
	margin: 0 0 16px 0;
}

td {
padding: 6px;
font-size: .7em;
background-color:#e7ece9;
}


fieldset {
	border: 0;
}








/*******************************************************
	MAIN CONTAINERS
*******************************************************/

div#global {
	width: 802px;
	margin: 4px auto 12px auto;
	text-align: left;
	background: #FFFFFF url(../m/bg-global.gif) repeat top left;
}

div#main {
	width: 751px;
	margin: 0 0 0 31px;
}

div#mainCon { /* sub pages */
	width: 751px;
	background:url(../m/bg-sub-nav.gif) repeat-y top left;
}

div#mainContent {
	width: 565px;
	float: left;
}


#contentBody {
	padding: 0 0 24px 17px;
}

div#flash-home {
	margin-left: -16px;
}

























div#top {
	background: url(../m/bg-top.gif) no-repeat top left;
	padding: 26px 0 0 31px;
	height: 45px;
	position: relative;
}

h1#topLogo { /* Levin technique */
 	width: 238px;
	height: 45px;
	font-size:.2em;
	color:#FFF;
	position: relative;
	margin: 0;
	padding: 0;
}

h1#topLogo span {
	top: 0px;
	left: 0px;
 	width: 238px;
	height: 45px;
	background: url(../m/logo-murphy.gif) no-repeat;
	position: absolute;
	z-index:1;
}

h1#topLogo a {
 	width: 238px;
	height: 45px;
	display: block;
	cursor:pointer;
}

div#search-top {
	position: absolute;
	text-align:right;
	width:250px;
	bottom: 0px;
	right: 155px;
}

div#search-top input.search-field {
	margin: 0 0 4px 0;
	border-top-color:#B2B2B2;
	border-right-color:#B2B2B2;
	border-bottom-color:#DFDFDF;
	border-left-color:#DFDFDF;	
	border-width: 1px;
	border-style:solid;
}

div#topLinks {
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 0 31px 4px 0;
}

div#topLinks img {
	display: inline;
	margin: 0 0 0 7px;
}







/*******************************************************
	PAGE HEADERS
*******************************************************/
h2#mainHeader { /* Levin technique */
 	width: 565px;
	height: 116px;
	position: relative;
	margin: 0 0 18px 0;
	padding: 0;
	font-size: 1em;
	color: #999
}

h2#mainHeader span {
	top: 0px;
	left: 0px;
 	width: 565px;
	height: 116px;
	background-repeat: no-repeat;
	background-position: top left;
	position: absolute;
	z-index:1;
}

h2#mainHeader a {
 	width: 565px;
	height: 116px;
	display: block;
	cursor:pointer;
}

/* Each section has a default image.  Headers can be customized by adding a class to the h2's span. */
body#pageAbout h2#mainHeader span {background-image: url(../m/h-about-murphy.jpg);}
body#pageAbout h2#mainHeader span.history {background-image: url(../m/h-about-history.jpg);}
body#pageAbout h2#mainHeader span.plain {background-image: url(../m/h-about-plain.jpg);}
body#pageAbout h2#mainHeader span.awards {background-image: url(../m/h-about-awards.jpg);}
body#pageAbout h2#mainHeader span.news {background-image: url(../m/h-about-news.jpg);}
body#pageAbout h2#mainHeader span.values {background-image: url(../m/h-about-values.jpg);}
body#pageAbout h2#mainHeader span.corp-msg {background-image: url(../m/h-about-corp-msg.jpg);}

body#pageSolutions h2#mainHeader span {background-image: url(../m/h-solutions-main.jpg);}
body#pageSolutions h2#mainHeader span.fab {background-image: url(../m/h-solutions-fab.jpg);}
body#pageSolutions h2#mainHeader span.piping {background-image: url(../m/h-solutions-piping.jpg);}
body#pageSolutions h2#mainHeader span.sheetmetal {background-image: url(../m/h-solutions-sheetmetal.jpg);}
body#pageSolutions h2#mainHeader span.fab-plumb {background-image: url(../m/h-solutions-fab-bath.jpg);}
body#pageSolutions h2#mainHeader span.weld {background-image: url(../m/h-solutions-welding.jpg);}
body#pageSolutions h2#mainHeader span.manu {background-image: url(../m/h-solutions-manu.jpg);}
body#pageSolutions h2#mainHeader span.construction {background-image: url(../m/h-solutions-construction.jpg);}
body#pageSolutions h2#mainHeader span.control {background-image: url(../m/h-solutions-control.jpg);}
body#pageSolutions h2#mainHeader span.design {background-image: url(../m/h-solutions-design-build.jpg);}
body#pageSolutions h2#mainHeader span.energy {background-image: url(../m/h-solutions-energy.jpg);}
body#pageSolutions h2#mainHeader span.preconstruct {background-image: url(../m/h-solutions-preconstruct.jpg);}
body#pageSolutions h2#mainHeader span.quick {background-image: url(../m/h-solutions-quick.jpg);}
body#pageSolutions h2#mainHeader span.service {background-image: url(../m/h-solutions-service.jpg);}

body#pageMarketDiversification h2#mainHeader span {background-image: url(../m/h-market-heavy.jpg);}
body#pageMarketDiversification h2#mainHeader span.heavy {background-image: url(../m/h-market-heavy.jpg);}
body#pageMarketDiversification h2#mainHeader span.industrial {background-image: url(../m/h-market-industrial.jpg);}
body#pageMarketDiversification h2#mainHeader span.institute {background-image: url(../m/h-market-institute.jpg);}
body#pageMarketDiversification h2#mainHeader span.commercial {background-image: url(../m/h-market-commercial.jpg);}

body#pageSafety h2#mainHeader span {background-image: url(../m/h-safety.jpg);}
body#pageCareers h2#mainHeader span {background-image: url(../m/h-careers.jpg);}
body#pageCareers h2#mainHeader span.opportunities {background-image: url(../m/h-careers-opportunities.jpg);}
body#pageRecruiting h2#mainHeader span {background-image: url(../m/h-careers-recruiting.jpg);}
body#pageTraining h2#mainHeader span {background-image: url(../m/h-careers-training.jpg);}
body#pageBenefits h2#mainHeader span {background-image: url(../m/h-careers-benefits.jpg);}
body#pageNews h2#mainHeader span {background-image: url(../m/h-news.jpg);}
body#pageContact h2#mainHeader span {background-image: url(../m/h-contact.jpg);}
body#pageFacilities h2#mainHeader span {background-image: url(../m/h-facilities.jpg);}
body#pageFacilities h2#mainHeader span.stl2 {background-image: url(../m/h-facilities-stl2.jpg);}
body#pageFacilities h2#mainHeader span.stl3 {background-image: url(../m/h-facilities-stl3.jpg);}
body#pageFacilities h2#mainHeader span.denver {background-image: url(../m/h-facilities-denver.jpg);}
body#pageGeo h2#mainHeader span {background-image: url(../m/h-geographic.jpg);}
body#pageGeneric h2#mainHeader span {background-image: url(../m/h-murphy-co.jpg);}



p.introText {
	line-height: 1.4em;
	font-size: .9em;
	font-weight: bold;
	font-style: italic;
	margin: 0 0 12px 0;
}






/*******************************************************
	NAV
*******************************************************/
ul#mainNav {
	list-style-type: none;
	margin: 7px 0 5px 0;
	padding: 0 0 0 0;
	height:22px;
	background-color: #8E8E8E;
	display: block;
}

ul#mainNav li { /* Levin technique */
	height: 22px;
	position: relative;
	margin: 0;
	padding: 0;
	font-size: .7em;
	line-height: .7em;
	float: left;
	display: inline;
}

ul#mainNav li span {
	top: 0px;
	left: 0px;
/* 	width: 175px;*/
	height: 22px;
	position: absolute;
	z-index:1;
	background-repeat: no-repeat;
	background-position: top left;
}

ul#mainNav li a.mainBtn {
/* 	width: 175px;*/
	height: 22px;
	color: #333;
	display: block;
	cursor:pointer;
}

li#nav-about span {background-image: url(../m/nav/nav-about.gif);}
li#nav-solutions span {background-image: url(../m/nav/nav-solutions.gif);}
li#nav-market-diverse span {background-image: url(../m/nav/nav-market-diversification.gif);}
li#nav-safety span {background-image: url(../m/nav/nav-safety.gif);}
li#nav-careers span {background-image: url(../m/nav/nav-careers.gif);}
li#nav-news span {background-image: url(../m/nav/nav-news.gif);}

li#nav-about, li#nav-about span {width: 140px;}
li#nav-solutions, li#nav-solutions span {width: 105px;}
li#nav-market-diverse, li#nav-market-diverse span {width: 180px;}
li#nav-safety, li#nav-safety span {width: 105px;}
li#nav-careers, li#nav-careers span {width: 105px;}
li#nav-news, li#nav-news span {width: 105px;}

/*body#pageHome li#nav-about span {background-image: url(../m/nav/active/nav-about.gif);}*/


/*******************************************************
	SUB NAV
*******************************************************/

div#nav-sub {
	width: 180px;
	min-height: 375px;
	float: left;
	margin: 0 4px 0 0;
}

div#nav-sub ul {
	margin: 0 0 12px 24px;
	padding: 0;
}

div#nav-sub ul li ul {
	margin: 2px 0 6px 12px;
}

div#nav-sub li {
	margin: 0 0 2px 0;
	color: #FFF;
}

div#nav-sub a {
	color: #FFF;
}

div#nav-sub h3 { /* Levin technique */
 	width: 180px;
	height: 28px;
	position: relative;
	margin: 13px 0 8px 0;
	padding: 0;
	font-size: .4em;
}

div#nav-sub h3 span {
	top: 0px;
	left: 0px;
 	width: 180px;
	height: 28px;
	background-repeat: no-repeat;
	background-position: top left;
	position: absolute;
	z-index:1;
}

div#nav-sub h3 a {
 	width: 180px;
	height: 28px;
	display: block;
	cursor:pointer;
}

/* Hide all indiv sub navs */
/*div#nav-sub div {display: none;}

body#pageAbout div#nav-sub-about,
body#pageSolutions div#nav-sub-solutions,
body#pageMarketDiversification div#nav-sub-market-diversification,
body#pageSafety div#nav-sub-safety,
body#pageFacilities div#nav-sub-facilities,
body#pageCareers div#nav-sub-careers,
body#pageRecruiting div#nav-sub-careers,
body#pageTraining div#nav-sub-careers,
body#pageBenefits div#nav-sub-careers,
body#pageContact div#nav-sub-contact,
body#pageNews div#nav-sub-news
{display: block;}*/

div#nav-sub-about h3 span {background-image: url(../m/hs-about-murphy.gif);}
div#nav-sub-solutions h3 span {background-image: url(../m/hs-solutions.gif);}
div#nav-sub-market-diversification h3 span {background-image: url(../m/hs-market.gif);}
div#nav-sub-safety h3 span {background-image: url(../m/hs-safety.gif);}
div#nav-sub-careers h3 span {background-image: url(../m/hs-careers.gif);}
div#nav-sub-news h3 span {background-image: url(../m/hs-news.gif);}
div#nav-sub-contact h3 span {background-image: url(../m/hs-contact.gif);}
div#nav-sub-facilities h3 span {background-image: url(../m/hs-facilities.gif);}


div#nav-sub h4 {
	color: #FFF;
	margin: 0 0 6px 12px;
}



/*******************************************************
	FOOTER
*******************************************************/
div#footer {
	padding: 8px 31px 18px 31px;
	background: url(../m/bg-btm.gif) no-repeat bottom left;
}

div#footer p, div#footer a {color: #604E28;}
div#footer p {
	margin: 0;
	line-height: 1.4em;
}

p.footerNav {
	padding: 12px 0 0 0;
}

body#pageHome div#footer hr {
	display: none;
}

div#footer hr {
	height: 12px;
	border:0px;
	margin: 0 0 12px 0;
	background: url(../m/bar-btm.jpg) no-repeat top left;
}






/*******************************************************
	HOME
*******************************************************/
#homeBtnsMain img {
	display: inline;
}

.homeCol1 {
	width:521px;
	height:325px;
	float: left;
	margin-left:16px;
}

.homeCol2 {
	width:220px;
	height:325px;
	float: left;
	background: url(../m/bg-home-rt.jpg) no-repeat top left;
}

.hCentury {
	margin: 22px 0 0 0px;
}

.homeCol2 div.content {
	padding: 21px 12px 0 26px;
}

.homeCol2 div.content p {
	color: #FFF;
}

.homeCol2 div.content p a {
	color: #FFFFFF;
}

.homeBtnsRow2 {
	padding: 5px 0 0 0;
}

.homeBtnsRow2 img {
	display: inline;
}





#financial-banners {
padding: 36px 0 0 0;
}

#financial-banners img {
	float: left;
	margin: 0 12px 12px 0;
	
}



/*******************************************************
	Affiliations
*******************************************************/
div.affiliations-con {
	padding: 0 0 24px 0;
}

div.affiliations-con div.spacer {
}

div.aff {
	width: 167px;
	margin: 0 4px 24px 0;
	float: left;
}







.chart-continuous {
	padding: 6px 0 12px 0;
}

.chart-continuous img {
	margin: 0 auto;
}





.contact-loc {
	float: left;
	width: 230px;
	margin: 12px 0 12px 0;
}



.geo-map {
	margin: 18px 0 0 0;
}




/*******************************************************
	MISC
*******************************************************/
.quote {
	width: 150px;
	float: right;
	margin: 0 0 16px 16px;
	padding: 3px 0 0 30px;
	background: url(../m/quote-begin.gif) no-repeat top left;
}

.quotation {
	font-weight: bold;
	font-size: .9em;
	line-height: 1.3em;
	margin: 0 0 6px 0;
	padding: 0 0 12px 0;
	display:block;
}

.quoter {
	font-style: italic;
	font-size:.7em;
	line-height: 1.4em;
}

.endQuote {
	width: 1px;
	height: 1px;
	padding: 0 0 29px 29px;
	background: url(../m/quote-end.gif) no-repeat 3px 4px;
}



.fact {
	width: 156px;
	min-height:70px;
	float: right;
	margin: 0 0 16px 16px;
	padding: 14px;
	color: #FFF;
	border: 2px solid #C0D7C0;
	text-align: center;
	background: #046904 url(../m/fact-bg.jpg) repeat-x top center;
}

.fact h4 {
	color: #FFF;
	font-size: .9em;
	margin: 0 0 .3em 0;
/*	text-transform: uppercase;*/
}

.fact p {
/*	line-height: 1.5em;*/
	margin: 0;
/*	font-size:.8em;*/
}

.col1 {
	width:250px;
	float: left;
	margin: 0 12px 0 0;
}

.col2 {
	width:250px;
	float: left;
}


div.insetRt {
	float: right;
	display: inline;
	margin: 0 0 12px 12px;
}

/* Legacy browser message */
div.legacyMsg {display: none;}

/* No JavaScript messge */
div.noScriptMsg {background-color: #333333;padding: 12px;}
div.noScriptMsg p {margin: 0;}


div.section {
	padding: 12px 0;
}

.clear { clear: both; font-size: 0px; line-height: 0px; height: 0px;}

div.hide {display: none;}


.downloadLink {
	background: url(../m/i-arw-green.gif) no-repeat 0px 4px;
	padding: 0 0 0 13px;
	min-height: 7px;
}
.images {
	border: 2px solid #c0d7c0;
	margin: 3px;
}
.contact td{
font-size: .7em;
background-color: #ffffff;
}
.contact table {
background-color: #ffffff;
}