@font-face {
	font-family: 'MiamaRegular';
	src: url('../fonts/Miama.eot');
	src: local('Miama Regular'), local('Miama'), url('../fonts/Miama.woff') format('woff'), url('../fonts/Miama.ttf') format('truetype'), url('../fonts/Miama.svg#Miama') format('svg');
}


@font-face {
	font-family: 'ComfortaaBold';
	src: url('../fonts/Comfortaa_Bold.eot');
	src: local('Comfortaa Bold'), local('Comfortaa-Bold'), url('../fonts/Comfortaa_Bold.woff') format('woff'), url('../fonts/Comfortaa_Bold.ttf') format('truetype'), url('../fonts/Comfortaa_Bold.svg#Comfortaa-Bold') format('svg');
}

@font-face {
	font-family: 'ComfortaaRegular';
	src: url('../fonts/Comfortaa_Regular.eot');
	src: local('Comfortaa Regular'), local('Comfortaa'), url('../fonts/Comfortaa_Regular.woff') format('woff'), url('../fonts/Comfortaa_Regular.ttf') format('truetype'), url('../fonts/Comfortaa_Regular.svg#Comfortaa') format('svg');
}

/* 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 'ComfortaaRegular', "century gothic", centurygothic, arial, sans-serif; margin: 0; background: #614e3b; color: #fff; }

html, body{ height: 100%; margin: 0; padding: 0; }
img#background{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

#scroller{ height: 100%; width: 100%; position: absolute; z-index: 100; }
#container{ width: 1200px; margin: 0 auto; }

header img{ display: block; margin: 100px auto 0; }

#navigation{ margin: 25px 0; }
#twocolumn{ width: 1060px; margin: 0 auto; }

#navigation li{ list-style-type: none; display: block; float: left; font-size: 18px; }
#navigation li a{ display: block; float: left; width: 500px; height: 300px; border: 5px solid #fff; margin: 0 5px; color: #614e3b; 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/ghost.png); padding: 5px 10px; text-align: right; margin: 225px 0 0 0; -webkit-transition-duration: .2s; }
#navigation li a:hover span{ padding-right: 15px; }

a:link{ color: #fff; }
a:visited{ color: #999; }
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; }