/* 
	background grey: rgb(37,40,40);
	blue color: rgb(107,163,200);
	login text color: color: #B27A00;
	dropdown background: #2A2D2F;
	orange color: rgb(204,135,17);
*/

body, html {	
	margin: 0 0 1px;
	padding: 0;
	background: rgb(37,40,40);
	height: 100%;			
}
#headerImage{
	position: relative;		
	width:1024px;
	height:90px;
	margin: 0 auto;
	/*background: url("../images/header/image5.jpg") no-repeat;*/	
}
#headerImage ul.header{
	margin: 0;
}
#headerImage ul.header li {
	position:absolute;
	float:left;
	top: 0;
	left: 0;
	list-style: none;
}
#headerImage ul.header li img {
	border: 0;
	padding: 0;
	width: 1024px;
	height: 210px;
	background: none;
}
#headerImage ul.header li.show {
	z-index:50;
}
.transparent {
	position: absolute;
	top: 0;
	width: 1024px;
	height: 90px;	
	background-color: rgb(37,40,40);
	filter: alpha(opacity=82);
	opacity: 0.82;
	-moz-opacity:0.82;
	z-index: 100;
}
.transparent hr{
	position: absolute;
	top: 38px;
	left: 90px;
	width: 852px;
	height: 0;
	border: 0;	
	border-top: 1px solid rgb(107,163,200);  	
	background: rgb(107,163,200);
	z-index: 150;
}
#logo{
	position: absolute;
	top: 5px;
	left: 40px;
	width: 392px;
	height: 69px;
	background: url("../images/logo.png");
	z-index: 200;	
}
#loginDiv{
	position: absolute;
	top: 22px;
	left: 660px;	
}
.loginFields, textarea{
	font-family: "Century Gothic"; 
	font-size:11px;	
	/*position: absolute;*/
	width: 120px;
	background-color: rgb(204,135,17);
	border: 1px solid black;
	margin-left: 15px;
	color: rgb(22,26,26);
}
#submit_button{
	font-family: "Century Gothic"; 
	font-size:12px;	
	background-color: rgb(204,135,17);
	border: 1px solid black;
	color: rgb(22,26,26);
	text-align:center;
	cursor:hand;
	cursor:pointer;
	margin-right: 5px;
}
.errorMessage{
	position: absolute;
	top: -20px;
	left: 10px;
	font-family: "Century Gothic";
	font-size: 12px;
	color: red;
	background: black;
	padding: 3px;
	width: 265px;
}


/* Navigation Style */

.dropdown { 
	position: absolute;
	top: 55px;
	left: 5px;
	width: 1014px; 
	height:59px;
	font-family: Helvetica, sans-serif;
	font-size:18px;
	background: url("../images/navBar.png");
	z-index: 999;
}

/* Basic List Styling (First/Base Level) */

.dropdown ul {
	padding-left: 60px;
	margin: 5px auto; 
	list-style:none;
	width: 775px;			 
}
.dropdown ul li {
	float:left;
	position:relative;
	display:inline;
	/*background:url("../images/separator.gif") right center no-repeat;*/
	background:url("../images/verticalOrange.png") right center no-repeat;			
}
.dropdown ul li.lastItem {
	float:left;
	position:relative;
	display:inline;
	background: none;	
}
.dropdown ul li a {	 
	padding:7px 15px;
	display:block; 
	text-decoration:none;	 
	text-align:center;
	letter-spacing:2px;
	color:rgb(107,163,200); /* <a> tag text color */
	outline: none;			
}
.dropdown ul li a:hover {
	color: rgb(204,135,17);
	/*background:url("../images/separator.gif") right center no-repeat;*/
	/*background:url("../images/verticalOrange.png") right center no-repeat;*/
}
.dropdown ul li.lastItem a:hover {
	color: rgb(204,135,17);
	background: #2A2D2F;	
}

/* Second Level Drop Down Menu */

.dropdown ul li ul {display: none; width:auto;}
.dropdown ul li:hover ul {
	font-family: "Century Gothic"; 
	font-size:12px;
	display:block; 
	position:absolute; 
	top:30px;	 
	left:0;
	padding: 0;
}
.dropdown ul li:hover ul li a {
	text-align: left;
	letter-spacing: normal;	 
	display:block; 
	background:#2A2D2F; 
	color:rgb(107,163,200); 
	width:175px;
	outline: none; 
}
.dropdown ul li:hover ul li a:hover {color:rgb(204,135,17);}

/* Third Level Drop Down Menu */

.dropdown ul li:hover ul li ul {display:none; width:auto;}
/* Remove This ---> */
.dropdown ul li:hover ul li:hover ul {
	font-family: "Century Gothic"; 
	font-size:12px; 
	display:block; 
	position:absolute;
	left:205px; 
	top:-5px;
}
.dropdown ul li:hover ul li:hover ul li a {
	text-align: left;
	letter-spacing: normal;	 
	display:block; 
	background:#2A2D2F; 
	color:rgb(107,163,200);
	white-space: nowrap;
	outline: none; 
}
.dropdown ul li:hover ul li:hover ul li a:hover {color:rgb(204,135,17);}
/* <---- Remove This */

/* Fourth Level Drop Down Menu */
.dropdown ul li:hover ul li:hover ul li ul {display:none; width:auto;}
/* 
.dropdown ul li ul li:hover ul li:hover ul {
	font-family: "Century Gothic"; 
	font-size:12px; 
	display:block; 
	position:absolute;
	left:60px; 
	top:-5px;
}
.dropdown ul li:hover ul li:hover ul li a {
	text-align: left;
	letter-spacing: normal;	 
	display:block; 
	background:#2A2D2F; 
	color:rgb(107,163,200);
	white-space: nowrap; 
}
.dropdown ul li:hover ul li:hover ul li a:hover {color:rgb(204,135,17);}
*/

#relentlessContent{
	position: relative;
	width:900px;
	margin: 0 auto;
	font-family: "Century Gothic";
	font-size: 12px;
	color: rgb(107,163,200);
}

#relentlessHeader{
	width: 900px;
	height: 424px;
	background: url("../images/relentlessHeader.png") top no-repeat;
}

#relentlessClickMe{
	position: absolute;
	top: 370px;
	left: 595px;
	width: 319px;
	height: 69px;
	cursor: hand;
	cursor: pointer;
	z-index: 200;
	background: url("../images/relentlessQuizButton.png") center no-repeat;
}

#relentlessClickMe:hover{
	color: rgb(107,163,200);
}

#relentlessHLine{
	position: relative;
	float: right;
	margin: 10px 0 5px 0;
	padding: 10px 0 5px 0;
	width: 600px;
	background: url("../images/h-separator.png") top repeat-x;
	clear: both;
}

#relentlessRight{
	position: relative;
	float: right;
	clear: both;
	width: 615px;
}

#relentlessRight p{
	font-size: 13px;
	letter-spacing: 2px;
	line-height: 20px;
	text-align: justify;
}

#rrHeader{
	width: 615px;
	height: 50px;
	background: url("../images/relentlessUnyielding.png") center no-repeat;	
}

#relentlessDescription{
	width: 615px;
	height: 153px;
	background: url("../images/relentlessDescription.png") bottom repeat-x;
}

#relentlessAirFreshener{
	position: absolute;
	top: 195px;
	left: -135px;
	width: 435px;
	height: 472px;
	background: url("../images/relentlessAirFreshener.png") bottom repeat-x;
}

#relentlessForm{
	float: right;
	margin-top: 20px;
	color: rgb(204,135,17);
	letter-spacing: 1px;
	line-height: 24px;
	text-align: right;
}

#relentlessRight .smallPrint{
	font-size: 9px;
	letter-spacing: 1px;
}
#relentlessLeft{
	float: left;
	width: 245px;
	height: 300px;
	background: url("../images/verticalBlue.png") right repeat-y;
	padding: 15px 22px 0 0;
	margin-top: 45px;
}

#relentlessLeft p{
	font-size: 12px;
	text-align: justify;
	margin: 5px 0 30px 0;
	line-height: 18px;
	letter-spacing: 1px;
}

.relentlessPHeader{
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: rgb(204,135,17);
}

.relentlessQuestion{
	font-family: "Century Gothic";
	font-size: 14px;
	color: rgb(107,163,200);
	text-transform: uppercase;
	letter-spacing: 1px;
}

.relentlessAnswer{
	font-family: "Century Gothic";
	font-size: 14px;
	letter-spacing: 1px;
	color: rgb(204,135,17);
}

#result1, #result2, #result3, #result4{
	font-family: "Century Gothic";
	font-size: 14px;
	color: rgb(204,135,17);
	height: 300px;
	width: 635px;
}
#result1{
	background: url("../images/relentlessLoser.png") center repeat-x;
}
#result2{
	position: absolute;
	top: -25px;
	background: url("../images/relentless.png") center repeat-x;
}
#result3{
	background: url("../images/relentlessBeyondRepair.png") center repeat-x;
}
#doneBtn{
	position: absolute;
	top: 15px;
	left: 15px;
}
#relentlessResult{
	width: 800px;
	height: 400px;
	background: url("../images/relentlessNailedIt.png") center repeat-x;
}
#relentlessMoreInfo{
	position: absolute;
	top: 330px;
	left: 60px;
	width: 700px;
	text-align: right;
	font-family: "Century Gothic";
	font-size: 22px;
	letter-spacing: 3px;
	color: rgb(204,135,17);
	z-index: 200;
	cursor:hand;
	cursor:pointer;
}
#relentlessMoreInfo:hover{
	color: rgb(107,163,200);
}
#relentlessQuizStart{
	position: absolute;
	top: -10px;
	width: 635px;
	height: 300px;
	background: url("../images/relentlessQuizTime.png") top repeat-x;
}
#relentlessQuizIntro1{
	position: absolute;
	top: 145px;
	left: 40px;
	font-family: "Century Gothic";
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 1px;
	color: rgb(107,163,200);
	z-index: 200;
}
#relentlessQuizIntro2{
	position: absolute;
	top: 260px;
	left: 44px;
	font-family: "Century Gothic";
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 2px;
	color: rgb(204,135,17);
	z-index: 250;
}
.relentlessQuizButton{
	position: relative;
	background-color: rgb(204,135,17);
	border: 1px solid black;
	color: rgb(22,26,26);
	text-align:center;
	cursor:hand;
	cursor:pointer;
	margin-right: 5px;
	z-index: 500;
}
#btnHolder .relentlessQuizButton{
	position: absolute;
	top: 265px;
	left: 490px;
	font-size: 18px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.blueText{
	color: rgb(107,163,200);
	font-size: 14px;
}
#sendInviteBtn{
	background:none;
	border:none;
	font-family: "Century Gothic";
	font-size: 12px;
	color: rgb(204,135,17);
	cursor:hand;
	cursor:pointer;
}
#sendInviteBtn:hover{
	font-weight: bold;
}