body {
	margin:0;padding:0;text-align:center;
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: small;
	line-height: 1.3;
}

#wrap {width: 969px;margin: 0 auto;padding: 0;background-color: #fff;}
#header {float: right;width: 967px;text-align: left;background-color: #000;border: 1px solid #333;border-width: 0 1px;background: #000 url(../images/header-bg.gif) left top repeat-y;}
#header-content {float: right;z-index: 10;position: relative;line-height: 1;width: 224px;height: 212px;background-color: #222;margin: 0;}
#content {clear: right;width: 939px;margin: 0;padding: 15px;text-align:left;background: #fff url(../images/dashes-light.gif) left top repeat-x;color: #000;}
#content1 {float:left; width: 323px; margin-top: 1em;}
#content2 {float:right; width: 323px; margin-top: 1em;}

#logo {padding-bottom: 1px;background: #222 url(../images/dashes-dark.gif) left bottom repeat-x;}
#k8-logos {float: right;width:211px;margin: 0 0 15px 0;}
#GPWASeal img {margin: 40px 0 30px 35px;}
body#home #GPWASeal img {margin-top: 20px;}
#content-main {float: left;width:700px;margin: 0 0 15px 0;overflow: hidden;}


/*  ---------- Login  ----------  */
#login {background-color: #222;padding: 5px 10px;font-size: 80%;}
#login table {width: 200px;margin:0 0 5px 0;}
#login table td {background-color: transparent;border:0;padding:5px 0 0 0;vertical-align:middle;}
#login table td.textTopCell {vertical-align:top;}
#login h2 {margin-right:5px;color: #fff;text-transform: uppercase;}
#login #username, #login #password {width: 7em;height:1em;border: none;font-size: 110%;padding:1px;vertical-align:top;margin:0;}
#login a {color: #fff;}
#login a:hover {color: #900;}
#login input[type=submit] {margin: 0;}

#login-error {margin-top: 2em;}
#login-error input[type=text], #login-error input[type=password] {border: 1px solid #ccc; width: 250px;display:block;}


input[type=submit], input[type=reset] {margin: .5em 1em .5em 0;padding:.2em 1em;font-size: 100%;border: 0;background-color: #666; text-transform: uppercase;color: #fff;cursor: pointer;}
input[type=submit]:hover, input[type=reset]:hover {color: #fff;background-color: #900;}

#signup {clear: right;font-size: 90%;text-transform: uppercase;background: #222 url(../images/dashes-dark.gif) left top repeat-x;}
#signup p {padding: 1em 10px;margin: 0;font-weight: bold;}
#signup a {text-decoration: none;font-weight: normal;background-color: #666;color: #fff;margin-left: 1em;padding: .2em .5em;}
#signup a:hover {color: #fff;background-color: #900;}

/*  ---------- Main Navigation ----------  */
#nav {float: right;width:100%; font-size: 85%;height: 32px;padding:0;margin:0;background: #666 url(../images/dashes-light.gif) left top repeat-x;}
#main-nav ul {float: left;width: 750px;list-style-type:none;padding:0;margin:0;padding-left:5px;}
#main-nav ul li {float:left;position: relative;line-height: 32px;padding:0;}
#main-nav ul li a, #main-nav ul li a:visited {display:block;color: #fff;padding: 0 10px; text-transform: uppercase; text-decoration:none;}
#main-nav ul li a:hover {color: #000;}

#languages ul {float: right;width: 200px;list-style-type:none;padding:0;margin:0;}
#languages ul li {float: right;display:inline;line-height: 32px;}
#languages ul li a, #languages ul li a:visited {float: left;display:block;padding: 0 15px 0 0; text-transform: uppercase; text-decoration:none;color: #fff;}
#languages ul li a:hover, #languages ul li a.selected {color: #000;}

/*  ---------- Main Navigation Tab-Highlights ----------  */
body#home ul li a.t-home,
body#about ul li a.t-about,
body#works ul li a.t-works,
body#marketing ul li a.t-tool,
body#statistics ul li a.t-statistics,
body#terms ul li a.t-terms,
body#faq ul li a.t-faq,
body#sign-up ul li a.t-signup,
body#contact ul li a.t-contact,
#languages .selected {color: #000;font-weight: bold}

#flashcontent {height: 212px;width:742px;float: left;}
body#about #header-img {background: #000 url(../images/header-img-about.jpg) left top no-repeat;}
body#faq #header-img {background: #000 url(../images/header-img-faq.jpg) left top no-repeat;}
body#statistics #header-img {background: #000 url(../images/header-img-statistics.jpg) left top no-repeat;}
body#sign-up #header-img {background: #000 url(../images/header-img-signup.jpg) left top no-repeat;}
body#works #header-img {background: #000 url(../images/header-img-works.jpg) left top no-repeat;}
body#marketing #header-img {background: #000 url(../images/header-img-marketing.jpg) left top no-repeat;}
body#terms #header-img {background: #000 url(../images/header-img-terms.jpg) left top no-repeat;}
body#contact #header-img {background: #000 url(../images/header-img-contact.jpg) left top no-repeat;}

h1 {font-size: 150%;letter-spacing: 1px;color: #c00;text-transform:uppercase;}
h2 {font-size: 130%;font-weight: bold;color: #c00;margin:0;}
h3 {font-size: 110%;font-weight: bold;}
ul {list-style: outside;padding-left:1em;margin-left:0;}
ul li {padding-bottom: 1em;}
dt {font-weight: bold; color: #000;}
dd {margin: 0 0 1em 0;}
img {border-style: none;vertical-align:top;}
abbr {border-bottom: none;cursor: help;letter-spacing: 1px;}
ol.latin {list-style: upper-latin;}

table {border-collapse: collapse;}
table th {padding: .2em 2em .2em 1em;background-color: #e1e1e1;}
body#sign-up table th {color: #c00;}
table td {padding: .5em 1em;vertical-align: top;border-top: 1px dashed #e1e1e1;background-color: #f1f1f1;}
table td input[type=text], table td input[type=password], table td textarea {border: 1px solid #ccc; width: 450px;}
table td select {border: 1px solid #ccc;}
table td textarea {width: 450px;}
table td span.othertextfield {display: block;padding: .2em 1.4em;}
table td span.othertextfield input[type=text] {width: 250px;}

#marketing-banner-links {font-weight: bold; list-style: none;}
#marketing-banner-links li {background: transparent url('../images/arrowup.gif') no-repeat left center;padding: .3em 0 .3em 15px; margin: 0;}

/*  ---------- MOOTOOLS ---------- */
dt.toggle {margin-top:0;}
dt.toggle, dd.toggler {padding-left: 10px;}
dd.toggler {margin: 0;}
dt.toggle {font-weight: bold;background: transparent url('../images/arrowup.gif') no-repeat left center;cursor: pointer;padding: .3em 0 .3em 15px;}
dt.toggle:hover {color:#c00;}
dd.toggler ul, dd.toggler ol {font-weight:normal; padding:1em 1em 0 1em;color:#000;}
dd.toggler ul li, dd.toggler ol li {padding:0;font-size:90%;}
dd.toggler {color:#000;}

/*  ---------- LINKS ----------  */
a:link, a:active, a:visited {color:#000;}
a:hover {color:#900;}

/*  ---------- CODE - PRE ----------  */
pre {width:100%;height:100px;overflow:scroll;}

pre {border:1px solid #999;background:#eee;font:normal normal normal 70% "courier new", monospace;}

/*  ---------- Footer  ----------  */
#footer {clear:both; font-size: 85%;padding:.5em 0 2em 0;margin:0;background-color: #000;}