* { margin: 0; padding: 0; }
body {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; font-weight:normal; }

/* @group structure */
#head { background: #e1ecf6; height: 100px; padding-top: 15px; border-bottom: 1px solid #d5dce8; }
.wrap { width: 800px; height:38px; margin: 0 auto; }

/* @group core nav menu */
#nav { margin: 0; list-style: none; height:38px; padding-left: 15px; padding-right: 15px; background: #f58836; }

#nav li { float: left; display: block; background: none; position: relative; z-index: 999; }

#nav li a { display: block; padding: 0; line-height:38px; text-decoration: none;  color: #000; zoom: 1; border-left: 1px solid transparent; border-right: 1px solid transparent; padding: 0px 12px; }
#nav li a:hover, #nav li a.hov { background-color: #727377; color: #fff; }

/* @group subnav */
#nav ul { position: absolute; left: 0px; display: none; margin: 0; padding: 0; list-style: none; background:#727377; }	
#nav ul li { min-width: 180px; float: left;  text-align: left; }
#nav ul li:hover { color:#FFF; }

#nav ul a { display: block; height: 15px; line-height: 15px; padding: 10px; color: #fff; font-weight: normal; background:#727377; }
#nav ul a:hover { text-decoration: none; background:#f58836; color:#000;  }

* html #nav ul { margin: 0 0 0 0; }

/** @group clearfix **/
.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%; }