@charset "utf-8";
/* 
Client: Corrigan Oil
Author: Media Genesis
style.css
*/
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block; }
audio, canvas, video { display:inline-block; *display:inline; *zoom:1; }
audio:not([controls]) { display:none; }
[hidden] { display:none; }

/* =============================================================================
   Base
   ========================================================================== */
html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
html, button, input, select, textarea { font-family:sans-serif; color:#222; }
body { background:url(../images/bg_body.png) repeat-x #000; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; line-height:1.4; min-width:1020px; }
::-moz-selection { background:#0B386B; color:#FFF; text-shadow:none; }
::selection { background:#0B386B; color:#FFF; text-shadow:none; }

/* =============================================================================
   Links
   ========================================================================== */
a { color:#2C69AE; }
a:visited { color:#2C69AE; }
a:hover { color:#000; }
a:focus { outline:thin dotted; }
a:hover, a:active { outline:0; }

/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] { border-bottom:1px dotted; }
b, strong { font-weight:bold; }
blockquote { margin:1em 40px; }
dfn { font-style:italic; }
h1, h2, h3, h4, h5, h6 { display:block; font-weight:bold; margin:0; padding:0; }
p { margin:0; padding:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #CCC; margin:1em 0; padding:0; }
ins { background:#FF9; color:#000; text-decoration:none; }
mark { background:#FF0; color:#000; font-style:italic; font-weight:bold; }
pre, code, kbd, samp { font-family:monospace, serif; _font-family:'courier new', monospace; font-size:1em; }
pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word; }
q { quotes:none; }
q:before, q:after { content:""; content:none; }
small { font-size:85%; }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }

/* =============================================================================
   Lists
   ========================================================================== */
ul, ol { margin:1em 0; padding:0 0 0 40px; }
dd { margin:0 0 0 40px; }
nav ul, nav ol { list-style:none; list-style-image:none; margin:0; padding:0; }

/* =============================================================================
   Embedded content
   ========================================================================== */
img { border:0; -ms-interpolation-mode:bicubic; vertical-align:middle; }
svg:not(:root) { overflow:hidden; }

/* =============================================================================
   Figures
   ========================================================================== */
figure { margin:0; }

/* =============================================================================
   Forms
   ========================================================================== */
form { margin:0; }
fieldset { border:0; margin:0; padding:0; }
label { cursor:pointer; }
legend { border:0; *margin-left:-7px; padding:0; white-space:normal; }
button, input, select, textarea { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle; }
button, input { line-height:normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; -webkit-appearance:button; *overflow:visible; }
button[disabled], input[disabled] { cursor:default; }
input[type="checkbox"], input[type="radio"] { box-sizing:border-box; padding:0; *width:13px; *height:13px; }
input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance:none; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
textarea { overflow:auto; vertical-align:top; resize:vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color:#F0DDDD; }

/* =============================================================================
   Tables
   ========================================================================== */
table { border-collapse:collapse; border-spacing:0; }
td { vertical-align:top; }

/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */
.chromeframe { margin:0.2em 0; background:#CCC; color:black; padding:0.2em 0; }

/* ==|== primary styles =====================================================
   Author: Media Genesis, Client: Corrigan Oil
   ========================================================================== */
#container {
	background:#FFF;
	-webkit-box-shadow: 0px 2px 4px 2px #222222;
	box-shadow: 0px 2px 4px 2px #222222; 
	margin:0 auto;
	min-height:1175px;
	position:relative;
	width:960px;
}

#container #navigation {
	background:url(../images/bg_navigation.png) no-repeat;
	height:80px;
	left:-20px;
	position:absolute;
	top:0;
	width:1000px;
	z-index:100;
}

#container #navigation #subnav {
	height:27px;
	float:right;
	width:310px;
}

#container #navigation #subnav a {
	color:#FFF;
	display:block;
	float:left;
	height:22px;
	padding-top:5px;
	text-align:center;
	text-decoration:none;
}

#container #navigation #subnav a.n_forms { padding-left:7px; width:139px; }
#container #navigation #subnav a.n_portal { padding-left:7px; width:139px; }
#container #navigation #subnav a.n_customer { width:144px; }
#container #navigation #subnav a:hover { text-decoration:underline; }

nav#global {
	clear:both;
	height:39px;
	width:992px;
}

nav#global li {
	float:left;
	margin:0;
	padding:0;
}

nav#global li a {
	color:#FFF;
	display:block;
	font-size:21px;
	height:35px;
	padding-top:7px;
	text-align:center;
	text-decoration:none;
}

nav#global li:hover a {
	background:url(../images/bg_nav_global.png) repeat-x;
}

nav#global li a.n_home { margin-left:8px; width:117px; }
nav#global li a.n_about { width:132px; }
nav#global li a.n_commercial { width:161px; }
nav#global li a.n_residential { width:152px; }
nav#global li a.n_propane { width:128px; }
nav#global li a.n_towing { width:116px; }
nav#global li a.n_construction { width:178px; }
nav#global li a.n_careers { width:178px; }

nav#global li div.dropdown {
	background:url(../images/bg_dropdown.png) no-repeat;
	-webkit-border-radius: 24px;
	border-radius: 24px;
	clear:left;
	cursor:pointer;
	left:-999em;
	margin:0;
	padding:13px 0 0 0;
	position:absolute;
	width:158px;
	z-index:100;
}

nav#global li div.dropdown a {
	background:#266AB0; 
	color:#FFF;
	display:block;
	font-size:13px;
	height:auto;
	padding:4px 6px;
	text-align:left;
	width:146px;
}

nav#global li div.dropdown a.level03 {
	font-size:13px;
	padding:4px 6px 4px 31px;
	width:121px;
}

nav#global li div.dropdown a:first-child {
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px; 
	padding:10px 6px 4px 6px;
}

nav#global li div.dropdown a:last-child {
	-webkit-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px; 
	padding:4px 6px 12px 6px;
}

nav#global li div.dropdown a:hover {
	color:#000;
}

nav#global li:hover div.dropdown {
	left:auto;
}

nav#global li:hover { 
	position:static;
}

nav#global li div.dropdown div {
	left:208px;
	margin-top:-27px;
	position:absolute;
}

#container #splash {
	height:600px;
	position:relative;
	width:960px;
}

#container #logo {
	height:175px;
	left:0;
	position:absolute;
	top:80px;
	width:360px;
	z-index:10;
}

#container #number {
	bottom:75px;
	height:140px;
	position:absolute;
	right:0;
	width:275px;
	z-index:10;
}

#container section {
	height:315px;
	padding:60px 0 10px 0;
	position:relative;
	width:960px;
	z-index:10;
}

section h2, section#products div h3 {
	background:url(../images/h_section.png) no-repeat;
	color:#FFF;
	font-size:22px;
	height:54px;
	left:-20px;
	padding:6px 32px 0 32px;
	position:absolute;
	top:0;
	width:936px;
}

section#products {
	margin-top:-65px;
}

section#products div {
	float:left;
	height:273px;
	margin:0 26px;
	padding-top:42px;
	position:relative;
	width:188px;
}

section#products div h3 {
	background:url(../images/h_section_products.png) no-repeat;
	font-size:16px;
	height:42px;
	left:-24px;
	padding:10px 25px 0 25px;
	width:186px;
}

section#products div h3 a {
	color:#FFF;
	display:block;
	text-decoration:none;
}

section#products div h3 a:hover {
	text-decoration:underline;
}

section#products p {
	line-height:16px;
	padding-top:10px;
}

section#locations {
	height:400px;
}

#loc_frame {
	height:400px;
	position:relative;
	top:16px;
	width:960px;
}

#loc_img {
	/*height:291px;*/
	height: 374px;
	position:absolute;
	right:20px;
	width:733px;
	z-index:100;
	overflow:hidden;
}

#loc_img img {
	/*height:374px;*/
	/*width:auto;*/
	/*width:auto;*/
	/*height:374px;*/
}

#loc_img img, .pics img {
	left:0;
	position:absolute;
	top:0;
}

.loc_map {
	background:url(../images/bg_loc_map_ie.png);
	background: rgba(29, 68, 110, 0.8);
	color:#FFF;
	height:344px;
	left:207px;
	padding:15px 15px 15px 0;
	position:absolute;
	width:261px;
	z-index:200;
}

.loc_map_left {
	float:left;
	font-size:18px;
	height:100px;
	padding-top:27px;
	text-align:center;
	width:70px;
}

.loc_map_right {
	float:left;
	font-size:16px;
	font-weight:bold;
	height:152px;
	line-height:22px;
	width:191px;
}

.loc_map_right span {
	display:block;
	font-size:20px;
	padding-bottom:20px;
}

.loc_map a {
	color:#FFF;
}

.loc_pagination {
	height:210px;
	left:-8px;
	position:absolute;
	width:216px;
	z-index:300;
}

.loc_pagination a {
	background:url(../images/bg_loc_pagination.png) no-repeat;
	color:#000;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	height:34px;
	padding-top:8px;
	text-decoration:none;
	text-indent:16px;
	width:216px;
}

.loc_pagination a:hover, .loc_pagination a.activeSlide {
	background-position:0 -42px;
}

.no-js .for_nojs {
	display:none;
}

section#partners {
	background:#FFF;
	height:130px;
}

section#partners img {
	float:left;
}

footer {
	color:#FFF;
	height:165px;
	margin:0 auto;
	padding:20px 10px 0 10px;
	position:relative;
	width:940px;
}

footer #emblem {
	height:125px;
	left:0;
	position:absolute;
	top:-170px;
	width:240px;
}

footer .social {
	color:#FFF;
	float:right;
	font-weight:bold;
	text-align:right;
	width:600px;
}

footer a:link, footer a:active, footer a:visited {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

footer .social a {
	margin-left:20px;
}

footer a:hover {
	color:#CCC;
	text-decoration:underline;
}

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
.clearboth, br { clear:both; }
.floatleft { float:left; }
.floatright { float:right; }
.centertext { text-align:center; }
.righttext { text-align:right; }
.ir { display:block; border:0; text-indent:-999em; overflow:hidden; background-color:transparent; background-repeat:no-repeat; text-align:left; direction:ltr; *line-height:0; }
.ir br { display:none; }
.hidden { display:none !important; visibility:hidden; }
.visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; }
.invisible { visibility:hidden; }
.clearfix:before, .clearfix:after { content: ""; display:table; }
.clearfix:after { clear:both; }
.clearfix { *zoom:1; }

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  /* Black prints faster: h5bp.com/s */
  * { background:transparent !important; color:black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter:none !important; }
  a, a:visited { text-decoration:underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border:1px solid #999; page-break-inside:avoid; }
  thead { display:table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside:avoid; }
  img { max-width:100% !important; }
  @page { margin:0.5cm; }
  p, h2, h3 { orphans:3; widows:3; }
  h2, h3 { page-break-after:avoid; }
}