@charset "utf-8";
/*------GENERAL---------------------------------------------------------------*/

* { margin: 0; padding: 0; outline: 0; }

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

/*------LAYOUT---------------------------------------------------------------*/
body {background:#cdcdcd; font-family: Verdana, sans-serif; color: #353637; background-image: url("../img/BG.gif")}

#headercontainer, #contentcontainer, #footercontainer { width: 100%; margin: 0 auto; position: relative; }

#about{ display:block; margin-left:auto; margin-right:auto; width:50em; text-align:center; }
#headercontainer {height:70px; }
#contentcontainer {float: none; padding-top: 0px; }
footer { clear:both; background:url(../img/footer.png) no-repeat center bottom ;; height: 650px; }

section {padding-top: 110px;}

header {width: 100%; position: fixed; z-index: 40; float: left; }
nav { width: auto; float: left; font-size: 0.6em; margin-top: 32px; letter-spacing:2px; }
nav ul { display: block; margin-top: -5px; position: absolute;}
nav ul li { display: inline; margin-right: 12px;}
nav ul li a { border-bottom: none; padding-left: 10px; padding-right:10px;}
nav ul li a:hover { border-bottom: 4px solid #633a82;}
.main{}
.main ul{position: absolute; right: 0; }

.clear { clear:both;}

.displace {position: absolute;left: -5000px;}
.center{display: block; margin-left: auto; margin-right: auto; margin-bottom: 50px;}

.txt{ line-height:1.4em; word-spacing: 5px; text-align:justify; padding-bottom:12px;}
.hfacts { text-align: center; margin-bottom:50px; letter-spacing: 1px;}
.created {text-align: center; margin-bottom:20px; letter-spacing: 1px; font-family: 'Fredoka One', cursive; font-size: 1.6 em;}
.project{ border-width:20px; border-style:solid;border-color:#aed136;margin-left:60px; margin-right:60px; padding-top:23px;padding-bottom:23px;}
.bone{ border-width:20px; border-style:solid;border-color:#e03c26;margin-left:60px; margin-right:60px; padding-top:23px;padding-bottom:23px;}

/*------LINKS---------------------------------------------------------------*/
a { color: #f37204; text-decoration: none; }
a:hover { color: #fff; text-decoration: none; }
a:active { color: #fff; text-decoration: none; }

/*------HTML ELEMENTS---------------------------------------------------------------*/
p{padding-left:60px; padding-right:60px;font-family: 'Open Sans', sans-serif;}

p.center {margin-left:auto; margin-right:auto; text-align:center; font-family: Verdana;}
p.footer {margin-left:auto; margin-right:auto; text-align:center; padding-top: 120px; font-family: Verdana;}
h1{font-size: 2.2em; text-align:center; margin-bottom:50px;font-family: Verdana;  line-height: 1.3; letter-spacing: 2px; color: #f37204;}

p.mail {font-size: 0.8em; text-align:center; font-family: Verdana; letter-spacing: 2px; color: #f37204;}