body
{
    margin: 0;
    padding: 0;
    font-family: 'Lucida Grande' , 'Lucida Sans Unicode' , Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1em;
    color: #fff;
    background: #000 url(images/bg.jpg) repeat-x;
    text-align: left;
}

div.header
{
    background: none repeat scroll 0 0 #272727;
    height: 40px;
    position: relative;
    margin-top: 0px;
    border-bottom: 1px solid #444444;
}

div.header img
{
    float: right;
    margin-top: 5px;
    margin-right: 10px;
}

div.menu-container
{
    float: left;
    margin-left: 10px;
    margin-top: 12px;
}

.roundedborder
{
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
}

div.menu-container a
{
    margin-left: 10px;
    padding: 7px;
    text-decoration: none;
    color: #fff;
}

div.menu-container a:hover
{
    background-color: #229DE6;
}

div.menu-container a:active
{
    background-color: #E18025;
}


div.bottom-menu-container a
{
    padding: 7px;
    text-decoration: none;
    color: #fff;
}

div.bottom-menu-container a:hover
{
    background-color: #229DE6;
}

div.bottom-menu-container a:active
{
    background-color: #E18025;
}


div.body
{
    background: url("images/bgshine.png") no-repeat scroll right -250px transparent;
    overflow: hidden;
}

div.body-wrapper
{
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 955px;
}
div.footer
{
    position: relative;
    background: none repeat scroll 0 0 #000000;
    color: #888888;
    border-top: solid 1px #444444;
    font-size: 11px;
    height: 250px;
}

.semitransparent
{
    opacity: 0.9; /* Firefox, Safari(WebKit), Opera */
    -ms-filter: "alpha(opacity=90)"; /* IE 8 */
    filter: alpha(opacity=90); /* IE 4-7 */
    zoom: 1; /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */
}

.noTransparent
{
    opacity: 1; /* Firefox, Safari(WebKit), Opera */
    -ms-filter: "alpha(opacity=100)"; /* IE 8 */
    filter: alpha(opacity=100); /* IE 4-7 */
    zoom: 1; /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */
}


#subcontent
{
    background: none repeat scroll 0 0 #000000;
    padding: 25px 12px;
    overflow: hidden;
}

div.feature
{
    margin: 5px;
    background-color: #272727;
}

div.feature p
{
    border: solid 2px #1c1c1c;
}


#features li
{
    display: block;
    float: left;
    
   
}



#features li p
{
    color: #C8C8C8;
    font-size: 13px;
    line-height: 18px;
    padding: 10px 18px;
    height:260px; 
    width: 255px;  
}

#features li strong
{
    color: #FFFFFF;
    font-size: 15px;
    font-weight: normal;
    line-height: 1em;
}

#features li a
{
    background: none repeat scroll 0 0 #525252;
    margin: 13px 0 18px;
    padding: 4px;
    width: 255px;
    display: block;
}

#features li a:hover
{
    background: none repeat scroll 0 0 #FFFFFF;
}


.content-wrapper
{
    width: 700px;
    height: 400px;
    background-color: #272727;
    position: absolute;
    left: 20px;
    top: 45px;
    padding: 15px;
    display: none;
    z-index: 9999;
    color:#979797;
    border:solid 1px  #444444;
}


a.content-wrapper-close
{
    background-image:url("../Scripts/fancybox/fancybox.png");
    background-position:-40px 0;
    cursor:pointer;
    display:none;
    height:30px;
    position:absolute;
    right:-25px;
    top:-25px;
    width:30px;
    z-index:99991;
    display:inline;   
}

.content-wrapper h1, .content-wrapper ul li span
{
    color:#fff;    
}

.registration-area
{
    height: 435px;
}

.content-wrapper h1
{
    border-bottom: solid 1px #212121;
    line-height: 25px;
}

.content-wrapper p
{
    line-height: 25px;
    margin-top:10px;
}

.content-wrapper p.top
{
    border-top: solid 1px #424242;    
    margin-top:0px;
}


span.explain
{
    font-size:10px;
    font-style:italic;    
}
.registration-area ul li
{
    margin-top: 10px;
}
.registration-area ul li span
{
    width: 100px;
    line-height: 20px;
    display: inline-block;
    text-align: right;
}
.textbox
{
    height: 20px;
    font-size: 14px;
    width: 300px;
}

#nav a
{
    background: none repeat scroll 0 0 #272727;
    border: 1px solid #444444;
    color: #FFFFFF;
    line-height: 24px;
    margin-left: 5px;
    padding: 2px 10px;
    text-decoration: none;
    vertical-align: middle;
    width: 50px;
}

p.smoothText
{
        
}

#nav
{
    position:absolute;
    right:0;
    margin-right:80px;    
    z-index:99999;
}

#nav a:hover
{
    background-color: #229DE6;
}

#nav a:active
{
    background-color: #E18025;
}

a.activeSlide
{
    background-color: #229DE6 !important;    
}


span.confirmation
{
    line-height:30px;   
    display:block; 
}

div#confirmation-wrapper
{
    display:none;    
}

#mono-legality
{
padding:60px 25px;    
}

#mono-legality h2, #mono-legality h3 {
color:#FFFFFF;
font-size:20px;
font-weight:normal;
letter-spacing:-1px;
padding-bottom:0.5em;
}

#mono-legality h2 {
font-size:26px;
font-weight:bold;
}

#mono-legality p {
color:#BBBBBB;
line-height:140%;
padding-bottom:2em;
}

.whatismonopush-area
{
     height:480px;   
}