/* GLOBAL */

			* {margin:0; padding:0;}
			* html a:hover {visibility:visible}			

/* END GLOBAL */

			html 
			{
				min-height: 100%; 
				margin-bottom: 1px;
				overflow-y: scroll; 
			}

/* CONTENT AREA SETUP */

			body
			{
				background-color: #DCDCDC;
				line-height:15px; 
				font-size:11px; 
				font-family:Verdana, Arial, Tahoma, Helvetica, sans-serif;
			}

			#blacksurround
			{
				width: 988px;
				height: 862px;
				background-color: #000000;
				border: 1px solid #999999;
				position: absolute;
			    top: -1px;
			    left: 50%;
			    margin-left: -499px;
			}
			
			#blacksurroundtext
			{
				position:absolute;
				left:0px;
				top:790px;
				background: url('../images/footer_center.gif') repeat-x;
				width: 988px;
				height: 60px;
				padding-top:18px;
				color:#FFFFFF;
				text-align: center;
			}
			
			#blacksurroundtext a:link
			{
				text-decoration: none;
				color:#DCDCDC;
				border:0;
			}
			
			#blacksurroundtext a:hover
			{
				text-decoration: underline;
				color:#FFFFFF;
				border:0;
			}
			
			#blacksurroundtext a:visited
			{
				text-decoration: none;
				color:#FFFFFF;
				border:0;
			}


/* END CONTENT AREA SETUP */

/* HEADER */

			#headercontainer
			{
				float:top;
				font-size:13px;
				font-family:Verdana, Arial, Tahoma, Helvetica, sans-serif;
				font-weight: bold;
				margin: 0px 0px 0px 0px;
				height:106px;
				width:988px;
			}

			#headercenter
			{
				background: url('../images/header_center.gif') repeat-x;
				float:left;
				width:988px;
				height:107px;
				z-index: 1;
				margin: 0px 0px 0px 0px;
			}

			#logo
			{
				position: absolute;
				left:18px;
				top:17px;
				width: 161px;
				height: 47px;
				z-index: 3;
			}

			#logotext
			{
				position:absolute;
				color:#FFFFFF; 
				left:187px; 
				top:34px;
				z-index: 3;
				font-size: 16px;
				font-weight: bold;
			}

			#ipdmail
			{
				position: absolute;
				left: 681px;
				top: 87px;
				width: 110px;
				height: 15px;
				z-index: 3;
			}
			
			#ipdmail img
			{
				border:0;
			}
			
			#headertext
			{
				font-size:10px;
				font-family:Verdana, Arial, Tahoma, Helvetica, sans-serif;
				font-weight: normal;
				color: #DCDCDC;
				position:absolute;  
				top:86px;
				left:792px;
				text-align: left;
				z-index: 2;
			}
			
			#headertext a:link
			{
				text-decoration: none;
				color:#DCDCDC;
				border:0;
			}
			
			#headertext a:hover
			{
				text-decoration: underline;
				color:#FFFFFF;
				border:0;
			}
			
			#headertext a:active
			{
				text-decoration: none;
				color:#DCDCDC;
				border:0;
			}
			
			#headertext a:visited
			{
				text-decoration: none;
				color:#DCDCDC;
				border:0;
			}
			
			#headertext img
			{
				margin: 0px, 0px, 0px, 0px;
				border:0;
			}
			
			
						
/* END HEADER */

/* NAVIGATION BUTTONS */
			#menu 
			{
					position: absolute;
					top: 80px;
					left: 5px;
					height: 28px;
					width: 662px;
					background-color: #000000;
					z-index: 3;		
			}
			
			.cssnavleft
			{
					position: relative;
					float: left;
					margin: 0px; 
					padding: 0;
					background: url(../images/nav/nav_capleft.gif) no-repeat;
					width: 13px;
					height: 28px;
			}
			
			.cssnav	
			{
					position: relative;
					float: left;
					margin-left: 1px; 
					padding: 0;					
					background: url(../images/nav/nav_over.gif) no-repeat;
					width: 126px;
					height: 28px;
	                overflow:hidden;/* for ie to hide extra height*/	
			}
			.cssnava 
			{
					position: relative;
					float: left;
					margin-left: 1px; 
					padding: 0;
					font-size:11px;				
					background: url(../images/nav/nav_active.gif) no-repeat;
					width: 126px;
					height: 28px;
	                overflow:hidden;/* for ie to hide extra height*/	
			}
			
			.cssnavright 
			{
					position:relative;
					float: left;
					margin-left: 1px; 
					padding: 0;
					background: url(../images/nav/nav_capright.gif) no-repeat;
					width: 13px;
					height: 28px;
			}
			
			.cssnav a 
			{
					display: block;
					color: #DCDCDC;
					font-size: 11px;
					width: 126px;
					height: 28px;
					display: block;
					float: left;
					text-decoration: none;
					overflow:hidden;/* for ie to hide extra height*/
			}
			.cssnav a:hover 
			{
					color: #FFFFFF;
			}
			.cssnav img 
			{
					width: 126px; 
					height: 28px; 
					border: 0; 
			}
			.cssnav a:hover img
			{
					visibility:hidden
			}
			.cssnav span 
			{
					position: absolute;
					left: 3px;top: 5px;
					text-align: center;
					width: 120px;
					cursor: pointer;   	     
			}
			
			.cssnava span {
					    position: absolute;
					    left: 3px;top: 5px;
					    text-align: center;
					    color:#000000;
					    width: 120px;
					    cursor: default;  	     
			}
			/* END OF NAVIGATION */


/* MAIN CONTENT */

			#whitepagearea
			{
				width: 988px;
				height: 688px;
				background-color: #FFFFFF;
				position: absolute;
			    top: 108px;
			    left: 0px;
			}

/* END MAIN CONTENT */

/* MAIN BANNER */
 
			#mainbanner
			{
				position:absolute;
				left: 0px;
				top: 1px;
				margin:0px 5px 5px 6px;
				background-color: #FFFFFF;
				width:660px;
				height:340px;
			}

/* END MAIN BANNER */

/* BOTTOM INTRODUCTION */
 
			#introduction
			{
				position:absolute;
				top:348px;
				left:6px;
				padding: 0px;
				background: url('../images/intro_back.gif') repeat-x;
				font-size:15px;
				font-weight:bold;
				line-height:150%;
				width: 660px;
				height: 328px;
				color:#FFF;
				overflow:hidden;
			}
			
			.backgrad
			{
				position:absolute;
				top:91px;
				left:0px;
				padding: 0px;
				background: url('../images/intro_back.gif') repeat-x;
				font-size:15px;
				font-weight:bold;
				line-height:150%;
				width: 660px;
				height: 243px;
				color:#FFF;
				z-index:1;
			}
			
			#mainblurb
			{
				position:absolute;
				top:14px;
				left:19px;
				padding: 0px;
				font-size:15px;
				font-weight:bold;
				line-height:150%;
				width: 635px;
				height: 50px;
				color:#FFF;
				overflow:hidden;
			}
			
			#brochurelinks
			{
				position:absolute;
				top:14px;
				left:19px;
				padding: 0px;
				font-size:15px;
				font-weight:bold;
				line-height:150%;
				width: 635px;
				height: 50px;
				color:#FFF;
				overflow:hidden;
			}
			
			#brochurelinks a
			{
				color:#FFFFCC
			}
			
			#brochurelinks a:hover
			{
				color:#FFFFFF
			}
			
			#brochurelinks a:active
			{
				color:#FFFFCC
			}
			
			#introduction span
			{
				position:absolute;
				top:78px;
				left:19px;
				font-size:15px;
				font-weight:bold;
				line-height:150%;
				width: 635px;
				height: 200px;
				color:#FFF;
			}

/* END BOTTOM INTRODUCTION */

/* DEMON TOOLS SIDEBAR */

			#demontools
			{
				position:absolute;
				top:13px;
				left:672px;
				width:310px;
				height:460px;
			}

/* END DEMON TOOLS SIDEBAR */

/* CONTACT US TEXT */

			#emparea {
				font-size: 11px;
				font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
				font-weight: normal;
				line-height:150%;
				position: absolute; 
				top: 367px; 
				left: 6px; 
				width: 976px; 
				height: 784px; 
				background-color: #DCDCDC;
				color:#000;
			}
			
/* END CONTACT US TEXT */

/* FLASH PATENT BANNERS */

			#banner
			{
				margin: 0px 5px 5px -1px;
				width: 1000px;
				height: 140px;
			}

/* END FLASH PAENT BANNERS */

/* SERVICES TIMELINE BUTTONS */
			
			#timeline {
						position:absolute;
						top:353px;
						left:6px;
						padding: 2px 7px 0px 7px;
						background-color: #606060;
						width: 646px;
						height: 321px;
						overflow: hidden;
			}
			
			#timelinetest {
						position:absolute;
						top:515px;
						left:6px;
						padding: 7px 7px 7px 7px;
						background-color: #606060;
						width: 646px;
						height: 147px;
						overflow:hidden;
			}
			
			.cssfilings {
						position:absolute;
						margin-left: 12px; 
						padding: 0;
						background: url(../images/timeline/filings_over.png) no-repeat;
						width: 113px;
						height: 70px;
						border: 0;
						overflow:hidden; /* for ie to hide extra height*/
			}
			
			.csstechtut {
						position:absolute;
						margin-left: 120px; 
						padding: 0;
						background: url(../images/timeline/techtut_over.png) no-repeat;
						width: 155px;
						height: 70px;
						border: 0;
						overflow:hidden; /* for ie to hide extra height*/
			}
			
			.cssmarkman {
						position:absolute;
						margin-left: 273px; 
						padding: 0;
						background: url(../images/timeline/markman_over.png) no-repeat;
						width: 294px;
						height: 70px;
						border: 0;
						overflow:hidden; /* for ie to hide extra height*/
			}
			
			.csstrial {
						position:absolute;
						margin-left: 560px; 
						padding: 0;
						background: url(../images/timeline/trial_over.png) no-repeat;
						width: 71px;
						height: 70px;
						border: 0;
						overflow:hidden; /* for ie to hide extra height*/
			}
			
			.timelineblurb {
						width: 640px;
						height: 30px;
						margin: 0px 0px 0px 5px; 
						padding-top: 75px;
						color: #000000;
						border: 0px;
						overflow:hidden;
			}
			
			.cssfilings a {
						display: block;
						font-size: 11px;
						width: 113px;
						height: 70px;
						display: block;
						float: left;
						text-decoration: none;
						z-index:3;
						overflow:hidden; /* for ie to hide extra height*/
			}
			
			.csstechtut a {
						display: block;
						font-size: 11px;
						width: 155px;
						height: 70px;
						display: block;
						float: left;
						text-decoration: none;
						overflow:hidden; /* for ie to hide extra height*/
			}
			
			.cssmarkman a {
						display: block;
						font-size: 11px;
						width: 294px;
						height: 70px;
						display: block;
						float: left;
						text-decoration: none;
						overflow:hidden; /* for ie to hide extra height*/
			}
			
			.csstrial a {
						display: block;
						font-size: 11px;
						width: 71px;
						height: 70px;
						display: block;
						float: left;
						text-decoration: none;
						overflow:hidden; /* for ie to hide extra height*/
			}
			
			.cssfilings a:hover {
						color: #FFFFFF;
			}
			
			.csstechtut a:hover {
						color: #FFFFFF;
			}
			
			.cssmarkman a:hover {
						color: #FFFFFF;
			}
			
			.csstrial a:hover {
						color: #FFFFFF;
			}
			
			.cssfilings img {
						width: 113px; 
						height: 70px; 
						border: 0; 
			}
			.csstechtut img {
						width: 155px; 
						height: 70px; 
						border: 0; 
			}
			.cssmarkman img {
						width: 294px; 
						height: 70px; 
						border: 0; 
			}
			.csstrial img {
						width: 71px; 
						height: 70px; 
						border: 0; 
			}
			
			* html a:hover {visibility:visible}
			.cssfilings a:hover img{visibility:hidden}
			.csstechtut a:hover img{visibility:hidden}
			.cssmarkman a:hover img{visibility:hidden}
			.csstrial a:hover img{visibility:hidden}


			.cssfilings span {
					    position: absolute;
					    left: 3px;top: 5px;
					    text-align: center;
					    width: 100px;
					    cursor: pointer;
					    color:#FFFFFF;   	     
			}
			
			.csstechtut span {
					    position: absolute;
					    left: 3px;top: 5px;
					    text-align: center;
					    width: 100px;
					    cursor: pointer;
					    color:#FFFFFF;  	     
			}
			
			.cssmarkman span {
					    position: absolute;
					    left: 3px;top: 5px;
					    text-align: center;
					    width: 100px;
					    cursor: pointer;
					    color:#FFFFFF;   	     
			}
			
			.csstrial span {
					    position: absolute;
					    left: 3px;top: 5px;
					    text-align: center;
					    width: 100px;
					    cursor: pointer;
					    color:#FFFFFF;  	     
			}
			
/* END OF SERVICES TIMELINE BUTTONS */

/* SERVICES TABS SIDEBAR */

			#quicktools
			{
				position:absolute;
				top:13px;
				left:672px;
				width:310px;
				height:460px;
			}
			
			#servicesbar
			{
				position:absolute;
				top:13px;
				left:672px;
				width:310px;
				height:460px;
			}

/* END SERVICES TABS SIDEBAR */

/* SERVICES BANNER */
 
			#mainbannerserv
			{
				position: absolute;
				left: 0px;
				top: 13px;
				margin: 0px 5px 0px 6px;
				background-color: #FFFFFF;
				width: 660px;
				height: 340px;
			}
			
			#mainbannerservtest
			{
				position: absolute;
				left: 0px;
				top: 13px;
				margin: 0px 5px 0px 6px;
				background-color: #FFFFFF;
				width: 660px;
				height: 340px;
			}

/* END SERVICES BANNER */