.nav_main{width:100%; margin:0 0 0 0; background:url(../images/nav_bg.jpg) repeat-x top left; clear:both; height:60px; border-radius:6px 6px 0 0; -wekit-border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0;}
/*.nav_main{width:100%; margin:0; background:url(../images/nav_bg.jpg) repeat-x top left; clear:both; height:60px; border-radius:0px; -wekit-border-radius:0px; -moz-border-radius:0px;}*/



 .menu{display:block;}

     

    .menu li{display: inline-block;

    position: relative;

    z-index:100; float: left; border-right:#5b5b5b solid 1px;}

     

    .menu li a {font-size:12px; color:#fff; line-height:60px; text-decoration:none; padding:0 30px; font-family:Arial, Helvetica, sans-serif; display:block;

      }

     

.menu li a.home{border-radius:6px 0 0 0; width:54px; padding:0; background:url(../images/home_icn.png) no-repeat 17px 21px !important;  -wekit-border-radius:6px 0 0 0; -moz-border-radius:6px 0 0 0; height:60px;}

		 

    .menu li a:hover, .menu li:hover > a, .menu li.active > a{background:#fd4040; color:#fff;}

	

	    /* hide the second level menu */

    .menu ul {display: none;

    margin: 0;

    padding: 0;

    width:200px;

    position: absolute;

    top: 60px;

    left: 0px;

    background: #ffffff;

    }

     

    /* display second level menu on hover */

    .menu li:hover > ul{ display: block;}

     

    .menu ul li {display:block;

    float: none;

    background:none;

    margin:0;

    padding:0;

    }

     

    .menu ul li a {font-size:12px;

    font-weight:normal;

    display:block;

    color:#797979;

    background:#ffffff; line-height:40px;}

     

    .menu ul li a:hover, .menu ul li:hover > a{

    background:#f0f0f0;

    color:#797979;

    }



    .mobile-menu{display:none;

    width: auto;

    padding:20px 0 20px 20px;

    color:#ffffff;

    text-transform:uppercase;

    font-weight:600;

	text-decoration:none;

	font-size:16px;

	background:url(../images/menu-icon.png) no-repeat 87% 15px;

    }

    .mobile-menu:hover{

    color:#ffffff;

    

    }

	

	.menu ul ul {left: 200px;

    top: 13px;

}



.menu li ul a:hover, .menu li ul li:hover > a{

    background:#fd4040;

    color:#fff;

    }

	

.drop{background:url(../images/menu_drop_icn.png) no-repeat 90% 23px;}

.menu li.drop:hover > a{background:#fd4040 url(../images/menu_drop_icn.png) no-repeat 90% 23px; color:#fff;}

.menu li.drop_active a{background:#fd4040 url(../images/menu_drop_icn.png) no-repeat 90% 23px; color:#fff;}

.menu li.drop_active ul a{background:#fd4040;}





 @media (max-width: 767px) {

     

    .menu{display:none;}

     

    .mobile-menu{display:block;

    margin-top:30px;}

     

    nav{margin:0;

    background:none;}

     

    .menu li{display:block;

    margin:0; float:none;}

     

    .menu li a {background:#525252;

    color:#fff;

    border-top:1px solid #e0e0e0;

    line-height:40px;}

     .menu li a.home{border-radius:0;}

    .menu li a:hover, .menu li:hover > a{

    background:#fd4040;

    color:#fff;

    }

	

	.menu li ul a:hover, .menu li ul li:hover > a{

    background:#fd4040;

    color:#fff;

   }

     

    /*level 2 and 3 - make same width as all items*/

    .menu ul {display:block;

    position:relative;

    top:0;

    left:0;

    width:100%;}

     .menu li a.home{width:auto;}

    .menu ul ul {left:0;}



	 .menu li ul{display:none;}

	 .menu li ul li ul{display:none;}

	 .menu li ul li a{padding-left:10px;}

	 .menu li ul li ul li ul{display:none;}

	 .menu li ul{padding-left:30px; width:auto; height:auto;}

	 .menu li ul li{line-height:36px;}

	.menu ul ul {left: 200px; top:0; left:0; width:90%;}


.menu li a.home{border-radius:6px 0 0 0; width:100%; padding:0; background:#525252  url(../images/home_icn.png) no-repeat 28px 11px !important;  -wekit-border-radius:6px 0 0 0; -moz-border-radius:6px 0 0 0; height:40px;}
 

    }

	





@media only screen and (min-width:768px) and (max-width:800px){
    
    .menu li a {padding:0 25px;}


#videopopup{

	left:14.2% !important;}

	.mid_info .listing{margin:0 0 0 11% !important}

}



#dvGlobalMask{width:100% !important;}







@media only screen and (min-width:950px) and (max-width:1024px){

#videopopup{

	left:23.5% !important;}

}




































