/*------------------------ CSS RESET ------------------------*/

@import url("reset.css");
/*------------------------ GLOBAL STYLES ------------------------*/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background: #E2E1E7;
}
h2, h3, h4 {
	font-weight:normal;
}
h1 {
	padding:20px 0 0 0;
}
h1.title {
	font-size:98px;
	color:#ff1319;
}
h1.subtitle {
	font-size:45px;
	color:#ff1319;
	margin-bottom:0px;
}
h2 {
	color:#ff1319;
	font-size:25px;
}
h2.white {
	color:#FFFFFF;
	font-size:22px;
}
h3 {
	font-size:18px;
	color:#ff1319;
}
h4 {
	font-size:17px;
	padding-bottom:15px;
	color:#ff1319;
}
h5 {
	font-size:14px;
	padding-bottom:8px;
}
p {
	line-height:1.4em;
	padding:0 0 10px 0;
	font-size:13px;
}
td {
	line-height:1.4em;
	margin: 10px 0;
	font-size:13px;
}
.cta_btn {
	font-size:18px;
	text-decoration:none;
	background:url(../images/cta_arrow.gif) right center no-repeat;
	width:299px;
}
.cta_btn a {
	color:#ff1319;
	text-decoration:none;
	border-bottom:dotted 1px #ff1319;
}
.readmore_btn {
	text-align:right;
}
.readmore_btn a {
	color:#FFF;
	text-decoration:none;
	border-bottom:dotted 1px #FFF;
}
a:hover {
	color:#000;
}
/*------------------------ PAGE LAYOUT ------------------------*/

*:first-child+html #main_wrap, *html #main_wrap {
	width:983px;
	margin: 0 auto;
	background:url(../images/page_bg.jpg) center repeat-y;
}
#container {
	width:910px;
	margin:0 auto;
	/*-- BOX SHADOW -- */
	-moz-box-shadow:0 0 40px #888;
	-webkit-box-shadow:0 0 40px #888;
	box-shadow:0 0 40px #888;
	padding-bottom:5px;
	background-color:#FFF;
}
#bottomcontainer {
	width:910px;
	height:50px;
	margin:0 auto;
	/* -- BOX SHADOW -- */
	-moz-box-shadow:0 0 40px #888;
	-webkit-box-shadow:0 0 40px #888;
	box-shadow:0 0 40px #888;
	padding-bottom:5px;
}
/*--HOME PAGE --*/

.contentbox, #header {
	width:900px;
	margin:0 auto;
	clear:both;
}
#header {
	background:url(../images/page_bg.gif) repeat;
}
.whitehalf {
	background:url(../images/white_box_bg.jpg) bottom center repeat-x;
	color:#ff1319;
	padding-bottom:30px;
}
.redhalf {
	background:url(../images/red_box_bg.jpg) top center repeat-x #ff1319;
	color:#FFF;
	padding:60px 0 30px;
}
.textbox {
	width:400px;
	margin-left:40px;
}
.formbox {
	width:315px;
	margin-left:75px;
	background-color:#FFF;
	float:left;
	color:#ff1319;
	padding:10px;
}
#header {
	clear:both;
}
/* ------------------------- SUB PAGES ------------------------ */

#subpage_wrap {
	width:861px;
	margin:auto;
	padding:20px;
	background:#dfdfdf;
}

.listyle { 
 
 list-style-position:inside;

}
.subpage_title_wrap {
	padding:20px 45px;
	width:450px;
	color:#ff1319;
}
.ruler {
	background:url(../images/ruler.jpg) repeat-x center;
	height:13px;
	margin-left:5px;
	width:901px;
}
#subpage_title {
	background:url(../images/banner_bg.gif) right bottom no-repeat;
}
.clear {
	height:24px;
}
#subpage_left {
	padding:20px;
	float:left;
	width:559px;
	background:#fff;
	margin-right:20px;
}
#subpage_right {
	padding:10px;
	float:right;
	width:221px;
	background:#fff;
}
.subpage_li li {
	padding-bottom:10px;
	background:url(../images/cta_arrow.gif) no-repeat;
	padding-left:22px;
	font-size:13px;
	line-height:1.3em;
}
ul.subpage_li {
	padding-top:14px;
}
/*------------------------ NAVIGATION ------------------------*/

ul.nav {
	float:right;
	font-size:11px;
	text-transform:uppercase;
	padding-top:15px;
	padding-right:0px;
}
ul.nav li {
	margin-right:5px;
	float:left;
	line-height:1.4em;
}
.menuone {
	width:180px;
}
.menutwo {
	width:147px;
}
.menuthree {
	width:180px;
}
.menufour {
	width:145px;
}
.menufive {
	width:170px;
}
/**:first-child+html ul.nav li a {
	max-width:190px;
	letter-spacing:1px;

	}*/

ul.nav li a {
	display:block;
	text-decoration:none;
	color:#FFF;
	background-color:#ff1319;
	height:50px;
	min-width:48px;
	padding: 5px 6px;
}
ul.nav li a:hover {
	background-color:#FFF;
	border-bottom:2px solid #ff1319;
	color:#303030;
	font-weight:bold;
	height:48px;
}
ul.nav li.last {
	margin-right:0px;
}
/* MENU ACTIVE STATES */

#stems .menuone a.active, #supply .menutwo a.active, #shippers .menuthree a.active, #storage .menufour a.active, #network .menufive a.active {
	background-color:#FFF;
	border-bottom:2px solid #ff1319;
	color:#303030;
	font-weight:bold;
	height:48px;
}
/*------------------------ CONTACT FORM ------------------------*/

.formbox label {
	float:left;
	font-size:15px;
	width:60px;
	padding:10px 0;
}
.formbox input:focus {
	border:2px solid #ff1319;
}
.formbox input {
	padding:4px;
	font-size:13px;
	color:#333;
	border: 1px #ff1319 solid;
	margin-right:20px;
	width:220px;
	float:left;
}
.formbox .submitBtn {
	color:#FFF;
	background-color:#090;
	border:none;
	width:60px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	text-align:center;
	cursor:pointer;
}
/*------------------------ BUTTONS ------------------------*/

ul.buttons li a {
	display:block;
	color:#FFF;
	background: url(../images/button_arrow.gif) #ff1319 no-repeat center right;
	padding:5px;
	margin:10px 0;
	text-decoration:none;
	font-size:16px;
}
/*------------------------ TABLE CLASSES ------------------------*/

table {
	margin-top:5px;
}
td {
	padding:5px 20px;
	background-color:#FFF;
}
.tabletitle, .tablelabel {
	background-color:#ff1319;
	color:#FFF;
}
.tabletitle {
	font-size:18px;
}
.tablelabel {
	font-size:15px;
	padding-top:14px;
}
/*------------------------ USEFUL CLASSES ------------------------*/

/* CLEARFIX */

.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.required {
	background:#ff1319;
	color:#fff !important;
}

/*------------------------ photo gallery CLASSES ------------------------*/
.gallery {
	text-align:center;
}
.gallery a img {
	padding:6px;
}

#ShadowBox table, #ShadowBox table th, #ShadowBox table td { margin:0; padding:0; background-image:none !important; background-color:#FFFFFF;}
	
/*------------------------ sIFR CLASSES ------------------------*/

	
@media screen {
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
	padding:0px;
}
.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
	margin: 0pt;
	padding: 0pt;
	overflow: auto;
	letter-spacing: 0px;
	float: none;
}
}
 @media print {
.sIFR-flash {
	display : none !important;
	height : 0;
	width : 0;
	position : absolute;
	overflow : hidden;
}
.sIFR-alternate {
	visibility : visible !important;
	display : block !important;
	position : static !important;
	left : auto !important;
	top : auto !important;
	width : auto !important;
	height : auto !important;
}
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
/* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}
.ui-accordion h4 {
	color:#000000;
	background:none;
}
.ui-accordion p, .ui-accordion li {
	font-family:Arial, Helvetica, sans-serif;
}
.ui-accordion .ui-accordion-header {
	cursor: pointer;
	position: relative;
	margin-top: 1px;
	zoom: 1;
	padding:10px 5px 5px 25px;
}
.ui-accordion .ui-accordion-li-fix {
	display: inline;
}
.ui-accordion .ui-accordion-header-active {
	border-bottom: 0 !important;
}
.ui-accordion .ui-accordion-header a {
	display: block;
	font-size: 1em;
	padding: .5em .5em .5em 2.2em;
}
.ui-accordion .ui-accordion-header .ui-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	margin-top: -2px;
	position: relative;
	top: 1px;
	margin-bottom: 2px;
	overflow: auto;
	display: none;
}
.ui-accordion .ui-accordion-content-active {
	display: block;
}

#accordion {width:459px; margin:15px auto}
.accordion {width:459px; font-size:12px; color:#00000}
.accordion dt {width:439px; border:2px solid #ff1319; padding:8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(images/header.gif)}
.accordion dt:hover {background:url(images/header_over.gif)}
.accordion dd {overflow:hidden; background:#fff}
.accordion span {display:block; width:425px; border:2px solid #9ac1c9; border-top:none; padding:15px}

#accordion2 {width:259px; margin:50px auto; border:1px solid #333; border-top:none}
.accordion2 {width:259px; font:12px Verdana,Arial; color:#333}
.accordion2 dt {width:247px; padding:4px 6px; font-weight:bold; cursor:pointer; background-color:#666; background-image:url(images/arrow_down.gif); background-position:right center; background-repeat:no-repeat; color:#fff; border-top:1px solid #333}
.accordion2 dt:hover {background-color:#555}
.accordion2 .open {background-color:#444; background-image:url(images/arrow_up.gif)}
.accordion2 dd {overflow:hidden; background:#fff}
.accordion2 span {display:block; width:229px; border-top:none; padding:15px}