/* ==================================
   Colors
   ================================== */
/* Basic Text Color  {color:#6B6B6B;} */
/* Main Background   {color:#fff;}    */
/* Gray              {color:#666666;} */
/* Blue              {color:#0099FF;} */

/* ==================================
   Main Style
   ================================== */


body
{
    margin: 0;
    padding: 0;
    font-family: Century Gothic, Verdana, Arial;
    font-size: 11pt;
    color: #6B6B6B;
    overflow-x: hidden;
}

a, a:link, a:active, a:visited
{
    text-decoration: none;
    color: #0299FD;
}
a:hover
{
    text-decoration: none;
    color: #666666;
}

#LinkUnderline a
{
    text-decoration: underline;
}
#LinkUnderline a:hover
{
    text-decoration: underline;
}

#tdLinkUnderline td a
{
    text-decoration: underline;
}

#tdLinkUnderline td a:hover
{
    text-decoration: underline;
}

/*#tdLinkUnderline th a
{
    text-decoration: none;
}
#tdLinkUnderline th a:hover
{
    text-decoration: none;
}*/

img
{
    border: none;
    display: block;
}

.Clear
{
    clear: both;
}

#Contact-Table
{
    padding-top: 20px;
}

.EmailEnquiryPadding
{
    border: solid 1px #0099FF;
    padding: 5px;
    color: #000;
}

.Footer
{
    width: 98%;
    float: left;
    background-color: #0299FD;
    border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    -webkit-border-radius: 10px 10px;
    font-size: 0.8em;
    padding: 5px 20px;
    color: #fff;
}
.Footer a
{
    color: #fff;
}
.Footer a:hover
{
    color: #fff;
    text-decoration: underline;
}


#Header-Left
{
    float: left;
    width: 49%;
}
#Header-Left-Container
{
    float: right;
}
#Header-Right
{
    float: right;
    width: 49%;
    padding-top: 22px;
}
#Header-Right-Container
{
    float: left;
    width: 100%;
    min-width: 490px;
}
#Header-Wrap
{
    background-color: #fff;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 6998;
    height: 100px;
}

td.Home-Drop-Shadow
{
    background-image: url(../images/home-gray-box.png);
    background-repeat: no-repeat;
}
td.Home-Table-Content
{
    width: 225px;
}

#Login-Container
{
    background-image: url(../images/home-login-box.png);
    background-repeat: no-repeat;
    padding: 30px 0px 10px 20px;
    float: right;
    width: 400px;
    z-index: 4;
    margin-top: 48px;
}

td.Login-User-Banner
{
    background-color: #666666;
    color: #fff;
    -moz-box-shadow: 0 0 4px 2px #4A4A4A;
    -webkit-box-shadow: 0 0 5px 3px#4A4A4A;
    box-shadow: 0 0 4px 2px #4A4A4A;
}

td.Login-Text-Field
{
    background-color: #fff;
    color: #999999;
    -moz-box-shadow: 0 0 4px 2px #4A4A4A;
    -webkit-box-shadow: 0 0 5px 3px#4A4A4A;
    box-shadow: 0 0 4px 2px #4A4A4A;
}

.Quote-Box
{
    background-image: url(../images/blue-quote-box.png);
    background-repeat: no-repeat;
    padding: 45px 30px 35px 35px;
    width: 373px;
    font-size: 12pt;
    font-weight: bold;
    margin-top: 324px;
    z-index: 999;
    position: relative;
}

#Register-Container
{
    float: right;
    width: 400px;
}

#WebsiteContainer
{
    width: 100%;
}

.White-Box
{
    width: 980px;
    margin: 0 auto;
    padding-top: 25px;
}
.White-Wrap
{
    width: 100%;
    background-color: #fff;
    position: relative;
    -moz-box-shadow: 0 0 5px 3px #4A4A4A;
    -webkit-box-shadow: 0 0 5px 3px #4A4A4A;
    box-shadow: 0 0 5px 3px #4A4A4A;
    border: solid 1px white;
}

#Home
{
    background: url(../images/dna-strand.jpg) 50% 0 no-repeat fixed;
    color: white;
    height: 510px;
    margin: 0 auto;
    padding: 120px 0 0 0;
    background-position: center;
}

#Home-container
{
    width: 100%;
}
#Home-left
{
    width: 69%;
    float: left;
    height: 520px;
    z-index: 4;
    position: relative;
}
#Home-right
{
    width: 29%;
    float: right;
    height: 520px;
    z-index: 8;
    position: relative;
}


#second
{
    background: url(../images/dna-strand-second.jpg) 100% 0 no-repeat fixed;
    color: white;
    height: 510px;
    margin: 0 auto;
    padding: 0;
    background-position: center;
    background-size: 100%, 100%;
}

#Solid-Color
{
    background-color: #999999;
    color: #000;
    height: 500px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}

#third
{
    background: url(../images/dna-strand-third.jpg) 50% 0 no-repeat fixed;
    color: white;
    height: 430px;
    margin: 0 auto;
    padding: 0;
    background-position: center;
    background-size: 100%, 100%;
}

#fourth
{
    background: url(../images/dna-strand-fourth.jpg) 50% 0 no-repeat fixed;
    color: white;
    height: 430px;
    margin: 0 auto;
    padding: 0;
    background-position: center;
    background-size: 100%, 100%;
}


#fifth
{
    background: url(../images/dna-strand-fifth.jpg) 50% 0 no-repeat fixed;
    color: white;
    height: 430px;
    margin: 0 auto;
    padding: 0;
    background-position: center;
    background-size: 100%, 100%;
}

.story
{
    margin: 0 auto;
    min-width: 980px;
    overflow: auto;
    width: 860px;
    padding: 60px;
}


/* =====================
   Navigation
   ===================== */

#Nav ul
{
    width: 100%;
    float: left;
    background-color: #0299FD;
    -moz-border-radius-topleft: 10px 10px;
    border-top-left-radius: 10px 10px;
    -moz-border-radius-bottomleft: 10px 10px;
    border-bottom-left-radius: 10px 10px;
}

#Nav li
{
    list-style: none;
    float: left;
    margin-right: 8px;
    display: block;
    padding: 5px;
}
#Nav li a
{
    text-decoration: none;
    color: #fff;
}
#Nav li a:hover
{
    text-decoration: none;
    color: #666666;
}

input[type="button"]
{
    background-color: #0299FD;
    color: #FFFFFF;
    padding: 2px 8px;
    border: 1px solid #859DBE;
    border-radius: 9px;
}
input[type="submit"]
{
    background-color: #0299FD;
    color: #FFFFFF;
    padding: 2px 8px;
    border: 1px solid #859DBE;
    border-radius: 9px;
}

a.download
{
    text-decoration: underline !important;
}