html	{height:100%;}

/* -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - */

body		{background-color: #ffffff;	height: 2000px;			}

#navStrip	{margin-left: auto;		background-image: url(../../images/menu_bar.png);
		 margin-right: auto;		background-repeat: repeat-x;
		 margin-top: 77px;		z-index: -1;			}

#wrapper	{margin-left: auto;		width: 1024px;
		 margin-right: auto;						}

#header		{background-image: url(../../images/David_Clair_logo.png);
		 left: 212px;			position: relative;
		 top: -100px;			float: center;
		 width: 600px;			background-color: #ffffff;
		 height: 90px;							}

#navMenu	{position: relative;		top: -90px;
		 float: center;			height: 120px;			}

#footer		{position: relative;		text-align: center;
		 float: center;			color: black;
		 top: 768px;			font-family: arial;
		 width: 1024px;			background-color: transparent;
		 height: 25px;							}

/* -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - */

#navBox	{height:100%;	width:930px;	background-repeat:no-repeat;	margin: auto;	}

#lines	{background-image:repeating-linear-gradient(0deg,   #ccd4da, #ccd4da 1px, transparent 1px, transparent 20px),
			  repeating-linear-gradient(-90deg, #ccd4da, #ccd4da 1px, transparent 1px, transparent 20px);

	 background-color: #e2e3e8;

	 -webkit-box-shadow:inset -3px 0px 15px 5px #c1ccd4;
	 -moz-box-shadow   :inset -3px 0px 15px 5px #c1ccd4;
	 box-shadow        :inset -3px 0px 15px 5px #c1ccd4;

	 height:100%;	width:930px;	background-size: 20px 20px;	position:absolute;	top:114px;}

/* -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - */

	#frame 		{width:930px;		position:relative;	opacity:1;
			 height:121px;		top:0px; left:0px;	pointer-events: none;}

	#ringBox	{margin:0 auto;		overflow: hidden;	height: 100%;}

	#contentSpace	{width:930px;		position:relative;
			 height:930px;		top:-831px; left:0px;		pointer-events: none;}

	#mouseBlockA	{width:480px;		border:1px solid #000;	font-family:arial;
			 height:480px;		background-color:none;	font-size:12px;
			 top:-2px;		position:relative;	text-align:left;
			 left:-219px;		padding:5px;		line-height:16px;
			 opacity:0;					color:#000;}

	#mouseBlockB	{width:350px;		border:1px solid #000;	font-family:arial;
			 height:350px;		background-color:none;	font-size:12px;
			 top:-494px;		position:relative;	text-align:right;
			 left:-297px;		padding:5px;		line-height:16px;
			 opacity:0;		pointer-events: none;	color:#000;}

	#whiteRing	{width:780px;		top:121px;	position:relative;
			 height:780px;		left:-75px;	pointer-events: none;

			 -webkit-transform-origin: 0% 0%;
			 -moz-transform-origin:    0% 0%;
			  transform-origin:        0% 0%;}

/* -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - */

	#navRing	{margin:-664px 0px 0px -928px;	position:relative;
			 width:3px;	height:3px;	border:0;	}

	.navSegmentBlue	{height:157px;	width:420px;	position:relative;

			 background-image:url(../images/innerSegment5.png);

			 -webkit-transform-origin: 210px -490px;
			 -moz-transform-origin:    210px -490px;
			  transform-origin:        210px -490px;	}

	#subNavPstn	{width:4px;	top:111px;	position:relative;
			 height:4px;	left:0px;	margin:-5px 0px 0px -708px;

			 -webkit-transform: rotate(-15deg);
			 -moz-transform:    rotate(-15deg);
			  transform:        rotate(-15deg);

			 -webkit-transform-origin: 50% 50%;
			 -moz-transform-origin:    50% 50%;
			  transform-origin:        50% 50%;}

	.subNavRing	{width:512px;	height:512px;	position:relative;

			 background-image:url(../images/subMantle.png);

			 -webkit-transform-origin: 50% 50%;
			 -moz-transform-origin:    50% 50%;
			  transform-origin:        50% 50%;}

/* -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - */

	#cntTtle	{width:190px;		top:-148px;	position:relative;	opacity:1;
			 height:190px;		left:-50px;	pointer-events: auto;

			 -webkit-border-radius:50%;
			 -moz-border-radius:   50%;
			  border-radius:       50%;

			 -webkit-transform-origin: 50% 50%;
			 -moz-transform-origin:    50% 50%;
			  transform-origin:        50% 50%;}

	#mailContainer  {width:0px;		top:175px;	position:relative;
			 height:0px;		left:-350px;	border:0;

			 -webkit-transform-origin: 50% 50%;
			 -moz-transform-origin:    50% 50%;
			  transform-origin:        50% 50%;}

		#cntMail	{width:70px;		top:-105px;	position:relative;
				 height:70px;		left:-80px;	pointer-events: auto;

				 background-image:url(../images/mailIcon.png);

				 -webkit-transform-origin: 40px 30px;
				 -moz-transform-origin:    40px 30px;
				  transform-origin:        40px 30px;

				 -webkit-transform: scale(1);
				 -moz-transform:    scale(1);
				  transform:        scale(1);}

	#cntRngT	{width:260px;		top:70px;	position:relative;
			 height:260px;		left:168px;	pointer-events: none;}

	#cntDscT	{width:340px;		top:-70px;	position:relative;
			 height:340px;		left:23px;	pointer-events: none;}

	#cntRngA	{width:410px;		top:-369px;	position:relative;
			 height:410px;		left:-260px;	pointer-events: none;

			 -webkit-transform-origin: 0% 0%;
			 -moz-transform-origin:    0% 0%;
			  transform-origin:        0% 0%;}

	#cntRngB	{width:920px;		top:-783px;	position:relative;
			 height:920px;		left:-5px;	pointer-events: none;

			 -webkit-transform-origin: 0% 0%;
			 -moz-transform-origin:    0% 0%;
			  transform-origin:        0% 0%;

			 -webkit-transform: scale(0.5);
			 -moz-transform:    scale(0.5);
			  transform:        scale(0.5);}

	#cntRngC	{width:460px;		top:-1813px;	position:relative;
			 height:460px;		left:-366px;	pointer-events: none;

			 -webkit-transform-origin: 240px 220px;
			 -moz-transform-origin:    240px 220px;
			  transform-origin:        240px 220px;

			 -webkit-transform: scale(0);
			 -moz-transform:    scale(0);
			  transform:        scale(0);}

/* -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - */

	#ctgryGrp	{width:3px;		top: -1786px;		position:relative;	opacity:1;
			 height:3px;		left:-464px;		pointer-events: none;

			 -webkit-transform-origin: 50% 50%;
			 -moz-transform-origin:    50% 50%;
			  transform-origin:        50% 50%;}

	.ctgryPstn	{width:120px;		position:relative;	pointer-events: none;
			 height:120px;		border:0;		border-radius:50%;

			 -webkit-transform-origin: 60px -360px;
			 -moz-transform-origin:    60px -360px;
			  transform-origin:        60px -360px;}

	.slctnPstn	{width:120px;		position:relative;	pointer-events: none;
			 height:120px;		border:0;		border-radius:50%;
			 z-index: -1;

			 -webkit-transform-origin: 50% 50%;
			 -moz-transform-origin:    50% 50%;
			  transform-origin:        50% 50%;}

	.slctnRing	{width:230px;		position:relative;
			 height:230px;		pointer-events: none;
			  
			 background-image:url(../images/contentSelectRing.png);

			 -webkit-transform-origin: 122px 111px;
			 -moz-transform-origin:    122px 111px;
			  transform-origin:        122px 111px;}

	.ctgryDisc	{width:150px;		position:relative;	pointer-events: auto;
			 height:150px;		border:0;		opacity:1;

			 font-family: 'Shadows Into Light Two', cursive;
			 line-height:140px;	font-size:22px;
			 text-align: center;	color:#6293dd;

			 background-image:url(../images/contentDiscLg.png);

			 -webkit-transform-origin: 80px 70px;
			 -moz-transform-origin:    80px 70px;
			  transform-origin:        80px 70px;	}

	.ctgryLabel	{width:96px;		font-family: 'Shadows Into Light Two', cursive;
			 height:96px;		font-size:18px;		background:none;
			 outline: 0;		line-height:96px;	text-align: center;
			 border: 0;		color:#6293dd;		position:absolute;
			 top:0px;		border-radius:50%;	pointer-events: none;

			 -webkit-transform-origin: 50% 50%;
			 -moz-transform-origin:    50% 50%;
			  transform-origin:        50% 50%;}

			.ctgryLabel:hover	{font-weight: bold;}

/* -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - */

	.bckToCatNav	{width:110px;		background:none;	outline: 0;	pointer-events: none;
			 height:110px;		position:absolute;	border: 0;	opacity:0;

			 background-image:url(../images/backIcon.png);		

			 -webkit-transform-origin: 50% 50%;
			 -moz-transform-origin:    50% 50%;
			  transform-origin:        50% 50%;}

	.bckToSubCatNav	{width:102px;		background:none;	outline: 0;	pointer-events: none;
			 height:102px;		position:absolute;	border: 0;	opacity:0;

			 background-image:url(../images/backSubIcon2.png);		

			 -webkit-transform-origin: 50% 50%;
			 -moz-transform-origin:    50% 50%;
			  transform-origin:        50% 50%;}

/* -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - */

	.infrmtnDisc	{width:274px;		background:none;	outline: 0;	pointer-events: none;
			 height:274px;		position:absolute;	border: 0;	padding: 0px;

			 font-family: 'Shadows Into Light Two', cursive;
			 line-height:270px;	font-size:18px;		overflow: hidden;
			 text-align: center;	color:#6293dd;

			 background-image:url(../images/infoDisc.png);
			 background-repeat:no-repeat;

			 -webkit-transform-origin: 100% 0%;
			 -moz-transform-origin:    100% 0%;
			  transform-origin:        100% 0%;}

	.prjTtlRng	{width:160px;		background:none;	outline: 0;	pointer-events: none;
			 height:160px;		position:absolute;	border: 0;	padding-top: 50px;

			 font-family: 'Shadows Into Light Two', cursive;
			 line-height:20px;	font-size:18px;		overflow: hidden;
			 text-align: center;	color:#6293dd;

			 background-image:url(../images/prjctTtlRng.png);
			 background-repeat:no-repeat;

			 -webkit-transform-origin: 85px 75px;
			 -moz-transform-origin:    85px 75px;
			  transform-origin:        85px 75px;}

	.prjLnkRng	{width:180px;		background:none;	outline: 0;	pointer-events: auto;
			 height:180px;		position:absolute;	border: 0;	padding-top: 70px;

			 font-family: 'Shadows Into Light Two', cursive;
			 line-height:20px;	font-size:18px;		overflow: hidden;
			 text-align: center;	color:#6293dd;

			 background-image:url(../images/prjctLnkRng.png);
			 background-repeat:no-repeat;

			 -webkit-transform-origin: 50% 50%;
			 -moz-transform-origin:    50% 50%;
			  transform-origin:        50% 50%;}

	.prjDsptnDsc	{width:270px;		background:none;	outline: 0;	pointer-events: none;
			 height:270px;		position:absolute;	border: 0;	padding-top: 100px;

			 font-family: 'Shadows Into Light Two', cursive;
			 line-height:20px;	font-size:18px;		overflow: hidden;
			 text-align: center;	color:#6293dd;

			 background-image:url(../images/prjctDsptnDsc.png);
			 background-repeat:no-repeat;

			 -webkit-transform-origin: 145px 135px;
			 -moz-transform-origin:    145px 135px;
			  transform-origin:        145px 135px;}

	.prjImgDsc	{width:400px;		background:none;	outline: 0;	pointer-events: none;
			 height:400px;		position:absolute;	border: 0;	padding-top: 180px;

			 font-family: 'Shadows Into Light Two', cursive;
			 line-height:20px;	font-size:18px;		overflow: hidden;
			 text-align: center;	color:#6293dd;

			 background-image:url(../images/prjctImgDsc.png);
			 background-repeat:no-repeat;

			 -webkit-transform-origin: 50% 50%;
			 -moz-transform-origin:    50% 50%;
			  transform-origin:        50% 50%;}

/* -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - */

	#subCtgryGrp	{width:4px;		top: -1680px;		position:relative;
			 height:4px;		left:-354px;		pointer-events: none;
	
			 -webkit-transform-origin: 50% 50%;
			 -moz-transform-origin:    50% 50%;
			  transform-origin:        50% 50%;}

	.subCtgryPstn	{width:120px;		position:relative;	pointer-events: none;
			 height:120px;		border:0;		border-radius:50%;

			 -webkit-transform-origin: 60px -131px;
			 -moz-transform-origin:    60px -131px;
			  transform-origin:        60px -131px;}

	.subSlctnPstn	{width:110px;		position:relative;	pointer-events: none;
			 height:110px;		border:0;		border-radius:50%;
			 z-index: -1;

			 -webkit-transform-origin: 50% 50%;
			 -moz-transform-origin:    50% 50%;
			  transform-origin:        50% 50%;}

	.subSlctnRing	{width:180px;		position:relative;
			 height:180px;		pointer-events: none;
			  
			 background-image:url(../images/contentSubSelectRing.png);

			 -webkit-transform-origin: 95px 85px;
			 -moz-transform-origin:    95px 85px;
			  transform-origin:        95px 85px;}