body, #wrapper, ul, li, a, p, h1, h2, h3, h4, h5, h6, em {

    padding: 0;
    border: 0;
    margin: 0;
    list-style-type: none;
    font-style: normal;
    font-family: arial;

}

.white {

    color: #fdfdfd;

}

.grey {

    color: #777;

}

.blue {

    color: #52a0e0;

}

.lightgrey {

    color: #bbb;

}


body {

    width: 100%;
    height: 100%;

}

#wrapper {


    width: 100%;
    position: relative;

}

#navwrapper {

    width: 100%;
    height: 20px;
    position: fixed;
    top: 0;
    background: #000;
    opacity: .9;
    z-index: 10;
    line-height: 20px;


}

#nav {


    width: 960px;
    margin: 0 auto;


}


#nav li {

    float: right;

}

#nav a {

    color: #666;
    text-decoration: none;
    padding: 0 10px;
    font-size: 70%;
    letter-spacing: 1px;

}

#nav a:hover {

    color: #fff;

}

#datetop {

    width: 300px;
    margin: 0 auto;
    color: #666;

    letter-spacing: 1px;
}

#datetop:hover {

    color: #fff;

}

#return {

    float: left;

}

#return a {

    color: #666;
    font-size: 75%;
    text-decoration: none;
    letter-spacing: 1px;

}

#topwrapper {

    width: 100%;
    height: 400px;
    margin: 0 auto;
    background: #000 url(images/blueearth.jpg) center no-repeat;
    float: left;
    border-bottom: 1px solid #191919;

}

#topcontent {

    width: 979px;
    height: 350px;
    overflow: hidden;
    margin: 0px auto;
    padding-top: 25px;

}

#logo {

    float: left;
    width: 350px;
    height: 100px;
    clear: left;
    margin-top: 0px;
    margin-left: 40px;
}

#logoh1 {

    font-family: Arial, sans-serif;
    font-weight: 900;
    font-size: 170%;
    opacity: .9;
    float: left;
    padding-top: 35px;
    text-decoration: none;
}

#logo img {

    float: left;
    margin-left: -25px;
    opacity: .9;

}

#logo p {

    letter-spacing: 1px;
    font-family: Arial;
    font-size: 80%;

    float: left;
    clear: both;
    padding-top: 0;
    margin-top: -16px;

}

#tagline {

    float: left;
    width: 650px;
    height: 300px;
    clear: left;
    margin-left: 20px;
    margin-top: 25px;


}

#tagline h1 {

    font-weight: 100;
    font-family: Cambria, Georgia, "Times New Roman", serif;
    font-size: 400%;
    letter-spacing: 4px;

}

#tagline p {

    font-family: arial;
    letter-spacing: 1px;
    font-size: 90%;
}

/* CSS for dropdown menu function */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.dropdown {
    position: relative;
    z-index: 597;
    float: right;
}

ul.dropdown li {
    float: right;
    line-height: 1.3em;
    vertical-align: middle;
    zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
    position: relative;
    z-index: 599;
    cursor: default;
}

ul.dropdown ul {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 598;
    width: 100%;
}

ul.dropdown ul li {
    float: none;
}

ul.dropdown ul ul {
    top: 1px;
    left: 99%;
}

ul.dropdown li:hover > ul {
    visibility: visible;
}


/* End CSS for dropdown function */
/* CSS for dropdown appearance */


#categories {

    float: right;
    margin-right: 50px;
    margin-top: 30px;
    height: 50px;
    width: 400px;

}


ul.dropdown {

    float: right;


}

ul.dropdown li {

    padding: 0 10px;

}

ul.dropdown {

    font-family: Arial;
    font-size: 110%;
    text-decoration: none;
    letter-spacing: 1px;
    font-weight: bold;

}

ul.dropdown a {

    text-decoration: none;

}

#categories .white:hover {

    color: #52a0e0;

}

ul.dropdown a:hover {

    color: #fff;

}

ul.dropdown ul li {

    color: #52a0e0;
    font-weight: normal;
    font-size: 70%;


}

ul.dropdown ul {

    width: 275px;
    padding-top: 5px;
    float: left;

}

ul.dropdown ul li {

    float: left;
    clear: left;

}

ul.dropdown ul a:visited {

    color: #fff;

}

ul.dropdown ul a {

    color: #fff;

}

ul.dropdown ul a:hover {

    color: #52a0e0;

}


/* End CSS for dropdown menu appearance */


#try {
    width: 228px;
    height: 56px;
    /*background: url(images/day-trading-rx.png) top no-repeat;*/
    background: rgb(164, 191, 113);
    background: linear-gradient(180deg, rgba(164, 191, 113, 1) 20%, rgba(87, 103, 65, 1) 100%);
    color: #FFFFFF;
    float: right;
    clear: right;
    margin-right: 50px;
    margin-top: 70px;

    border-radius: 4px;
    text-align: center;
    line-height: 43px;
    color: #FFFFFF;
    margin-bottom: 5px;
}

#try a {
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 0px 1px 6px #222;
    font-family: sans-serif;
    font-weight: 700;
}

#try:hover {
    /*background: url(images/day-trading-rx.png) bottom no-repeat;*/
    cursor: pointer;
}

#try span {
    font-size: 11px;
    font-weight: 500;
    clear: both;
    float: left;
    text-align: center;
    width: 100%;
    height: 10px;
    line-height: 0;
    margin-top: -5px;
    opacity: 0.7;
}

#learn {
    float: right;
    clear: right;
    font-family: arial;
    margin-right: 75px;
    letter-spacing: 1px;
    margin-top: 5px;
    line-height: 23px;
}

#learn p {
    line-height: 23px;
    overflow: visible;
}

#learn a {
    text-decoration: none;
    color: #fff;
    background: url(images/learnarrow.png) top no-repeat;
    background-position: 125px 2px;
    padding: 5px 55px 3px 0;

}

#learn a:hover {
    color: #52a0e0;
    background: url(images/learnarrow.png) bottom no-repeat;
    background-position: 125px -25px;
}

#daily {
    /*background: url("images/dailyblog_signup.png") no-repeat scroll left bottom transparent;*/
    background: rgb(126, 197, 218);
    background: linear-gradient(180deg, rgba(126, 197, 218, 1) 0%, rgba(7, 76, 98, 1) 100%);

    width: 228px;
    height: 56px;
    color: #FFFFFF;
    float: right;
    clear: right;
    margin-right: 50px;
    margin-top: 10px;

    border-radius: 4px;
    text-align: center;
    line-height: 43px;
    color: #FFFFFF;
}

#daily a {
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 0px 1px 6px #222;
    font-family: sans-serif;
    font-weight: 700;
}

#daily span {
    font-size: 11px;
    font-weight: 500;
    clear: both;
    float: left;
    text-align: center;
    width: 100%;
    height: 10px;
    line-height: 0;
    margin-top: -5px;
    opacity: 0.7;
}

#trading-button {
    /*background: url("images/dailyblog_signup.png") no-repeat scroll left bottom transparent;*/
    background: rgb(34, 34, 34);
    background: linear-gradient(180deg, rgba(34, 34, 34, 1) 0%, rgba(0, 0, 0, 1) 100%);

    width: 228px;
    height: 56px;
    color: #FFFFFF;
    float: right;
    clear: right;
    margin-right: 50px;
    margin-top: 10px;

    border-radius: 4px;
    text-align: center;
    line-height: 43px;
    color: #FFFFFF;
}

#trading-button a {
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 0px 1px 6px #222;
    font-family: sans-serif;
    font-weight: 700;
}

#trading-button span {
    font-size: 11px;
    font-weight: 500;
    clear: both;
    float: left;
    text-align: center;
    width: 100%;
    height: 10px;
    line-height: 0;
    margin-top: -5px;
    opacity: 0.7;
}

#bottomwrapper {
    width: 100%;
    background: #fff;
    float: left;
}

#separator {
    width: 100%;
    background: url(images/separatorbg.png) bottom;
    height: 30px;
    border-bottom: 1px solid #bbb;
}

#nav2wrapper {
    width: 100%;
    background: #fff;
    height: 200px;
    padding-top: 10px;
    border-top: 1px solid #fff;
    float: left;
}

#nav2 {
    width: 960px;
    margin: 10px auto;
}

#who, #what, #why {
    width: 260px;
    padding: 10px 30px;
    float: left;
    font-family: Arial;
}

#who h4, #what h4, #why h4 {
    color: #222;
    font-size: 130%;
    letter-spacing: 2px;
}

#who p, #what p, #why p {
    font-size: 85%;
    font-weight: 100;
    color: #222;
    padding: 10px 0;
    line-height: 30px;
}


#bottomcontentwrapper {
    width: 100%;
    margin: 0 auto;
    float: left;
    /*border-top: 1px solid #bbb;*/
}

#videodescriptionwrapper {
    width: 100%;
    /*background: #e3e3e3 url(images/headlinesbg.png) top repeat-x;*/
    background: #EEEEEE;
    /*border-bottom: 1px solid #bbb;*/
    border-bottom: 1px solid #CCCCCC;
}

#bottomcontent {
    width: 960px;
    height: 500px;
    margin: 0 auto;
}

#bottomcontent h1 {
    font-family: Arial;
    letter-spacing: 1px;
    margin-bottom: 30px;
    margin-top: 70px;
    font-size: 110%;
    color: #222;
}

#videowrapper {
    float: left;
    width: 450px;
    height: 340px;
    text-align: center;
    margin-bottom: 90px;
    margin-top: 60px;
    border: 1px solid #999;
    background: #000;
    padding: 10px 0;
}

.shadow {
    -moz-box-shadow: 3px 3px 4px #777;
    -webkit-box-shadow: 3px 3px 4px #777;
    box-shadow: 3px 3px 4px #777;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777');
}

#description {
    float: right;
    width: 448px;
    height: 380px;
    text-align: left;
    padding-top: 30px;
    padding-left: 50px;
    padding-right: 10px;
    margin-bottom: 120px;
    color: #333;
}

#description h2 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#description a {
    width: 490px;
    color: #00269b;
    text-decoration: none;
    font-weight: bold;
}

#description a:hover {

    color: #111;

}

#description p {

    font-size: 90%;
    color: #444;
    font-weight: 100;
    margin: 0;
    padding-bottom: 15px;

}

#storieswrapper {


    width: 960px;
    height: 100px;
    margin: 0 auto;


}

#storieswrapper h2 {

    font-family: Arial;
    color: #222;
    letter-spacing: 2px;
    padding-top: 50px;
    font-size: 120%


}

#stories {

    width: 960px;

    float: left;
    border-top: 1px solid #ddd;
    font-family: arial;
    font-weight: lighter;
    padding: 20px 0 0 0;
    font-size: 80%;
    margin-top: 10px;
    color: #333;

}

#stories h3 {

    font-weight: 100;
    color: #222;
    letter-spacing: 1px;
    font-size: 120%;
    padding: 40px 0 2px 0;

}

#stories p {

    line-height: 20px;
    font-size: 105%;

}

.date {

    font-size: 75%;
    color: #444;
    font-weight: 100;
    margin-bottom: 10px;

}

.citation {

    font-size: 85%;
    color: #444;
    font-weight: 100;
    padding: 10px 10px 20px 10px;
    border-bottom: 1px solid #ddd;


}


#tools, #education, #software {

    float: left;
    width: 318px;
    text-align: center;
    margin: 80px 0;


}

#tools a, #education a, #software a {

    font-family: arial;
    font-size: 150%;
    font-weight: 100;
    color: #222;
    text-decoration: none;

}

#tools a:hover, #education a:hover, #software a:hover {

    color: #00269b;

}

.lborder {

    border-left: 1px solid #333;

}

.rborder {

    border-right: 1px solid #333;

}

.lrborder {

    border-right: 1px solid #333;
    border-left: 1px solid #333;

}


#footerwrapper {

    width: 100%;
    background: #000;
    height: 420px;
    float: left;
    border-top: 1px solid #ddd;

}

#footer {

    width: 960px;
    margin: 20px auto;

}

#toolsbottom, #educationbottom, #softwarebottom, #companybottom {

    width: 180px;
    float: left;
    margin-right: 5px;

}


#footer a {

    text-decoration: none;
    color: #aaa;
    font-size: 75%;

}

#footer a:hover {

    color: #eee;

}


#footer li {

    border-bottom: 1px solid #222;
    padding: 10px 0;
}

#footer h5 {

    color: #aaa;
    font-family: arial;
    letter-spacing: 1px;

}

#footerright {

    width: 200px;
    float: left;
    text-align: center;

}

#tryit {

    width: 180px;
    height: 50px;
    background: url(images/try2.png) top no-repeat;
    margin-bottom: 10px;
}

#tryit a {

    display: block;
    width: 180px;
    height: 50px;

}

#tryit:hover {

    opacity: .9;

}

#footerright p {

    float: left;
    font-family: Arial;
    color: #fff;
    margin-left: 5px;


}

.small {

    font-size: 75%;
    letter-spacing: 1px;
    padding-left: 5px;

}

.big {

    font-size: 140% ! important;
    letter-spacing: 2px;
    color: #fff ! important;
    text-decoration: none;
    margin-left: -20px ! important;


}

.big:hover {

    color: #ccc ! important;

}

#risk {

    margin-top: 40px;
    float: left;
    clear: both;
    color: #aaa;
    font-size: 85%;
    text-align: center;

}


#companylink {

    font-size: 100% !important;
    text-decoration: underline !important;

}