* { margin: 0; outline: none; padding: 0; }
body { background: #FFFFFF url(../images/bg.jpg) repeat-x; margin: 50px 0; }

/* - - - - - - - - - - TEXT - - - - - - - - - - */
body { font-family: verdana, sans-serif; font-size: 12px; }
p { color: #000000; line-height: 16px; margin: 10px 35px; }
span.callout { color: #000000; font-family: verdana, sans-serif; font-size: 16px; font-weight: bold; }


#content ul { color: #000000; list-style: disc; margin: 10px 65px; }
#content ul li { margin: 10px 0; }


#footer p { margin: 5px 0; }

/* - - - LINKS - - - */
a { color: #656c02; }
#footer a { color: #000000; }
#footer a:hover, #footer a.active { color: #000000; font-weight: bold; }
#footer a.creator { text-decoration: none; }

/* - - - HEADERS - - - */
h1 { color: #000000; font-family: verdana, sans-serif; font-size: 16px; margin: 10px 35px; }
#header-text h1 { color: #656c02; font-family: verdana, sans-serif; font-size: 16px; margin: 10px 35px; }
h2 { color: #000; font-family: sans-serif; font-size: 24px; margin: 10px 0; }
h3 { color: #000000; font-family: verdana, sans-serif; font-size: 14px; margin: 0; }

/* - - - - - - - - - - IMAGES - - - - - - - - - - */



/* - - - - - - - - - - LAYOUT - - - - - - - - - - */
#container { margin: 0 auto; width: 762px; }
#content { clear: both; background: url(../images/content-bg.jpg) repeat-y; padding: 10px 0; width: 760px; }
#header a { background: url(../images/header.jpg) no-repeat; display: block; height: 157px; overflow: hidden; text-indent: -9999px; width: 760px; }
#header-text { margin: 25px 0 0 380px; position: absolute; text-align: center; width: 330px; }
#header-text h1 {margin:0 0 5px 0}
#header-text p {margin:0}
#footer { background: url(../images/footer-bg.jpg) no-repeat; clear: both; height: 113px; padding: 10px 0; text-align: center; width: 760px; }

/* - - - - - - - - - - NAVIGATION - - - - - - - - - - */
#navigation { background: url(../images/navigation-bg.jpg) no-repeat; clear: both; height: 45px; width: 762px; }
#navigation ul { list-style: none; margin-left: 390px ; width: 467px; }
#navigation li { float: left; }
#navigation a { display: block; height: 45px; overflow: hidden; text-indent: -9999px; }

/* - - - NAVIGATION IMAGES - - - */
a#home { background: url(../images/nav/home.jpg); width: 72px; }
a#about { background: url(../images/nav/about.jpg); width: 103px; }
a#services { background: url(../images/nav/services.jpg); width: 97px; }
a#contact { background: url(../images/nav/contact.jpg); width: 90px; }

/* - - - NAVIGATION ROLLOVER EFFECTS - - - */
#navigation ul a:hover, #navigation ul a.active { background-position: 0 -45px; }