/* CSS Document written by Robert Wild | Mono Design Ltd - web@monodesig.co.uk  www.monodesign.co.uk | June 2009 */

body {
 margin: 0;
 padding: 0;
 color: #333;
 background-color: #FFF;
 font: 73% Verdana, Arial, Helvetica, sans-serif;
} 

h1,h2 {
 font-weight: normal;
 font-size: 100%;
 margin: 0;
 padding: 7px 0;
 color: #777;
}

a {
 text-decoration: none;
 color: #000;
}

a:hover {
 text-decoration: underline;
}

.left { float: left; }
.right { float: right; }
.clearboth { clear: both; }

/* MAIN ELEMENTS SETTINGS */

#mainwrapper {
 width: 715px;
 margin: 0 auto;
 padding-top: 10%;
}  

#buttonwrapper {
 border-top: 6px solid #777;
}

#footer {
 text-align: center;
 font-size: 95%;
 padding-top: 1em;
} 

/* STYLE ELEMENTS */

.slogan {
 font: 125% Arial, Helvetica, sans-serif;
 font-weight: bold;
}

h2.slogan { text-align: right; }

/* BUTTON ELEMENTS */

.button {
 float: left;
} 

.energyjs, .energyjs a {
 color: #008a52;
}

.inventory, .inventory a {
 color: #d31145;
} 

.clean, .clean a {
 color: #00b5cc;
} 

.inventory, .clean { margin-left: -18px; }

.button a {
 background:url(images/button.png) no-repeat;
 display: block;
 width: 249px;
 height: 224px;
 text-align: center;
} 

.energyjs a:hover {
 background:url(images/button-energy.png) no-repeat;
} 

.inventory a:hover {
 background:url(images/button-inventory.png) no-repeat;
} 

.clean a:hover {
 background:url(images/button-clean.png) no-repeat;
} 

.energyjs a:hover, .inventory a:hover, .clean a:hover {
 text-decoration: none;
} 

.button img { border: none; margin-top: 35px; }