diff --git a/Pearlception/app/views/pages/IVA/MS.html.erb b/Pearlception/app/views/pages/IVA/MS.html.erb
index c4748b1..2a1a11e 100644
--- a/Pearlception/app/views/pages/IVA/MS.html.erb
+++ b/Pearlception/app/views/pages/IVA/MS.html.erb
@@ -3,48 +3,21 @@
 	<head>
 		<title>Industry Vision Automation,Corp</title>
 		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-		<link href="css/text.css" rel="stylesheet" type="text/css">
-			<script language="JavaScript" type="text/JavaScript">
-<!--
-function MM_swapImgRestore() { //v3.0
-  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
-}
-
-function MM_preloadImages() { //v3.0
-  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
-    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
-    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
-}
-
-function MM_findObj(n, d) { //v4.01
-  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
-    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
-  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
-  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
-  if(!x && d.getElementById) x=d.getElementById(n); return x;
-}
-
-function MM_swapImage() { //v3.0
-  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
-   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
-}
-//-->
-			</script>
-			<style type="text/css"> <!-- --></style>
+		<link href="/css/text.css" rel="stylesheet" type="text/css">
 	</head>
-	<body leftmargin="0" topmargin="0" onLoad="MM_preloadImages('../resource/images/IVA/OrgnizationO.gif')">
+	<body leftmargin="0" topmargin="0" >
 		<table width="776" border="0" align="center" cellpadding="0" cellspacing="0">
 			<tr>
-				<td><img src="images/head/spacer.gif" width="776" height="1" border="0" alt=""></td>
-				<td><img src="images/head/spacer.gif" width="1" height="1" border="0" alt=""></td>
+				<td><img src="/images/head/spacer.gif" width="776" height="1" border="0" alt=""></td>
+				<td><img src="/images/head/spacer.gif" width="1" height="1" border="0" alt=""></td>
 			</tr>
 			<tr>
-				<td><img name="head_r1_c1" src="images/head/head_r1_c1.gif" width="776" height="123"
+				<td><img name="head_r1_c1" src="/images/head/head_r1_c1.gif" width="776" height="123"
 						border="0" alt=""></td>
-				<td><img src="images/head/spacer.gif" width="1" height="123" border="0" alt=""></td>
+				<td><img src="/images/head/spacer.gif" width="1" height="123" border="0" alt=""></td>
 			</tr>
 			<tr>
-				<td align="center" background="images/head/head_r2_c1.gif"><table width="100%" border="0" cellpadding="0" cellspacing="0">
+				<td align="center" background="/images/head/head_r2_c1.gif"><table width="100%" border="0" cellpadding="0" cellspacing="0">
 						<tr>
 							<td align="center" class="font4"><a class="top" href="../IVA/MS.html">IVA</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a class="top" href="../product/P1.html">Products</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a class="top" href="../services/TS.html">Services</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a class="top" href="../CDE/CSD.html">Contract Design 
 									&amp; Engineering</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <A class="top" href="../news/news.html">News</A>
@@ -53,7 +26,7 @@ function MM_swapImage() { //v3.0
 						</tr>
 					</table>
 				</td>
-				<td><img src="images/head/spacer.gif" width="1" height="28" border="0" alt=""></td>
+				<td><img src="/images/head/spacer.gif" width="1" height="28" border="0" alt=""></td>
 			</tr>
 		</table>
 		<table width="776" border="0" align="center" cellpadding="0" cellspacing="0">
@@ -65,38 +38,38 @@ function MM_swapImage() { //v3.0
 								<table border="0" cellpadding="0" cellspacing="0" width="149">
 									<!-- fwtable fwsrc="Î´ÃüÃû" fwbase="left.gif" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="0" -->
 									<tr>
-										<td><img src="images/left/spacer.gif" width="149" height="1" border="0" alt=""></td>
-										<td><img src="images/left/spacer.gif" width="1" height="1" border="0" alt=""></td>
+										<td><img src="/images/left/spacer.gif" width="149" height="1" border="0" alt=""></td>
+										<td><img src="/images/left/spacer.gif" width="1" height="1" border="0" alt=""></td>
 									</tr>
 									<tr>
-										<td><img name="left_r1_c1" src="images/IVA/IVA.gif" width="149" height="27" border="0"
+										<td><img name="left_r1_c1" src="/images/IVA/IVA.gif" width="149" height="27" border="0"
 												alt=""></td>
-										<td><img src="images/left/spacer.gif" width="1" height="27" border="0" alt=""></td>
+										<td><img src="/images/left/spacer.gif" width="1" height="27" border="0" alt=""></td>
 									</tr>
 									<tr>
-										<td rowspan="2" align="center" valign="top" background="images/left/left_r2_c1.gif">
+										<td rowspan="2" align="center" valign="top" background="/images/left/left_r2_c1.gif">
 											<table width="100%" border="0" cellpadding="0" cellspacing="0">
 												<tr>
-													<td align="center"><img src="images/IVA/MissionStatementO.gif" width="143" height="31" border="0"></td>
+													<td align="center"><img src="/images/IVA/MissionStatementO.gif" width="143" height="31" border="0"></td>
 												</tr>
 												<tr>
 													<td align="center"></td>
 												</tr>
 											</table>
 										</td>
-										<td><img src="images/left/spacer.gif" width="1" height="4" border="0" alt=""></td>
+										<td><img src="/images/left/spacer.gif" width="1" height="4" border="0" alt=""></td>
 									</tr>
 									<tr>
-										<td><img src="images/left/spacer.gif" width="1" height="10" border="0" alt=""></td>
+										<td><img src="/images/left/spacer.gif" width="1" height="10" border="0" alt=""></td>
 									</tr>
 									<tr>
-										<td><img name="left_r4_c1" src="images/left/left_r4_c1.gif" width="149" height="3"
+										<td><img name="left_r4_c1" src="/images/left/left_r4_c1.gif" width="149" height="3"
 												border="0" alt=""></td>
-										<td><img src="images/left/spacer.gif" width="1" height="3" border="0" alt=""></td>
+										<td><img src="/images/left/spacer.gif" width="1" height="3" border="0" alt=""></td>
 									</tr>
 								</table>
 							</td>
-							<td width="81%" align="center" bgcolor="#ffffff"><img src="images/IVA/banner.jpg" width="614" height="150"><br>
+							<td width="81%" align="center" bgcolor="#ffffff"><img src="/images/IVA/banner.jpg" width="614" height="150"><br>
 								<br>
 								<table width="96%" border="0" cellpadding="5" cellspacing="0">
 									<tr>
diff --git a/Pearlception/app/views/pages/product/P1.html.erb b/Pearlception/app/views/pages/product/P1.html.erb
index 618ef8a..d334699 100644
--- a/Pearlception/app/views/pages/product/P1.html.erb
+++ b/Pearlception/app/views/pages/product/P1.html.erb
@@ -3,8 +3,7 @@
 	<head>
 		<title>Industry Vision Automation,Corp</title>
 		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-		<link href="css/text.css" rel="stylesheet" type="text/css">
-			<script language="JavaScript" type="text/JavaScript">
+		<link href="/css/text.css" rel="stylesheet" type="text/css">
 <!--
 function MM_swapImgRestore() { //v3.0
   var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
@@ -29,22 +28,20 @@ function MM_swapImage() { //v3.0
    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
 }
 //-->
-			</script>
-			<style type="text/css"> <!-- --></style>
 	</head>
-	<body leftmargin="0" topmargin="0" onLoad="MM_preloadImages('images/product/Product2O.gif','images/product/pic_10.jpg','images/product/pic_20.jpg','images/product/pic_30.jpg','images/product/pic_40.jpg','images/product/pic_50.jpg','images/product/pic_60.jpg','images/product/Product3O.gif')">
+	<body leftmargin="0" topmargin="0">
 		<table width="776" border="0" align="center" cellpadding="0" cellspacing="0">
 			<tr>
-				<td><img src="images/head/spacer.gif" width="776" height="1" border="0" alt=""></td>
-				<td><img src="images/head/spacer.gif" width="1" height="1" border="0" alt=""></td>
+				<td><img src="/images/head/spacer.gif" width="776" height="1" border="0" alt=""></td>
+				<td><img src="/images/head/spacer.gif" width="1" height="1" border="0" alt=""></td>
 			</tr>
 			<tr>
-				<td><img name="head_r1_c1" src="images/head/head_r1_c1.gif" width="776" height="123"
+				<td><img name="head_r1_c1" src="/images/head/head_r1_c1.gif" width="776" height="123"
 						border="0" alt=""></td>
-				<td><img src="images/head/spacer.gif" width="1" height="123" border="0" alt=""></td>
+				<td><img src="/images/head/spacer.gif" width="1" height="123" border="0" alt=""></td>
 			</tr>
 			<tr>
-				<td align="center" background="images/head/head_r2_c1.gif"><table width="100%" border="0" cellpadding="0" cellspacing="0">
+				<td align="center" background="/images/head/head_r2_c1.gif"><table width="100%" border="0" cellpadding="0" cellspacing="0">
 						<tr>
 							<td align="center" class="font4"><a class="top" href="../IVA/MS.html">IVA</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a class="top" href="../product/P1.html">Products</a>&nbsp;&nbsp;&nbsp;&nbsp; 
 								&nbsp;&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="top" href="../services/TS.html">Services</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; <a class="top" href="../CDE/CSD.html">Contract 
@@ -54,63 +51,63 @@ function MM_swapImage() { //v3.0
 						</tr>
 					</table>
 				</td>
-				<td><img src="images/head/spacer.gif" width="1" height="28" border="0" alt=""></td>
+				<td><img src="/images/head/spacer.gif" width="1" height="28" border="0" alt=""></td>
 			</tr>
 		</table>
 		<table width="776" border="0" align="center" cellpadding="0" cellspacing="0">
 			<tr>
-				<td align="center" valign="top" bgcolor="#6b6b9b">
+				<td align="center" valign="top" style="background-color:#6b6b9b">
 					<table width="100%" border="0" cellpadding="0" cellspacing="4" height="1392">
 						<tr>
 							<td width="19%" align="center" valign="top" height="1388">
 								<table border="0" cellpadding="0" cellspacing="0" width="149">
 									<!-- fwtable fwsrc="Î´ÃüÃû" fwbase="left.gif" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="0" -->
 									<tr>
-										<td bgcolor="#343467"><img src="images/left/spacer.gif" width="149" height="1" border="0" alt=""></td>
-										<td><img src="images/left/spacer.gif" width="1" height="1" border="0" alt=""></td>
+										<td style="background-color:#343467"><img src="/images/left/spacer.gif" width="149" height="1" border="0" alt=""></td>
+										<td><img src="/images/left/spacer.gif" width="1" height="1" border="0" alt=""></td>
 									</tr>
 									<tr>
-										<td><img name="left_r1_c1" src="images/product/P&amp;S.gif" width="149" height="27"
+										<td><img name="left_r1_c1" src="/images/product/P&amp;S.gif" width="149" height="27"
 												border="0" alt=""></td>
-										<td><img src="images/left/spacer.gif" width="1" height="27" border="0" alt=""></td>
+										<td><img src="/images/left/spacer.gif" width="1" height="27" border="0" alt=""></td>
 									</tr>
 									<tr>
-										<td rowspan="2" align="center" valign="top" background="images/left/left_r2_c1.gif">
+										<td rowspan="2" align="center" valign="top" background="/images/left/left_r2_c1.gif">
 											<table width="100%" border="0" cellpadding="0" cellspacing="0">
 												<tr>
-													<td align="center"><a href="P1.html"><img src="images/product/Product1O.gif" width="143" height="31" border="0"></a></td>
+													<td align="center"><a href="P1.html"><img src="/images/product/Product1O.gif" width="143" height="31" border="0"></a></td>
 												</tr>
 												<tr>
-													<td align="center"><a href="P2.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image55','','images/product/Product2O.gif',1)"><img src="images/product/Product2.gif" name="Image55" width="143" height="31"
+													<td align="center"><a href="P2.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image55','','images/product/Product2O.gif',1)"><img src="/images/product/Product2.gif" name="Image55" width="143" height="31"
 																border="0"></a></td>
 												</tr>
 												<tr>
-													<td align="center"><a href="P3.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image61','','images/product/Product3O.gif',1)"><img src="images/product/Product3.gif" name="Image61" width="143" height="31"
+													<td align="center"><a href="P3.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image61','','images/product/Product3O.gif',1)"><img src="/images/product/Product3.gif" name="Image61" width="143" height="31"
 																border="0"></a></td>
 												</tr>
 											</table>
 										</td>
-										<td><img src="images/left/spacer.gif" width="1" height="4" border="0" alt=""></td>
+										<td><img src="/images/left/spacer.gif" width="1" height="4" border="0" alt=""></td>
 									</tr>
 									<tr>
-										<td><img src="images/left/spacer.gif" width="1" height="10" border="0" alt=""></td>
+										<td><img src="/images/left/spacer.gif" width="1" height="10" border="0" alt=""></td>
 									</tr>
 									<tr>
-										<td><img name="left_r4_c1" src="images/left/left_r4_c1.gif" width="149" height="3"
+										<td><img name="left_r4_c1" src="/images/left/left_r4_c1.gif" width="149" height="3"
 												border="0" alt=""></td>
-										<td><img src="images/left/spacer.gif" width="1" height="3" border="0" alt=""></td>
+										<td><img src="/images/left/spacer.gif" width="1" height="3" border="0" alt=""></td>
 									</tr>
 								</table>
 							</td>
-							<td width="81%" align="center" valign="top" bgcolor="#b5b5cd" height="1388"><br>
+							<td width="81%" align="center" valign="top" style="background-color:#b5b5cd" height="1388"><br>
 								<table width="96%" height="468" border="0" cellpadding="2" cellspacing="0" style="BORDER-COLLAPSE: collapse"
 									bordercolor="#111111">
 									<tr>
-										<td width="69%" align="center" bgcolor="#ffffff">
+										<td width="69%" align="center" style="background-color:#ffffff">
 											<table width="97%" border="0" cellspacing="0" bordercolor="#ffffff" style="BORDER-COLLAPSE: collapse"
 												cellpadding="0" height="100%">
 												<tr>
-													<td align="center" bgcolor="#ffffff">
+													<td align="center" style="background-color:#ffffff">
 														<table width="565" border="0" cellpadding="0" cellspacing="0" class="font3" style="BORDER-COLLAPSE: collapse"
 															bordercolor="#ffffff" height="599">
 															<tr valign="top">
@@ -217,23 +214,23 @@ function MM_swapImage() { //v3.0
 																<table border="0" width="107%" id="table4" height="870">
 																	<tr>
 																		<td height="244">
-																		<img border="0" src="images/product/LaXser_new2.jpg" width="189" height="220"></td>
+																		<img border="0" src="/images/product/LaXser_new2.jpg" width="189" height="220"></td>
 																	</tr>
 																	<tr>
 																		<td height="146">
-																		<img border="0" src="images/product/LaXser_new3.JPG"></td>
+																		<img border="0" src="/images/product/LaXser_new3.JPG"></td>
 																	</tr>
 																	<tr>
 																		<td height="239">
-																		<img border="0" src="images/product/LaXser_new1.jpg" width="189" height="237"></td>
+																		<img border="0" src="/images/product/LaXser_new1.jpg" width="189" height="237"></td>
 																	</tr>
 																	<tr>
 																		<td height="124" valign="top">
-																		<img border="0" src="images/product/LaXser_new4.jpg" width="190" height="114"></td>
+																		<img border="0" src="/images/product/LaXser_new4.jpg" width="190" height="114"></td>
 																	</tr>
 																	<tr>
 																		<td>
-																		<img border="0" src="images/product/LaXser_new5.jpg" width="190" height="119"></td>
+																		<img border="0" src="/images/product/LaXser_new5.jpg" width="190" height="119"></td>
 																	</tr>
 																</table>
 																</TD>
@@ -449,8 +446,8 @@ function MM_swapImage() { //v3.0
 		
 		<table width="776" border="0" align="center" cellpadding="0" cellspacing="0">
 			<tr>
-				<td bgcolor="#343467">&nbsp;</td>
+				<td style="background-color:#343467">&nbsp;</td>
 			</tr>
 		</table>
 	</body>
-</html>
\ No newline at end of file
+</html>
diff --git a/Pearlception/app/views/pages/product/P2.html.erb b/Pearlception/app/views/pages/product/P2.html.erb
index 414d5b3..f24560e 100644
--- a/Pearlception/app/views/pages/product/P2.html.erb
+++ b/Pearlception/app/views/pages/product/P2.html.erb
@@ -3,48 +3,21 @@
 	<head>
 		<title>Industry Vision Automation,Corp</title>
 		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-		<link href="css/text.css" rel="stylesheet" type="text/css">
-			<script language="JavaScript" type="text/JavaScript">
-<!--
-function MM_preloadImages() { //v3.0
-  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
-    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
-    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
-}
-
-function MM_swapImgRestore() { //v3.0
-  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
-}
-
-function MM_findObj(n, d) { //v4.01
-  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
-    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
-  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
-  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
-  if(!x && d.getElementById) x=d.getElementById(n); return x;
-}
-
-function MM_swapImage() { //v3.0
-  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
-   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
-}
-//-->
-        </script>
-			<style type="text/css"> <!-- --></style>
+		<link href="/css/text.css" rel="stylesheet" type="text/css">
 	</head>
 	<body leftmargin="0" topmargin="0" onLoad="MM_preloadImages('../resource/images/product/Product3O.gif')">
 		<table width="776" border="0" align="center" cellpadding="0" cellspacing="0">
 			<tr>
-				<td><img src="images/head/spacer.gif" width="776" height="1" border="0" alt=""></td>
-				<td><img src="images/head/spacer.gif" width="1" height="1" border="0" alt=""></td>
+				<td><img src="/images/head/spacer.gif" width="776" height="1" border="0" alt=""></td>
+				<td><img src="/images/head/spacer.gif" width="1" height="1" border="0" alt=""></td>
 			</tr>
 			<tr>
-				<td><img name="head_r1_c1" src="images/head/head_r1_c1.gif" width="776" height="123"
+				<td><img name="head_r1_c1" src="/images/head/head_r1_c1.gif" width="776" height="123"
 						border="0" alt=""></td>
-				<td><img src="images/head/spacer.gif" width="1" height="123" border="0" alt=""></td>
+				<td><img src="/images/head/spacer.gif" width="1" height="123" border="0" alt=""></td>
 			</tr>
 			<tr>
-				<td align="center" background="images/head/head_r2_c1.gif"><table width="100%" border="0" cellpadding="0" cellspacing="0">
+				<td align="center" background="/images/head/head_r2_c1.gif"><table width="100%" border="0" cellpadding="0" cellspacing="0">
 						<tr>
 							<td align="center" class="font4"><a class="top" href="../IVA/MS.html">IVA</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a class="top" href="../product/P1.html">Products</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="top" href="../services/TS.html">Services</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a class="top" href="../CDE/CSD.html">Contract Design 
 									&amp; Engineering</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <A class="top" href="../news/news.html">News</A> 
@@ -53,7 +26,7 @@ function MM_swapImage() { //v3.0
 						</tr>
 					</table>
 				</td>
-				<td><img src="images/head/spacer.gif" width="1" height="28" border="0" alt=""></td>
+				<td><img src="/images/head/spacer.gif" width="1" height="28" border="0" alt=""></td>
 			</tr>
 		</table>
 		<table width="776" border="0" align="center" cellpadding="0" cellspacing="0">
@@ -64,39 +37,39 @@ function MM_swapImage() { //v3.0
 							<td width="19%" align="center" valign="top">
 								<table border="0" cellpadding="0" cellspacing="0" width="149"> <!-- fwtable fwsrc="Î´ÃüÃû" fwbase="left.gif" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="0" -->
 									<tr>
-										<td><img src="images/left/spacer.gif" width="149" height="1" border="0" alt=""></td>
-										<td><img src="images/left/spacer.gif" width="1" height="1" border="0" alt=""></td>
+										<td><img src="/images/left/spacer.gif" width="149" height="1" border="0" alt=""></td>
+										<td><img src="/images/left/spacer.gif" width="1" height="1" border="0" alt=""></td>
 									</tr>
 									<tr>
-										<td><img name="left_r1_c1" src="images/product/P&amp;S.gif" width="149" height="27"
+										<td><img name="left_r1_c1" src="/images/product/P&amp;S.gif" width="149" height="27"
 												border="0" alt=""></td>
-										<td><img src="images/left/spacer.gif" width="1" height="27" border="0" alt=""></td>
+										<td><img src="/images/left/spacer.gif" width="1" height="27" border="0" alt=""></td>
 									</tr>
 									<tr>
-										<td rowspan="2" align="center" valign="top" background="images/left/left_r2_c1.gif">
+										<td rowspan="2" align="center" valign="top" background="/images/left/left_r2_c1.gif">
 											<table width="100%" border="0" cellpadding="0" cellspacing="0">
 												<tr>
-													<td align="center"><a href="P1.html"><img src="images/product/Product1.gif" name="Image54" width="143" height="31"
+													<td align="center"><a href="P1.html"><img src="/images/product/Product1.gif" name="Image54" width="143" height="31"
 																border="0"></a></td>
 												</tr>
 												<tr>
-													<td align="center"><a href="P2.html"><img src="images/product/Product2O.gif" width="143" height="31" border="0"></a></td>
+													<td align="center"><a href="P2.html"><img src="/images/product/Product2O.gif" width="143" height="31" border="0"></a></td>
 												</tr>
 												<tr>
-													<td align="center"><a href="P3.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image57','','../resource/images/product/Product3O.gif',1)"><img src="images/product/Product3.gif" name="Image57" width="143" height="31"
+													<td align="center"><a href="P3.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image57','','../resource/images/product/Product3O.gif',1)"><img src="/images/product/Product3.gif" name="Image57" width="143" height="31"
 																border="0"></a></td>
 												</tr>
 											</table>
 										</td>
-										<td><img src="images/left/spacer.gif" width="1" height="4" border="0" alt=""></td>
+										<td><img src="/images/left/spacer.gif" width="1" height="4" border="0" alt=""></td>
 									</tr>
 									<tr>
-										<td><img src="images/left/spacer.gif" width="1" height="10" border="0" alt=""></td>
+										<td><img src="/images/left/spacer.gif" width="1" height="10" border="0" alt=""></td>
 									</tr>
 									<tr>
-										<td><img name="left_r4_c1" src="images/left/left_r4_c1.gif" width="149" height="3"
+										<td><img name="left_r4_c1" src="/images/left/left_r4_c1.gif" width="149" height="3"
 												border="0" alt=""></td>
-										<td><img src="images/left/spacer.gif" width="1" height="3" border="0" alt=""></td>
+										<td><img src="/images/left/spacer.gif" width="1" height="3" border="0" alt=""></td>
 									</tr>
 								</table>
 							</td>
@@ -112,7 +85,7 @@ function MM_swapImage() { //v3.0
 																<td width="31%" align="center" valign="middle">
 																<table width="112%" border="1" cellpadding="0" cellspacing="1" bordercolor="#ffffff">
 																		<tr>
-																			<td>&nbsp;<a href="images/product/appletao_b.jpg" target="_blank"><font color="#000000"><img src="images/product/merlin_01.jpg" width="160" height="98" border="0"></font></a></td>
+																			<td>&nbsp;<a href="/images/product/appletao_b.jpg" target="_blank"><font color="#000000"><img src="/images/product/merlin_01.jpg" width="160" height="98" border="0"></font></a></td>
 																		</tr>
 																	</table>
 																</td>
@@ -264,7 +237,7 @@ function MM_swapImage() { //v3.0
 																			</td>
 																			<td width="36%" align="center"><table width="48%" border="1" cellpadding="0" cellspacing="1" bordercolor="#ffffff">
 																					<tr>
-																						<td><img src="images/product/apple1.jpg" width="177" height="252"></td>
+																						<td><img src="/images/product/apple1.jpg" width="177" height="252"></td>
 																					</tr>
 																				</table>
 																			</td>
@@ -274,13 +247,13 @@ function MM_swapImage() { //v3.0
 																					<tr>
 																						<td width="38%" align="center"><table width="48%" border="1" cellpadding="0" cellspacing="1" bordercolor="#ffffff">
 																								<tr>
-																									<td><img src="images/product/merlin_02.jpg" width="160" height="105"></td>
+																									<td><img src="/images/product/merlin_02.jpg" width="160" height="105"></td>
 																								</tr>
 																							</table>
 																							<br>
 																							<table width="48%" border="1" cellpadding="0" cellspacing="1" bordercolor="#ffffff">
 																								<tr>
-																									<td><img src="images/product/apple2.jpg" width="166" height="72"></td>
+																									<td><img src="/images/product/apple2.jpg" width="166" height="72"></td>
 																								</tr>
 																							</table>
 																						</td>
@@ -330,4 +303,4 @@ function MM_swapImage() { //v3.0
 			</tr>
 		</table>
 	</body>
-</html>
\ No newline at end of file
+</html>
diff --git a/Pearlception/app/views/pages/product/P3.html.erb b/Pearlception/app/views/pages/product/P3.html.erb
index 99cfca9..652ee68 100644
--- a/Pearlception/app/views/pages/product/P3.html.erb
+++ b/Pearlception/app/views/pages/product/P3.html.erb
@@ -3,48 +3,21 @@
 	<head>
 		<title>Industry Vision Automation,Corp</title>
 		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-		<link href="css/text.css" rel="stylesheet" type="text/css">
-			<script language="JavaScript" type="text/JavaScript">
-<!--
-function MM_preloadImages() { //v3.0
-  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
-    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
-    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
-}
-
-function MM_swapImgRestore() { //v3.0
-  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
-}
-
-function MM_findObj(n, d) { //v4.01
-  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
-    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
-  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
-  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
-  if(!x && d.getElementById) x=d.getElementById(n); return x;
-}
-
-function MM_swapImage() { //v3.0
-  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
-   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
-}
-//-->
-        </script>
-			<style type="text/css"> <!-- --></style>
+		<link href="/css/text.css" rel="stylesheet" type="text/css">
 	</head>
-	<body leftmargin="0" topmargin="0" onLoad="MM_preloadImages('../resource/images/product/Product2O.gif')">
+	<body leftmargin="0" topmargin="0" onLoad="MM_preloadImages('/images/product/Product2O.gif')">
 		<table width="776" border="0" align="center" cellpadding="0" cellspacing="0">
 			<tr>
-				<td><img src="images/head/spacer.gif" width="776" height="1" border="0" alt=""></td>
-				<td><img src="images/head/spacer.gif" width="1" height="1" border="0" alt=""></td>
+				<td><img src="/images/head/spacer.gif" width="776" height="1" border="0" alt=""></td>
+				<td><img src="/images/head/spacer.gif" width="1" height="1" border="0" alt=""></td>
 			</tr>
 			<tr>
-				<td><img name="head_r1_c1" src="images/head/head_r1_c1.gif" width="776" height="123"
+				<td><img name="head_r1_c1" src="/images/head/head_r1_c1.gif" width="776" height="123"
 						border="0" alt=""></td>
-				<td><img src="images/head/spacer.gif" width="1" height="123" border="0" alt=""></td>
+				<td><img src="/images/head/spacer.gif" width="1" height="123" border="0" alt=""></td>
 			</tr>
 			<tr>
-				<td align="center" background="images/head/head_r2_c1.gif"><table width="100%" border="0" cellpadding="0" cellspacing="0">
+				<td align="center" background="/images/head/head_r2_c1.gif"><table width="100%" border="0" cellpadding="0" cellspacing="0">
 						<tr>
 							<td align="center" class="font4"><a class="top" href="../IVA/MS.html">IVA</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a class="top" href="../product/P1.html">Products</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="top" href="../services/TS.html">Services</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a class="top" href="../CDE/CSD.html">Contract Design 
 									&amp; Engineering</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <A class="top" href="../news/news.html">News</A>
@@ -53,7 +26,7 @@ function MM_swapImage() { //v3.0
 						</tr>
 					</table>
 				</td>
-				<td><img src="images/head/spacer.gif" width="1" height="28" border="0" alt=""></td>
+				<td><img src="/images/head/spacer.gif" width="1" height="28" border="0" alt=""></td>
 			</tr>
 		</table>
 		<table width="776" border="0" align="center" cellpadding="0" cellspacing="0">
@@ -64,39 +37,39 @@ function MM_swapImage() { //v3.0
 							<td width="19%" align="center" valign="top">
 								<table border="0" cellpadding="0" cellspacing="0" width="149"> <!-- fwtable fwsrc="Î´ÃüÃû" fwbase="left.gif" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="0" -->
 									<tr>
-										<td><img src="images/left/spacer.gif" width="149" height="1" border="0" alt=""></td>
-										<td><img src="images/left/spacer.gif" width="1" height="1" border="0" alt=""></td>
+										<td><img src="/images/left/spacer.gif" width="149" height="1" border="0" alt=""></td>
+										<td><img src="/images/left/spacer.gif" width="1" height="1" border="0" alt=""></td>
 									</tr>
 									<tr>
-										<td><img name="left_r1_c1" src="images/product/P&amp;S.gif" width="149" height="27"
+										<td><img name="left_r1_c1" src="/images/product/P&amp;S.gif" width="149" height="27"
 												border="0" alt=""></td>
-										<td><img src="images/left/spacer.gif" width="1" height="27" border="0" alt=""></td>
+										<td><img src="/images/left/spacer.gif" width="1" height="27" border="0" alt=""></td>
 									</tr>
 									<tr>
-										<td rowspan="2" align="center" valign="top" background="images/left/left_r2_c1.gif">
+										<td rowspan="2" align="center" valign="top" background="/images/left/left_r2_c1.gif">
 											<table width="100%" border="0" cellpadding="0" cellspacing="0">
 												<tr>
-													<td align="center"><a href="P1.html"><img src="images/product/Product1.gif" name="Image54" width="143" height="31"
+													<td align="center"><a href="P1.html"><img src="/images/product/Product1.gif" name="Image54" width="143" height="31"
 																border="0"></a></td>
 												</tr>
 												<tr>
-													<td align="center"><a href="P2.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image53','','../resource/images/product/Product2O.gif',1)"><img src="images/product/Product2.gif" name="Image53" width="143" height="31"
+													<td align="center"><a href="P2.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image53','','/images/product/Product2O.gif',1)"><img src="/images/product/Product2.gif" name="Image53" width="143" height="31"
 																border="0"></a></td>
 												</tr>
 												<tr>
-													<td align="center"><img src="images/product/Product3O.gif" width="143" height="31"></td>
+													<td align="center"><img src="/images/product/Product3O.gif" width="143" height="31"></td>
 												</tr>
 											</table>
 										</td>
-										<td><img src="images/left/spacer.gif" width="1" height="4" border="0" alt=""></td>
+										<td><img src="/images/left/spacer.gif" width="1" height="4" border="0" alt=""></td>
 									</tr>
 									<tr>
-										<td><img src="images/left/spacer.gif" width="1" height="10" border="0" alt=""></td>
+										<td><img src="/images/left/spacer.gif" width="1" height="10" border="0" alt=""></td>
 									</tr>
 									<tr>
-										<td><img name="left_r4_c1" src="images/left/left_r4_c1.gif" width="149" height="3"
+										<td><img name="left_r4_c1" src="/images/left/left_r4_c1.gif" width="149" height="3"
 												border="0" alt=""></td>
-										<td><img src="images/left/spacer.gif" width="1" height="3" border="0" alt=""></td>
+										<td><img src="/images/left/spacer.gif" width="1" height="3" border="0" alt=""></td>
 									</tr>
 								</table>
 							</td>
@@ -125,13 +98,13 @@ function MM_swapImage() { //v3.0
 																		<tr align="center">
 																			<td><table width="48%" border="1" cellpadding="0" cellspacing="1" bordercolor="#ffffff">
 																					<tr>
-																						<td><img src="images/product/os_01.jpg" width="216" height="144"></td>
+																						<td><img src="/images/product/os_01.jpg" width="216" height="144"></td>
 																					</tr>
 																				</table>
 																			</td>
 																			<td><table width="48%" border="1" cellpadding="0" cellspacing="1" bordercolor="#ffffff">
 																					<tr>
-																						<td><img src="images/product/os_02.jpg" width="216" height="144"></td>
+																						<td><img src="/images/product/os_02.jpg" width="216" height="144"></td>
 																					</tr>
 																				</table>
 																			</td>
@@ -139,13 +112,13 @@ function MM_swapImage() { //v3.0
 																		<tr align="center">
 																			<td><table width="48%" border="1" cellpadding="0" cellspacing="1" bordercolor="#ffffff">
 																					<tr>
-																						<td><img src="images/product/oscar1.jpg" width="216" height="144"></td>
+																						<td><img src="/images/product/oscar1.jpg" width="216" height="144"></td>
 																					</tr>
 																				</table>
 																			</td>
 																			<td><table width="48%" border="1" cellpadding="0" cellspacing="1" bordercolor="#ffffff">
 																					<tr>
-																						<td><img src="images/product/os_04.jpg" width="216" height="148"></td>
+																						<td><img src="/images/product/os_04.jpg" width="216" height="148"></td>
 																					</tr>
 																				</table>
 																			</td>
@@ -174,4 +147,4 @@ function MM_swapImage() { //v3.0
 			</tr>
 		</table>
 	</body>
-</html>
\ No newline at end of file
+</html>
diff --git a/Pearlception/config/database.yml b/Pearlception/config/database.yml
index 2ccaf2d..18bc5f5 100644
--- a/Pearlception/config/database.yml
+++ b/Pearlception/config/database.yml
@@ -31,8 +31,8 @@ stats_test:
 development:
   <<: *default
   database: Pearlception_development
-  username: root 
-  password: Kemitscafe1
+  username: bmv
+  password: 1156244terps!
 
 # Warning: The database defined as "test" will be erased and
 # re-generated from your development database when you run "rake".
