<?php
ob_start ("ob_gzhandler");
header("Content-type: text/css; charset: UTF-8");
header("Cache-Control: must-revalidate");
$offset = 60 * 60 ;
$ExpStr = "Expires: " .
gmdate("D, d M Y H:i:s",
time() + $offset) . " GMT";
header($ExpStr);
?>

#nav {
    margin: 0;
    padding: 7px 6px 0;
    background: #7d7d7d  ;
    line-height: 100%;
    display: inline-block;
   width:100%;
   border:1px solid #000;

    float:right;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
    box-shadow: 0 1px 3px rgba(0,0,0, .4);
}
#nav li {
    margin: 0 5px;
    padding: 0 0 8px;
    float: left;
    position: relative;
    list-style: none;
}


/* main level link */
#nav a {
    color: #444;
    text-decoration: none;
    display: block;
    padding: 2px 20px;
    margin: 0;
    text-shadow: 0 1px 1px rgba(0,0,0, .3);
      background-color: rgb(229, 242, 247);

    border-top: 1px solid #fff;

    border-radius: 2px;
} 
#nav a:hover {
 
    color:               rgb(253, 253, 253);
background-color: rgb(109, 192, 224);
}

/* main level link hover */
 #nav li:hover > a {
      background-color: rgb(119, 180, 192);
}

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
     border: none;
    color: #444;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    -moz-transition-property:color,background-color; 
    -moz-transition-duration:200ms,200ms,200ms;
    -webkit-transition-property:color,background-color;
    -webkit-transition-duration:200ms,200ms,200ms    ;
    transition-property:color,background-color; 
    transition-duration:200ms,200ms,200ms;
    transition-property:color,background-color;

    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
}  
#nav ul a:hover {
     color: #000 !important;
    -webkit-box-shadow: 6px 6px 8px rgba(0,0,0, .3);
    text-shadow: 0 1px 1px rgba(0,0,0, .1);
    -moz-transition-property: color,background-color;
    -moz-transition-duration: 200ms,200ms,200ms;
    -webkit-transition-property:  background-color;
    -webkit-transition-duration: 200ms,200ms,200ms;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
        background: rgb(85, 163, 213) !important;   
}

#nav   li ul li:hover {

    border-radius:0 20px 20px 20px;
}



/* dropdown */
#nav li:hover > ul {
    display: block;

}

/* level 2 list */
#nav ul {
    display: none;
    margin: 0;
    padding: 0;
    width: 250px;
    position: absolute;
    top: 25px;
    left: 0;
    background: #ddd url(../images/gradient.png) repeat-x 0 0;
    border: solid 1px #b4b4b4;

    -webkit-box-shadow: 6px 6px 8px rgba(0,0,0, .3);
    -moz-box-shadow: 6px 6px 8px rgba(0,0,0, .3);
    box-shadow: 6px 6px 8px rgba(0,0,0, .3);
    z-index:500;


    background-color: #ccc;    


    -moz-transition-property:block; 
    -moz-transition-duration:200ms,200ms,200ms;
    -webkit-transition-property:block;

    -webkit-transition-duration:200ms,200ms,200ms    ;
    -webkit-border-radius:10,0,40,50;
    -moz-border-radius:10,0,40,50;
border-radius: 0 10px 10px 10px;


}
#nav ul li {
    float: none;
    margin: 0;
    padding: 0;


}

#nav ul a {
    font-weight: normal;
    text-shadow: 0 1px 0 #fff;

}

/* level 3+ list */
#nav ul ul {
    left: 181px;
    top: -3px;
}

/* rounded corners of first and last link */


/* clearfix */

#nav {
     display: block;
-webkit-border-radius: 6px;
-moz-border-bottomright: 4px;
height: 30px;
padding: 4px;
-moz-box-shadow: inset -5px -5px #888;
-webkit-box-shadow: inset -5px -16px #888;
box-shadow: inset 0px 5px 9px #bbb;
background-color: rgb(177, 195, 206);
padding-top:10px;

}

* html #nav {
    height: 1%;
}

         
   

#nav ul li:first-child > a {
  border-radius: 0 10px  0px 0px !important;   
}
#nav ul li:last-child > a {
  border-radius: 0 0px  10px 10px !important;   
}