/*HTML5*/
header, section, footer, aside, nav, main, article, figure 
{
display: block;
} 

/*basics*/
html, body
{
font-family: Arial, sans-serif;
font-size: 1em;
line-height: 120%;
font-weight: lighter;
color: #666666;
margin: 0px 0px 0px;
height: 100%;
}

div.container
{
position: relative;
background: #eeeeee;
background: -moz-linear-gradient(top,  #eeeeee 0%, #e2e2e2 100%);
background: -webkit-linear-gradient(top,  #eeeeee 0%,#e2e2e2 100%);
background: linear-gradient(to bottom,  #eeeeee 0%,#e2e2e2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e2e2e2',GradientType=0 );
margin: 0px;
width: 100%;
min-height: 100%;
border-style: none
}

div.body
{
position: relative;
text-align: center;
margin: 0px;
width: 100%;
}

#splash
{ 
position: relative;
display: block;
margin: 0px auto;
padding-top: 30vh;
width: 75%;
height: auto;
}

p
{
font-size: 1.2rem;
line-height: 120%;
text-align: center;
margin: 2vh auto 0px;
color: #999999;
}

p.tag
{
font-size: 2rem;
line-height: 120%;
text-align: center;
margin: 5vh auto 0px;
color: #632C8A;
}

a:link, a:visited
{
font-size: 2rem;
line-height: 120%;
text-align: center;
margin: 5px;
color: #632C8A;
}

a:hover, a:active, a:focus
{
color: #3FA7FF;
}

footer p
{
position: relative;
bottom: 99%;
font-size: 0.8em;
line-height: 120%;
text-align: center;
color: #333333;
margin: 0px auto;
width: 90%;
}

.clearfix
{
display: block;
clear: both;
visibility: hidden;
line-height: 0px;
height: 0px;
}