@import url(reset.css);

	body {
		background:#e5e5e5 url(img/bg.jpg) 50% -2px no-repeat;
		font:normal 62.5%/1.4 verdana,arial,helvetica,sans-serif;
		position:relative;
		text-align:center;
	}
	
	.container {
		margin:0 auto;
		text-align:left;
		position:relative;
		width:1000px;
	}

	#header {
		background:url(img/bg-header.jpg) 50% 0 no-repeat;
		height:162px;
		margin:0 0 20px;
	}
	#header #logo {
		float:left;
		height:56px;
		margin:0 0 20px;
		text-indent:-9999px;
		width:323px;
	}
	#header #logo a {
		display:block;
		height:56px;
		position:relative;
		width:323px;
	}
	#header #utilitynav {
		float:right;
		font-size:11px;
		padding:15px 0;
	}
	#header #utilitynav a {
		color:#000;
		padding:0 3px;
		text-decoration:none;
	}

	#header #navigation {
		clear:both;
		height:18px;
		margin:0 0 0 10px;
	}
	#header #navigation ul {
		list-style:none;
	}
	#header #navigation ul li {
		float:left;
		text-indent:-9999px;
	}
	#header #navigation ul li.right {
		float:right;
	}
	#header #navigation ul li a {
		display:block;
		height:18px;
		padding:0 5px;
		position:relative;
	}
	#header #navigation ul li.home a {
		background:url(img/btn_nav_home.gif) no-repeat 50% 0;
		width:40px;
	}
	#header #navigation ul li.about a {
		background:url(img/btn_nav_about.gif) no-repeat 50% 0;
		width:100px;
	}
	#header #navigation ul li.products a {
		background:url(img/btn_nav_products.gif) no-repeat 50% 0;
		width:130px;
	}
	#header #navigation ul li.department a {
		background:url(img/btn_nav_department.gif) no-repeat 50% 0;
		width:180px;
	}
	#header #navigation ul li.resource a {
		background:url(img/btn_nav_resource.gif) no-repeat 50% 0;
		width:120px;
	}
	#header #navigation ul li.partners a {
		background:url(img/btn_nav_partners.gif) no-repeat 50% 0;
		width:90px;
	}
	#header #navigation ul li.contact a {
		background:url(img/btn_nav_contact.gif) no-repeat 50% 0;
		width:90px;
	}
	#header #navigation ul li.faq a {
		background:url(img/btn_nav_faq.gif) no-repeat 50% 0;
		width:90px;
	}
	#header #navigation ul li a:hover {
		background-position:bottom;
	}
	
	#header #alphanav {
		position:absolute;
		top:130px;
	}
	#header #alphanav ul {
		list-style:none;
	}
	#header #alphanav ul li {
		float:left;
		text-indent:-9999px;
	}
	#header #alphanav ul li a {
		display:block;
		height:30px;
		padding:0 5px;
		position:relative;
	}
	#header #alphanav ul li.home a {
		background:url(img/btn_alphanav_home.gif) no-repeat 50% 0;
		width:165px;
	}
	#header #alphanav ul li.quiz a {
		background:url(img/btn_alphanav_quiz.gif) no-repeat 50% 0;
		width:340px;
	}
	#header #alphanav ul li.challenge a {
		background:url(img/btn_alphanav_challenge.gif) no-repeat 50% 0;
		width:370px;
	}
	#header #alphanav ul li a:hover {
		background-position:bottom;
	}
	
	#bodyContainer { padding-bottom:50px; }
	
	#content {
		display:block;
		float:left;
		width:730px;
		zoom:1;
	}
	
	#content.home {
		background:url(img/bg_content.png) no-repeat;
		height:1450px;
	}
	#content.home.alt {
		background:url(img/bg_content_new.png) no-repeat;
		height:700px;
	}
	#content.home.alt h5 { font:bold 30px helvetica,arial,sans-serif; margin:0 0 10px; }
		#content.home div.intro { left:45px; padding:5px; position:relative; top:255px; width:635px; }
		#content.home div.intro p { font-size:12px; padding:0 0 10px; }
		#content.home ul.links { left:60px; list-style:none; position:relative; text-indent:0; top:265px; }
			#content.home ul.links li { display:inline; }
				#content.home ul.links li a { background:#43b211;
						border-top:1px solid #ddd;
						border-right:1px solid #333;
						border-bottom:1px solid #333;
						border-left:1px solid #ddd;
						color:#fff; float:left; font-size:12px; font-weight:bold; margin:0 10px 0 0; padding:5px 30px; text-decoration:none; }
					#content.home ul.links li a:hover { background:#3e76a1; border-style:inset; }
				#content.home ul.links li a.inactive,
				#content.home ul.links li a.inactive:hover { background:#999; }
		#content.home iframe {
			border:0;
			border-collapse:collapse; 
			border-spacing:0;
			height:900px;
			left:40px;
			position:relative;
			top:270px;
			width:645px;
			}
			*:first-child+html #content.home iframe { height:850px; }
			* html #content.home iframe { height:850px; }
	#content.quiz {
		background:url(img/bg_quiz.png) no-repeat;
		height:700px;
		margin:0 0 0 -32px;
		padding:0 0 0 30px;
		position:relative;
		width:732px;
	}
	#content.quiz p.callout {
		font-size:13px;
		font-weight:bold;
		left:155px;
		position:relative;
		top:230px;
		width:500px;
	}
	
	 /* NEW         NEW          NEW  */
	/*                               */
	#content.quiz .display_page_titles
    {
        margin: 266px 68px 0px 0px;
        position: relative;
        float: right;
        
    }
	
	 /* NEW         NEW          NEW  */
	/*                               */
	#content.quiz .display_page_titles_sub
    {
        margin: 275px 68px 0px 0px;
        position: relative;
        float: right;
    }
	
	#content.quiz .questions {
	    border:0; 
	    border-collapse:collapse; 
	    border-spacing:0;
		font-size:13px;
		font-weight:bold;
	    height:335px; 
	    left:310px; 
	    position:relative; 
	    top:300px; 
	    width:370px;
	}
		#content.quiz .questions h4 { margin:5px 0 0; }
		#content.quiz .questions table { margin-bottom:10px; font-weight:normal; }
	
	#content.quiz input#quiz_page_1_button,
	#content.quiz input#quiz_page_2_button,
	#content.quiz input#quiz_page_3_button,
	#content.quiz input#quiz_page_4_button,
	#content.results input#email_friend_button {
			background:#43b211;
			border-top:1px solid #ddd;
			border-right:1px solid #333;
			border-bottom:1px solid #333;
			border-left:1px solid #ddd;
			color:#fff;
			font-size:14px;
			font-weight:bold;
			margin:0 5px 0 0;
			padding:5px 10px;
		}
		
	#content.results {
		background:url(img/bg_results.png) no-repeat;
		height:529px;
	}
	
	#content.results .heading {

	}
	#content.results .heading .result-hdr { display:block; height:118px; padding:0; }
	#content.results .heading .result-hdr h2 {
		height:118px;
		left:35px;
		position:relative;
		text-indent:-9999px;
		top:80px;
		width:375px;	
	}
	#content.results .heading .result-hdr p {
		float:right;
		font-size:12px;
		margin-bottom:-10px;
		position:relative;
		right:40px;
		top:-50px;
		width:260px;
	}
		#content.results .heading #newbie.result-hdr h2 { background:url(img/results_newbie.gif) no-repeat; width:300px; }
		#content.results .heading #newbie.result-hdr p { top:-50px; width:330px; }
		#content.results .heading #numbercruncher.result-hdr h2 { background:url(img/results_numbercruncher.gif) no-repeat; }
		#content.results .heading #poweruser.result-hdr h2 { background:url(img/results_poweruser.gif) no-repeat; width:300px; }
		#content.results .heading #poweruser.result-hdr p { top:-40px; width:330px; }
		#content.results .heading #excelerator.result-hdr h2 { background:url(img/results_excelerator.gif) no-repeat; }
		#content.results .heading #excelerator.result-hdr p { top:-40px; }
	
	#content.results .share { position:relative; }
	* html #content.results .share,
	*:first-child+html #content.results .share { top:110px; }
	#content.results .share h3 {
		background:url(img/results_btn-shareresults.png) no-repeat;
		height:78px;
		left:40px;
		position:absolute;
		text-indent:-9999px;
		top:10px;
		width:213px;
	}
	#content.results .share p {
		font-size:13px;
		font-weight:bold;
		position:absolute;
		left:275px;
		top:10px;
		width:200px;
	}
	#content.results .share ul { left:500px; position:absolute; top:10px; }
	#content.results .share ul li { display:inline; }
	#content.results .share ul li a {
		cursor:pointer;
		float:left;
		height:72px;
		margin-right:10px;
		text-indent:-9999px;
		width:71px;
	}
	#content.results .share ul li.twitter a { background:url(img/results_ico-twitter.png) no-repeat; }
	#content.results .share ul li.facebook a { background:url(img/results_ico-facebook.png) no-repeat; }
	
	#content.results .beatmyscore {
		left:55px;
		position:relative;
		top:120px;
		width:620px;
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		#content.results .beatmyscore { top:145px; }
		}
	
	* html #content.results .beatmyscore,
	*:first-child+html #content.results .beatmyscore { top:220px; }
	#content.results .beatmyscore h3 {
		background:url(img/txt-canyoubeatmyscore.gif) no-repeat;
		float:left;
		height:39px;
		text-indent:-9999px;
		width:315px;		
		}
	#content.results .beatmyscore p {
		float:left;
		font-size:12px;
		width:380px;
	}
	#content.results .beatmyscore a.sendtofriend {
		background:url(img/btn_sendtoafriend.gif) no-repeat;
		float:right;
		height:82px;
		margin-top:-25px;
		text-indent:-9999px;
		width:234px;
	}
	#content.results a.answers {
		color:#ffa800;
		display:block;
		font-weight:bold;
		text-align:right;
		}
	#content.results .beatmyscore form { clear:left; }
	#content.results .beatmyscore .errorMessage { float:right; font-size:11px; font-weight:normal; margin-top:-39px; width:200px; }
	#content.results .beatmyscore form span { display:block; float:left; height:45px; overflow:none; width:200px; }
	#content.results .beatmyscore form span label { display:block; font-size:11px; font-weight:bold; }
	#content.results .beatmyscore form span input.field { display:block; font-size:12px; width:185px; }
	#content.results .beatmyscore form input#submit { background:#43b211;
		border-top:1px solid #ddd;
		border-right:1px solid #333;
		border-bottom:1px solid #333;
		border-left:1px solid #ddd;
		color:#fff;
		clear:left;
		font-size:14px;
		font-weight:bold;
		margin:0 5px 0 0;
		padding:3px 10px;
	}
	
	#sidebar {
		float:right;
		width:250px;
	}
	#sidebar.badge {
		background:url(img/sidebar_badge_bg.png) center bottom no-repeat;
		height:529px;
		width:250px;	
	}
	#sidebar.badge img,
	#sidebar.badge textarea {
		display:block;
		margin:0 auto;
		position:relative;
		top:185px;
	}
	#sidebar.badge img {
		cursor:pointer;
		padding-bottom:45px;
		}
	#sidebar.badge p { font-size:10px; padding:10px 0; position:relative; text-align:center; top:185px; }
	#sidebar.badge p a { color:#c00; font-weight:bold; }
	#nextstep {
		background:url(img/bg_nextstep.png) no-repeat;
		height:135px;
		margin-top:20px;
		padding:35px 25px 0;
		position:relative;
		width:1000px;
	}
	#nextstep h3 {
		background:url(img/results-nextstep_01.gif) no-repeat;
		float:left;
		height:78px;
		position:relative;
		text-indent:-9999px;
		width:308px;
	}
	#nextstep a { display:block; }
	#nextstep a.download {
		background:url(img/results-nextstep_02.gif) no-repeat;
		height:78px;
		float:left;
		text-indent:-9999px;
		width:322px;
	}
	#nextstep a.quiz {
		background:url(img/results-nextstep_03.gif) no-repeat;
		float:left;
		height:78px;
		text-indent:-9999px;
		width:322px;
	}

	#footer {
		clear:both;
		font-size:110%;
		margin:15px 0;
	}
	
	
	.required { color:#c00; font-weight:bold; }
	
/* --- Browser Fixes --- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}