/*{
	border-style: dotted;
	border-width: thin;
}
*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: white;
}

div{
	position:absolute;
}


a{
	text-decoration: none;
	color: black;
}

a:hover{
	background-color: orange;
	}
	
img{
	margin: 5px;
}

img.cert{
	padding: 12px;
}

h1{
	font-size: large;
	font-weight: bold;
	font-style: italic;
}

h3{
	font-size: medium;
	font-weight: bold;
	font-style: italic;
	margin:0 0 5px 0;
}

dl{
	/* background-color: red; */
	margin:0 0 0 0;
}

dt{
	font-weight: bold;
	text-decoration: underline;
	margin:3px 0 3px 0;
}
dd{
	list-style: disc outside;
	padding: 3px 0 3px 0;
}

li{
	padding: 3px 0 3px 0;
}

.warning{
	color: red;
	font-style: italic;
	font-size: 12px;
}


div.frame{
	height: 420px;
	width: 760px;
	top: 0px;
	left: 0px;
	/*
	border-style: dotted;
	border-width: thin;
	*/
}

#header_gr{
	height: 50px;
	width: 260px;
	top: 0px;
	left: 5px;
	background-image: url(images/ncd_logo_3d_small.gif);
	background-repeat: no-repeat;
}

#header {
	position: absolute;
	width: 875px;
	height: 20px;
	top: 43px;
	right: 0px;
	left: 5px;
	background-color: #CCCCCC;
	
}
#title{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: orange;
	position:absolute;
	top: 43px;
	left: 5px;
	right:0;
	height:20px;
	width:110px;
	
	
}
#title_text{
	top: 47px;
	left: 10px;
	right:0;
	height:15px;
	width:110px;
	font-size: 10px;
	font-weight: bold;
	cursor: default;
}

/* ////////////sidebar menu settings////////// */

div.sidemenu{
	position: absolute;
	top: 63px;
	left: 5px;
	width: 110px;
	height: 198px;
	overflow: hidden;
}
.sidebtn{
	width: 100%;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	display: list-item;
	list-style-type: none;
	padding: 3px 0px 3px 5px;
}
a.sidebtn{
	background-color: rgb(80%, 80%, 80%);
}
a.sidebtn:hover{
	background-color: rgb(60%, 60%, 60%);
	color: rgb(0%, 0%, 0%);
}
span.sidebtn{
	cursor: default;
	background-color: rgb(60%, 60%, 60%);
	color: white;
	display: none;
}

#sidebar_gr{
	position: absolute;
	background-image: url(images/data.jpg);
	top: 261px;
	left: 5px;
	height:170px;
	width:110px;
}


#page_bg {
	background-image: url(images/fh4.gif);
	background-repeat: no-repeat;
	position: absolute;
	height: 281px;
	width: 704px;
	top: 126px;
	right: 25px;
	left: 57px;
}

.footer {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	color: #333333;
	background-color: #CCFF99;
}

.bodyTitle{
	top: 75px;
	left: 175px;
	width: 550px;
	height: 25px;
	text-align: left;
	font-size: large;
	font-weight: bold;
	font-style: italic;
	}


/* ////////////index.php settings////////// */
#index1 {
	left: 175px;
	top: 175px;
	width: 515px;
	height: 165px;
	/*
	border-style: dotted;
	border-width: thin;
	*/
 }
 #index1 ul{
 	list-style-type: none;
 	/*
 	padding: 10px 10px 10px 10px;
 	*/
 }
 
  #index1 li{
 	list-style-type: disc;
 	margin: 10px 5px 10px 5px;
 }

#index2 {
	height: 272px;
	width: 400px;
	top: 59px;
	right: 5px;
	left: 15px;
	overflow: hidden;
	z-index: -2;
}

#index4 {
	height: 85px;
	width: 331px;
	top: 85px;
	left: 250px;
	background-image: url(images/ncd_logo_3d.gif);
	/*
	border-style: dotted;
	border-width: thin;
	*/
	background-repeat: no-repeat;
}

#news{
	width: 150px;
	top: 85px;
	left: 700px;
	border: thin silver outset;
	padding: 5px 10px 5px 10px;
	list-style-position: inside;
}

#news a{
	text-decoration: underline;
	}
/* //////////process.php//////////// */

#overview{
	display: none;
}

/* IE 6 ignores these classes if a subsequent id sets an item with these classes to anything. */

.Btn{
	position: absolute;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	height: 15px;
	width: 98px;
	top: 110px;
	background-color: rgb(80%, 80%, 80%);
	cursor: pointer;
}
.Btn:hover{
	text-decoration: underline;
}
.Txt{
	height: 330px;
	width: 550px;
	top: 235px;
	left: 180px;
	overflow: visible;
}
.Bar{
	top:160px;
	width:49px;
	height:105px;
	background-color: rgb(80%, 80%, 80%);
}

.BarLabel{
	font-size:small;
	font-family: serif;
	font-style: italic;
}

#originBtn{
	left: 225px;
	color: white;
	background-color: orange;
}

#analysisBtn{
	left: 325px;
}

#constructionBtn{
	left: 425px;
}

#goLiveBtn{
	left: 525px;
}

#rqtBtn{
	top: 140px;
	left: 120px;
}

#dsgnBtn{
	top: 172px;
	left: 120px;
}

#devBtn{
	top: 205px;
	left: 120px;
}

#originTxt{
	visibility:visible;
}
#analysisTxt{
	visibility:hidden;
}
#constructionTxt{
	visibility:hidden;
}
#goLiveTxt{
	visibility:hidden;
}
#rqtTxt{
	visibility:hidden;
}
#dsgnTxt{
	visibility:hidden;
}
#devTxt{
	visibility:hidden;
}

#originBar1{
	left:225px;
	background-color: orange;
	top:130px;
	width:49px;
	height:90px;
}

#originBar2{
	left:275px;
	width: 48px;
	background-color: orange;
	top:130px;
	height:90px;
}

#analysisBar1{
	left:325px;
	top:130px;
	width:49px;
	height:90px;
	background-color: rgb(80%, 80%, 80%);
}

#analysisBar2{
	left:375px;
	width: 48px;
	top:130px;
	height:90px;
	background-color: rgb(80%, 80%, 80%);
}

#constructionBar1{
	left:425px;
	top:130px;
	width:49px;
	height:90px;
	background-color: rgb(80%, 80%, 80%);
}

#constructionBar2{
	left:475px;
	width: 48px;
	top:130px;
	height:90px;
	background-color: rgb(80%, 80%, 80%);
}

#goLiveBar1{
	left:525px;
	top:130px;
	width:49px;
	height:90px;
	background-color: rgb(80%, 80%, 80%);
}

#goLiveBar2{
	left:575px;
	width: 48px;
	top:130px;
	height:90px;
	background-color: rgb(80%, 80%, 80%);
}

#rqtBar{
	background-color: transparent;
	background-image: url(images/gray_rqt.gif);
	position:absolute;
	left:225px;
	top:130px;
	width:399px;
	height:25px;
	background-repeat: no-repeat;
}

#dsgnBar{
	left:225px;
	top:162px;
	width:399px;
	height:25px;
	background-color: transparent;
	background-image: url(images/gray_dsgn.gif);
	background-repeat: no-repeat;
}

#devBar{
	background-color: transparent;
	background-image: url(images/gray_dev.gif);
	position:absolute;
	left:225px;
	top:195px;
	width:399px;
	height:25px;
	background-repeat: no-repeat;
}

#originBarLabel{
	left:225px;
	top:315px;
	width:98px;
	height:14px;
	font-size:small;
	font-family: serif;
	font-style: italic;
}

#analysisBarLabel{
	left:325px;
	top:315px;
	width:98px;
	height:14px;
	font-size:small;
	font-family: serif;
	font-style: italic;
}

#constructionBarLabel{
	left:425px;
	top:315px;
	width:98px;
	height:14px;
	font-size:small;
	font-family: serif;
	font-style: italic;
}

#goLiveBarLabel{
	left:525px;
	top:315px;
	width:98px;
	height:14px;
	font-size:small;
	font-family: serif;
	font-style: italic;
}

#rqtBarLabel{
	top:335px;
	left:122px;
	width:98px;
	height:14px;
	text-align: right;
	font-size:small;
	font-family: serif;
	font-style: italic;
}

#dsgnBarLabel{
	top:370px;
	left:122px;
	width:98px;
	height:14px;
	text-align: right;
	font-size:small;
	font-family: serif;
	font-style: italic;
}

#devBarLabel{
	top:400px;
	left:122px;
	width:98px;
	height:14px;
	text-align: right;
	font-size:small;
	font-family: serif;
	font-style: italic;
}

#cycle{
	left:125px;
	top:110px;
	width:98px;
	height:14px;
	text-align: right;
	font-size:x-small;
	font-family: serif;
	font-style: italic;
	font-weight: bold;
}

#work{
	top:125px;
	left:122px;
	width:98px;
	height:14px;
	text-align: left;
	font-size:x-small;
	font-family: serif;
	font-style: italic;
	font-weight: bold;
}

/* //////////skills.php//////////// */

 .BtnSkills{
	position: absolute;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	height: 25px;
	width: 90px;
	top: 110px;
	background-color: rgb(80%, 80%, 80%);
	cursor: pointer;
	padding:4px;
}

.BtnSkills:hover{
	text-decoration: underline;
}

.TxtSkills{
	height: 330px;
	width: 550px;
	top: 150px;
	left: 150px;
	overflow: visible;
}

.TxtSkills li, dd{
	padding:3px 0 3px 0;
	display: list-item;
	list-style-type: disc;
}

#analysisTxtSkills{
	visibility: visible;
}

#interactionTxtSkills{
	visibility: hidden;
}

#databasesTxtSkills{
	visibility: hidden;
}

#webTxtSkills{
	visibility: hidden;
}

#osTxtSkills{
	visibility: hidden;
}

#otherTxtSkills{
	visibility: hidden;
}

 #analysisBtnSkills{
 	left: 125px;
	color: white;
	background-color: orange;
}

 #interactionBtnSkills{
 	left: 225px;
 }
 
 #databasesBtnSkills{
 	left: 325px;
 }
 
 #webBtnSkills{
 	left: 425px;
 }
 
  #osBtnSkills{
 	left: 525px;
 }
 
  #otherBtnSkills{
 	left: 625px;
 }
 
 /* //////////customers.php//////////// */

 
 .BtnCus{
	position:relative;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	height: 12px;
	width: 150px;
	background-color: rgb(80%, 80%, 80%);
	cursor: pointer;
	padding:4px;
	text-decoration: none;
}


.BtnCus a:hover{
	text-decoration: underline;
}
.BtnCus a{
	text-decoration: none;
}

.TxtCus{
	height: 330px;
	width: 500px;
	top: 125px;
	left: 320px;
	overflow: visible;
}

.TxtCus a{
	text-decoration: underline;
}
.TxtCus a:hover{
	background-color: orange;
}

.TxtCus li, dd{
	padding:3px 0 3px 0;
	display: list-item;
	list-style-type: disc;
}

#aTxtCus{
	visibility: visible;
}

#bTxtCus{
	visibility: hidden;
}

#cTxtCus{
	visibility: hidden;
}

#dTxtCus{
	visibility: hidden;
}

#eTxtCus{
	visibility: hidden;
}

#fTxtCus{
	visibility: hidden;
}

#gTxtCus{
	visibility: hidden;
}

#hTxtCus{
	visibility: hidden;
}

#iTxtCus{
	visibility: hidden;
}

#jTxtCus{
	visibility: hidden;
}

#kTxtCus{
	visibility: hidden;
}

#lTxtCus{
	visibility: hidden;
}

#mTxtCus{
	visibility: hidden;
}

#allBtnCus{
	top: 116px;
	height: 280px;
	width: 175px;
	left: 125px;
	overflow: visible;
}

#allBtnCus a{
	position: absolute;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	height: 12px;
	width: 150px;
	background-color: rgb(80%, 80%, 80%);
	cursor: pointer;
	padding:4px;
}

#allBtnCus a:hover{
	text-decoration: underline;
}

#allBtnCus #aBtnCus{
	top: 0px;
 	color: white;
 	background-color: orange;
}

#allBtnCus #bBtnCus{
 	top: 25px;
}

#allBtnCus #cBtnCus{
 	top: 50px;
}

#allBtnCus #dBtnCus{
 	top: 75px;
}
#allBtnCus #eBtnCus{
 	top: 100px;
}
#allBtnCus #fBtnCus{
 	top: 125px;
}
#allBtnCus #gBtnCus{
 	top: 150px;
}
#allBtnCus #hBtnCus{
 	top: 175px;
}
#allBtnCus #iBtnCus{
 	top: 200px;
}
#allBtnCus #jBtnCus{
 	top: 225px;
}
#allBtnCus #kBtnCus{
 	top: 250px;
}
#allBtnCus #lBtnCus{
 	top: 275px;
}
#allBtnCus #mBtnCus{
 	top: 300px;
}
 /* //////////sense.php//////////// */

 .BtnSense{
	position: absolute;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	height: 25px;
	width: 90px;
	top: 110px;
	background-color: rgb(80%, 80%, 80%);
	cursor: pointer;
	padding:4px;
}

.BtnSense:hover{
	text-decoration: underline;
}

.TxtSense{
	height: 330px;
	width: 550px;
	top: 150px;
	left: 150px;
	overflow: visible;
}

.TxtSense li, dd{
	padding:3px 0 3px 0;
	display: list-item;
	list-style-type: disc;
}

#visionTxtSense{
	visibility: visible;
}


#businessTxtSense{
	visibility: hidden;
}

#purposeTxtSense{
	visibility: hidden;
}

#oneTxtSense{
	visibility: hidden;
}

#windowTxtSense{
	visibility: hidden;
}

#visionBtnSense{
 	left: 125px;
	color: white;
	background-color: orange;
}

#businessBtnSense{
 	left: 225px;
 }
 
 #purposeBtnSense{
 	left: 325px;
 }
 
  #oneBtnSense{
 	left: 425px;
 }
 
   #windowBtnSense{
 	left: 525px;
 }
 
 /* //////////pricing.php//////////// */

 .BtnPrice{
	position: absolute;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	height: 12px;
	width: 150px;
	top: 110px;
	background-color: rgb(80%, 80%, 80%);
	cursor: pointer;
	padding:4px;
}

.BtnPrice:hover{
	text-decoration: underline;
}

.TxtPrice{
	height: 330px;
	width: 550px;
	top: 150px;
	left: 150px;
	overflow: visible;
}

.TxtPrice a{
	text-decoration: underline;
}

.TxtPrice a:hover{
	background-color: orange;
	}

.TxtPrice li, dd{
	padding:3px 0 3px 0;
	display: list-item;
	list-style-type: disc;
}



#templateTxtPrice{
	visibility: hidden;
}

#timeTxtPrice{
	visibility: visible;
}

/*
#valueBtnPrice{
 	left: 150px;
	color: white;
	background-color: orange;
}
*/
#templateBtnPrice{
 	left: 350px;
 }
 
 #timeBtnPrice{
 	left: 150px;
	color: white;
	background-color: orange;
 }
 
 /* //////////products.php//////////// */ 
 
.TxtProd{
	height: 330px;
	width: 500px;
	top: 125px;
	left: 250px;
	overflow: visible;
}

.ImgProd{
	position:absolute;
 	top: 100px;
 	left:775px;
 	height: 150px;
 	width: 150px;
 	}

.TxtProd a{
	text-decoration: underline;
}
.TxtProd a:hover{
	background-color: orange;
}

.TxtProd li, dd{
	padding:3px 0 3px 0;
	display: list-item;
	list-style-type: disc;
}

.TxtProd th{
	background-color: orange;
	color: white;
	font-weight: bold;
	margin: 0 2px 0 2px;
	padding: 0 10px 0 2px;
	}

#aTxtProd{
	visibility: visible;
}

#bTxtProd{
	visibility: hidden;
}

#aImgProd{
	visibility: hidden;
}

#bImgProd{
	visibility: visible;
}

#allBtnProd{
	top: 116px;
	height: 280px;
	width: 125px;
	left: 125px;
	overflow: visible;
}

#allBtnProd a{
	position: absolute;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	height: 12px;
	width: 125px;
	background-color: rgb(80%, 80%, 80%);
	cursor: pointer;
	padding:4px;
}

#allBtnProd a:hover{
	text-decoration: underline;
}

#allBtnProd #aBtnProd{
	top: 0px;
 	color: white;
 	background-color: orange;
}

#allBtnProd #bBtnProd{
 	top: 25px;
}

/*
.TxtProd td{
	text-align: right;
	}
*/
.ConUsers {
	text-align: right;
	}
 
 /* //////////people.php//////////// */

 .BtnPeople{
	position: absolute;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	height: 12px;
	width: 90px;
	top: 110px;
	background-color: rgb(80%, 80%, 80%);
	cursor: pointer;
	padding:4px;
}

.BtnPeople:hover{
	text-decoration: underline;
}

.TxtPeople{
	height: 330px;
	width: 550px;
	top: 150px;
	left: 150px;
	overflow: visible;
}

.TxtPeople li, dd{
	padding:3px 0 3px 0;
	display: list-item;
	list-style-type: disc;
}

.TxtPeople a{
	text-decoration: underline;
	}


#jimTxtPeople{
	visibility: visible;
}

#andrewTxtPeople{
	visibility: hidden;
}

#tomTxtPeople{
	visibility: hidden;
}

#rachelTxtPeople{
	visibility: hidden;
}

#willTxtPeople{
	visibility: hidden;
}

#youTxtPeople{
	visibility: hidden;
}

#jimBtnPeople{
 	left: 150px;
 	color: white;
	background-color: orange;
}
 
#andrewBtnPeople{
	left: 250px;
}

#tomBtnPeople{
	left: 350px;
}

#rachelBtnPeople{
	left: 450px;
}

#willBtnPeople{
	left: 550px;
}

#youBtnPeople{
 	left: 650px;
}

 
/* //////////fm7.php//////////// */

 .Btnfm7{
	position: absolute;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	height: 12px;
	width: 150px;
	top: 110px;
	background-color: rgb(80%, 80%, 80%);
	cursor: pointer;
	padding:4px;
}

.Btnfm7:hover{
	text-decoration: underline;
}

.Txtfm7{
	height: 330px;
	width: 550px;
	top: 150px;
	left: 150px;
	overflow: visible;
}

 .Txtfm7 a{
	text-decoration: underline;
}
 .Txtfm7 a:hover{
	background-color: orange;
}

.Txtfm7 li, dd{
	padding:3px 0 3px 0;
	display: list-item;
	list-style-type: disc;
}

#productsTxtfm7{
	visibility: hidden;
}


#samplesTxtfm7{
	visibility: visible;
}

#infoTxtfm7{
	visibility: hidden;
}

#productsBtnfm7{
 	left: 150px;
	
}

#samplesBtnfm7{
 	left: 150px;
 	color: white;
	background-color: orange;
 }
 
 #infoBtnfm7{
 	left: 350px;
 }
 
  #fm7grph{
 	position: absolute;
 	top: 150px;
 	left: 700px;
 	height:177px;
 	width: 160px;
 }

/* //////////contact.php//////////// */ 
  #contact1 {
	left: 150px;
	top: 150px;
	width: 550px;
	height: 330px;
 }
 #contact2 {
	left: 11px;
	top: 85px;
	width: 351px;
	height: 20px;
 }
 #contact3 {
	left: 11px;
	top: 110px;
	width: 351px;
	height: 20px;
 }
 
  #contact4 {
	left: 11px;
	top: 135px;
	width: 351px;
	height: 20px;
 }
 
 #contact1 a{
	text-decoration: underline;
}
 #contact1 a:hover{
	background-color: orange;
}

/* //////////press.php//////////// */ 

 .textlink {
	 color: black;
	 text-decoration: underline;
 }
 
 #pressindex {
	left: 150px;
	top: 100px;
	width: 550px;
	height: 330px;
 }