* { margin: 0; padding: 0; }

html, body { height: 100%; width: 100%; }
body, html, input, select, textarea { font: 13px "Trebuchet MS", "Lucida Sans unicode", Arial, Helvetica, sans-serif, courier; }

img, fieldset { border: 0; }

ul { list-style-type: none; }

input[type='text'], textarea { padding: 2px; border: 1px solid #383838; background-color: #f2f2f2; }
input[type='submit'] { width: auto; overflow: hidden; border: 1px solid #383838; height: 27px; color: #000; font-weight: bold; padding: 1px 10px; font-size: 12px; background: #fff url('images/submitBg.png') bottom repeat-x; }
input[type='text'].red-border, textarea.red-border { border: 1px solid red; }
.red-border { border: 1px solid red; }

h3 { font-size: 36px; color: #fff; font-weight: normal; }

p { margin-bottom: 15px; }

div.clear { clear: both; overflow: hidden; font-size: 0; height: 0; line-height: 0; }

a { text-decoration: none; color: #fff; }
a:hover { text-decoration: underline; color: #fff; }

#container { width: 100%; height: 100%; background: #181818 url('../images/background.png') bottom repeat-x; }

#topBar { width: 100%; background-color: #262626; border-bottom: 2px solid #323232; height: 51px; position: absolute; top: 0; left: 0; z-index: 1000; }

#logo { background: #262626 url('../images/headerLogo.png') no-repeat; width: 152px; height: 23px; float: left; margin: 15px 0 0 15px; }

#mainNav { float: right; color: #727272; margin: 18px 25px 0 0; }
#mainNav ul li { float: left; padding: 0 20px; }
#mainNav ul li a { color: #727272; }
#mainNav ul li a:hover { text-decoration: none; color: #fff; }
#mainNav ul li a.current { color: #fff; }
#mainNav ul li a.nucommunity:hover, #mainNav ul li a.nucommunity.current { color: #faa719; }
#mainNav ul li a.clubworkx:hover, #mainNav ul li a.clubworkx.current { color: #ff0000; }
#mainNav ul li a.nowcast:hover, #mainNav ul li a.nowcast.current { color: #007eff; }
#mainNav ul li.spacer { padding: 0; width: 2px; height: 17px; background: #727272 url('../images/navSpacer.png') repeat-y; }

#contentOuter {height: 100%; width: 100%; overflow: hidden; display: table; position: static;}
#contentMiddle {display: table-cell; vertical-align: middle; position: static;}
#content { width: 850px; margin: 0 auto; color: #727272; }

.home-box-outside { float: left; width: 391px; }
.home-box-middle { float: left; width: 386px; margin: 0 20px 0 0; padding: 0 20px 0 0; border-right: 1px dotted #212121; }

img.aboutus-logo { float: left; margin-right: 20px; width: 300px; height: 300px; margin-top: 20px; }
.aboutus-content { float: left; width: 530px; }

img.logoNucommunity { width: 310px; height: 70px; margin-bottom: 15px; }
img.logoClubworkx { width: 264px; height: 70px; margin-bottom: 5px; }
img.logoNowcast { width: 233px; height: 70px; margin-bottom: 15px; }
img.conceptScreenshot { width: 310px; height: 160px; float: left; margin-right: 20px; padding: 1px; border: 1px solid #727272; }

.concept-description { float: left; width: 516px; }

.contact-information { width: 200px; text-align: center; margin: 0 auto; }
.contact-information ul { margin-bottom: 20px; }
.contact-information ul li { margin: 3px 0; }
.contact-information ul li.top { font-weight: bold; color: #fff; }

.clearMarginBottom { margin-bottom: 0; }

#footer { position: absolute; z-index: 10000; top: 95%; text-align: right; width: 98%; font-size: 11px; color: #727272; }
#footer span { margin: 0 15px; }