body, html  { height: 100%; }html, body, div, span, applet, object, iframe,/*h1,2, h3, h4, h5, h6,*/ p, blockquote, pre,a, abbr, acronym, address,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,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; }:focus { outline: 0; }del { text-decoration: line-through; }table {border-spacing: 0; }

.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.placeholder { display:block; margin:25px; }

/* Page Style */
body{
	color: #e9e2ee;
	font-size: 14px;
	font-family: 'Josefin Sans', sans-serif, "Times New Roman", serif;
	line-height: 20px;
	background-color: #ddd;
	background: #999 url(images/header-bg.jpg);
	-webkit-box-shadow: inset 0 0 300px rgba(0,0,0,0.8);
	   -moz-box-shadow: inset 0 0 300px rgba(0,0,0,0.8);
			box-shadow: inset 0 0 300px rgba(0,0,0,0.8);
	background-size: cover;
	padding: 10%;
	letter-spacing: 0.2em;
}

a,
a:link,
a:visited {
	color: rgba(255,255,255, 0.8);
	text-decoration:none;
	font-weight: normal;
	padding:10px;
}
a:active,
a:hover {
	color: rgba(255,0,0,1);
}

.red {
	color: rgba(255,0,0,0.5);
}

p{
	margin-bottom: 0.8em;
}
.center,
img.center {
	text-align: center;
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#mainpage{
	background: rgba(0,0,0,0.5);
	display: block;
	position: relative;
	max-width: 800px;
	margin: auto auto;
	padding: 40px;
}
#mainpage h1{
	text-align: center;
	font-size: 35px;
}
#mainpage h2 {
    text-align:center;
    font-size:20px;
}

#mainpage p{
	text-align: center;
}


#mainpage .twitter:before {
	content: '@';
	padding-top: 2px;
	padding-left: 24px;
	background: url(images/twitter.png) no-repeat 0 0px;
}
#mainpage .twitter, #mainpage .email {
	padding-top: 5px;
}

.box {
    border-top:1px solid #929292;
    padding:30px;
	text-align: center;
}

.boxicon:before{
    content: '';
    position: absolute;
    left: 50%;
    margin-top:-26px;
    width: 48px;
    height: 48px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIzMnB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgZmlsbD0iIzkyOTI5MiIgaWQ9Imljb24tMjMtc3RhciI+PHBvbHlnb24gaWQ9InN0YXIiIHBvaW50cz0iMTYgMjIgNyAyOCAxMSAxOCAyIDEyIDEyIDEyIDE2IDIgMjAgMTIgMzAgMTIgMjEgMTggMjUgMjggIi8+PC9nPjwvZz48L3N2Zz4=);
    background-size: cover;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
    border-top: inherit;
    border-top-color: transparent;
}

#footer {
    position:relative;
    padding:10px 40px;
    text-align:cetner;
    font-size: 10px;
}

.boxleft {
    float:left;
}
.boxright {
    float:right;
}
.boxcenter {
    text-align: center;
}