﻿@-ms-viewport{
    width: device-width;
}
body
{
    background:#FFFFFF url(/images/layout/background-gradient.jpg) repeat-x;
    font-family:Verdana, Arial, Helvetica, Sans-Serif;
    font-size:1em;
}
img
{
    border:none;
}
#backhex
{
    margin:0px;
    width:100%;
}
#mMenu
{
    display:none;
    font-family:'roboto-regular';
    height:100%;
    left:0px;
    position:absolute;
    overflow:hidden;
    top:0px;
    width:100%;
    z-index:1000;
}
    #mMenu #m-close
    {
        background-color:transparent;
        float:left;
        height:100%;
        width:25%;
    }
        #mMenu #m-close img
        {
            border:none;
            height:100%;
            width:100%;
        }
    #mMenu #m-nav-menu
    {
        background-color:#000000;
        background-color:rgba(0,0,0,0.90);
        float:right;
        height:100%;
        /*overflow:scroll;*/
        width:75%;
    }
        #mMenu #m-nav-menu ul
        {
            position:initial;
            color:#FFFFFF;
            list-style-type:none;
            margin:0;
            padding:3% 5%;
        }
            #mMenu #m-nav-menu ul li
            {
                margin-bottom:7%;
                position:initial;
            }
                #mMenu #m-nav-menu ul li a
                {
                    display:block;
                    color:#FFFFFF;
                    padding:3% 5%;
                    text-decoration:none;
                    width:100%;
                }
                #mMenu #m-nav-menu ul li h4
                {
                    border:none;
                    color:#FFFFFF;
                    font-size:1em;
                    margin:0;
                    padding:0;
                }
                #mMenu #m-nav-menu ul li ul
                {
                    font-size:0.75em;
                    list-style-type:none;
                    margin:0;
                    padding:0;
                }   
                #mMenu #m-nav-menu ul li ul li
                {
                    margin:0;                    
                }
        #mMenu #m-nav-menu #h4-ati
        {
            background:url(/images/nav/icons/ati-icon-off.png) left 1px no-repeat;
            padding-left:37px;
            height:12px;
        }
        #mMenu #m-nav-menu #h4-services
        {
            background:url(/images/nav/icons/wrench-icon-off.png) left 2px no-repeat;
            padding-left:15px;
        }
        #mMenu #m-nav-menu #h4-connect
        {
            background:url(/images/nav/icons/connect-icon-off.png) left 2px no-repeat;
            padding-left:15px;
        }
        #mMenu #m-nav-menu #li-mission
        {
            background:url(/images/nav/icons/m-icon-off.png) 10px 7px no-repeat;
            padding-left:7%;
        }
        #mMenu #m-nav-menu #li-news
        {
            background:url(/images/nav/icons/news-icon-off.png) 10px 7px no-repeat;
            padding-left:7%;
        }
        #mMenu #m-nav-menu #li-home
        {
            background:url(/images/nav/icons/home-icon-off.png) 10px 7px no-repeat;
            padding-left:7%;
        }
        #mMenu #m-nav-menu #li-privacy
        {
            background:url(/images/nav/icons/lock-icon-off.png) 10px 7px no-repeat;
            padding-left:7%;
        }
        #mMenu #m-nav-menu #li-technical
        {
            background:url(/images/nav/icons/technical-icon-off.png) 10px 7px no-repeat;
            padding-left:7%;
        }
        #mMenu #m-nav-menu #li-hosting
        {
            background:url(/images/nav/icons/hosting-icon-off.png) 10px 7px no-repeat;
            padding-left:7%;
        }
        #mMenu #m-nav-menu #li-development
        {
            background:url(/images/nav/icons/development-icon-off.png) 10px 7px no-repeat;
            padding-left:7%;
        }
        #mMenu #m-nav-menu #li-contact
        {
            background:url(/images/nav/icons/mail-icon-off.png) 10px 7px no-repeat;
            padding-left:7%;
        }
        #mMenu #m-nav-menu #li-linkedin
        {
            background:url(/images/nav/icons/in-icon-off.png) 10px 8px no-repeat;
            padding-left:7%;
        }
.top-li
{
    border:solid 1px #FFFFFF;
    border-right:none;
    border-left:none;
    border-top:none !important;
}
.mid-li
{
    border:solid 1px #FFFFFF;
    border-right:none;
    border-left:none;
}
.bottom-li
{
    border:solid 1px #FFFFFF;
    border-right:none;
    border-left:none;
    border-bottom:none !important;    
}
#nav
{
    background-color:#000000;
    background-color: rgba(0,0,0,0.70);
    border-bottom:solid 1px #FFFFFF;
    height:35px;
    position:fixed;
    top:0px;
    width:100%;
    z-index:10;
}
    #nav #nav-m-menu
    {
        border:none;
        float:right;
        margin:0 1%;
        height:35px;
        width:98%;
    }
        #nav #nav-m-menu a
        {

            color:#FFFFFF;
            float:left;
            text-decoration:none;
        }
            #nav #nav-m-menu a img
            {
                height:auto;
                margin:auto 0;
                max-width:204px;
                max-height:35px;
                width:100%;
            }
        #nav #nav-m-menu #nav-m-img
        {
            float:right;
        }
#stage
{
    padding-top:31px;
    width:100%;
}
#banner
{
    display:none;
    height:auto;
    width:100%;
}       
    #banner h1
    {
        display:inline;
        float:left;
        font-size:.5em;
        line-height:normal;
        margin:0px;
        padding:0px;
        width:100%;
    }
        #banner h1 a
        {
            display:block;
            margin:0 auto;
        }
        #banner h1 a img
        {
            background-repeat: no-repeat;
            border:none;
            height:auto;
            max-width:100%;
        }
#content
{
    background-color:#FFFFFF;
    background-color:rgba(255,255,255,0.5);
    width:100%;
}
    #content #content-text
    {
        padding:3%;
    }
    #content #content-text h1
    {
        color:#252525;
        font-size:1.5em;
        font-weight:bold;
        line-height:normal;
        margin:0px;
        margin-top:5px;
        padding:0px;
        padding-bottom:5px;
    }
        #content #content-text h2
        {
            color:#252525;
            font-size:1em;
            font-weight:bold;
            line-height:normal;
            margin:0px;
            margin-top:5px;
            padding:0px;
            padding-bottom:5px;
        }
        #content #content-text ul
        {
            list-style-type:circle;
        }
            #content #content-text ul li
            {
                padding:3px 0px;
            }
    #content a
    {
        color:#0041d1;
        text-decoration:none;
    }
        #content a:hover
        {
            text-decoration:underline;
        }
#btn-container
{
    margin:0 auto 3% auto;
}
    #btn-container a
    {
        text-decoration:none;
    }
        #btn-container a:hover
        {
            text-decoration:none;
        }
    #btn-container h5
    {
        color:#000000;
        font-size:1em;
        font-weight:bold;
        margin:0;
        padding:7px 10px 0px 10px;
        text-align:left;
        text-transform:uppercase;
    }
    #btn-container h6
    {
        color:#000000;
        font-size:1.125em;
        font-weight:normal;
        margin:0;
        padding:0px 10px 0px 10px;
        text-align:right;
        text-transform:lowercase;
    }
#btnHelpDesk
{
    background-image:url(/images/buttons/help-desk-on-final.jpg);
    background-repeat:no-repeat;
    background-position-x:right;
    background-position-y:top;
    border:solid 3px #33911e !important;
}
    #btnHelpDesk h6
    {
        color:#0041D1;
    }
    #btnHelpDesk h5
    {
        color:#0041D1;
    }
#btnHosting
{
    background-image:url(/images/buttons/hosting-on.jpg);
    background-repeat:no-repeat;
    background-position-x:right;
    background-position-y:top;
}
#btnDevelopment
{
    background-image:url(/images/buttons/development-on.jpg);
    background-repeat:no-repeat;
    background-position-x:right;
    background-position-y:top;
}
#btnTechnical
{
    background-image:url(/images/buttons/technical-on.jpg);
    background-repeat:no-repeat;
    background-position-x:right;
    background-position-y:top;
}
#footer
{
    font-size:1em;
    height:auto;
    margin-bottom:3%;
    width:100%;
}
    #footer #m-slogan
    {
        border-top:solid 1px #D10032;
        border-bottom:solid 1px #D10032;
        height:auto;
        margin:0 4%;
        padding:4% 0;
        text-align:center;
        width:92%;
    }
        #footer #m-slogan img
        {
            height:auto;
            max-width:257px;
            width:100%;
        }
    #footer #footer-divider
    {
        padding:2% 0px 1% 0px;
        width:100%;
    }
    #footer #footer-links
    {
        color:#636363;
        font-size:1em;
    }
        #footer #footer-links a
        {
            color:#636363;
            text-decoration:none;
        }
            #footer #footer-links a:hover
            {
                text-decoration:underline;
            }
        #footer #footer-links h4
        {
            color:#636363;
            font-size:1em;
            margin:0;
            padding:0;
            padding-bottom:5px;
        }
        #footer #footer-links ul
        {
            font-size:0.75em;
            list-style-type:none;
            margin:0;
            padding:0;
        }
            #footer #footer-links ul li
            {
                padding:2px 0px 2px 7px;
            }
    #footer .footer-col
    {
        float:left;
        padding:0 1.5%;
        width:30%;
    }
        #footer .footer-col:first-child
        {
            padding-left:2%;
        }
        #footer .footer-col:last-child
        {
            padding-right:2%;
        }    
    #footer #copyright
    {
        color:#A1A1A1;
        float:right;
        font-size:0.75em;
        margin-top:3%;
        text-align:center;
        width:100%;
    }
        #footer #copyright a
        {
            color:#A1A1A1;
            text-decoration:none;
        }
        #footer #copyright #ip-test
        {
            cursor:default;
            font-size:0.80em;
            padding-top:10px;
            text-align:right;
        }
            #footer #copyright #ip-test:hover
            {
                font-size:1.5em;
            }
/* Shared Classes */
.img-left
{
    display:block;
    height:auto;
    padding:0;
    margin:0 auto;
    text-align:center;
    width:100%;
}
.img-right
{
    display:block;
    height:auto;
    margin:0 auto;
    padding:0;
    text-align:center;
    width:100%;
}
.col
{
    float:left;
    margin:2% 1%;
    width:48%;
}
.imgBtn
{
    border:solid 3px #0041d1;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    box-shadow:rgba(0,0,0,0.75) 0px 0px 10px inset;
    cursor:pointer;
    height:145px;
    margin:0 auto 0 auto;
    max-width:180px;
    width:100%;
}
.top
{
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
}
.bottom
{
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
}
.mobile
{
    display:inherit !important;
}
.desktop
{
    display:none !important;
}
.divider
{
    clear:both;
    font-size:0px;
    line-height:0px;
    height:0px;
    width:auto;
}
.divAbs
{
    font-size:0px;
    line-height:0px;
    position:absolute;
    height:1px;
    width:1px;
}
.divRel
{
    font-size:1em;
    line-height:normal;
    position:relative;
}
.news-container
{
    padding:5px 0px 0px 0px;
    transition:display ease 0.5s;
    width:100%;
}
    .news-container .news-img
    {
        max-height:256px;
        overflow:hidden;
    }
        .news-container .news-img img
        {
            display:block;
            float:none;
            height:auto;            
            margin:0 auto;
            max-width:100%;
        }
        .news-container .news-img a
        {
            display:block;
        }
    .news-container .news-story-container
    {
        background-color:#000000;
        background-color: rgba(0,0,0,0.60);
        display:block;
        float:none;
        height:auto;
        width:100%;
    }
        .news-container .news-story-container .news-story
        {
            color:#FFFFFF;
            font-size:0.73em;
            height:auto;
            padding:3% 2% 3% 3%;
            width:95%;
        }
            .news-container .news-story-container .news-story ul
            {
                display:block;
                list-style-type:none;
                margin:0px;
                padding:0px;
                padding-left:3%;
                width:100%;
            }
                .news-container .news-story-container .news-story ul li
                {
                    float:left;
                    padding:2%;
                    width:50%;
                }
.news-container-on
{
    display:block;
}
.news-container-off
{
    display:none;
}
/* Fixes button text on smaller screens */
@media screen and (max-width:389px)
{
    #btn-container h5
    {
        font-size:1em;
        /*word-wrap:break-word;*/
    }
    #btn-container h6
    {
        font-size:1em;
        /*word-wrap:break-word;*/
    }
}
/* Fixes button text on smaller screens */
@media screen and (max-width:353px)
{
    #btn-container h5
    {
        font-size:0.875em;
        /*word-wrap:break-word;*/
    }
    #btn-container h6
    {
        font-size:0.875em;
        /*word-wrap:break-word;*/
    }
}
/* Fixes button text on smaller screens */
@media screen and (max-width:320px)
{
    #btn-container h5
    {
        font-size:0.75em;
    }
    #btn-container h6
    {
        font-size:0.75em;
    }
}
@media screen and (min-width:769px) and (max-width:954px)
{
    #stage
    {
        margin:0px auto;
        max-width:768px;
    }
}
/* Tablet / Desktop Styles */
@media screen and (min-width:955px)
{
    #backhex
    {
        background:url(/images/layout/background-hex.jpg) no-repeat top center;
    }
    #nav #nav-d-menu
    {
        color:#FFFFFF;
        font-family:roboto-regular;
        font-size:0.85em;
        height:36px;
        margin:0px auto;
        padding:2px;
        text-align:right;
        width:945px;
    }
        #nav #nav-d-menu .nav-d-list
        {
            list-style-type:none;
            margin:0;
            padding:0;
        }
            #nav #nav-d-menu .nav-d-list .item
            {
                padding:0 4px;
            }
            #nav #nav-d-menu .nav-d-list li
            {
                display:inline-block;
            }
                #nav #nav-d-menu .nav-d-list li ul
                {
                    display:inline-block;
                    list-style-type:none;
                    margin:0;
                    padding:0;
                }
                    #nav #nav-d-menu .nav-d-list li ul li
                    {
                        display:inline-block;
                        margin-right:10px;
                    }
        #nav #nav-d-menu .nav-d-txt
        {
            float:right;
            padding-top:5px;
            padding-right:10px;
            width:12px;
        }
        #nav #nav-d-menu #nav-d-ati
        {
            overflow:hidden;
            transition:width ease 0.5s;
            width:37px;
        }
            #nav #nav-d-menu #nav-d-ati #li-ati
            {
                background:url(/images/nav/icons/ati-icon-off.png) left 2px no-repeat;
                padding-left:37px;
                width:100%;
            }
                #nav #nav-d-menu #nav-d-ati #li-ati:hover
                {
                    background:url(/images/nav/icons/ati-icon-on.png) left 2px no-repeat;
                }
            #nav #nav-d-menu #nav-d-ati #li-mission
            {
                background:url(/images/nav/icons/m-icon-off.png) left 2px no-repeat;
                margin-left:2px;
            }
                #nav #nav-d-menu #nav-d-ati #li-mission a
                {
                    padding-left:12px;
                }
                #nav #nav-d-menu #nav-d-ati #li-mission:hover
                {
                    background:url(/images/nav/icons/m-icon-on.png) left 2px no-repeat;
                }
            #nav #nav-d-menu #nav-d-ati #li-news
            {
                background:url(/images/nav/icons/news-icon-off.png) left 2px no-repeat;
                
            }
                #nav #nav-d-menu #nav-d-ati #li-news a
                {
                    padding-left:12px;
                }
                #nav #nav-d-menu #nav-d-ati #li-news:hover
                {
                    background:url(/images/nav/icons/news-icon-on.png) left 2px no-repeat;
                }
        #nav #nav-d-menu #nav-d-services
        {
            overflow:hidden;
            transition:width ease 0.5s;
            width:74px;
        }
            #nav #nav-d-menu #nav-d-services #li-services
            {
                background:url(/images/nav/icons/wrench-icon-off.png) left 2px no-repeat;
                padding-left:17px;
                width:100%;
            }
                #nav #nav-d-menu #nav-d-services #li-services:hover
                {
                    background:url(/images/nav/icons/wrench-icon-on.png) left 2px no-repeat;
                }
            #nav #nav-d-menu #nav-d-services #li-technical
            {
                background:url(/images/nav/icons/technical-icon-off.png) left 2px no-repeat;
                margin-left:2px;
            }
                #nav #nav-d-menu #nav-d-services #li-technical a
                {
                    padding-left:12px;
                }
                #nav #nav-d-menu #nav-d-services #li-technical:hover
                {
                    background:url(/images/nav/icons/technical-icon-on.png) left 2px no-repeat;
                }
            #nav #nav-d-menu #nav-d-services #li-hosting
            {
                background:url(/images/nav/icons/hosting-icon-off.png) left 3px no-repeat;
            }
                #nav #nav-d-menu #nav-d-services #li-hosting a
                {
                    padding-left:12px;
                }
                #nav #nav-d-menu #nav-d-services #li-hosting:hover
                {
                    background:url(/images/nav/icons/hosting-icon-on.png) left 3px no-repeat;
                }
            #nav #nav-d-menu #nav-d-services #li-development
            {
                background:url(/images/nav/icons/development-icon-off.png) left 3px no-repeat;
            }
                #nav #nav-d-menu #nav-d-services #li-development a
                {
                    padding-left:12px;
                }
                #nav #nav-d-menu #nav-d-services #li-development:hover
                {
                    background:url(/images/nav/icons/development-icon-on.png) left 3px no-repeat;
                }
        #nav #nav-d-menu #nav-d-connect
        {
            overflow:hidden;
            transition:width ease 0.5s;
            width:74px;
        }
            #nav #nav-d-menu #nav-d-connect #li-connect
            {
                background:url(/images/nav/icons/connect-icon-off.png) left 2px no-repeat;
                padding-left:17px;
                width:100%;
            }
                #nav #nav-d-menu #nav-d-connect #li-connect:hover
                {
                    background:url(/images/nav/icons/connect-icon-on.png) left 2px no-repeat;
                }
            #nav #nav-d-menu #nav-d-connect #li-contact
            {
                background:url(/images/nav/icons/mail-icon-off.png) left 2px no-repeat;
                margin-left:2px;
            }
                #nav #nav-d-menu #nav-d-connect #li-contact a
                {
                    padding-left:12px;
                }
                #nav #nav-d-menu #nav-d-connect #li-contact:hover
                {
                    background:url(/images/nav/icons/mail-icon-on.png) left 2px no-repeat;
                }
            #nav #nav-d-menu #nav-d-connect #li-linkedin
            {
                background:url(/images/nav/icons/in-icon-off.png) left 3px no-repeat;
                margin-left:2px;
            }
                #nav #nav-d-menu #nav-d-connect #li-linkedin a
                {
                    padding-left:12px;
                }
                #nav #nav-d-menu #nav-d-connect #li-linkedin:hover
                {
                    background:url(/images/nav/icons/in-icon-on.png) left 3px no-repeat;
                }
        #nav #nav-d-menu .txtlnk
        {
            cursor:pointer;
            float:right;
            height:20px;
            padding-top:5px;
            text-align:left;

            -webkit-user-select: none; /* webkit (safari, chrome) browsers */
            -moz-user-select: none; /* mozilla browsers */
            -khtml-user-select: none; /* webkit (konqueror) browsers */
            -ms-user-select: none; /* IE10+ */
        }
            #nav #nav-d-menu .txtlnk:hover
            {
                color:#A4C0FF;
            }
        #nav #nav-d-menu a
        {
            color:#FFFFFF;
            text-decoration:none;
        }
            #nav #nav-d-menu a:hover
            {
                color:#A4C0FF;
            }
    #stage
    {
        padding-top:50px;
        margin:0px auto;
        max-width:none;
        width:955px;
    }
    #banner
    {
        display:inline;
        height:81px;
        width:955px;
    }
        #banner h1
        {
            width:349px;
        }
        #banner h1 a img
        {
            background-repeat: no-repeat;
            border:none;
            height:80px;
            max-width:349px;
            width:349px;
        }
        #banner #hd-nav
        {
            float:left;
            height:25px;
            padding-top:49px;
            width:606px;
        }
            #banner #hd-nav #hd-nav-body
            {
                background:#550303 url(/images/nav/nav-bg.jpg) repeat-x;
                border-bottom:solid 1px #000000;
                float:left;
                height:26px;
                width:595px;
            }
                #banner #hd-nav #hd-nav-body ul
                {
                    list-style-type:none;
                    margin:0px;
                    padding:0px;
                    padding-top:3px;
                    text-align:right;
                }
                    #banner #hd-nav #hd-nav-body ul li
                    {
                        display:inline;
                        padding-left:7px;
                        padding-right:7px;
                    }
                        #banner #hd-nav #hd-nav-body ul li a
                        {
                            color:#FFFFFF;
                            font-size:14px;
                            font-weight:bold;
                            text-decoration:none;
                            transition:all 0.5s;
                        }
                            #banner #hd-nav #hd-nav-body ul li a:hover
                            {
                                color:#C2C2C2;
                            }
            #banner #hd-nav #hd-nav-cap
            {
                background:url(/images/nav/nav-cap.png) no-repeat;
                border-bottom:solid 1px #000000;
                display:inherit;
                float:right;
                height:26px;
                width:11px;
            }
                #banner #hd-nav #hd-nav-cap img
                {
                    height:25px;
                    width:11px;
                }
        #banner #top
        {
            background-color:#000000;
            height:1px;
            position:relative;
            width:605px;
        }
        #banner #top-1{
            background-color:#000000;
            height:1px;
            position:relative;
            width:604px;
        }
        #banner #top-2{
            background-color:#000000;
            height:1px;
            position:relative;
            width:603px;
        }
        #banner #top-3{
            background-color:#000000;
            background-color: rgba(0,0,0,0.80);
            height:1px;
            position:relative;
            width:602px;
        }
        #banner #top-4{
            background-color:#000000;
            background-color: rgba(0,0,0,0.50);
            height:1px;
            position:relative;
            width:601px; 
        }
    #content
    {
        background:rgba(255,255,255,0.50) url(/images/content/content-bg.png) right bottom no-repeat;
        background-color:rgba(255,255,255,0.50);
        background-image:url(/images/content/content-bg.png);
        background-position-x:right;
        background-position-y:bottom;
        background-repeat:no-repeat;
        border-top-left-radius:35px;
        border-top-right-radius:35px;
        margin-top:10px;
        width:955px;
    }
        #content #content-text
        {
            padding:25px 10px 10px 10px;
        }
    #btn-container
    {
        margin:0;
        margin-left:115px;
    }
    #btnHelpDesk
    {
        background-image:url(/images/buttons/help-desk-off-final.jpg);
        background-repeat:no-repeat;
        border:solid 3px #33911e !important;        
        transition:all 0.5s;
    }
        #btnHelpDesk:hover
        {
            background-image:url(/images/buttons/help-desk-on-final.jpg);
        }        
    #btnHosting
    {
        background-image:url(/images/buttons/hosting-off.jpg);    
        background-repeat:no-repeat;
        transition:all 0.5s;
    }
        #btnHosting:hover
        {
            background-image:url(/images/buttons/hosting-on.jpg);
        }
    #btnDevelopment
    {
        background-image:url(/images/buttons/development-off.jpg);    
        background-repeat:no-repeat;
        transition:all 0.5s;
    }
        #btnDevelopment:hover
        {
            background-image:url(/images/buttons/development-on.jpg);
        }
    #btnTechnical
    {
        background-image:url(/images/buttons/technical-off.jpg);    
        background-repeat:no-repeat;
        transition:all 0.5s;
    }
        #btnTechnical:hover
        {
            background-image:url(/images/buttons/technical-on.jpg);
        }    
    #footer
    {
        margin-bottom:10px;
        padding-left:10px;
        width:945px;
    }
        #footer #slogan
        {
            font-size:0px;
            height:43px;
            left:688px;
            top:-3px;
            width:257px;
            z-index:5;
        }
        #footer #footer-divider
        {
            padding:15px 0px 10px 0px;
        }
        #footer .colorline
        {
            background-color:#D10032;
            height:1px;
            margin:0;
            width:729px;
        }
        #footer #footer-links
        {
            color:#636363;
            font-size:1em;
        }
            #footer #footer-links a
            {
                color:#636363;
                text-decoration:none;
            }
                #footer #footer-links a:hover
                {
                    text-decoration:underline;
                }
            #footer #footer-links h4
            {
                color:#636363;
                font-size:0.75em;
                margin:0;
                padding:0;
                padding-bottom:5px;
            }
            #footer #footer-links ul
            {
                font-size:0.6875em;
                list-style-type:none;
                margin:0;
                padding:0;
            }
                #footer #footer-links ul li
                {
                    padding:1px 0px 1px 7px;
                }
        #footer #copyright
        {
            color:#A1A1A1;
            float:right;
            font-size:0.625em;
            margin-top:20px;
            text-align:center;
            width:480px;
        }
            #footer #copyright a
            {
                color:#A1A1A1;
                text-decoration:none;
            }
    /* Shared Classes */
    #footer .footer-col
    {
        float:left;
        padding:0;
        padding-right:4px;
        width:150px;
    }
        #footer .first-col
        {
            width:100px;
        }
        #footer .footer-col:first-child
        {
            padding-left:0;
        }
        #footer .footer-col:last-child
        {
            padding-right:4px;
        }
    .img-left
    {
        border-radius:25px;
        display:inline;
        float:left;
        margin:5px 15px 5px 0px;
        padding:0;
        text-align:left;
        width:auto;
    }
    .img-right
    {
        border-radius:25px;
        display:inline;
        float:right;
        margin:5px 0px 5px 15px;
        padding:0;
        text-align:left;
        width:auto;
    }
    .col
    {
        float:left;
        margin:0px 25px 15px 25px;
        width:180px;
    }
    .imgBtn
    {
        border:solid 3px #0041d1;
        border-top-left-radius:0px;
        border-top-right-radius:0px;
        border-bottom-left-radius:15px;
        border-bottom-right-radius:15px;
        box-shadow:rgba(0,0,0,0.75) 0px 0px 10px inset;
        cursor:pointer;
        height:145px;
        width:180px;
    }
    .top
    {
        border-top-left-radius:0px;
        border-top-right-radius:0px;
        border-bottom-left-radius:15px;
        border-bottom-right-radius:15px;
    }
    .bottom
    {
        border-top-left-radius:0px;
        border-top-right-radius:0px;
        border-bottom-left-radius:15px;
        border-bottom-right-radius:15px;
    }
    .mobile
    {
        display:none !important;
    }
    .desktop
    {
        display:inherit !important;
    }
    .news-container
    {
        height:250px;
        padding:5px 0px 0px 10px;
        width:945px;
    }
        .news-container .news-img
        {
            border-bottom-left-radius:30px;            
            float:left;
            width:458px;
            max-height:246px;
            overflow:hidden;            
        }
            .news-container .news-img img
            {   
                height:246px;
                width:458px;
                max-width:458px;
                margin:0;
            }       
        .news-container .news-story-container
        {
            background-color:#000000;
            background-color: rgba(0,0,0,0.60);
            border-bottom-right-radius:30px;
            float:right;
            height:246px;
            width:477px;
            max-width:477px;
        }
            .news-container .news-story-container .news-story
            {
                color:#FFFFFF;
                font-size:0.74em;
                height:221px;
                padding:10px 5px 10px 15px;
                width:457px;
            }
                .news-container .news-story-container .news-story ul
                {
                    display:block;
                    list-style-type:none;
                    margin:0px;
                    padding:0px;
                    padding-left:3%;
                    width:100%;
                }
                    .news-container .news-story-container .news-story ul li
                    {
                        float:left;
                        padding:2%;
                        width:50%;
                        text-align:left;
                    }

    #clintin-test
    {
        font-size:0.97em;
    }
}