h1 {
	font-family: Helvetica Neue Light, Helvetica; -webkit-font-smoothing: antialiased;
	font-size: 200%;
}


body {
		position:relative;
		text-align: center;
		margin: 0;
		padding: 0;
		font-family: Arial, sans-serif; -webkit-font-smoothing: antialiased;
		background-image: url(../images/back.jpg);
		background-repeat: repeat;
		background-color: white;
}


#wrapper {
		position: relative;
		width:960px;
		background-color: #fff;
		background-image: none;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		border-top-color: #ccc;
		border-right-color: #ccc;
		border-bottom-color: #ccc;
		border-left-color: #ccc;
		height: auto;
		text-align: left;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding: 0px;
		box-shadow: 0 0 5px 2px #888;
}

/* Header */
.header {
	clear: both;
	width: 960px;
	height: 150px;
	background: white;
}
/* END Header */

/* Menu */
#menu {
	clear: both;
	height: 37px;
	position: relative;
	z-index: 1;
	background-image:url(../images/menu/button_1.png);
}
#ldl_menu{
	margin: auto;
	margin-left: 135px;
	height: 37px;
	list-style: none;
}
#ldl_menu li a{
	display: block;
	float: left;
	height: 37px;
	
	font-size: 20px; color: white; text-decoration: none; text-shadow: 0px 0px 5px #666; -webkit-font-smoothing: antialiased;
	text-align: center;
	line-height: 37px;
	
	width:150px; 
	background-size: cover;
	
	-o-transition:color .2s ease-out, background .1s ease-in;
    -ms-transition:color .2s ease-out, background .1s ease-in;
    -moz-transition:color .2s ease-out, background .1s ease-in;
    -webkit-transition:color .2s ease-out, background .1s ease-in;
    /* ...and now override with proper CSS property */
    transition:color .2s ease-out, background .1s ease-in;
}
#ldl_menu li a:hover{
	background-image: url(../images/menu/button_2.png); 
	background-size: cover;
}
#ldl_menu li a:active{
	background-image: url(../images/menu/button_3.png); 
	background-size: cover;
}
/* END Menu */

/* Image Carousel */
#image_carousel{
	position: absolute;
	top: 150px;
	z-index: 0;
	clear: both;
	float: left;
}
/* END Image Carousel */

#menu_image{
	height: 420px;
	position: absolute;
	top: 150px;
	z-index: 0;
	clear: both;
}

/* Body */
.body {
	position: relative;
	background:#FFF;
	clear: both;
	margin: 413px 30px 30px 30px;
	font: 14px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; background-color: transparent; color: #333; -webkit-font-smoothing: antialiased;
}

#home_left{
	float: left;
	text-align: left;
	position: relative;
	width: 420px;
}
#home_right{
	float: right;
	margin-left: 30px;
	margin-bottom: 20px;
	position: relative;
	width: 419px;
	padding-left: 30px;
	border-left: 1px solid #d0d0d0;
}

#heating_left{
	float: left;
	text-align: left;
	position: relative;
	width: 420px;
	//border-top: 1px solid #d0d0d0;
}
#heating_right{
	float: right;
	margin-left: 30px;
	margin-bottom: 20px;
	position: relative;
	width: 419px;
	padding-left: 30px;
	border-left: 1px solid #d0d0d0;
    //border-top: 1px solid #d0d0d0;
}

#contact_info {
	float: left;
	text-align: left;
	position: relative;
	width: 419px;
	padding-right: 30px;
	margin-bottom: 20px;
	border-right: 1px solid #d0d0d0;
}
#contact_form{
	float: left;
	margin-left: 30px;
	position: relative;
	width: 420px;
}
#contact_form_wrapper{
	width: 420px;
}
.form_input_field {
	width: 98%;
	border:1px solid #ddd;
}

#contact_form input, #contact_form textarea{		
	border:1px solid #ddd;
	background:#fff url(../images/CONTACT_US/form_input.gif) repeat-x;
	padding:3px;
}		
		
#contact_form button{
	width:150px;
	height:37px;
	line-height:37px;		
	border:none;
	background:url(../images/CONTACT_US/form_button.gif) no-repeat 0 0;
	color:#fff;
	cursor:pointer;
	text-align:center;
}

label{
	font: 13px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; background-color: transparent; color: #333; -webkit-font-smoothing: antialiased;
}

/*END Body */

/* Footer */
.footer{
	background-color:#000;
	height: 95px;
	width: 960px;
	clear: both;
}

#footer_menu{
	width: auto;
	float: left;
	margin-top: 37.5px;
	margin-bottom: 15px;
	margin-left: 50px;
}
#footer_menu a{
	margin-right: 20px;
	-o-transition:color .35s ease-out, background 1s ease-in;
  -ms-transition:color .35s ease-out, background 1s ease-in;
  -moz-transition:color .35s ease-out, background 1s ease-in;
  -webkit-transition:color .35s ease-out, background 1s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .35s ease-out, background 1s ease-in;
}
#footer_menu a:link,
#footer_menu a:active,
#footer_menu a:visited{
	font: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px; color: #CCC; text-decoration: none; -webkit-font-smoothing: antialiased;
}
#footer_menu a:hover{
	font: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px; color: #3CABE6; text-decoration: none; -webkit-font-smoothing: antialiased;
}

.inline{
	display: inline;
}

.footer_padding{
	width: 77px;
	height: 10px;
	float: left;
	clear: left;
}
.copyright{
	font: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; -webkit-font-smoothing: antialiased;
	font-size: 10px; color: #999; text-decoration: none;
	width: 806px;
	height: 10px;
	text-align: center;
	float: left;
}
.gas_safe{
	width: 77px;
	float: right;
	margin-top: 10px;
} 
/* END Footer */
