/* General 
============================================== */
body {
	font-family: Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif;
	background: #123668;
	font-size: 62.5%;
}
h1, h2, h3, h4 {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #144996;
	font-weight: bold;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
label {
	font-weight: bold;
}
.inset_left {
	float: left;
	margin: 5px 10px 10px 0;
}
/* =========================================== */


/* Container
============================================== */
#container {
	width: 950px;
	margin: 0 auto 15px;
	position: relative;
	background: url('../images/container-bg.gif') repeat-y;
}
/* =========================================== */


/* Header
============================================== */
#header {
 	background: #144996 url('../images/header-bg.gif') no-repeat top left;
	padding: 41px 0 40px 400px;
}
#header h1 a {
	display: block;
	background: #144996 url('../images/logo.gif') no-repeat top center;
	width: 445px;
	height: 88px;
	text-indent: -9999px;
}
/* =========================================== */


/* Navigation
============================================== */
#navigation {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
 	background: #D4D4E1;
	float: left;
	width: 950px;
	font-size: 14px;
	border-bottom: 4px solid #144996;
}
#navigation li {
	float: left;
}
#navigation li a {
	display: block;
	padding: 10px 30px 7px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	color: #666;
}
/* =========================================== */

/* Contact Info
============================================== */
#contact {
	float: right;
	color: #144996;
	border-bottom: 2px solid #144996;
	width: 650px;
	font-size: 10px;
	margin-bottom: 25px;
}
#contact li {
	float: left;
	padding: 4px 8px;
	border-right: 1px solid #144996;
	list-style: none;
	font-weight: normal;
}
#contact li#phone {
	font-weight: bold;
}
#contact li#hours {
	border-right: none;
}
/* =========================================== */


/* Main Content
============================================== */
#mainContent {
	width: 600px;
	background: #FFF;
	float: right;
	font-size: 13px;
	padding: 0 25px;
	color: #333;
}
#mainContent h2 {
	background: #39C url('../images/burner.jpg') no-repeat top left;
	font-size: 20px;
	color: #FFF;
	padding: 18px 15px 18px 75px;
	position: absolute;
	top: 57px;
	left: 0;
	width: 275px;
}
#bHome #mainContent h2 {
	background-image: url('../images/home-header-bg.jpg');
}
#bContact #mainContent h2 {
	background-image: url('../images/contact-header-bg.jpg');
}
#bAbout #mainContent h2 {
	background-image: url('../images/about-header-bg.jpg');
}
#bCustomers #mainContent h2 {
	background-image: url('../images/customers-header-bg.jpg');
}
#bSafety #mainContent h2 {
	background-image: url('../images/safety-header-bg.jpg');
}
#bFaq #mainContent h2 {
	background-image: url('../images/faq-header-bg.jpg');
}
#mainContent h3 {
	font-size: 18px;
	margin: 5px 0;
}
#mainContent h3 a {
	color: inherit;
}
#mainContent h4 {
	color: black;
	margin: 0;
}
#mainContent p {
	line-height: 1.4em;
	margin: 10px 0;
}
#mainContent a {
	color: #333;
}
#mainContent ul {
	margin: 10px 0;
}
#mainContent ul li {
	line-height: 1.4em;
	list-style: disc;
	margin-left: 30px;
}
#mainContent ul#address li,
#mainContent ul#numbers li,
#mainContent ul#hours li {
	list-style: none;
	margin: 0;
}
#bFaq #mainContent ul li,
#bCustomers #mainContent ul li {
	font-weight: bold;
	list-style: none;
	font-size: 13px;
	margin: 10px 0 25px 0;
}
#bFaq #mainContent ul li p,
#bCustomers #mainContent ul li p {
	font-weight: normal;
	margin: 0;
}
#bFaq #mainContent ul li ul,
#bCustomers #mainContent ul li ul {
	margin: 0;
}
#bFaq #mainContent ul li ul li,
#bCustomers #mainContent ul li ul li {
	font-weight: normal;	
	list-style: disc;
	margin-left: 15px;
	line-height: 1.2em;
	margin: 5px 15px;
}
#mainContent dl {
	margin: 10px 0;
}
#mainContent dl dt {
	font-weight: bold;
}
#mainContent dl dd {
	list-style: disc;
}
/* =========================================== */


/* Sub Content
============================================== */
#subContent {
	width: 290px;
	float: left;
	padding: 0 5px 10px 5px;
	position: relative;
	top: -46px;
}
/* =========================================== */


/* Footer
============================================== */
#footer {
	clear: both;
	background: #FFF;
	font-weight: bold;
	margin: 25px;
	font-size: 9px;
	float: right;
	width: 600px;
}
#footer .propaneLogo {
	margin-right: 15px;
}
#footer .design,
#footer .design a {
	color: #144996;
}
#footer .design {
	margin-left: 15px;
}
/* =========================================== */


/* Forms
============================================== */
form dl {
	margin: 0;
}
form dl dt {
	font-size: 13px;
	margin-bottom: 2px;
}
form dl dd {
	margin-bottom: 8px;
}
form dl dd input.text_field,
form dl dd textarea {
	padding: 2px;
}
form dl dd textarea {
	font-family: Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 13px
}
/* =========================================== */


/* General Error, Notice, and Warning
============================================== */
.notice {
	padding: 10px;
	clear: both;
	border: 1px solid #FFCC66;
	background: #FFFFE5;
}
/* =========================================== */

/* Fixes
============================================= */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* ========================================== */