/* PeopleKeys Styles - Jan 07 */
html {
	height:100%;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:100%;
	
}
h1{
	font-size:26px;
	color:#858585;
	font-family:Helvetica, Sans-Serif, Arial, Tahoma;
	line-height: 30px;
	letter-spacing: -1px;
	margin:5px 0px 10px 0px;
	padding:0px;
	height:30px;
	font-weight:bold;
}
h2{
	font-size:18px;
	color:#858585;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 24px;
	letter-spacing: -1px;
}
h3{
	font-size:18px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 24px;
	font-weight:bold;
}

a{
	color:#FF9900;
	text-decoration:underline;
}

fieldset {
	border:1px solid #ECE9DD;
	margin-bottom:20px;
	background-color:#FEFEF3;
	padding:10px;
}

legend {
	font-size:20px;
	color:#858585;
	font-family:Helvetica, Sans-Serif, Arial, Tahoma;
	line-height: 20px;
	letter-spacing: -1px;
	margin:0px;
	padding:0px;
	height:20px;
	font-weight:bold;
}

hr {
	border:0;
	color: #ECE9DD;
	background-color: #ECE9DD;
	height: 1px;
	margin-bottom:20px;
}	

.mygreenbox
{
	background: #97FD03 url(http://www.peoplekeys.com/PeopleKeysDemo/img/bkgd_GreenFade.jpg) repeat-x left top;
	border: solid 2px #CCCCCC;
	margin: 5px 0 10px 0;
	color: #FFFFFF;
	line-height: 24px;
	letter-spacing: 1px;
	width: 830px;
}
.tenspacer
{
	margin: 10px;
}

.myofferbox
{
	font-size: 80%;
	line-height: 18px;
	background: #009900 url(http://www.peoplekeys.com/PeopleKeysDemo/img/bkgd_Offer.jpg) repeat-x left top;
	border: solid 2px #CCCCCC;
	margin: 5px 0 0 0;
	color: #FFFFFF;
	letter-spacing: 1px;
	width: 830px;
	min-height: 50px;
	cursor: pointer;
}
.offerspacer
{
	margin: 7px 7px 7px 240px;
}
#offerslider
{
	font-size: 80%;
	line-height: 18px;
	width: 830px;
	margin: 0 0 10px 0;
	border-left: dashed 2px #CCCCCC;
	border-right: dashed 2px #CCCCCC;
	border-bottom: dashed 2px #CCCCCC;
	background-color: #F5F5F5;
	color: #333333;
}
#offerslider label
{
	width: 200px;
}

/* * /

#content a:hover{
	background-color:#ECE9DD;
}

/* structure */

#wrapper
{
	position: relative;
	min-height: 100%;
}

* html #wrapper
{
	height: 100%;
}
#dropped {
	display:block;
	background-color:#D3FD98;
	padding:20px;
	color:#333;
}
#dropped #dropped_content {
	width:860px;
	margin:0 auto;
	font-size:12px;
	line-height:20px;
}
#dropped #dropped_content .righty{
	position:absolute;
	top:34px;
	right:220px;
	width:220px;
	color:#fff;
	font-size:12px;
}
#dropped #dropped_content .righty li{
	font-size:12px;
	font-weight:normal;
	margin:10px 0;
}
#dropped #dropped_content .righty ul{
	list-style-type:none;
}

#dropped #dropped_content h1{
	font-size:20px;
	color:#CCC;
	font-family:Helvetica, Sans-Serif, Arial, Tahoma;
	letter-spacing: -1px;
	margin:0px;
	margin-bottom:10px;
}

#header #logo {
	background-image:url(../img/header_logo.jpg);
	background-repeat:no-repeat;
	width:239px;
	height:160px;
	float:left;
	cursor:pointer;
	position:absolute;
	margin-left:100px;
}
#freebie {
	width:278px;
	height:89px;
	background-image:url(../img/freebie_bg.jpg);
	background-repeat:no-repeat;
	top:0px;
	position:absolute;
	margin-left:594px;
	cursor:pointer;
}

#header_wrapper {
	display:block;
	height:128px;
	background-image:url(../img/app_header_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	margin-bottom:20px;
}
#header {
	display:block;
	width:860px;
	height:128px;
	margin-bottom:20px;
	margin:0 auto;
	background-image:url(../img/app_header.jpg);
	background-repeat:no-repeat;
}

#top_button {
	width:500px;
	height:53px;
	position:absolute;
	margin-left:344px;
	margin-top:32px;
	padding:5px;
	font-size:11px;
	text-align:right;
	z-index:1000;
	color:#FFF;
}

#nav {
	float:right;
	margin-top:94px;
	margin-left:224px;
	width:664px;
	position:absolute;
}
#nav ul{
	margin: 0;
	padding: 0;
	height: 40px;
	text-align: left;
	list-style-type: none;
}
#nav li{
	line-height:40px;
	height:40px;
	margin: -5px -2px;
	padding: 0;
	display: inline;
	text-decoration: none;
	
}
#nav li a{
	font-size:11px;
	padding: 6px 10px;
	color: #CCC;
	background-color:#000;
	height:40px;
}
#nav li a:hover{
	border-bottom:4px solid #AFF11E;
	color: #FFF;
}
#home #home a,
#hiring #hiring a,
#retention #retention a,
#solutions #solutions a,
#studies #studies a,
#news #news a,
#about #about a,
#faq #faq a,
#contact #contact a,
#packages #packages a,
#candidate_search #candidate_search a
{
	background:#FFF;
	color: #000;
}
#home #home a:hover,
#hiring #hiring a:hover,
#retention #retention a:hover,
#solutions #solutions a:hover,
#studies #studies a:hover,
#contact #contact a:hover,
#packages #packages a:hover,
#candidate_search #candidate_search a:hover
{
	background:#FFF;
	color: #000;
	border:0;
}

#main_wrapper {
	height:300px;
	display:block;
	background-image:url(../img/main_bg.jpg);
	background-repeat:repeat-x;
}
#main {
	width:860px;
	margin:0 auto;
}

#message {
	width:921px;
	padding:10px;
	margin:0 auto;
	display:block;
	font-size:12px;
	color:#FF9900;
	margin-bottom:20px;
	border-bottom:1px solid #CCC;
	font-weight: bold;
	line-height:24px;
	background-color:#f8f8f8;
}

#blackcontent {
	height:160px;
	width:860px;
	margin:0 auto;
	display:block;
	color:#fff;
	line-height:24px;
	font-size:12px;
}
#blackcontent p {
	margin-left:25px;
	color:#FFF;
}
#blackcontent #inner {
	padding-top:60px;
}

#what_is_peoplekeys {
	width:901px;
	margin:0 auto;
	color:#fff;
	line-height:24px;
	font-size:12px;
	color:#666;
	padding:20px;
	background-color:#efefef;
	border-bottom:1px solid #CCC;
}
#what_is_peoplekeys p {
	margin-left:25px;
	color:#666;
}
#what_is_peoplekeys #inner {
	padding-top:20px;
}


#peoplekeys_solutions {
	width:901px;
	margin:0 auto;
	color:#fff;
	line-height:24px;
	font-size:12px;
	color:#666;
	padding:20px;
	background-color:#efefef;
	border-bottom:1px solid #CCC;
}
#peoplekeys_solutions p {
	margin-left:25px;
	color:#666;
}
#peoplekeys_solutions {
	padding-top:20px;
}

#buttons {
	
}

#content_wrapper {
	/*padding-bottom:400px;*/
}
#content_wrapper #content {
	width:860px;
	margin:0 auto;
	padding-top:20px;
}

#content p {
	font-size:12px;
	color:#666;
	line-height:20px;
}
#content #content_left {
	width:574px;
	float:left;
}

#content li {
	font-size:12px;
	color:#666;
	margin-bottom:4px;
}
#content #content_left #content_left_main{
	padding:10px;
	padding-left:0px;
	padding-top:0px;
	font-size:14px;
	color:#333;
	line-height:20px;
}



#content #content_left #content_left_main li{
	line-height:25px;
}

#content_left_main fieldset {
	border:1px solid #ECE9DD;
	margin-bottom:20px;
	background-color:#FEFEF3;
	margin-left:10px;
}

#content_left_main fieldset legend{
	font-weight:bold;
	font-size:16px;
}

#content_left_main fieldset .input{
	width:250px;

}
#content_left_main fieldset .button{
	display:block;
}
#content_left_main fieldset .nextlinks{
	display:block;
	margin-top:10px;
}


#pagefull_wrapper{

	background-color:#FBFCE2;
	border:5px solid #ECE9DD;
	padding:10px;
}
.pagefull{

	position:relative;
	width:30%;
	float:left;
	margin-left:10px;
}
#brochure {
	background-image:url(../img/main_home.jpg);
	background-repeat:no-repeat;
	background-position:top;
	display:block;
	width:860px;
	height:400px;
	margin:0 auto;
}

#brochure_aaron {
	display:block;
	width:860px;
	margin:0 auto;
}

#sub_main {
	display:block;
	width:860px;
	height:300px;
	margin:0 auto;
}

#m_main_home_760 {
	height:309px;
}
#paragraphs_wrapper {
	background-color:#efefef;
	display:block;
	margin-top:20px;
}
#paragraphs {
	width:860px;
	margin:0 auto;
	padding-top:14px;
	font-size:12px;
	color:#666666;
	line-height:22px;
}
#paragraphs a{
	color:#FF9900;
}

#signup_form {
	position:absolute;
	width:320px;
	height:350px;
	margin-left:40px;
	margin-top:40px;
	font-size:12px;
	color:#666;
}

#signup_form p {
	line-height:22px;
	margin:0px;
	margin-bottom:14px;
}

#burst {
	position:absolute;
	width:130px;
	height:130px;
	z-index:100;
	margin-top:-10px;
	margin-left:-10px;
}

#content #content_order_form {
	width:740px;
	float:left;
}

#content #content_order_form #content_order_form_main{
	padding:10px;
	padding-left:0px;
	padding-top:0px;
	font-size:14px;
	color:#333;
	line-height:20px;
}

#content #content_order_form #content_order_form_main h1{
	font-size:20px;
	color:#858585;
	font-family:Helvetica, Sans-Serif, Arial, Tahoma;
	line-height: 30px;
	letter-spacing: -1px;
}
#content #content_order_form #content_order_form_main h2{
	font-size:18px;
	color:#FF9900;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 30px;
	letter-spacing: -1px;
}

#content #content_order_form #content_order_form_main a{
	color:#FF9900;
	text-decoration:underline;
}

#content #content_order_form #content_order_form_main a:hover{
	background-color:#ECE9DD;
	

}

#content #content_order_form #content_order_form_main li{
	line-height:25px;
}

#content_order_form_main fieldset {
	border:1px solid #ECE9DD;
	margin-bottom:20px;
	background-color:#FEFEF3;
	padding:10px;
}

#content_order_form_main fieldset legend{
	font-weight:bold;
	font-size:14px;
	color: #333333;
	
}

#content_order_form_main fieldset .input{
	width:150px;

}
#content_order_form_main fieldset .button{
	display:block;
}
#content_order_form_main fieldset .nextlinks{
	display:block;
	margin-top:10px;
}





#content_left_main fieldset .button input{

	width:100px;
	margin-top:10px;
}

#content #content_right {
	width:259px;
	height:700px;
	position:relative;
	float:left;
	/*background-image:url(../img/content_right_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;*/
	border-left:1px solid #efefef;
}
#content #content_right h2{
	font-size:16px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif, Tahoma;
	margin-top:18px;
	margin-bottom:-4px;
}
#content #content_right #content_right_main{
	padding:10px;
	font-size:12px;
	
}
#content #content_right #content_right_main a{
	color:#666;
}
#content #content_right #content_right_main a:hover{
	color:#333;
}
#footer_wrapper {
	position: relative;
	margin: 0;
	background-color:#FFF;
}
* html #footer_wrapper
	{
		position:relative;
	}
#footer {
	width:860px;
	margin:0 auto;
	color:#CCC;
	clear:both;
	border-top:1px solid #ECE9DD;
}
#footer h1{
	font-size:18px;
	color:#888;
	font-family:Helvetica, Sans-Serif, Arial, Tahoma;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:4px;
	letter-spacing: -1px;
}

#footer a{
	color:#CCC;
}
#footer a:hover{
	background-color:#EFEFEF;
}

#footer #leftcontent {

float:left;
width:24%;
margin-right:5px;

	}
	
	#footer #centerleftcontent {

float:left;
width:24%;
margin-right:5px;

	}

	#footer #rightcontent {

float:left;
width:48%;


	}
	#footer #copyright{
	font-size:11px; 
	color:#CCC;
	padding-top:10px;
	width:860px;
	margin: 0 auto;
	}
	
#footer #copyright #left{
	font-size:11px; 
	color:#CCC;
	width:550px;
	float:left;
	}
#footer #copyright #right{
	font-size:11px; 
	color:#CCC;
	float:right;
	text-align:right;
	}
	
	#footer #copyright p{
	line-height:16px;
	margin:0;
	padding:0;
	}
	
	#block {
	display:block;
	position:relative;
	clear:both;
	height:10px;
}

/* 
CSS FORMS
*/

#cForm p{
width: 260px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; 
border-top: 1px dashed #666;
height: 1%;
font-size:14px;
}


#cForm label{
font-size:14px;
font-weight: bold;
float: left;
margin-left: -155px; 
width: 150px; 
}

#cForm .input {
	width: 180px;
	background-color:#FFFFCC;
	color: #333;
}

#cForm textarea{
width: 250px;
height: 150px;
}


* html .threepxfix{
margin-left: 3px;
}

#formwrapper {
	page-break-after:always;
}

#SignUp .signupframe {
  border: 0px;
}

#float_flags {
	height:77px;
	width:72px;
	position:absolute;
	top:0px;
	left:0px;
}

/*classes*/

.clear {
	display:block;
	clear:both;
	page-break-after:always;
	height:0px;
	margin:0;
	padding:0;
	background-color:none;
}

.left_50 {
	width:48%;
	float:left;
	margin-right:10px;
}

.left_33 {
	width:32%;
	float:left;
	margin-right:10px;
}
.left_66 {
	width:64%;
	float:left;
	margin-right:10px;
}

.inner {
	padding-right:10px;
}
.smalldesc {
	font-size:10px;
}
.largedesc {
	font-size:12px;
	display:block;
}
.pricedesc {
	font-size:14px;
	display:block;
	color:#CC0000;
	font-weight:bold;
}

.clearfix:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix
{
	min-width: 0;		/* trigger hasLayout for IE7 */
	display: inline-block;
	/* \*/	display: block;	/* Hide from IE Mac */
}
* html .clearfix
{
	/* \*/  height: 1%;	/* Hide from IE Mac */ 
}

.success {padding: 7px; background: #fef8d9; color: #977; border: 1px solid #eca; }
.ajaxresponse {margin-left: 10px; color: #c63; }

.required {
	color:#CC0000;
}
.page{

	background-color:#FBFCE2;
	border:5px solid #ECE9DD;
	padding:10px;
	position:relative;
	width:400px;
}


/* forms */

label,input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
	font-size:12px;
	color:#666;
}

br {
	clear: left;
}

label,input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}
label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
}
br {
	clear: left;
}

.lightgrey {
	color:#CCC;
}

/* main buttons */

#home_btns {
	position:absolute;
	display:block;
	height:100px;
	margin-left:375px;
	margin-top:300px;
	width:566px;
}

.closed {
	display:none;
}	

.imgleft {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
.gbackground {
	background-color:#efefef;
	padding:20px;
}

/* lightbox */

#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:450px;
	height:320px;
	margin:-160px 0 0 -225px;
	border:1px solid #000;
	background:#FFF;
	text-align:left;
	overflow:auto;
	overflow-x:hidden;
	padding:20px;
}
#lightbox p {
	font-size:12px;
	color:#666;
	line-height:22px;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
	color:#fff;
	font-size:10px;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
	color:#fff;
	font-size:10px;
}

#lightbox.done img{
	width:100%;
	height:100%;
}

.grey1 {
	color:#CCC;
}

.grey2 {
	color:#666;
}








/*New*/
#mainsplash
{
	position: relative;
	left: 50%;
	width: 860px;
	height: 400px;
	margin: 0 0 0 -430px;
	background: transparent url(http://www.peoplekeys.com/img/splash_dk.jpg) no-repeat left top;
}
/*New*/
#mainsplash #maintitle
{
	position: absolute;
	left: 40px;
	top: 8px;
	height: 30px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:-2px;
	font-size: 180%;
	font-weight: bold;
}/*New*/
#mainsplash #maincycle
{
	position: absolute;
	left: 40px;
	top: 126px;
	height: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 75%;
}
#mainsplash #maincycle ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 500px;
}
#mainsplash #maincycle ul li
{
	margin: 6px 10px 6px 5px;
	padding:0;
}/*New*/
#mainsplash #maincycle ul li a
{
	font-weight: bold;
	font-size: 120%;
	color: #FFFFFF;
	text-decoration:none;
	padding:0 0 0 16px;
	background:url(http://www.peoplekeys.com/img/img_bullet_dk.png) no-repeat left;
}
#mainsplash #maincycle ul li a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}/*New*/
#mainsplash #mainlinks
{
	position: absolute;
	left: 40px;
	top: 266px;
	height: 73px;
	width: 585px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: left;
}
/*New*/
#mainsplash #mainlinks a#download {background:url(http://www.peoplekeys.com/img/img_btn_download.png); width:250px; height:53px; display:block; margin:0 0 10px -26px;}
#mainsplash #mainlinks a#download:hover {background:url(http://www.peoplekeys.com/img/img_btn_download_hvr.png)}

/*New*/
#mainsplash #mainlinks h1
{
	margin: 0px 5px 0px 5px;
	font-weight: bold;
	font-size: 210%;
	color: #CCCCCC;
	text-decoration:none
}
#mainsplash #mainlinks h1 a {text-decoration:none}
#mainsplash #mainlinks h1 a:hover {text-decoration:underline}

#mainsplash #mainlinks p
{
	margin: 0px 5px 5px 5px;
	line-height: 14px;
	font-size: 100%;
	color: #999999;
}
#mainsplash #mainlinks ul li
{
	margin: 10px;
}/*New*/
#mainsplash #mainlinks2
{
	position: absolute;
	left: 620px;
	width: 204px;
	top: 302px;
	height: 70px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 70%;
}
#mainsplash #mainlinks2 ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}/*New*/
#mainsplash #mainlinks2 ul li
{
	margin: 0;
	padding:8px;
	background:url(../img/img_link_border.png) top repeat-x;
}/*New*/
#mainsplash #mainlinks2 ul li:first-child {
	background:none;
}	
#mainsplash #mainlinks2 ul li a
{
	color: #FFFFFF;
	text-decoration:none;
	text-transform:uppercase;	
}/*New*/
#mainsplash #mainlinks2 ul li a:hover
{
	color: #FFFFFF;
	text-decoration:underline;	
}
/*New*/
#mainsplash #flashvid
{
	position: absolute;
	left: 561px;
	width: 230px;
	top: 66px;
	height: 230px;
}