* {
 margin: 0;
 padding: 0;
}

body {
 font-size: 62.5%;
 background: #9CAB6A url(bg.jpg) top left repeat-x;
 margin-top: 50px;
}

#wrapper {
 width: 850px;
 margin: 0 auto;
 background-color: #fff;
}

#header {
 width: 850px;
}

#primary {
 width: 580px;
 float: left;
 border-right: 1px dotted silver;
}

#nav {
 width: 269px;
 float: left;
}

.clear {
 clear: both;
}

#primary p {
 font: 1.4em arial, helvetica, verdana, sans-serif;
 color: #575757;
 padding: 10px 20px 10px 40px;
 line-height: 25px;
}

#primary a {
 color: #414748;
 font-weight: bold;
 text-decoration: underline;
}

#primary a:hover {
 text-decoration: none;
}

#nav ul {
 list-style-type: none;
 padding-left: 30px;
}

#nav li {
 padding: 15px 0;
}

#nav li a {
 font: bold 1.4em arial, helvetica, verdana, sans-serif;
 color: #585252;
 text-decoration: none;
}

#nav li a:hover {
 text-decoration: underline;
}

h1 {
 font: 1.9em arial, helvetica, verdana, sans-serif;
 color: #AFAFAF;
 padding: 15px 0 20px 40px;
}

h2 {
 font: bold 1.6em arial, helvetica, verdana, sans-serif;
 color: #AFAFAF;
 padding: 15px 0 20px 40px;
}

#logo {
 padding: 30px 0 10px 40px;
}

#hat {
 margin-bottom: 10px;
}

#enginelogos {
 padding-left: 30px;
}

#boxed {
 background: #F1F1F1;
 margin: 0 30px 0 40px;
 border: 2px solid silver;
}

#footer {
 border-top: 1px dotted silver;
 width: 850px;
 clear: both;
}

#footer p {
 font: bold 1.4em arial, helvetica, verdana, sans-serif;
 color: #585252;
 padding: 20px 30px;
}

input {
  border: 1px solid #c3c3c3;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #7c7c7c;
  padding: 6px;
}

form {
 padding-left: 40px;
 padding-bottom: 20px;
}