/*
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
@media only screen and (min-width: 1240px)
{

    #container
    {
        max-width: 1400px;
        margin: 0em auto;
    }

    #toplineright
    {
        width: 90%;
        margin: 0em auto;
    }

    .headwrapper
    {
        width: 90%;
        margin-left: auto;
        margin-left: auto;
    }

    .slidebannerholder
    {
        top: 110px;
        height: 400px;
    }

    .slidebanner
    {
        height: 180px;
    }

    .slidebanner h1
    {
        font-size: 3.6em;
    }
    .slidebanner h2
    {
        font-size: 2.6em;
        line-height: 130%;
    }

    .slidebanner p
    {
        color: #ffffff;
        font-size: 1.2em;
        m-argin: 0px !important;
        line-height: 1.1em;
        m-argin-top: 50px;
    }

    .homeboxholder
    {
        width: 220px;
        height: 220px;
        float: left;
        display: block;
        position: relative;
    }

    #padsocial
    {
        display: none;
    }

    #lefthome
    {
        width: 90%;
        b-order: 1px solid green;
        margin-top: 73px;
        margin-left: auto;
        margin-left: auto;
    }

    .hb1, .hb2
    {
        margin-right: 15px;
    }

    .homeboxholder
    {
        width: 240px; /*20141015height: 240px;*/
        height: 230px;
    }


    #leftinner
    {
        width: 752px;
        b-order: 1px solid green;
    }

    #leftinner2
    {
        width: 752px;
    }


    #leftinner3
    {
        position: relative;
        float: right;
        width: 400px;
        b-order: 1px solid green;
        margin-top: -180px;
    }

    #twitterholderlarge
    {
        margin-top: 0px;
    }

    #padsocial
    {
        display: none;
    }

    #hubcontenttext
    {
        width: 65%;
    }

    .hubnavcontainer, .hubnavlink
    {
        width: 30%;
        background-position: center;
        background-position-x: 50%;
        background-position-y: 50%;
    }


    .hubnavlink
    {
        width: 100%;
        background-position: center;
        background-position-x: 50%;
        background-position-y: 50%;
        top: 60px;
        height: 180px;
        font-size: 2em;
        line-height: 1.2em;
    }

    #menu-main-navigation
    {
        margin-right: -30px;
    }

    .srt-menu li a
    {
        padding-left: 30px;
        padding-right: 30px;
    }

    .brighttext
    {
        height: 34px;
    }

    .brighttextselected
    {
        height: 50px;
        
    }

/* slidebanner stuff*/

#sbHolder1 {margin-top: -2px; padding: 0px; float: left;}

#sbHolder1 > p {margin-top: -8px;}


#sbHolder2 {margin-top: 26px; padding: 0px; float: left;}

#sbHolder3 {margin-top: 19px; padding: 0px; float: left;}

#sbHolder4 {margin-top: 28px; padding: 0px; float: left;}


 .homebox p
    {
        font-size: 0.8em;
    }

 #homebrochurestext
    {
        max-width: 34%;
        float: left;
        font-size: 0.8em;
        padding: 15px 0px 10px 10px;
    }
    /* #twitterholder {
               

                                                                                                                 margin-top: -160px;
                                                                                                                        }*/
}
/*
LARGEST VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
@media only screen and (min-width: 1400px)
{
    .headwrapper
    {
        w-idth: 100%;
        margin: 0 auto;
    }
}

/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution.
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5)
{
}

/*
iPHONE 5 MEDIA QUERY
iPhone 5 or iPod Touch 5th generation styles (you can include your own file if you want)
*/
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2)
{
}