#main {
	padding-bottom: 284px;
}  /* must be same height as the footer */
#footer {
	position: relative;
	margin-top: -284px; /* negative value of footer height */
	height: 284px;
	clear:both;
	background-image: url(/images/bg_footer.jpg);
	background-repeat: repeat-x;
}
/* CLEAR FIX*/
.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 */





.mainBG {
	background-image: url(../images/bg_header.jpg);
	background-repeat: repeat-x;
}

.head {
	font-size: 14px;
	font-weight: bold;
	color: #009ADA;
}

/* ----- Header ----- */
.headerWrapper {
	margin: 0 auto;
	width: 950px;
}
.header {
	height: 23px;
}
.headerLeft {
	font: 11px Arial, Helvetica, sans-serif;
	color: #4B5D69;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
	width: 465px;
	text-align: left;
	line-height: 23px;
	padding-left: 10px;
}
.headerRight {
	font: 11px Arial, Helvetica, sans-serif;
	color: #21A8DE;
	float: right;
	width: 475px;
	text-align: right;
	line-height: 23px;
}
.logo {
	height: 92px;
	width: 950px;
}
.logoText {
	float: left;
	width: 420px;
	height: 92px;
}
.logoImage {
	float: right;
	width: 220px;
	height: 92px;
}




.mainNav {
	height: 35px;
}

.home {
	background-image: url(../images/bg_nav_home.jpg);
}
.myAccount {
	background-image: url(../images/bg_nav_myaccount.jpg);
}
.residential {
	background-image: url(../images/bg_nav_residential.jpg);
}
.commercial {
	background-image: url(../images/bg_nav_commercial.jpg);
}
.builders {
	background-image: url(../images/bg_nav_builders.jpg);
}
.naturalGas {
	background-image: url(../images/bg_nav_naturalgas.jpg);
}
.alagasco {
	background-image: url(../images/bg_nav_alagasco.jpg);
}


/* ----- Home Body ----- */
.wrapper {
	margin: 0 auto;
	width: 950px;
	margin-top: 30px;
}
.wrapperInside {
	float: left;
	width: 700px;
}
.wrapperInsideFooter {
	float: left;
	width: 950px;
}
.homeLeft {
	width: 710px;
	float: left;
}

.left {
	width: 170px;
	float: left;
}
.left a {
	text-decoration: none;
}


.right {
	width: 230px;
	float: right;
}
.center {
	float: right;
	width: 510px;
}
.centerFooter {
	float: right;
	width: 760px;
}


.pageTitle {
	font: 14px Arial, Helvetica, sans-serif;
	color: #009ADA;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 3px solid #DAF690;
	margin-bottom: 5px;
}

.homeFlash {
	width: 710px;
	height: 290px;
	background-color: #F3F3F3;
}
.flash {
	width: 510px;
	height: 260px;
}

.homeFeature {
	width: 710px;
	margin-top: 10px;
}
.homeFeature td {
	font: 14px Arial, Helvetica, sans-serif;
	color: #664834;
}

.feature {
	width: 510px;
	margin-top: 10px;
}
.feature td {
	font: 14px Arial, Helvetica, sans-serif;
	color: #664834;
}

.featureLeft {
	float: left;
	width: 470px;
}
.featureRight {
	float: right;
	width: 230px;
}

.col1 {
	float: left;
	width: 230px;
/*	background-color:#CCC; */
	height: 140px;
/*	background-image: url(../images/goby_col1.jpg); */
}
.col2 {
	float: right;
	width: 230px;
/*	background-color:#999; */
	height: 140px;
/*	background-image: url(../images/goby_col2.jpg); */
}
.col3 {
	float: left;
	width: 230px;
/*	background-color:#666; */
	height: 140px;
/*	background-image: url(../images/goby_col3.jpg); */
}
.col11 {
	float: left;
	width: 250px;
/*	background-color:#CCC; */
	height: 140px;
/*	background-image: url(../images/goby_col1.jpg); */
}
.col22 {
	float: right;
	width: 250px;
/*	background-color:#CCC; */
	height: 140px;
/*	background-image: url(../images/goby_col2.jpg); */
}
.col111 {
	float: left;
	width: 250px;
	height: 140px;
}
.col111 a, .col111 a:hover {
/*	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #009ADA;

	text-decoration: underline; */
}

.col222 {
	float: right;
	width: 250px;
	height: 140px;
}
.col222 a, .col222 a:hover {
/*	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #009ADA;

	text-decoration: underline; */
}



/* ----- */
.bread {
	width: 950px;
	height: 20px;
	padding-bottom: 2px;
	border-bottom: 2px solid #21A8DE;
	margin-bottom: 10px;
}
.breadBox {
	float: left;
	width: 700px;
	margin-left: 10px;
}
.toolBox {
	float: right;
	width: 230px;
}


/* ----- */
#search input {
	background-image: url(../images/bg_search_field.gif) no-repeat center center;
	height: 25px;
	width: 210px;
	
	background:none;
	border:none;
	margin:0;
	padding: 2px 7px 0px 7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}


.tools {
	width: 230px;
	height: 13px;
	margin-bottom: 10px;
	margin-right: 10px;
	text-align: right;
}

.tools a {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}
.tools a:hover {
	font: 11px Arial, Helvetica, sans-serif;
	color: #21A8DE;
	text-decoration: none;
}

.tools td {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666666;
}
.tools td a {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}
.tools td a:hover {
	font: 11px Arial, Helvetica, sans-serif;
	color: #21A8DE;
	text-decoration: none;
}

.searchBox {
	background: url(../images/bg_search_box.gif) no-repeat center top;
}
.searchBoxHead {
	background: url(../images/bg_search_corners_top.gif) no-repeat center top;
}
.searchBoxFoot {
	background: url(../images/bg_search_corners_bottom.gif) no-repeat center bottom;
}
.searchBoxBody {
	padding: 10px;
	font-size: 11px;
	color: #4B5D69;
	text-decoration: none;
}
.searchBoxBody p {
	padding-bottom: 0px;
}
.searchBoxBody a, .searchBoxBody a:hover {
	text-decoration: none;
}

.grayBox {
	margin-top: 10px;
	background: url(../images/bg_gray_box.gif) no-repeat center bottom;
}
.grayBoxHead {
	background: url(../images/bg_gray_head.gif) no-repeat center top;
}
.grayBoxFoot {
/*	background: url(../images/bg_gray_corners_bottom.gif) no-repeat center bottom; */
	border: none;
}
.grayBoxBody, .grayBoxBody p {
	padding: 0px;
}
.grayBox h2 {
	padding-top: 8px;
	padding-left: 10px;
	height: 27px;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #009ADA;
	text-shadow: #FFFFFF 1px 1px 0px;
}

.grayBox2 {
	margin-top: 10px;
	background: url(../images/bg_gray_box.gif) no-repeat center bottom;
}
.grayBoxBody2, .grayBoxBody2 p {
	padding: 0px;
}
.grayBox2 h2 {
	padding-top: 8px;
	padding-left: 10px;
	height: 27px;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #009ADA;
	text-shadow: #FFFFFF 1px 1px 0px;

	background: url(../images/icon_person.gif) no-repeat 210px 11px;
}

.grayBox3 {
	margin-top: 10px;
	background: url(../images/bg_gray_box.gif) no-repeat center bottom;
}
.grayBoxBody3, .grayBoxBody3 p {
	padding: 0px;
}
.grayBox3 h2 {
	padding-top: 8px;
	padding-left: 10px;
	height: 27px;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #009ADA;
	text-shadow: #FFFFFF 1px 1px 0px;

	background: url(../images/icon_gas.gif) no-repeat 210px 11px;
}


.featureBox {
	margin-top: 10px;
/*	background: url(../images/bg_blue_box.gif) no-repeat center center; */
}
.featureBox a {
	font: 13px Arial, Helvetica, sans-serif;
	color: #009ADA;
	text-decoration: none;
}
.featureBox a:hover {
	color: #4B5D69;
	text-decoration: none;
}

.blueBox {
	margin-top: 10px;
	background: url(../images/bg_blue_box.gif) no-repeat center center;
}
.blueBoxHead {
	background: url(../images/bg_blue_corners_top.gif) no-repeat center top;
}
.blueBoxFoot {
	background: url(../images/bg_blue_corners_bottom.gif) no-repeat center bottom;
}
.blueBoxBody {
	padding: 10px;
	font: 13px Arial, Helvetica, sans-serif;
	color: #4B5D69;
}





/* ----- Footer ----- */
.footerWrapper {
	margin: 0 auto;
	width: 960px;
}
.siteMap {
	padding-top: 40px;
	height: 194px;
}
.emergency {
	font: 12px Arial, Helvetica, sans-serif;
	color: #4B5D69;
	font-weight: bold;
	text-transform: uppercase;
	height: 30px;
}
.emergency a {
	color: #4B5D69;
	text-decoration: underline;
/*	border-bottom: 1px solid #4B5D69; */
}
.emergency a:hover {
	color: #21A8DE;
	text-decoration: underline;
/*	border-bottom: 2px solid #21A8DE; */
}
.extrasLeft {
	font: 11px Arial, Helvetica, sans-serif;
	color: #4B5D69;
	float: left;
	width: 465px;
	text-align: left;
	line-height: 20px;
}
.extrasRight {
	font: 11px Arial, Helvetica, sans-serif;
	color: #21A8DE;
	float: right;
	width: 465px;
	text-align: right;
	line-height: 20px;
}
.extrasRight a {
	color: #21A8DE;
	text-decoration: none;
}
.extrasRight a:hover {
	color: #4B5D69;
	text-decoration: none;
}
/* ----- */
.clearBoth {
	clear: both;
}


/* ------------- */
#show .toggleContent {
	margin: -7px 0 12px 22px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #4B5D69;
	line-height: 16px;
}
#show .showTitle {
	font: 12px Arial, Helvetica, sans-serif;
	color: #4B5D69;
	line-height: 16px;
	font-weight: bold;
	font-style: italic;
	padding: 2px 0 10px 20px;

	display: block;
}
#show .showImg {
	float: left;
	display: block;
}

.scrollTitle {
	font: 14px Arial, Helvetica, sans-serif;
	color: #4b5d69;
font-weight: bold;
	width: 495 px;
	line-height: 25px;
	background: url(../images/bg_scroll_title.jpg) left top;
padding-left: 15px;
}