* { margin: 0; padding: 0; }

html {
min-height: 100%;
margin: 0 0 1px;
font-size: 100.01%;
}

body{
margin: 0;
padding: 0;
background: #8e8e8e;;
color: #fff;
font-size: 62.5%;
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%;
}

#frame {
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%;
margin-top: 0px;
}

hr { overflow: hidden; height: 1px; margin: 30px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #000; color: #000; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

blockquote { margin: 0 0 15px; padding: 0; }

a { color: #000; outline: none; display:block;}
a:hover, a:focus, a:active { color: #000; text-decoration: none; }

/* LAYOUT
------------------------------------------- */

 #top { background: #0e0e0e; color: #fff; position: relative; z-index: 100; min-width: 885px;  display:block;}
  #top .wrapper { width: 675px; margin: 0 auto; position: relative; padding: 0 100px 0 0; height: 50px; display:block;}


  #nav { float: left; margin: 0; padding: 0; position: relative; display:block; min-width: 885px;}
 #content { min-width: 885px; height: 100%;}
  #content .wrapper { width: 885px; height: 100%;  overflow: hidden; }





#nav li { margin: 0 0 0 -1px; padding: 0 1px 0 0; list-style: none; position: relative; float: left; z-index: 20; background: url("images/nav-hover.png") 0 -999em repeat-x; font: normal 1.3em/1 Tahoma, Arial, Helvetica, sans-serif; display:block;}
 #nav li:hover { z-index: 10; background-position: 0 100%; }
 #nav a { display: inline; height: 50px; padding: 0 15px; color: #fff; text-decoration: none; line-height: 50px; text-align: center; overflow: hidden; outline: none; }