/*Petit Reset*/
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {	display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
body{background:#ccc; height: 100%; margin: 0; width: 100%;
	-webkit-box-shadow: inset 0px 0px 50px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0px 0px 50px 10px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 0px 50px 10px rgba(0, 0, 0, 0.5); 
}
.wrapper{margin:0 auto; width:980px; }
#content { background:#eee;
	-webkit-box-shadow: 0px 0px 00px 10px #fff;
	-moz-box-shadow: 0px 0px 00px 10px #fff;
	box-shadow: 0px 0px 00px 10px #fff; 
}
ul {list-style:none; padding:0px; margin:0px;}


#navigation > li{float:left; border-right:1px solid #777;background-repeat:no-repeat;background-color:transparent; position:relative;overflow: hidden;}
#navigation > li.last{border:none;}

#navigation > li > a{float:left; text-align:center; color:#ddd;background-color:#333;letter-spacing:1px;cursor:pointer;text-decoration:none;text-shadow:0px 0px 1px #fff; }
#navigation > li ul{list-style:none;float:left;position: absolute; background-repeat:no-repeat;width: 100%; bottom:100px;}
#navigation > li ul li{display:none; opacity: 0;background-color: rgba(0, 0, 0, 0.8);}
#navigation > li ul li a{color:#fff;text-decoration:none;line-height:30px;margin-left:20px;text-shadow:1px 1px 1px #444;font-size:13px;display: block;}
#navigation > li ul li a:hover{}