/******** COLOR KEY *************

Deep Blue	364D5D
Orange		D23B26
Roayl Blue	184D83
Sky Blue	6B96C3
Green		549112
Dark Gray	4D4D4D
Light Gray	999999

*/

/********  L A Y O U T  *********/
body {margin:0 auto; background:#364D5D url('../images/blue-white-bg.gif') repeat-y center; }
#container {margin:24px auto; width:780px; position:relative;}
#header #logo-block {float:left; margin-right:20px;}
#page-content {clear:both; position:relative; margin:69px auto 46px auto; min-height:288px;}
#sidebar-primary {float:right; width:240px;}
	#promotion-two {position:relative; width:235px; height:135px; margin:14px 0;overflow:hidden;}
	#promotion-two div {position:absolute; top:10px; left:10px; width:165px; color:#fff;}
	#sidebar-primary ul.subnav { position:relative; width:235px; margin:24px 0;}
#pre-footer-container {clear:left; position:relative; padding:23px 0; border-top:1px dotted #ddd; }

#get-in-touch {float:left; width:220px; padding:10px; text-align:left;}
#why-propane {float:right; width:220px; padding:10px; }
#what-our-customers-say {margin:0 240px;padding:10px;border-left:1px dotted #ddd;border-right:1px dotted #ddd;}

#footer {clear:both; margin-top:46px; padding-top:23px; border-top:1px dotted #ddd;}
#site-meta { text-align:right;}
div.post {
	width:533px;
	position:relative;
	float:left;
	}
.post div.location-item {
    position:relative;
    margin:24px auto;
    padding:8px;
    background:#efefef;
    }
.post div.location-item div.google-map {
    float:right;
    }
div.post p img {
    float:left;
    margin:2px 4px 2px 0;
    }
#s3slider {
   width: 533px; /* important to be same as image width */
   height: 288px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   float:left;
}

#s3sliderContent {
   width: 533px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

#sample-invoice-wrapper {
    background-image:url(../images/kemgas-sample-invoice.jpg);
    height:404px;
    width:520px;
    border:1px solid #444;
    position:relative;
    }
#sample-invoice a { position:absolute; text-decoration:none; }
#sample-invoice a:hover, #sample-invoice a:active { border:1px solid #D23B26; }
#sample-invoice a i {visibility:hidden;}
a#customer-name { top:100px; left: 20px; width:130px; height: 60px; }
a#invoice-date { top:55px; left: 260px; width: 230px; height:20px; }
a#account-number { top:75px; left: 260px; width: 230px; height: 20px; }
a#invoice-number { top:177px; left: 15px; width: 50px; height: 100px; }
a#service-date { top:177px; left: 75px; width:60px; height: 100px; }
a#description { top:177px; left: 150px;  width: 110px; height: 100px; }
a#amount { top: 177px; left: 265px; width:50px; height: 100px; }
a#balance { top: 177px; left: 325px; width: 50px; height: 100px; }
a#invoice-number-2 {top: 177px; left: 390px; width: 50px; height: 100px; }
a#amount-2 {top: 177px; left: 450px; width: 45px; height: 100px; }
a#total { top: 293px; left: 378px; width: 115px; height: 17px; }
a#days-out {top: 313px; left: 17px; width: 80px; height: 25px; }

div.testimonial-item	{
	clear:left;
	padding-bottom:36px;
}

/************** TYPOGRAPHY **************/

body, textarea{font-size:14px; color:#4D4D4D;}	
body, textarea{line-height:23px;	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; }
pre, code, tt {line-height:19px;	font-family:"Andale Mono", "Courier New", monospace; } /* IE will likely need a different line-height  */

h1, h2, h3, h4, h5, h6{} /* Header Color  */
p	{color:#4D4D4D;} /* Text Color E2R recomends #111 - #444 */

h1 {font:bold 30px/46px helvetica, arial, sans-serif; margin:0;}
h2 {font-weight:normal;	font-size:27px;	margin:0;	line-height:46px;}
h3 {
	font:bold 14px/23px helvetica, arial, sans-serif;
	color:#364D5D;
	margin-bottom:8px;
	}
h4 {font-weight:normal;	font-size:20px;	margin:0;}
h5 {font-weight:bold;	font-size:17px;	margin:0;}
h6 {font-weight:bold;	font-size:14px;	margin:0;}
p  {font-weight:normal;	font-size:14px;	margin:11px 0 12px 0; } /* e.g. baseline split between top and bottom */

pre, code, tt	{font-size:16px;}
pre 	{white-space:pre;}

small{font-size:12px;}
strong{font-weight:bold;}
sup, sub{line-height:0;}

abbr, acronym {}
address {}
blockquote {}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
del{}
dfn	{}
dd {}
dl {}
dt{}
em	{ font-style:italic;}
hr{width:100%; color:#000; background-color:#000;} /* background and color need to be the same for IE/FF cosistency */


/****************** LINKS *******************/
a, a:visited{ 
	padding:0; 
	margin:0;
	color:#D23B26;
	text-decoration:none;
	}
a:hover, a:active, a:focus {
	text-decoration:underline;
	}

ul.subnav li a {
	font:bold 14px/23px helvetica, arial, sans-serif;
	color:#364D5D;
	text-decoration:none;
	}
ul.subnav li a:hover, ul.subnav li a:active {
	color:#D23B26;
	text-decoration:none;
	}
ul.subnav li a.subnav-current {
    color:#D23B26;
    }
#front-page-photo a, #front-page-photo a:visited	{
	color:#364D5D;
	text-decoration:none;
	}
#front-page-photo a, #front-page-photo a:visited	{
	text-decoration:none;
}
/****************** FORMS *******************/
legend   {}
textarea {}
input, select, textarea { border:1px solid #999; padding:3px;}
label{display:block; padding-top:12px;}

fieldset {}
input, select, textarea {}
/*input, textarea { width:280px; padding:5px 3px; font:bold 14px/1.3 helvetica, arial, sans-serif; color:#444; text-align:left;}*/
select	{text-align:left; }
input#search { width:175px; }
form th, form td { font:normal 14px/1.3 helvetica, arial, sans-serif; }
form table {margin:0; padding:0; }
input.name-input { width:135px; padding:5px 3px;}
input:hover	{}
input:focus	{border-color: #24a13c;}
select:focus	{}
textarea:focus{}
button		{cursor:pointer; border:1px solid #444; padding:4px;}
button:hover	{background-color:#ddd;}
.left-side {
	float:left;
	width:320px;
	padding:0 20px 0 0;
	margin-top:10px;
	}
.right-side	{
	float:right;
	width:320px;
	padding:0 0 0 20px;
	margin-top:10px;
	border-left:1px solid #ccc;
	}
form#contact-form input, form#contact-form select, form#contact-form textarea {
    width:75%;
    padding:4px;
    }
form#contact-form button    { float:right; }
/****************** LISTS *******************/
ul, ol {}
li  ul, ol ol,ul ul ,ol ul,ul ol {}

ol > li {} /* i.e. list-style-type:decimal */

dt  {margin:12px 0px 6px 0px; font-weight:bold;}
dd  {margin:4px 0; font-weight:normal;} 
ul > li { list-style-type:square; list-style-position: inside; color:#D23B26; }
div.post ul {margin-left:16px;}
div.post ul > li { list-style-type:square; list-style-position: outside; color:#4D4D4D; }
li { }

/* Used for nav menu */
.lavaLamp {
	padding:15px;
	margin:10px 0;
	}
/* Forces menu to be horizontal */
.lavaLamp li {
	float:left;
	list-style:none;
	}
/* Represents the background of the highlighted menu item */
.lavaLamp li.back {
	background: url('../images/lava.gif') no-repeat right -30px;
	width:9px;
	height:30px;
	z-index:8;
	position:absolute;
	}
.lavaLamp li.back .left {
	background:url('../images/lava.gif') no-repeat top left;
	height:30px;
	margin-right:9px;
	}
/* Styles for each menu item */
.lavaLamp li a {
	position:relative;
	overflow:hidden;
	text-decoration:none;
	font:bold 14px arial, helvetica, sans-serif;
	color:#D23B26;
	outline:none;
	text-align:center;
	height:30px;
	top:7px;
	z-index:10;
	letter-spacing:0;
	float:left;
	display:block;
	margin:auto 10px;
	}

ul.subnav li {
	list-style:none;
	color:#000;
	padding-left:18px;
	margin-bottom:4px;
	background:#fff url('../images/right-arrow.gif') no-repeat center left;
	}
#footer ul {
	float:right;
	}
#footer ul li {
	list-style:none;
	display:inline;
	margin-right:12px;
	}
	
/****************** TABLES *******************/
caption, th { }
tfoot {}

table, tr, td {}
tr.even td {}


/*** Table Layout ***/
table {font:normal 12px/23px helvetica, arial, sans-serif; margin-bottom:12px;}
table, tr, td  { vertical-align:top;}
caption, th, td, tr, tbody, thead, tfoot {}
td	{width:50%;}

table#appliance-grid { 
	font:normal 14px/1.3 helvetica, arial, sans-serif;
	width:100%;
	margin:12px auto;
	}
table#appliance-grid td, table#appliance-grid th {
	margin:12px auto;
	vertial-align:middle;
	}
table#appliance-grid td:first-child {
	width:80%;
	}


/************ COMMON CLASSES *************/
.alignleft	{text-align:left;}
.alignright	{text-align:right;}
.centered	{text-align:center; margin:0 auto;}
.floatleft	{float:left;}
.floatright	{float:right;}
.hidden		{display:none;}
.highlight	{background-color:#ff0;} /* use in em/strong tag*/
.success	{}
.error {}
.quiet {} /* color:#ddd - #555 */
.small{font-size:11px;}
.tiny{ font-size:9px;}
.clear	{clear:both;}
.clearleft {clear:left;}
.pretty-hover {cursor:pointer;}
.rounded {
  border: 4px solid #000;
  -moz-border-radius: 20px;
  -webkit-border-radius:20px;
  behavior: url(css/zf-border-radius.htc);
}



/*****************  EXCEPTIONS ******************/

#front-page-photo {
   float: left; /* important */
   position: relative; /* important */
}
#front-page-photo h1	{
	position:absolute;
	top:5px;
	left:5px;
	width:525px;
	padding-bottom:12px;
}
#front-page-photo p	{
	position:absolute;
	top:250px;
	left:395px;
}
.customer-photo {
	float:left;
	margin:5px 5px 5px 0;
	}
p.testimonial-content, p.testimonial-author{
	margin:0;
	padding:0;
	}
p.testimonial-author {
	text-align:right;
	}
#what-our-customers-say p.small {
	text-align:right;
	}
#promotion-two  h3, #promotion-two a{
	color:#fff;
	}
#promotion-two p {
	text-align:right;
	}
#promotion-two p.edit {
	position:absolute;
	top:95px;
	left:5px;
	}
	
#hidden-input, #panel-2-right, #appliance-other-explanation, #landlord-information, #panel-4-right {
	display:none;
	}

.panels {
    position:relative;
    width:720px;;
    }
div.form-nav {
    padding:23px 0 ;
    clear:both;
    }
	
/* Coda Slider 



#slider {
    width: 760px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 450px;
    width: 760px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF;
}

.scrollContainer div.panel {
    padding: 20px;
    height: 410px;
    width: 720px;
}


#shade {
    background: #fff;
    height: 50px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}
div.form-nav {
padding:23px 0 ;
clear:both;
}

*/

/* Thickbox */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/* Service Calendar */

.calendarBG {
 background-color: #000; 
}

.calendarBlank { 
 background-color: #fff;
 color:#ccc;
 text-align:center;
}

.calendarHeader { 
 font-weight: bold; 
 color: #fff; 
 text-align: center;
 background-color: #364D5D;
 font: bold 20px/23px helvetica, arial, sans-serif;
}

.calendarMonthLinks {
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
 text-align:center;
 vertical-align:middle;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}



.calendarToday { 

 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 background-color: 	#ccc;
}

.calendarCell {
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #444;
 background-color:  #fff;
 font-weight: bold;
}

.calendarCell a {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}
  
.calendarCell a:visited {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}
#event_calendar td, #event_calendar th {
    width:75px;
    vertical-align:top;
    }
#event_calendar td {
    text-align:left;
    padding:2px 4px;
    border:1px solid #efefef;
    }
td.calendarCell {
    height:75px;
    }
tr.daysOfWeek td    {
    height:20px;
    text-align:center;
    }
td.calendarDayHeading {
 font-weight: bold; 
 font-size:	11px;
 color: #fff; 
 background-color: #6B96C3; 
 text-align:  left;
 vertical-align: middle;
}
#event_calendar td div.event_link {
    text-align:center;
    }



/*****************  D E B U G  ******************/

/* body {background: transparent url(grid.png) repeat scroll 0 0; }   /*  Sets up Grid for verifying horizontal rule   */