html, body { margin: 0 0 0 0; width: 100%; height: 100%; margin: 0px auto;  padding: 0px; text-align: center; background-color: #1e1f21; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

.main { color: #FFFFFF; letter-spacing: 2px; line-height: 18px; text-align: justify; }
.blue { color: #00a2ff; letter-spacing: 2px; }
.title { color: #007eff; letter-spacing: 2px; font-size: 20px; }
.lightgrey { color: #bcbfc7; letter-spacing: 2px; }
.darkgrey { color: #464953; letter-spacing: 2px; }
.toes { text-align: left; }
div#title { color: #ccc; text-decoration: none; font: bold 11px; letter-spacing: 2px; text-align: right; width:520px; }


a:link { color: #ffffff; text-decoration: none; font: bold 13px; letter-spacing: 2px; }
a:visited { color: #ffffff; text-decoration: none; font: bold 13px; letter-spacing: 2px; }
a:hover { color: #00a2ff; text-decoration: none; font: bold 13px; letter-spacing: 2px; }
a:active { color: #ffffff; text-decoration: none; font: bold 13px; letter-spacing: 2px; }

div#header{ position:absolute; top:0; left:0; width:100%; height:31px; background-image: url("../II. Slices/HTML/header bg.png"); background-repeat: repeat-x; }

div#main{ position:absolute; top:31px; left:0; width:100%; }