/* Default Resets */
* { margin: 0; padding: 0; }
html { background: #fff; }
html, body { font: normal 14px/14px "Trebuchet MS", Arial, Verdana, san-serif; color: #000; text-align: center; letter-spacing: 1px; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
li { list-style-type: none; }
span { color: #000; }

/* Entire HTML */
#container { width: 800px; margin: 0 auto; text-align: left; }

/* Header */
#header { background: url(../images/header-bg.jpg) 67px 50px no-repeat; height: 150px; padding: 5px 0 0 0; text-transform: uppercase; }
#header ul { float: right; font-weight: bold; font-size: 16px; margin: 0 23px 0 0; }
#header ul li { display: inline; }
#header img { float: left; }
#header h1 { float: left; color: #fff; margin: -99px 0 0 180px; font-weight: normal; font-size: 29px; letter-spacing: 2px; width: 700px; line-height: 30px; }

/* Content */
#content { clear: both; padding: 15px 0 0 105px; }

/* Content -> Main */
#main { background: url(../images/main-bg.jpg) 0 0 no-repeat; color: #fff; padding: 18px; font-weight: bold; height: 262px; float: left; }
#main h2 { text-transform: uppercase; font-size: 24px; letter-spacing: 2px; margin: 5px 0 20px 2px; }
#main ul li { font-size: 16px; margin: 0 0 12px 17px; }

/* Content -> Sub */
#sub { height: 159px; float: left; margin: 105px 50px 0 -120px; }

/* Footer */
#footer { background: url(../images/footer-bg.jpg) 0 0 no-repeat; clear: both; width: 723px; height: 100px; line-height: 16px; padding: 17px 20px 20px 20px; margin: 0 auto; }