@media screen and (max-width: 600px) and (min-width: 100px) {   
    .menuimg{
	float:left;
	padding:2px;
	padding-right:15px;	
	}
	.menuimg img{
	width:15px;
	}
    a { color: #FFF;
    text-decoration: none;
    }
    .menu{
        font-family: Verdana;
        
        display: block;
        margin: 0;
        float:left;
        padding:10px;
        background-color: #2e75a3;
    }
    .menu li
    {
        width:100%;
        display:block;
        text-decoration:none;
        list-style: none;
        margin: 0;
        float:left;
        padding:10px;
        border-right: 1px solid #FFF;
        position:relative;
    }

    .menu li ul{
        position:absolute;
        display:none;
        top: 0;
        padding-left:25px;
		border-top:1px solid #FFF;
    }
    .menu li:hover ul{
        position:relative;
        display: block;

		
    }

}
@media screen and  (min-width: 600px) {

    body{
        margin: 0px;
    }
	.menuimg{
	display:none;
	}
    h2 {
        color: #FFFFFF;
        font-family: Georgia;
        font-size: 12px;
        text-align: left;
        text-shadow: 0 1px 0 #CCCCCC;
    }
    ul.menu,
    ul.menu ul,
    ul.menu li,
    ul.menu a {
        margin: 0;
        padding: 0;
        border: none;
        outline: none;
    }

    ul.menu {
        height: 50px;
        width: 100%;

        background: #2e75a3;
        background: -webkit-linear-gradient(top, #2e75a3 0%,#2c2d33 100%);
        background: -moz-linear-gradient(top, #2e75a3 0%,#2c2d33 100%);
        background: -o-linear-gradient(top, #2e75a3 0%,#2c2d33 100%);
        background: -ms-linear-gradient(top, #2e75a3 0%,#2c2d33 100%);
        background: linear-gradient(top, #2e75a3 0%,#2c2d33 100%);

        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    ul.menu li {
        position: relative;
        list-style: none;
        float: left;
        display: block;
        height: 40px;
    }
    ul.menu li a {
        display: block;
        padding: 0 14px;
        margin: 6px 0;
        line-height: 36px;
        text-decoration: none;

        border-left: 1px solid #393942;
        border-right: 1px solid #4f5058;

        font-family: Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 14px;

        color: #f3f3f3;
        text-shadow: 1px 1px 1px rgba(0,0,0,.6);

        -webkit-transition: color .2s ease-in-out;
        -moz-transition: color .2s ease-in-out;
        -o-transition: color .2s ease-in-out;
        -ms-transition: color .2s ease-in-out;
        transition: color .2s ease-in-out;
    }

    ul.menu li:first-child a { border-left: none; }
    ul.menu li:last-child a{ border-right: none; }

    ul.menu li:hover > a { color: #caad16; }
    ul.menu ul {
        position: absolute;
        top: 50px;
        left: 0;

        opacity: 0;
        background: rgba(0,0,0,0.67);

        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;

        -webkit-transition: opacity .25s ease .1s;
        -moz-transition: opacity .25s ease .1s;
        -o-transition: opacity .25s ease .1s;
        -ms-transition: opacity .25s ease .1s;
        transition: opacity .25s ease .1s;
    }

    ul.menu li:hover > ul { opacity: 1; }

    ul.menu ul li {
        height: 0;
        overflow: hidden;
        padding: 0;

        -webkit-transition: height .25s ease .1s;
        -moz-transition: height .25s ease .1s;
        -o-transition: height .25s ease .1s;
        -ms-transition: height .25s ease .1s;
        transition: height .25s ease .1s;
    }

    ul.menu li:hover > ul li {
        height: 36px;
        overflow: visible;
        padding: 0;
    }
    ul.menu ul li a {
        width: 250px;
        padding: 0 10px;
        margin: 0;
        font-size: 12px;

        border: none;
        border-bottom: 1px solid #353539;
    }

    ul.menu ul li:last-child a { border: none; }
}