/* stylesheet for Basil 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; }

body{ font: 12px/1.5em arial, sans-serif; margin: 0; background: #fff; color: #fff; }

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: 100px auto 0; }

#navigation{ margin: 25px 0; }
#onecolumn{ width: 280px; margin: 0 auto; }
#twocolumn{ width: 560px; margin: 0 auto; }
#threecolumn{ width: 840px; margin: 0 auto; }
#fourcolumn{ width: 1120px; margin: 0 auto; }
#special_onecolumn{ width: 800px; margin: 0 auto; }

#navigation li{ list-style-type: none; display: block; float: left; font-size: 18px; }
#navigation li a{ display: block; float: left; width: 250px; height: 150px; border: 5px solid #fff; margin: 0 5px; color: #fff; text-decoration: none; }
html>body #navigation li a{ margin: 0 10px; }
.link1 a{ background: url(../../content/info/intro/images/01.jpg); }
.link2 a{ background: url(../../content/info/intro/images/02.jpg); }
.link3 a{ background: url(../../content/info/intro/images/03.jpg); }
.link4 a{ background: url(../../content/info/intro/images/04.jpg); }
#navigation li a span{ display: block; background: url(../images/overlay.png); padding: 5px 10px; text-align: right; margin: 100px 0 0 0; -webkit-transition-duration: .2s; }
#navigation li a:hover span{ padding-right: 15px; }

a:link{ color: #fff; }
a:visited{ color: #fff; }
a:hover{ text-decoration: none; }

p{ width: 600px; margin: 0 auto 20px auto; }

#social img{ height: 32px; padding: 3px; }
#social a{ position: relative; top: 5px; -webkit-transition-duration: .2s; }
#social a:hover{ top: 0; }
footer{ clear: both; text-align: center; padding: 100px; }
footer address{ font-style: normal; }