/* package site entry page stylesheet */
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; }
ol, ul{ list-style: none; }
blockquote, q{ quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after{ content: ''; content: none; }
table{ border-collapse: collapse; border-spacing: 0; }

body{ background: #fff; color: #1a5714; font: 18px/1.5em "Gill Sans", GillSans, verdana; margin: 0; }

#container{ margin: 0 auto; width: 975px; }
html,body,#bg,#bg table, #bg td,#cont{ width: 100%; height: 100%; overflow: hidden; }
#bg{ position: absolute; width: 200%; height: 200%; top: -50%; left: -50%; }
#bg td{ vertical-align: middle; text-align: center; }
#bg img{ min-height: 50%; min-width: 50%; margin: 0 auto; }
#scroller{ height: 100%; width: 100%; overflow: scroll; position: absolute; z-index: 100; }

#header img{ display: block; margin: 5% auto; }

#navigation ul{ text-align: center; }
#navigation ul li{ list-style-type: none; display: block; float: left; width: 325px; }
#navigation ul li a{ text-decoration: none; display: block; width: 325px; height: 375px; float: left; }

a:link,
a:visited{ color: #1a5714; }
a:hover{ text-decoration: none; }

#navigation span{ height: 350px; width: 325px; display: block; }
#navigation img{ display: block; border: 10px solid #1a5714; margin: 0 auto; }
#navigation .sub{ padding-top: 50px; margin-bottom: -50px; }

#footer{ color: #1a5714; text-align: center; font-size: 12px; padding-top: 25px; }
#footer .vcard div{ display: inline; padding-right: 5px; }

.clear{ clear: both; }