/* HTML5 and jQuery Super Simple Nav by Todd Motto @toddmotto - toddmotto.com */

/* =============================================================================
   Navigation Core Styles
   ========================================================================== */

nav {
    float: left;
    z-index: 1000;
    padding-left: 20px;
}

    nav ul {
        text-align: center;
        padding: 0;
        margin: 0;
    }

        nav ul li {
            float: left;
            display: inline;
            line-height: 22px;
        }

            nav ul li a {
                display: block;
                padding: 0;
            }

                nav ul li a:hover {
                    color: #ed1c24  !important;
                }

            nav ul li ul {
                position: absolute;
                width: 464px;
                text-align: left;
            }

                nav ul li ul li {
                    margin: 0;
                    padding: 0;
                    width: 464px;
                }

                    nav ul li ul li a {
                        display: block;
                        padding: 0;
                        color: #444;
                    }

                        nav ul li ul li a:hover {
                            color: #ed1c24  !important;
                            background: 0;
                        }

                nav ul li ul.fallback {
                    display: none;
                }

            nav ul li:hover ul.fallback {
                display: block;
                z-index: 1000;
            }

    nav .contentContainer {
        background: url(images/shadow-lower.png) no-repeat bottom;
        background-size: 474px 13px;
        height: 365px;
        width: 474px;
    }

        nav .contentContainer .innerContentContainer {
            background: url(images/shadow-right.png) no-repeat top right;
            -moz-background-size: 9px 352px;
            -o-background-size: 9px 352px;
            -webkit-background-size: 9px 352px;
            background-size: 9px 352px;
            width: 474px;
            height: 352px;
        }

        nav .contentContainer .navSection {
            float: left;
            width: 180px;
            height: 322px;
            padding: 20px 10px 10px 10px;
            background: white;
            border-top: solid 1px #d8d8d8;
            border-left: solid 1px #d8d8d8;
        }

            nav .contentContainer .navSection a {
                display: block;
                padding: 0 0 11px 20px;
                line-height: 18px !important;
                text-transform: none;
            }

                nav .contentContainer .navSection a:hover {
                    background: url(images/arrow.png) no-repeat left 3px;
                }

        nav .contentContainer .contentSection {
            float: left;
            width: 245px;
            height: 332px;
            background: white;
            text-transform: none;
            border-top: solid 1px #d8d8d8;
            padding: 20px 20px 0 0;
            line-height: 20px;
        }

            nav .contentContainer .contentSection .innerContainer {
                border-left: solid 1px #ed1c24 ;
                padding-left: 20px;
                height: 318px;
            }

            nav .contentContainer .contentSection img {
                padding-bottom: 15px;
            }

            nav .contentContainer .contentSection .button {
                display: block;
                width: 100%;
                color: white !important;
                font-size: 25px;
                background: #ed1c24;
                padding: 0px;
                text-transform: uppercase;
                text-align: center;
                font-weight: bold;
                font-family: Franchise, Verdana;
                line-height: 31px;
            }