/* Main Navigation */


	#nav {
	    position:relative;
	    //width:620px;
	    
            margin:0 auto;
	    //margin-top:50px;
	    //padding:10px;
            display: inline-block;
	}
	 
	ul#navigation {
            float: left;
            margin: 10px auto 0;
            position: relative;
        }
	 
	ul#navigation li {
            background-color: #f1f1f1;
            border: 1px solid #c1c1c1;
            border-radius: 5px 0 0;
            display: inline-block;
            font-size: large;
            height: 40px;
            line-height: 40px;
            margin-bottom: 5px;
            margin-right: 2px;
            position: relative;
            text-align: center;
            width: auto;
    
        }

	ul#navigation li a {

            color: #900;
            display: inline-block;
            text-decoration: none;
            transition: color 0.2s linear 0s, background 0.2s linear 0s;
            width: 70px;
	     
	    -webkit-transition:color 0.2s linear, background 0.2s linear;  
	    -moz-transition:color 0.2s linear, background 0.2s linear; 
	    -o-transition:color 0.2s linear, background 0.2s linear;   
	    transition:color 0.2s linear, background 0.2s linear;  
	}
	 
	ul#navigation li a:hover {
	    background:#f8f8f8;
            width:100%
            
	    //color:#282828;
	}
	 
	ul#navigation li a.first {
	    border-left: 0 none;
	}
	 
	ul#navigation li a.last {
	    border-right: 0 none;
	}
	 
	ul#navigation li:hover > a {
	    background:#fff;
	}

	/* Drop-Down Navigation */
	ul#navigation li:hover > ul
	{
	/*these 2 styles are very important,
	being the ones which make the drop-down to appear on hover */
	    visibility:visible;
	    opacity:1;
            width:300px;
	}
	 
	ul#navigation ul, ul#navigation ul li ul {
	    list-style: none;
	    margin: 0;
	    padding: 0;   
	/*the next 2 styles are very important,
	being the ones which make the drop-down to stay hidden */
	    visibility:hidden;
	    opacity:0;
	    position: absolute;
	    z-index: 99999;
	    width:180px;
	    background:#f8f8f8;
	    box-shadow:1px 1px 3px #ccc;
	/* css3 transitions for smooth hover effect */
	    -webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
	    -moz-transition:opacity 0.2s linear, visibility 0.2s linear;
	    -o-transition:opacity 0.2s linear, visibility 0.2s linear;
	    transition:opacity 0.2s linear, visibility 0.2s linear;    
	}
	 
	ul#navigation ul {
	    top: 43px;
	    left: 1px;
	}
	 
	ul#navigation ul li ul {
	    top: 0;
	    left: 181px; /* strong related to width:180px; from above */
	}
	 
	ul#navigation ul li {
	    border-style: none none solid;
            border-width: 0 0 1px;
            display: block;
            height: auto;
            margin-bottom: 0;
            margin-top: 0;
            padding: 0;
            width: 300px;
	}
	 
	ul#navigation ul li a {
	    background:none;
	    //padding:7px 15px;
	    //color:#616161;
            color:#900;
            text-align: left;
	    text-shadow:1px 1px 0px #fff;
	    text-decoration:none;
	    display:inline-block;
	    border:0 none;
	    float:left;
	    clear:both;
	    width:300px;
	}