/*-----------------------
  Table of contents
  1. General
  2. Clearfix
  3. Helpful
------------------------*/

/*-----------------------
  1. General
------------------------*/

body
{
 text-align: center;
}

div#wrapper
{
	padding: 0 15px;
	width: 975px;
	margin: 0px auto;
	text-align: left;
	background: #FFF left top;
}

div#header
{
	height: 220px;
	text-align: left;
	background: transparent url(../../Images/gasLARGE.png) no-repeat center top;
}

div#navigation
{
 float: left;
 display: inline;
 width: 225px;
 margin: 0 0 0 15px;
}


div#content-sidebar-wrapper
{
 float: right;
 width: 735px;
 display: block;
}

div#content-extra
{
 float: right;
 width: 720px;
 padding: 0 0 0 15px;
}

div#content
{
	float: left;
	display: inline;
	width: 480px;
	margin: 0 0 0 15px;
}

div#sidebar
{
	float: right;
	display: inline;
	width: 240px;
	margin: 0;
}

div.content-wrapper
{
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 display: block;
 background: transparent url(../images/content_bg.gif) top left repeat-y;
}

ul#access
{
 display: none;
}

/*-----------------------
  2. Clearfix
------------------------*/

.clearfix:after
{
 clear: both;
 content: ".";
 display: block;
 height: 0;
 line-height: 0;
 visibility: hidden;
}

.clearfix
{
 display: inline-block;
}

* html .clearfix
{
 height: 1%;
}

/*-----------------------
  3. Helpful
------------------------*/

.replaced                     
{                             
 display: block;  
 overflow: hidden; 
 text-indent: -5000px;
 height: 1px;
 width: 1px;
}

.relative
{
 position: relative;
}

.red
{
 color: #FF0000;
}
#leftSIDE {
	background: #FFF;
	float: left;
	height: auto;
	width: 225px;
}