/****************************************************************** GENERAL ******************************************************************/
body {font-family: 'Open Sans', arial, sans-serif; font-size: 100%;  background: #0e0e0e url(bg.jpg) no-repeat center top;}

#body {width: 200px; text-align: center; margin: 0px auto}

.logo {margin: 165px 0px 0px 0px; padding: 0px}

h1 {color: #ffffff; font-size: 110%; margin: 10px 0px 40px 0px; padding: 0px}



.blue {margin: 0px 11px 0px 0px; display: block; overflow: hidden; float: left; position: relative; width: 80px; height: 30px}

.blue span {top: 0px; left: 0px; cursor: pointer; display: block; z-index: 1; position: absolute;width: 80px; height: 30px; background: url('blue.jpg')}

.blue span:hover {top: 0px; left: 0px; cursor: pointer; display: block; z-index: 1; position: absolute;width: 80px; height: 30px; background: url('blue.jpg') 0px 80px}

.green {display: block; overflow: hidden;    position: relative; width: 80px; height: 50px}

.green span {display: block; cursor: pointer; z-index: 1; position: absolute; top: 0px; left: 0px; width: 80px; height: 30px; background: url('green.jpg')}

.green span:hover {display: block; cursor: pointer; z-index: 1; position: absolute; top: 0px; left: 0px; width: 80px; height: 30px; background: url('green.jpg') 0px 80px}