body 
{
    font-size:100%;
    margin:0 0 0 0;
}


.clearfix {
    clear:both;
}

.sticky-header {
    position: fixed;
    top: 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}

.margin-right-10 {
    margin-right:10px;
}

.margin-bottom-10 {
    margin-bottom:10px;
}

.margin-right-15 {
    margin-right:15px;
}

.margin-bottom-15 {
    margin-bottom:15px;
}

.margin-top-15 {
    margin-top:15px;
}

.margin-top-30 {
    margin-top:30px;
}

.no-margin {
    margin:0;
}

.border-grey {
    height:2px;
    background:url(../images/border-bg.gif) repeat-x 0 0;
    margin:30px 0;
}


h2 {
    font-family: 'futura-pt';
    font-weight:700;
    line-height:100%;
    color:#ffffff;
    text-transform:uppercase;
    text-decoration:none;
    margin:0;
    padding:0;
}















    .content-wrap 
    {
        width:320px;
        margin-left:auto;
        margin-right:auto;
    }


    .content-wrap-small
    {
        width:320px;
        margin-left:auto;
        margin-right:auto;
        position:relative;
    }


    #header-wrap
    {
        background-color:#fafafa;
        width:100%;
        z-index:50000;
    }

    #header-wrap .mobile
    {

    }

        .logo
        {
            float:none;
            margin-top:0;
            padding:20px 0 20px 0;
            position:relative;
        }

        .logo-small
        {
            float:left;
            width:151px;
            margin-top:10px;
            padding:0;
        }
    
        .header-right 
        {
            float:none;
            padding-right:0;
        }

            #nav-wrap
            {
                width:320px;
                text-align:center;
                display:none;
            }




/********  Sticky footer  *********/

    #Sticky-footer-wrap-red {
    width: 100%;
    position: fixed;
    bottom: 0;
    text-align: center;
    background-color:#ec2127;
    z-index: 5000;
    -webkit-box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.4);
    box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.4);
    }

    #Sticky-footer-wrap-blue {
    width: 100%;
    position: fixed;
    bottom: 0;
    text-align: center;
    background-color:#000022;
    z-index: 5000;
    -webkit-box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.4);
    box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.4);
    }

    #Sticky-footer-wrap-green {
    width: 100%;
    position: fixed;
    bottom: 0;
    text-align: center;
    background-color:#c2d837;
    z-index: 5000;
    -webkit-box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.4);
    box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.4);
    }

        #Sticky-footer-wrap-red img {
        max-width:980px;
        padding:5px;
        }

        #Sticky-footer-wrap-blue img {
        max-width:980px;
        padding:5px;
        }

        #Sticky-footer-wrap-green img {
        max-width:980px;
        padding:5px;
        }

    /********  footer  *********/
    #footer-wrap {
        padding:30px 0;
        background:url(../images/footer-bg.jpg) repeat 0 0;
    }

    .sticky-footer {
    position: fixed;
    top:0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}

        #footer-wrap h2 {
            color:#464a5f;
            margin-bottom:0;
            letter-spacing:-1px;
        }               
                
    
        #footer 
        {
            width:320px;
        }
        
            h3.footer-h3
            {
                font-family: "futura-pt";
                font-size:1.000em;
                font-weight:700;
                color:#f1f1ee;
	            text-transform:uppercase;
	            padding-bottom:10px;
	            border-bottom:2px solid #333333;
	            margin-bottom:10px;
            }
    
            #footer-nav 
            {
                width:300px;
                padding:0;
                float:none;
                margin-left:auto;
                margin-right:auto;
            }

                ul.quick-nav 
                {
                    list-style-type:none;
                    margin:0;
                    padding:0;
                }

                ul.quick-nav li 
                {
                    margin:0;
                    padding:0;
                }

                ul.quick-nav li a 
                {
                    font-family: "proxima-nova";
                    color:#f1f1ee;
                    line-height:140%;
	                text-decoration:none;
	                text-transform:none;
                    font-size:0.875em;
                }

                ul.quick-nav li a:hover
                {
                }

                    ul.quick-nav ul
                    {
                        list-style-type:none;
                        margin:0 0 0 15px;
                        padding:0;
                    }



    
            .accreditation 
            {
                width:200px;
                padding:0;
                float:none;
                margin:30px 0 0 0;
            }

                .accreditation img
                {
                    width:100%;
                }




    
            #footer-contact 
            {
                width:300px;
                padding:30px 0 0 0;
                float:none;
                margin-left:auto;
                margin-right:auto;
            }
            
                #footer-contact p 
                {
                    font-family: "proxima-nova";
                    font-size:0.875em;
                    color:#f1f1ee;
                    line-height:150%;
	                text-decoration:none;
	                text-transform:capitalize;
                    margin:15px 0;
                }
            
                #footer-contact p:first-child
                {
                    margin-top:0;
                }

                #footer-contact hr
                {
	                border:0;                   /* for FF; border reset */
	                background:transparent;     /* for Opera and Safari; remove default hr color */
	                font-size:0px;              /* for FF to mimic the fix "margins" on hr in IE */
	                border-top:1px solid #333333;
	                height:1px;
	                margin-top:10px;
	                margin-bottom:10px;
                }
            
                #footer-contact a
                {
                    color:#f1f1ee;
                    text-decoration:none;
                }












/*** styles for 480px ***/
@media screen and (min-width: 480px){

    .content-wrap 
    {
        width:468px;
        margin-left:auto;
        margin-right:auto;
    }


    .content-wrap-small
    {
        width:468px;
        margin-left:auto;
        margin-right:auto;
        position:relative;
    }


    #header-wrap
    {
        height:90px;
        background-color:#fafafa;
        width:100%;
        z-index:50000;
    }

    #header-wrap .mobile
    {

    }

        .logo
        {
            float:none;
            margin-top:0;
            padding:20px 0 20px 0;
            position:relative;
        }

        .logo-small
        {
            float:left;
            width:151px;
            margin-top:10px;
            padding:0;
        }
    
        .header-right 
        {
            float:right;
            padding-right:0;
        }

            #nav-wrap
            {
                width:468px;
                text-align:center;
                display:none;
            }

                        






    /********  footer  *********/
    #footer-wrap {
        padding:60px 0 100px 0;
        background:url(../images/footer-bg.jpg) repeat 0 0;
    }

        #footer-wrap h2 {
            color:#464a5f;
            margin-bottom:0;
            letter-spacing:-1px;
        }

        p.footer-description {
            font-family: 'Open Sans', sans-serif;
            font-size:1.125em;
            font-weight:800;
            line-height:100%;
            color:#666666;
            text-transform:uppercase;
            text-decoration:none;
            margin:0;
            padding:0;
        }

       
        
}












/*** styles for 768px ***/
@media screen and (min-width: 768px){

    .content-wrap 
    {
        width:750px;
        margin-left:auto;
        margin-right:auto;
    }


    .content-wrap-small
    {
        width:750px;
        margin-left:auto;
        margin-right:auto;
        position:relative;
    }


    #header-wrap
    {
        background-color:#fafafa;
        height:120px;
        width:100%;
        z-index:50000;
    }

        .logo
        {
            float:left;
            width:151px;
            margin-top:19px;
            padding:0;
            margin-bottom:0;
        }

        .logo-small
        {
            float:left;
            width:151px;
            margin-top:10px;
            padding:0;
        }
    
        .header-right 
        {
            float:right;
            padding-right:0;
        }

            #nav-wrap
            {
                width:580px;
                text-align:right;
                margin-top:19px;
                display:block;
            }









    /********  footer  *********/
    #footer-wrap {
        padding:60px 0 100px 0;
        background:url(../images/footer-bg.jpg) repeat 0 0;
    }

        #footer-wrap h2 {
            color:#464a5f;
            margin-bottom:0;
            letter-spacing:-1px;
        }

        p.footer-description {
            font-family: 'Open Sans', sans-serif;
            font-size:1.125em;
            font-weight:800;
            line-height:100%;
            color:#666666;
            text-transform:uppercase;
            text-decoration:none;
            margin:0;
            padding:0;
        }
                
    
        #footer 
        {
            width:750px;
            margin-left:auto;
            margin-right:auto;
        }
        
            h3.footer-h3
            {
                font-family: "futura-pt";
                font-size:1.000em;
                font-weight:700;
                color:#f1f1ee;
	            text-transform:uppercase;
	            padding-bottom:10px;
	            border-bottom:2px solid #333333;
	            margin-bottom:10px;
            }
    
            #footer-nav 
            {
                width:220px;
                padding:0 20px 0 0;
                float:left;
            }

                ul.quick-nav 
                {
                    list-style-type:none;
                    margin:0;
                    padding:0;
                }

                ul.quick-nav li 
                {
                    margin:0;
                    padding:0;
                }

                ul.quick-nav li a 
                {
                    font-family: "proxima-nova";
                    color:#f1f1ee;
                    line-height:140%;
	                text-decoration:none;
	                text-transform:none;
                    font-size:0.875em;
                    -webkit-transition: color 0.4s ease-out;
                    -moz-transition: color 0.4s ease-out;
                    -o-transition: color 0.4s ease-out;
                    transition: color 0.4s ease-out;
                }

                ul.quick-nav li a:hover
                {
                    color:#c0d838;
                }

                    ul.quick-nav ul
                    {
                        list-style-type:none;
                        margin:0 0 0 15px;
                        padding:0;
                    }


            .accreditation 
            {
                width:200px;
                padding:0;
                float:left;
                padding:0 20px 0 0;
            }

    
            #footer-contact 
            {
                width:220px;
                padding:0 0 0 20px;
                float:right;
            }
            
                #footer-contact p 
                {
                    font-family: "proxima-nova";
                    font-size:0.875em;
                    color:#f1f1ee;
                    line-height:150%;
	                text-decoration:none;
	                text-transform:capitalize;
                    margin:15px 0;
                }
            
                #footer-contact p:first-child
                {
                    margin-top:0;
                }

                #footer-contact hr
                {
	                border:0;                   /* for FF; border reset */
	                background:transparent;     /* for Opera and Safari; remove default hr color */
	                font-size:0px;              /* for FF to mimic the fix "margins" on hr in IE */
	                border-top:1px solid #333333;
	                height:1px;
	                margin-top:10px;
	                margin-bottom:10px;
                }
            
                #footer-contact a
                {
                    color:#f1f1ee;
                    text-decoration:none;
                    margin-right:4px;
                    -webkit-transition: color 0.4s ease-out;
                    -moz-transition: color 0.4s ease-out;
                    -o-transition: color 0.4s ease-out;
                    transition: color 0.4s ease-out;
                }

                #footer-contact a:hover
                {
                    color:#c0d838;
                }

       
        
}












/*** styles for 1024px ***/
@media screen and (min-width: 1024px){

    .content-wrap 
    {
        width:980px;
        margin-left:auto;
        margin-right:auto;
    }


    .content-wrap-small
    {
        width:980px;
        margin-left:auto;
        margin-right:auto;
        position:relative;
    }


    #header-wrap
    {
        background-color:#fafafa;
        height:120px;
        width:100%;
        z-index:50000;
    }

        .logo
        {
            float:left;
            width:151px;
            margin-top:19px;
            padding:0;
            margin-bottom:0;
        }

        .logo-small
        {
            float:left;
            width:151px;
            margin-top:10px;
            padding:0;
        }
    
        .header-right 
        {
            float:right;
            padding-right:0;
        }

            #nav-wrap
            {
                width:800px;
                text-align:right;
                margin-top:19px;
                display:block;
            }
    
        #footer-nav 
        {
            width:286px;
            padding:0 20px 0 0;
            float:left;
        }
        #footer-contact 
        {
            width:296px;
            padding:0 0 0 20px;
            float:right;
        }










    /********  footer  *********/
    #footer-wrap {
        padding:60px 0 100px 0;
        background:url(../images/footer-bg.jpg) repeat 0 0;
    }

        #footer-wrap h2 {
            color:#464a5f;
            margin-bottom:0;
            letter-spacing:-1px;
        }

        p.footer-description {
            font-family: 'Open Sans', sans-serif;
            font-size:1.125em;
            font-weight:800;
            line-height:100%;
            color:#666666;
            text-transform:uppercase;
            text-decoration:none;
            margin:0;
            padding:0;
        }
                
    
        #footer 
        {
            width:980px;
            margin-left:auto;
            margin-right:auto;
        }

       
        
}








/*** styles for 1280px ***/
@media screen and (min-width: 1280px){

    .content-wrap 
    {
        width:1156px;
        margin-left:auto;
        margin-right:auto;
    }


    .content-wrap-small
    {
        width:1156px;
        margin-left:auto;
        margin-right:auto;
        position:relative;
    }


    #header-wrap
    {
        background-color:#fafafa;
        height:120px;
        width:100%;
        z-index:50000;
    }

        .logo
        {
            float:left;
            width:151px;
            margin-top:19px;
            padding:0;
            margin-bottom:0;
        }

        .logo-small
        {
            float:left;
            width:151px;
            margin-top:10px;
            padding:0;
        }
    
        .header-right 
        {
            float:right;
            padding-right:0;
        }

            #nav-wrap
            {
                width:1000px;
                text-align:right;
                margin-top:19px;
                display:block;
            }









    /********  footer  *********/
    #footer-wrap {
        padding:60px 0 100px 0;
        background:url(../images/footer-bg.jpg) repeat 0 0;
    }

        #footer-wrap h2 {
            color:#f1f1ee;
            margin-bottom:0;
            letter-spacing:-1px;
        }  
    
        #footer 
        {
            width:1156px;
            margin-left:auto;
            margin-right:auto;
        }

       
        
}