/* Reset default browser CSS.
   Based on work by Eric Meyer: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}

/* Tables still need 'cellspacing="0"' in the markup. */
table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:""""}

a img, img{border:none}

/* -------------------------------------------------------------- 
  
   Structure   
   
-------------------------------------------------------------- */
html{background:#FFF url(img/html-bg.jpg) top left repeat-x;}
body{color:#49636d;font-size:18px;font-family: "Futura", Futura, "lucida sans unicode","lucida grande",sans-serif;background:transparent url(img/body-bg.jpg) top center no-repeat; margin:0; padding:0; top:0; left:0;text-align:center;}
a{text-decoration:none;color:#347690;font-weight:400;}
a:hover, a:active {color:#000;}
h2 {font-size:24px;font-weight:800;color:#000;text-transform:uppercase;}
em{font-style:italic}
strong{font-weight:800}

#wrapper{text-align:center;display:table;width:570px;clear:both;float:none;position:relative;margin:0 auto;padding:200px 0 0;}

#header{width:0px;height:0px;display:none;visibility:hidden;}
#header h1, #description {display:none;visibility:hidden;}

#wrapper .content{color:#49636d;margin:0 0 24px 0;border-bottom:1px solid #347690;text-align:left;}
#wrapper .content span.date {color:#888;font-size:12px;font-weight:200;line-height:48px;width:100%;display:block;clear:both;}
#wrapper .content p {font-size:14px;font-weight:300;line-height:24px;margin:0 0 18px;text-indent:24px;} 
#wrapper .content p a {font-weight:600;}
#wrapper .content ul {list-style:none;text-align:center;}
#wrapper .content ul li {display:inline;list-style:none;text-transform:uppercase;line-height:48px;padding:0 12px;border-right:1px solid #FFF;}
#wrapper .content ul li.first {padding-left:0;}
#wrapper .content ul li.last {border:none;padding-right:0;}

#footer {vertical-align:middle;padding:0 0 100px;}
#footer img {padding:0 6px;vertical-align:middle;}
#footer img li.first {padding-left:0;}
#footer img li.last {border:none;padding-right:0;}