/**CSS style sheet: menu.css
Domain: automaticgas.com
Authors: Bonnie Walker, Ericka Pratt
Created: 10/3/16
Modified: 
----------------
colors:
	Red: #E20600
	Turquois: #018389
				#1A949A
	Dk Turq:  #005155
	Dark Beige: #EBEBE6
	Light Beige: #F1F2F2
	Gray: #CCCCCC
	Orange: #E26800
	Green: #00B20C
**/

@charset "utf-8";
/* CSS Document */

a, a:active, a:link, a:visited { text-decoration:none;}
a:hover { text-decoration: none; }
#menu {
	margin: 0px 50px 0px 50px;
	padding: 0px;
	display: block;
	width: 1000px;
	height: 52px;
	background-image: url(../img/menuBG_167.png);
}
#menu ul.group {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	float: left;
	z-index: 4;
}
#menu ul.group li {
	display: inline;
	float: left;
	z-index: 5;
	margin-left:0px !important;
}
#menu ul.group li a {
	display: block;
	height: 50px;
	width: 166.5px;
	overflow: hidden;
	font-size: 12px;
	font-weight: bold;
	line-height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	z-index: 6;
}
#menu ul.group li a * {
	cursor: pointer;
}
#menu ul.group li a span.outer {
	display: block;
	padding-top: 0px;
	margin:0px;
}
#menu ul.group li a span.inner {
	display: block;
	margin-top:0px;
	padding: 0px 0px 0px 0px;
	white-space: nowrap;
}
#menu ul.group li a {
	background-repeat:no-repeat;
		color: #808285;

}
#menu ul.group li.last a span.inner {
	border: none !important;
}
#menu ul.group li a:hover, #menu ul.group li a.hover, #menu ul.group li a.current {
	text-decoration: none;
	color: #008341;
	background-image: url(../img/menuBG_h_167.png);
}
#menu .aboutus { display:inline-block; float:left;}
	#menu .aboutus::before{ content: url(../img/menu_1.png); margin-left:7px;}
#menu .residential { display:inline-block; float:left;} 
	#menu .residential::before{ content: url(../img/menu_2.png); margin-left:7px;}
#menu .commercial { display:inline-block; float:left; } 
	#menu .commercial::before{ content: url(../img/menu_3.png); margin-left:7px;}
#menu .safety {display:inline-block; float:left;}
	#menu .safety::before{ content: url(../img/menu_4.png); margin-left:7px;}
#menu .green { display:inline-block; float:left; }
	#menu .green::before{ content: url(../img/menu_5.png); margin-left:7px;}
#menu .highlights { display:inline-block; float:left;}
	#menu .highlights::before{ content: url(../img/menu_6.png); margin-left:7px;}
	

#toplink ul.group li a:hover, #toplink ul.group li a.hover, #toplink ul.group li a.current {
	text-decoration: none;
	color:#008341;
	background-image:url(../img/Licon_hm_on.png);
}
#toplink .ph { display:inline-block; float:left;}
#toplink .ph::before{ content: url(../img/Licon_ph_g.png);}
#toplink .hm { display:inline-block; float:left;}
#toplink .hm::before{ content: url(../img/Licon_hm_g.png);}
#toplink .pay { display:inline-block; float:left;}
#toplink .pay::before{ content: url(../img/Licon_pay_g.png);}
#toplink .talk { display:inline-block; float:left;}
#toplink .talk::before{ content: url(../img/Licon_contact_g.png);}
#loc .map { display:inline-block; float:left; padding:5px 0px 0px 20px;}
#loc .map::before{ content: url(../img/_star_.png);}
.loc.map{ background-image:url(../img/Licon_map.png);}

#loc .mapa {
	display: inline-block;
	float: left;
	padding: 5px 0px 0px 7px;
}
#loc .mapa::before{ content: url(../img/_starBB.png);}
.loc.mapa{ background-image:url(../img/Licon_map.png);}

#loc .mapb {
	display: inline-block;
	float: left;
	padding: 5px 0px 0px 7px;
}
#loc .mapb::before{ content: url(../img/_starYG.png);}