/* stylesheet for Coriander Package Design */

html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body{ line-height: 1; }
blockquote, q{ quotes: none; }
table{ border-collapse: collapse; border-spacing: 0; }
header, nav, article, footer, address{ display: block; }

html, body{ background: #d1c6b0; height: 100%; padding: 0; margin: 0; font: 12px Futura, "Century Gothic", CenturyGothic, Arial, sans-serif; color: #3C0F0A; }

img#background{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
#container{ height: 100%; width: 100%; position: absolute; z-index: 100;}

header img{ display: block; margin: 25px auto; }

nav{ width: 100%; padding: 50px 0; background: url(../images/overlay.png); }
nav img{ display: block; margin: 0 auto 25px; border: 1px solid #6d291e; }
nav ul{ text-align: center; margin: 0; padding: 0; }
nav li{ list-style-type: none; display: inline; }
nav li a{ display: inline; font-size: 18px; letter-spacing: 1px; }
nav li a:link,
nav li a:visited{ text-decoration: none; color: #c3b097; }
nav li a:hover{ color: #3C0F0A; }

footer{ text-align: center; margin: 50px 0; }

footer a:link{ color: #3C0F0A; }
footer a:visited{ color: #3C0F0A; }
footer a:hover{ text-decoration: none; }

#social img{ border: none; height: 32px; }