@charset "UTF-8";

/* CSS Document */

* { margin: 0px; padding: 0px; }

body { background: url(images/bg.jpg) no-repeat; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; }

#wrapper { width: 663px; margin: 0 auto; }

/* Fonts */

h1 { font-size: 2.0em; color: #990000; padding: 10px 0 0 10px; }

p { font-size: 1.2em; color: #333333; padding: 20px 5px 0 10px; line-height: 22px; }

/* Header */

#headwrap { position: absolute; top: 0; width: 663px; height: 382px; }

#header { background: url(images/header.jpg) no-repeat; height: 120px; width: 663px; }

/* Navigation */

#nav { height: 45px; width: 500px; float: right; background: url(images/nav.jpg) repeat-x; padding-bottom: 10px; }

#nav ul { line-height: 45px; font-size: 1.2em; padding-left: 8px; }

#nav li { list-style-type: none; display: inline; }

#nav li a { display: block; text-decoration: none; height: 45px; outline: none; color: #fff; float: left; padding: 0 30px; text-align: center; }

#nav li a:hover { display: block; height: 45px; background: url(images/hover.jpg) repeat-x; }

/* Image */

#image { width: 663px; height: 207px; float: left; }

/* Main Content */

#main { position: absolute; top: 382px; width: 663px; background-color: #f2e8ce; margin: 0 auto; margin-top: 10px; float: left; }