/* General + Reset */
body, h1, h2, h3, h4, h5, h6, p, ul, li, img { margin: 0; padding: 0; border: 0; font-weight: normal; }
body { font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial; }
div { position: relative; }
.content span.highlight, .content ul.keyinfo, .content em, #footer h6#bottom-logo, .new { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
br {
	clear: both;
	display: block;
	height: 1px;
	margin: -1px 0 0 0;
}
.container { margin: 0 auto; width: 960px; position: relative; }
.new { color: #000; background-color:  #66FF00; float: right; font-size: 0.7em; margin: -22px 0 0; padding: 2px 3px; }

/* Logo */
span.dot { font-size: 7em; margin: 0px -24px 0 0; }
#dotpos { position: absolute; top: -43px; }

/* Ad */
.agad { background: transparent url(http://assets.hmmck.com/img/agad300250.jpg) no-repeat 0 0; display: block; height: 250px; text-indent: -9999px; width: 300px; }

/* Header */
#header { height: 60px; }
#header h1 {
	font-size: 2em;
	font-weight: bold;
	left: 65px;
	position: absolute;
	top: 10px;
}
#header h1 a { text-decoration: none; }
#header h1 a span.logo-aruba, #header h1 a:visited span.logo-aruba, span.logo-aruba { color: #AFAFAF; }
#header h1 a span.logo-gas, #header h1 a:visited span.logo-gas, span.logo-gas { color: #262626; }
#header h1 a span.logo-prices, #header h1 a:visited span.logo-prices, span.logo-prices { color: #12B6C0; }
#header span#up { color: #CCC; font-size: 1.3em; position: absolute; right: 10px; top: 16px; }
#header ul { position: absolute; top: 20px; right: 10px; }
#header li { font-size: 1em; display: inline; list-style: none; }
#header li a { color: #12B4C1; padding: 5px; text-decoration: none; }
#header li a:hover { color: #262626; text-decoration: underline; }

/* Prices */
#prices { background-color: #B3ECEF; border-top: 1px solid #12B6C0; border-bottom: 1px solid #12B6C0; }
#prices h2 { margin: 10px; }
#prices ul { margin: 10px 0; }
#prices li { border: 1px solid #FFF; display: inline-block; list-style: none inside; width: 140px; margin: 5px 6px; }
#prices li span { background-color: #FFF; font-size: 0.9em; display: block; letter-spacing: -0.5px; padding: 5px 0; text-align: center; }
#prices li em { display: block; font-size: 2em; font-style: normal; margin: 10px 0; text-align: center; }

/* Content */
.content { float: left; margin: 0 10px; width: 300px; }
.content img { margin: 15px 0 0; max-width: 99%; text-align: center; }
.content em { background-color: #EFEFEF; border: 1px solid #CCC; color: #262626; font-size: 0.6em; font-style: normal; font-weight: bold; display: block; margin: 5px 0 0; paddding: 10px; text-align: center; text-transform: uppercase; }
.content h3 { color: #CCC; font-size: 2.5em; letter-spacing: -3px; margin: 10px 0; }
.content h4 { color: #262626; font-size: 1.2em; }
.content p { color: #262626; font-size: 1em; margin: 0 0 15px; }
.content span.highlight { background-color: #262626; border: 1px solid #262626; color: #FFF; display: block; font-size: 0.9em; font-style: italic; margin: 0 0 15px ; padding: 5px; }
.content dt, .content dd { letter-spacing: 1px; margin-left: 0; padding: 5px; }
.content dt { background-color: #CCC; }
.content span.gall-pri { font-weight: bold; position: absolute; right: 5px; }

.content h5 { font-size: 1.1em; margin: 20px 0 0; }
.content ul.keyinfo { border: 1px solid #CCC; }
.content ul.keyinfo li { font-size: 0.9em; list-style: none inside; padding: 3px; }

/* Footer */
#footer { height: 150px; padding: 10px; text-align: center; margin: 15px 0 0; }
#footer { background-color: #B3ECEF; border-top: 10px solid #12B6C0; }
#footer p { font-size: 0.7em; font-weight: normal; margin: 0 250px 5px; }
#footer h6#bottom-logo { border: 1px solid #CCC; background-color: #EFEFEF; padding: 3px; position: absolute; right: 10px; top: 0; font-size: 0.7em; font-weight: bold; }
#footer h6#mbh a { color: #83BCBF; font-weight: bold; position: absolute; right: 70px; text-decoration: none; top: 35px; }
#footer h6#mbh a:hover { border-bottom: 1px solid #000; }
#footer h6#mbh a:hover span#made { color: #000; }
#footer h6#mbh a:hover span#by { color: #618FDF; }
#footer h6#mbh a:hover span#hmmck { color: #262626; }