body { 
	margin:0;
	padding:0;
	font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
    background: black;
}

#ConradesNet {
	width: 80vw;
	max-width: 960px;
	height: 68px;
	margin: 0 auto;
	margin-top: calc(50vh - 34px);
}
.logo {
	width: 80vw;
	max-width: 960px;
}

#debugBox {position: fixed;top: 100px;right: 20px;width: 175px;min-height: 50px;font-family: sans-serif;font-size: 10px;color: red;background: rgba(255,255,255,.8);border-width: 2px;border-style: solid;border-color: red;padding: 5px;z-index: 9999;}
.debugData {color: #000000;font-size: 14px;font-weight: bold;}
.debugDataCONDITIONMET {color: #00FF00;font-size: 14px;font-weight: bold;}
.debugDataCONDITIONFAIL {color: #FF0000;font-size: 14px;font-weight: bold;}

.siteWidth {width: 960px; margin: 0 auto;}
.marginAuto{margin: 0 auto;}
.pageTitle { margin-top: 24px; margin-bottom: 24px; font-family: 'open_sansbold'; text-transform: uppercase; font-size: 24px;}
.pageSubTitle { margin-top: 12px; margin-bottom: 12px; font-family: 'open_sansbold'; text-transform: uppercase; font-size: 18px;}

.leftFloat { float: left; }
.rightFloat { float: right; }
.clearLeft { clear: left; }

.bold { font-family: 'open_sansbold';}
.semiBold { font-family: 'open_sanssemibold';}
.largeText { font-size: 1.2em; }
.smallText { font-size: .8em; }
.leftText {text-align: left;}
.centerText {text-align: center;}
.rightText {text-align: right;}
.tightText {letter-spacing:-.06em;}
.sentenceCase { text-transform: capitalize; }
.upperCase { text-transform: uppercase; }
.lowerCase { text-transform: lowercase; }
.textPositive { color: #00cc33; font-family: 'open_sanssemibold'; }
.textNegative { color: #cc0033; font-family: 'open_sanssemibold'; }
.noUnderline{text-decoration: none; color: inherit; }
.noUnderline:hover{text-decoration: none; color: inherit; }
.hidden {display: none;}

.clearfix:before, .clearfix:after {content: ""; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.clearAll {clear: both;}
.outer-center { float: right; right: 50%; position: relative; }
.inner-center { float: right; right: -50%; position: relative; }