/* 
  
  .oooo.        ooooooooo    oooooooooo.   oooooooooooo  .oooooo..o ooooo   .oooooo.    ooooo      ooo  .oooooo..o 
.dP""Y88b      d"""""""8'    `888'   `Y8b  `888'     `8 d8P'    `Y8 `888'  d8P'  `Y8b   `888b.     `8' d8P'    `Y8 
      ]8P'           .8'      888      888  888         Y88bo.       888  888            8 `88b.    8  Y88bo.      
    <88b.           .8'       888      888  888oooo8     `"Y8888o.   888  888            8   `88b.  8   `"Y8888o.  
     `88b.         .8'        888      888  888    "         `"Y88b  888  888     ooooo  8     `88b.8       `"Y88b 
o.   .88P  .o.    .8'         888     d88'  888       o oo     .d8P  888  `88.    .88'   8       `888  oo     .d8P 
`8bd88P'   Y8P   .8'         o888bood8P'   o888ooooood8 8""88888P'  o888o  `Y8bood8P'   o8o        `8  8""88888P'  

  
 Like the code you see? - www.3point7designs.com

/* =01 : UNIVERSAL SELECTORS */

* { }
html, body { margin: 0; font-family: georgia, arial, helvetica, san-serif; background: #4d4c3a; color: #4d4c3a; text-align: center; }

/* =02: HTML5 BASED NAMING CONVENTIONS + BODY STRUCTURE */

#page { width: 535px; margin: 15px auto; padding: 10px; background: #fff url(images/background.gif) center 150px no-repeat; -webkit-box-shadow: .2em .2em #38372a; -moz-box-shadow: .2em .2em #38372a; }
.footer { background: #cccc33; padding: 10px 0 10px 10px; margin: 0 0 0 10px; width: 502px; text-align: left; font-size: .7em; }
h1 { background: url(images/logo.gif) no-repeat; text-indent: -9999px; overflow: hidden; width: 398px; height: 102px; margin-left: 70px; }
h2 { font-size: 1.3em; }
.mail { margin-bottom: 31px; background: url(images/mail.jpg) 30px no-repeat; }

/* =03: LINKS */

a { color: #4d4c3a; }