@font-face
{
font-family: NexaBold;
src: url(../shared/fonts/nexa_bold.eot);
}

@font-face
{
font-family: NexaLight;
src: url(../shared/fonts/nexa_light.eot);
}


@font-face
{
font-family: NexaBold;
src: url(../shared/fonts/nexa_bold.otf);
}

@font-face
{
font-family: NexaLight;
src: url(../shared/fonts/nexa_light.otf);
}

.iframe {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 560px;
    height: 315px;
    z-index: 50;
}


img {
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #CCCCCC;
}

h2 {
    font-family: NexaBold;
    color: #666666;
    margin-bottom: 0px;
    text-align: left;
}

h3 {
     font-family: NexaBold;
    color: #666666;
    margin-bottom: 0px;
    text-align: left;
}

p {
    margin-top: 10px;
    font-family:  Arial, Verdana;
    font-size: 14px;
    color: #333333;
    margin-bottom: 10px;
}

.usageContent {
    width: 650px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 35px;
    padding-bottom: 35px;
}

.usageNav {
    position: absolute;
    left: 50%;
    margin-left: -545px; 
    width: 200px;
    font-family:  Arial, Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    float: left;
}

    .usageContent .content {
        width: 650px;
    }

.usageNav a {
    color: #333333;
    text-decoration: none;
    display: block;
}

.usageNav ul {
    list-style-type: none;
}

.usageNav ul li:first-child {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top: 1px solid #CCCCCC;
}

.usageNav ul li:last-child {
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

.usageNav ul li:hover {
    background-color: #666666;
    color: #FFFFFF;
}

    .usageNav ul li:hover a {
        color: #FFFFFF;
    }
.usageNav ul li a {
    padding: 8px;
}

.usageNav ul li {
    border: 1px solid #CCCCCC;
    border-top: none;
    background-color: #F6F6F6;
    cursor: pointer;
}