/* 
	Resets defualt browser settings
	reset.css
*/


/*
	Page style for menu
*/





body{
                        padding: 0;
                        margin: 0;
            }
            ul{
                        list-style: none;
                        margin: 0px;
                        padding: 0px;
						
            }
            .menu ul li{
                        padding: 10px;
                        text-align: center;
                        position: relative;
                        width: 150px;
                        float:left;
                        vertical-align: center;
                        background-color: #c61a56;
                        cursor: pointer;
                        border-top: 0px solid #FFFFFF;
						border-bottom: .2px solid #BBDA55;
                        -webkit-transition: all 0.3s;
                        -0-transition: all 0.3s;
                        transition: all 0.3s;
                        border-right: 0px solid #FFFFFF;
						border-left: 0px solid #FFFFFF;
            }
            .menu ul li a{
                        text-decoration: none;
                        color:#FFFBF0;
                        }
            .menu ul li:hover{
                        background-color: #BBDA55;
            }
            .menu ul ul{
                        transition: all 0.3s;
                        opacity: 0;
                        position: absolute;
                        border-left: .2px solid #F1C40F;
                        border-bottom: .2px solid #F1C40F;
                        border-right: .2px solid #F1C40F;
                        background-color: #ffff99;
                        visibility: hidden;
                        left: -1px;
                        top: 100%;
            }

            .menu ul ul ul{
                        transition: all 0.3s;
                        opacity: 0;
                        position: absolute;
                        border-left: .2px solid #F1C40F;;
                        visibility: hidden;
                        left: 100%;
                        top: -2%;
            }

            .menu ul li:hover > ul {
                        opacity: 1;
                        visibility: visible;
            }
            .menu ul li a{
                        color: #FFFFFF;
                        text-decoration: none;
            }
            span{
                        margin-right: 5px;
            }
            .menu > ul > li:nth-of-type(2):after{
                        content: "+";
                        position: absolute;
                        margin-left: 9%;
                        color: #fff;
                        font-size: 20px;
            }
            .menu > ul > li:nth-of-type(4):after{
                        content: "+";
                        position: absolute;
                        margin-left: 15%;
                        color: #fff;
                        font-size: 20px;
            }

            .menu > ul > li:nth-of-type(4) > ul >li:nth-of-type(2):after{
                        content: ">";
                        position: absolute;
                        margin-left: 9%;
                        color: #fff;
                        font-size: 20px;
            }