/*css reset of browser defaults*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0;	border: 0;	outline: 0;	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; }
ol, ul { list-style: none; }
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }

body { font-size: 62.5%; font-family: verdana, arial, helvetica, sans-serif;}

/*end reset*/

em {

	font-style: italic;

	}
	
a {

	text-decoration: none;

	}
	
	a:hover, a:focus {
	
		text-decoration: underline;
	
		}

#pageWrap {

	position: relative;
	width: 998px;
	margin: 0 auto;

	}
	
h1 {

	background: url("images/header-title.png") no-repeat left top;
	height: 262px;
	margin: 0 auto;
	text-indent: -9999px;

	}
	
#navKeys {

	width: 337px;
	float: right;
	position: relative;
	margin-right: 10px;

	}

#navKeys li {

	width: 337px;
	min-height: 296px;
	position: relative;
	margin-top: 20px;

	}
	
	.bg {

		background: no-repeat left top;
		height: 296px;
		width: 337px;
		position: absolute;
		top: 0;
		left: 0;
		display: none;

		}
	
	.firstBG {

		background: no-repeat left top;
		height: 296px;
		width: 337px;

		}
	
		.dKey .bg {
		
			background-image: url("images/d_box.png");
		
			}
		
		.dKey .firstBG {
		
			background-image: url("images/d_box_light.png");
		
			}
			
		.cKey .bg {
		
			background-image: url("images/c_box.png");
		
			}
			
		.cKey .firstBG {
		
			background-image: url("images/c_box_light.png");
		
			}
	
	#navKeys li a.bigLink {

		display: block;
		width: 250px;
		height: 158px;
		text-indent: -9999px;
		position: absolute;
		top: 69px;
		left: 44px;

		}
		
		li.dKey a.bigLink {
		
			background: url("images/d.png") no-repeat left top;
		
			}
			
		li.cKey a.bigLink {
		
			background: url("images/c.png") no-repeat left top;
		
			}
		
			#navKeys li a.bigLink:hover, li a.bigLink:focus {
			
				background-position: left -158px;
			
				}
			
		#navKeys a.nyroModal {
		
			position: absolute;
			display: block;
			height: 99px;
			width: 337px;
			top: 198px;
		
			}
		
			#navKeys .cKey a.nyroModal {
			
				background: url("images/c_title.png") no-repeat left top;
			
				}
				
			#navKeys .dKey a.nyroModal {
			
				background: url("images/d_title.png") no-repeat left top;
			
				}
			
				#navKeys a.nyroModal:hover, #navKeys a.nyroModal:focus {
				
					background-position: left -99px;
				
					}
			
				#navKeys a.nyroModal {
				
					display: none;
				
					}
	
#mainTextBoxContainer {

	width: 631px;
	float: left;

	}
	
#mainTextBoxContainerBottom {

	height: 113px;
	width: 631px;
	background: url("images/main_text_box_bottom.png") no-repeat left top;
	margin-top: -43px;
	
	}
	
	#mainTextBoxTop {
	
		background: url("images/main_text_box_inner_top.png") no-repeat left top;
		height: 16px;
		margin: 0;
	
		}
		
	#mainTextBox {
	
		background: url("images/main_text_box_inner_slice.png") repeat-y left top;
		margin: 0;
		padding: 0 40px 20px 40px;
		font-size: 1.2em;
		line-height: 1.6em;
	
		}
		
		#mainTextBox h2 {
		
			font-size: 1.6em;
			font-family: "trebuchet ms", geneva, helvetica, sans-serif;
			font-weight: bold;
			padding-top: 1em;
			padding-bottom: .8em;
			margin-bottom: 1em;
			color: #666;
			border-bottom: 1px dotted #666;
		
			}
		
		#mainTextBox p, #cInfoContent p, #dInfoContent p {
		
			margin-bottom: .7em;
		
			}
		
	#mainTextBoxBottom {
	
		background: url("images/main_text_box_inner_bottom.png") no-repeat left top ;
		height: 16px;
		margin: 0;
	
		}
		
#cInfoContent, #dInfoContent {

	width: 90%;
	padding: 20px 5% 5% 5%;
	font-size: 1.3em;
	line-height: 1.6em;
	background: #ffffff;

	}
	
	#cInfoContent h3, #dInfoContent h3 {
	
		text-indent: -9999px;
		background-repeat: no-repeat;
		width: 200px;
		height: 200px;
		float: left;
		font-size: 1.3em;
		margin-right: 1.6em;
	
		}
		
		#cInfoContent h3 {
		
			background-image: url("images/c_key_intro.png");
		
			}
			
		#dInfoContent h3 {
		
			background-image: url("images/d_key_intro.png");
		
			}
		
#cInfo, #dInfo {

	clear: both;

	}

	.center {
	
		text-align: center;
		font-size: 1.2em;
		margin-top: 1.6em;
	
		}
	
.nyroModalClose {

	display: block;
	height: 75px;
	background: url("images/close_button.png") no-repeat left top;
	text-indent: -9999px;
	border-bottom: 1px dotted #ccc;

	}
	
	.nyroModalClose:hover, .nyroModalClose:focus {
	
		background-position: left -75px;
		border-color: #666;
	
		}
	
	
/*keys to access intro*/

#footer:after {

	content: ".";
	font-size: 0;
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;	

	}
	
#footer {

	clear: both;
	background: url("images/footer.png") no-repeat left 20px;
	padding-top: 20px;
	font-size: 1.2em;
	line-height: 1.6em;
	min-width: 1px;

	}
	
	#footer ul {
	
		margin-bottom: 1.3em;
	
		}
	
	#footer h2 {
	
		font-family: "trebuchet ms", geneva, helvetica, sans-serif;
		font-size: 1.5em;
		line-height: 1.8em;
		border-bottom: 1px solid #000;
		margin: 0 0 1em 0;
	
		}
		
	.moreSpace {
	
		margin-top: .7em;
	
		}
	
	#footerCol1, #footerCol2, #footerCol3 {
	
		display: inline;
		float: left;
		padding: 20px;
	
		}
		
		#footerCol1 {
		
			width: 400px;
			margin-right: 28px;
		
			}
			
		#footerCol2 {
		
			width: 200px;
			margin-right: 29px;
		
			}
			
		#footerCol3 {
		
			width: 220px;
		
			}
	
/*jQuery*/


