/* 
    Created on : Oct 31, 2016, 10:04:11 AM
    Author     : ade
*/
.motto-item1, .motto-item2 {
    font-size: 130%; }

ul {
    padding: 0px;
    margin: 15px; }

.SHD, .key1, .motto {
    border-radius: 15px;
    padding: 10px 10px;
    -moz-border-radius: 15px;
    /* Firefox 3.6 and earlier */
    width: 300px;
    height: auto;
    background-color: #ff8800;
    -moz-box-shadow: 10px 10px 5px #888888;
    /* Firefox 3.6 and earlier */
    box-shadow: 10px 10px 5px #888888;
    font-weight: 500;
    font-size: 10pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    font-weight: bold;
    color: #ffffff;
    float: left;
    position: relative;
    margin: 0.5em; }

.key1 {
    width: 450px;
    font-size: 130%;
    text-align: left;
    z-index: 3;
    position: relative;
    left: 0%; }

.motto {
    width: 500px; }

.ht, .motto-item1, .motto-item2, .motto-head {
    font-weight: bold;
    font-style: oblique;
    color: #0d467e; }

.motto-head {
    font-size: 200%;
    text-align: center; }

.motto-item1 {
    margin: 0px; }

.motto-item2 {
    margin-top: 5px; }

.RND, .key {
    border-radius: 15px;
    -moz-border-radius: 15px;
    /* Firefox 3.6 and earlier */
    border: 4px solid #ff8800;
    width: 400px;
    height: auto;
    padding: 10px 20px;
    float: left;
    position: relative;
    margin: 0.5em; }

.key {
    width: 300px;
    text-align: center; }

#container {
    width: 350px;
    height: 500px;
    float: right; }

#pic {
    width: 100%;
    height: 100%;
    position: relative;
    left: -180px;
    top: -10%; }

#spec {
    width: 100%;
    position: relative;
    top: -35%;
    left: 50px;
    z-index: 2;
    height: 50px; }