/* Default */
  
body { 
	padding: 0; 
	margin: 0; 
	font: 15px Trebuchet MS, Trebuchet, Helvetica, sans-serif; 
	background: #000000 url('backgroundTile.gif') repeat-x; 
	color: #FFFFFF; 
}

a {
	color: #FF0000; 
	background: inherit;
}

a:hover {
	color: #FFFFFF;
	background: inherit;	
}


/* Typography */

p {	
	margin: 0; 
	text-align: justify;
}

p.question {
	font-size: 14px;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	background: inherit;
}

p.questionSubtext {
	font-size: 10px;
	color: #666666;
	width: 255px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	background: inherit;
}

.smallText {
	font-size: 11px;
	height: 15px;
}

.smallRedText {
	font-size: 13px;
	color: #FF0000;
}

.smallWhiteText {
	font-size: 13px;
	color: #FFFFFF;
}

.smallPrivacy {
	font-size: 11px;
	color: #282828;
}

/* Form Style */

form { 
	margin: 0; 
}

.formTitle {
	text-indent: -5000px;
	width: 647px;
	height: 58px;
	margin: 0 auto;
	text-align: left;
	background: url('formTitle.gif') no-repeat bottom left;
}

.formContainer {
	width: 591px;
	margin: 0 auto;
	padding: 28px;
	text-align: left;
	background: #121313;
}

.questionContainer {
	clear: both;
	width: 591px;
	height: 38px;
	padding: 0;
}

.questionContainerCalendar{
	clear: both;
	width: 591px;
	height: 65px;
	padding: 0;
}

.questionContainerTextarea {
	clear: both;
	width: 591px;
	height: 91px;
	padding: 0;
}

.questionContainerSlider {
	clear: both;
	width: 591px;
	height: 63px;
	padding: 0;
}

input.questionField1 { 
	width: 191px; 
	height: 18px;
	border: none;
	font: 13px Trebuchet MS, Trebuchet, Helvetica, sans-serif;
	background: #FFFFFF url(question1.gif) top right no-repeat; 
	padding: 0 3px 0 3px;
	color: #3D3D3D;
}

input.questionFieldM { 
	width: 170px; 
	height: 18px;
	border: none;
	font: 13px Trebuchet MS, Trebuchet, Helvetica, sans-serif;
	background: #FFFFFF url(questionM.gif) top right no-repeat; 
	padding: 0 3px 0 3px;
	color: #3D3D3D;
}

textarea.questionField6 { 
	width: 259px; 
	height: 72px;
	border: none;
	font: 13px Trebuchet MS, Trebuchet, Helvetica, sans-serif;
	background: #FFFFFF url(textarea1.gif) bottom right no-repeat; 
	padding: 0 3px 0 3px;
	color: #3D3D3D;
	overflow: auto;
}

.buttonContainer {
	width: 647px;
	margin: 0 auto;
	padding-top: 10px;
	text-align: left;
}

.privacyDisclaimer {
	float: left;
	width: 436px;
}

.buttonBox {
	float: right;
	width: 176px;
}
input.submitButton {
	border: 0;
	height: 26px;
	width: 106px;
	background: url(submitButton.gif) no-repeat top left;
	color: #FFF;
	font: bold 15px Trebuchet MS, Trebuchet, Helvetica, sans-serif; 
}

input.resetButton {
	border: 0;
	height: 26px;
	width: 60px;
	background: url(resetButton.gif) no-repeat top left;
	color: #FFF;
	font: bold 15px Trebuchet MS, Trebuchet, Helvetica, sans-serif; 
}


/* General Architecture*/

#container { 
	margin: 0 auto;
	width: 756px; 
}

.nopeLogo {
	float: left;
	text-indent: -5000px;
	width: 296px;
	height: 58px;
	background: url('nopeLogo.gif') no-repeat bottom left;
	padding-top: 50px;
}

.headerTitle {
	clear: both;
	text-indent: -5000px;
	width: 131x;
	height: 42px;
	background: url('hellofriend.gif') no-repeat bottom left;
	padding-top: 27px;
}

.headerText {
	clear: both;
	width: 756px;
	margin-bottom: 20px;
}


.leftContainer {
	float: left;
	width: 323px;
	margin: 0;
}
	
		
.rightContainer {
	float: right;
	text-align: right;
	width: 268px;
	margin: 0;
}

.rightContainerSlider {
	float: right;
	width: 233px;
	margin: 0;
}

.leftFloat {
	float: left;
}

.rightFloat {
	float: right;
}

.clear {
	clear: both;
}

.footer { 
	clear: both; 
	color: #FFFFFF;
}


/* Hacks */

*{ 
	margin: 0; 
	padding: 0; 
} 

a:active, a:focus {
	outline: 0;
}