@charset "utf-8";
/* CSS Document */

/*TEXT*/
.title
	 {
	 font-family: Georgia, "Times New Roman", Times, serif;
	 display:inline; 
	 color: black; 
	 font-size: 14;
	 font-weight: bold;
	 cursor:pointer;
	 }

.text
	 {
	 font-family: Arial, Helvetica, sans-serif;
	 display:inline; 
	 color: black; 
	 font-size: 12px;
	 font-weight: lighter;
	 line-height: 13px;
	 }
	 
.text2
	 {
	 font-family: Arial, Helvetica, sans-serif;
	 display:inline; 
	 color: black; 
	 font-size: 11px;
	 font-weight: lighter;
	 line-height: 13px;
	 }	 

.textw
	 {
	 font-family: Arial, Helvetica, sans-serif;
	 display:inline; 
	 color: white; 
	 font-size: 12px;
	 font-weight: lighter;
	 line-height: 13px;
	 }
	 	 
.textpoint
	 {
	 font-family: Arial, Helvetica, sans-serif;
	 display:inline; 
	 color: black; 
	 font-size: 12px;
	 font-weight: lighter;
	 line-height: 13px;
	 cursor:pointer;
	 }

.textpoint2
	 {
	 font-family: Arial, Helvetica, sans-serif;
	 display:inline; 
	 color: black; 
	 font-size: 11px;
	 font-weight: lighter;
	 line-height: 13px;
	 cursor:pointer;
	 }

.texthighlight
	 {
	 font-family: Arial, Helvetica, sans-serif;
	 display:inline; 
	 color: black; 
	 font-size: 10px;
	 font-weight: lighter;
	 line-height: 13px;
	 }

.projects
	{
	padding: 0px 0px 0px 10px;
	 font-family: Arial, Helvetica, sans-serif;
	 display:inline; 
	 color: black; 
	 font-size: 10px;
	 font-weight: lighter;
	 }

/*LINKS*/
a:link {color: black; text-decoration: none}

a:visited {color: #666666; text-decoration: none}
	
a:hover {color: black; text-decoration: none}
	
a:active {color: black; text-decoration: none}

/* hide from ie5 mac \*/
html {
  height: 100%;
  overflow: hidden;
}

/* end hide */
body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #eee;
}

/*IMAGES*/
#pic
	{
	border:none;
	}

#bgih, #bgi1, #bgi2, #bgi3, #bgi4, #bgi5, #bgi6, #bgi7, #bgi8, #bgi9, #bgi10, #bgi11, #bgi12, #bgi13, #bgi14, #bgi15, #bgi16, #bgi17 { width: 100%; position: absolute; top: 0px; left: 0px; z-index:1; }

#bgi1, #bgi2, #bgi3, #bgi4, #bgi5, #bgi6, #bgi7, #bgi8, #bgi9, #bgi10, #bgi11, #bgi12, #bgi13, #bgi14, #bgi15, #bgi16, #bgi17  { visibility:hidden; }

/* HEADER NAME + CONTACT*/

#headernamecontact {width: 150px; height: 50px; position: absolute; top: 30px; left: 30px; margin: 0 0 0 0; border: none; background-color: #ffffff; opacity: 0.9; z-index:6; }

#davidlismername { width: 50px; height: 32px; position:absolute; top: 7px; left: 7px; margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px; }
	
#linkcontacto { width: 30px; height: 10px; position: absolute; top: 30px; left: 100px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; visibility:visible; }

#linkcontactc { width: 30px; height: 10px; position: absolute; top: 30px; left: 100px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; visibility:hidden; }

/* HEADER ABOUT*/

#headerabout {width: 300px; height: 50px; position: absolute; top: 30px; left: 187px; margin: 0 0 0 0; border: none; background-color: #ffffff; opacity: 0.9; z-index:2; }

#linkabouto { width: 50px; height: 15px; position: absolute; top: 30px; left: 261px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; visibility:visible; }

#linkaboutc { width: 50px; height: 15px; position: absolute; top: 30px; left: 261px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; visibility:hidden; }

/* HEADER PORTFOLIO*/

#headerportfolio {width: 300px; height: 50px; position: absolute; top: 30px; left: 494px; margin: 0 0 0 0; border: none; background-color: #ffffff; opacity: 0.9; z-index:2; }

#linkportfolio { width: 140px; height: 15px; position: absolute; top: 30px; left: 155px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

#linknext-ih-i1, #linknext-i1-i2c, #linknext-i1-i2o, #linknext-i2-i3c, #linknext-i2-i3o, #linknext-i3-i4c, #linknext-i3-i4o, #linknext-i4-i5c, #linknext-i4-i5o, #linknext-i5-i6c, #linknext-i5-i6o, #linknext-i6-i7c, #linknext-i6-i7o, #linknext-i7-i8c, #linknext-i7-i8o, #linknext-i8-i9c, #linknext-i8-i9o, #linknext-i9-i10c, #linknext-i9-i10o, #linknext-i10-i11c, #linknext-i10-i11o, #linknext-i11-i12c, #linknext-i11-i12o, #linknext-i12-i13c, #linknext-i12-i13o, #linknext-i13-i14c, #linknext-i13-i14o, #linknext-i14-i15c, #linknext-i14-i15o, #linknext-i15-i16c, #linknext-i15-i16o, #linknext-i16-i17c, #linknext-i16-i17o { width: 25px; height: 15px; position: absolute; top: 29px; left: 268px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index:3; cursor:pointer; }

#linknext-i1-i2c, #linknext-i1-i2o, #linknext-i2-i3c, #linknext-i2-i3o, #linknext-i3-i4c, #linknext-i3-i4o, #linknext-i4-i5c, #linknext-i4-i5o, #linknext-i5-i6c, #linknext-i5-i6o, #linknext-i6-i7c, #linknext-i6-i7o, #linknext-i7-i8c, #linknext-i7-i8o, #linknext-i8-i9c, #linknext-i8-i9o, #linknext-i9-i10c, #linknext-i9-i10o, #linknext-i10-i11c, #linknext-i10-i11o, #linknext-i11-i12c, #linknext-i11-i12o, #linknext-i12-i13c, #linknext-i12-i13o, #linknext-i13-i14c, #linknext-i13-i14o, #linknext-i14-i15c, #linknext-i14-i15o, #linknext-i15-i16c, #linknext-i15-i16o, #linknext-i16-i17c, #linknext-i16-i17o { visibility:hidden; }

#linkprev-i2-i1c, #linkprev-i2-i1o, #linkprev-i3-i2c, #linkprev-i3-i2o, #linkprev-i4-i3c, #linkprev-i4-i3o, #linkprev-i5-i4c, #linkprev-i5-i4o, #linkprev-i6-i5c, #linkprev-i6-i5o, #linkprev-i7-i6c, #linkprev-i7-i6o, #linkprev-i8-i7c, #linkprev-i8-i7o, #linkprev-i9-i8c, #linkprev-i9-i8o, #linkprev-i10-i9c, #linkprev-i10-i9o, #linkprev-i11-i10c, #linkprev-i11-i10o, #linkprev-i12-i11c, #linkprev-i12-i11o, #linkprev-i13-i12c, #linkprev-i13-i12o, #linkprev-i14-i13c, #linkprev-i14-i13o, #linkprev-i15-i14c, #linkprev-i15-i14o, #linkprev-i16-i15c, #linkprev-i16-i15o, #linkprev-i17-i16c, #linkprev-i17-i16o { width: 25px; height: 15px; position: absolute; top: 29px; left: 220px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; visibility:hidden; z-index:3; cursor:pointer; }

#thumb-i1h, #thumb-i2h, #thumb-i3h, #thumb-i4h, #thumb-i5h, #thumb-i6h, #thumb-i7h, #thumb-i8h, #thumb-i9h, #thumb-i10h, #thumb-i11h, #thumb-i12h, #thumb-i13h, #thumb-i14h, #thumb-i15h, #thumb-i16h, #thumb-i17h, #thumb-i1d, #thumb-i2d, #thumb-i3d, #thumb-i4d, #thumb-i5d, #thumb-i6d, #thumb-i7d, #thumb-i8d, #thumb-i9d, #thumb-i10d, #thumb-i11d, #thumb-i12d, #thumb-i13d, #thumb-i14d, #thumb-i15d, #thumb-i16d, #thumb-i17d { position: absolute; margin: 0 0 0 0; border: none; background-color: #535353; z-index:5; visibility:hidden; width: 5px; }	

#thumb-i1d, #thumb-i2d, #thumb-i3d, #thumb-i4d, #thumb-i5d, #thumb-i6d, #thumb-i7d, #thumb-i8d, #thumb-i9d, #thumb-i10d, #thumb-i11d, #thumb-i12d, #thumb-i13d, #thumb-i14d, #thumb-i15d, #thumb-i16d, #thumb-i17d { opacity: 0.5; }

#thumb-i1r, #thumb-i2r, #thumb-i3r, #thumb-i4r, #thumb-i5r, #thumb-i6r, #thumb-i7r, #thumb-i8r, #thumb-i9r, #thumb-i10r, #thumb-i11r, #thumb-i12r, #thumb-i13r, #thumb-i14r, #thumb-i15r, #thumb-i16r, #thumb-i17r { position: absolute; margin: 0 0 0 0; border: none;  z-index:6; visibility:hidden; cursor:pointer; width: 7px; }

#thumb-i1r2, #thumb-i2r2, #thumb-i3r2, #thumb-i4r2, #thumb-i5r2, #thumb-i6r2, #thumb-i7r2, #thumb-i8r2, #thumb-i9r2, #thumb-i10r2, #thumb-i11r2, #thumb-i12r2, #thumb-i13r2, #thumb-i14r2, #thumb-i15r2, #thumb-i16r2, #thumb-i17r2 { position: absolute; margin: 0 0 0 0; border: none;  z-index:7; visibility:hidden; cursor:pointer; width: 7px; }

#fill-1, #fill-2, #fill-3, #fill-4, #fill-5, #fill-6, #fill-7, #fill-8, #fill-9, #fill-10, #fill-11, #fill-12, #fill-13, #fill-14, #fill-15, #fill-16, #fill-17 { position: absolute; margin: 0 0 0 0; border: none;  z-index:8; width: 5px; left: 0px; background-color:#535353; top: 0px; }

#fill-1, #fill-5, #fill-9, #fill-14 { height: 20px; }
#fill-2, #fill-3, #fill-4, #fill-6, #fill-7, #fill-8, #fill-10, #fill-11, #fill-12, #fill-13, #fill-15, #fill-16, #fill-17 { height: 15px; }

#thumb-i1h, #thumb-i1d, #thumb-i1r, #thumb-i1r2 { height: 20px; top: 23px; left: 7px; }	
#thumb-i2h, #thumb-i2d, #thumb-i2r, #thumb-i2r2 { height: 15px; top: 28px; left: 14px; }
#thumb-i3h, #thumb-i3d, #thumb-i3r, #thumb-i3r2 { height: 15px; top: 28px; left: 21px; }
#thumb-i4h, #thumb-i4d, #thumb-i4r, #thumb-i4r2 { height: 15px; top: 28px; left: 28px; }
#thumb-i5h, #thumb-i5d, #thumb-i5r, #thumb-i5r2 { height: 20px; top: 23px; left: 35px; }
#thumb-i6h, #thumb-i6d, #thumb-i6r, #thumb-i6r2 { height: 15px; top: 28px; left: 42px; }
#thumb-i7h, #thumb-i7d, #thumb-i7r, #thumb-i7r2 { height: 15px; top: 28px; left: 49px; }
#thumb-i8h, #thumb-i8d, #thumb-i8r, #thumb-i8r2 { height: 15px; top: 28px; left: 56px; }
#thumb-i9h, #thumb-i9d, #thumb-i9r, #thumb-i9r2 { height: 20px; top: 23px; left: 63px; }
#thumb-i10h, #thumb-i10d, #thumb-i10r, #thumb-i10r2 { height: 15px; top: 28px; left: 70px; }
#thumb-i11h, #thumb-i11d, #thumb-i11r, #thumb-i11r2 { height: 15px; top: 28px; left: 77px; }
#thumb-i12h, #thumb-i12d, #thumb-i12r, #thumb-i12r2 { height: 15px; top: 28px; left: 84px; }
#thumb-i13h, #thumb-i13d, #thumb-i13r, #thumb-i13r2 { height: 15px; top: 28px; left: 91px; }
#thumb-i14h, #thumb-i14d, #thumb-i14r, #thumb-i14r2 { height: 20px; top: 23px; left: 98px; }
#thumb-i15h, #thumb-i15d, #thumb-i15r, #thumb-i15r2 { height: 15px; top: 28px; left: 105px; }
#thumb-i16h, #thumb-i16d, #thumb-i16r, #thumb-i16r2 { height: 15px; top: 28px; left: 112px; }
#thumb-i17h, #thumb-i17d, #thumb-i17r, #thumb-i17r2 { height: 15px; top: 28px; left: 119px; }



	
/* CONTACT*/
#pagecontact { width: 150px; height: 200px; position: absolute; top: 87px; left: 30px; margin: 0 0 0 0; border: none; z-index:2; visibility:hidden; }

/* contact text*/
#boxcontact { width: 150px; height: 185px; position: absolute; top: 0px; left: 0px; margin: 0 0 0 0; border: none; background-color: #ffffff; opacity: 0.9; z-index:3; }

#textcontact { width: 136px; height: 170px; position: absolute; top: 6px; left: 7px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }	

/* close bar*/
#closebarcontact { width: 150px; height: 14px; position: absolute; top: 186px; left: 0px; margin: 0 0 0 0; border: none; background-color: #535353; opacity: 0.9; z-index:4; }	

#linkcontactclose { width: 13px; height: 13px; position: absolute; top: 1px; left: 132px; margin: 0 0 0 0; border: none; z-index:5; cursor:pointer; }

/* CONTACT END*/



/* ABOUT*/
#pageabout { width: 300px; height: 400px; position: absolute; top: 87px; left: 187px; margin: 0 0 0 0; border: none; z-index:2; visibility:hidden; }

/* about text*/
#boxabout { width: 300px; height: 385px; position: absolute; top: 0px; left: 0px; margin: 0 0 0 0; border: none; background-color: #ffffff; opacity: 0.9; z-index:3;}

#textabout { width: 286px; height: 379px; position: absolute; top: 6px; left: 7px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

/* close bar*/
#closebarabout{ width: 300px; height: 15px; position: absolute; top: 385px; left: 0px; margin: 0 0 0 0; border: none; background-color: #535353; opacity: 0.9; z-index:4; }

#linkaboutclose { width: 13px; height: 13px; position: absolute; top: 1px; left: 282px; margin: 0 0 0 0; border: none; z-index:5; cursor:pointer; }	
/* ABOUT END*/



/* PORTFOLIO*/
#pageportfolio { width: 300px; height: 25px; position: absolute; top: 87px; left: 494px; margin: 0 0 0 0; border: none; z-index:2; visibility:hidden; }

/* project name*/
#boxprojectheader { width: 300px; height: 25px; position: absolute; top: 0px; left: 0px; margin: 0 0 0 0; border: none; background-color: #ffffff; opacity: 0.9; z-index:3; }

#boxprojectheaderblack { width: 300px; height: 25px; position: absolute; top: 0px; left: 0px; margin: 0 0 0 0; border: none; background-color: #535353; z-index:4; visibility:hidden }

#pn-i1h, #pn-i2h, #pn-i3h, #pn-i4h, #pn-i5h, #pn-i6h, #pn-i7h, #pn-i8h, #pn-i9h, #pn-i10h, #pn-i11h, #pn-i12h, #pn-i13h, #pn-i14h, #pn-i15h, #pn-i16h, #pn-i17h, #pn-i1, #pn-i2, #pn-i3, #pn-i4, #pn-i5, #pn-i6, #pn-i7, #pn-i8, #pn-i9, #pn-i10, #pn-i11, #pn-i12, #pn-i13, #pn-i14, #pn-i15, #pn-i16, #pn-i17 { width: 250px; height: 15px; position: absolute; top: 6px; left: 7px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; visibility:hidden }

#pn { width: 150px; height: 15px; position: absolute; top: 0px; left: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#in { width: 50px; height: 15px; position: absolute; top: 0px; left: 212px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

#linkinfo-i1o, #linkinfo-i1c, #linkinfo-i2o, #linkinfo-i2c, #linkinfo-i3o, #linkinfo-i3c, #linkinfo-i4o, #linkinfo-i4c, #linkinfo-i5o, #linkinfo-i5c, #linkinfo-i6o, #linkinfo-i6c, #linkinfo-i7o, #linkinfo-i7c, #linkinfo-i8o, #linkinfo-i8c, #linkinfo-i9o, #linkinfo-i9c, #linkinfo-i10o, #linkinfo-i10c, #linkinfo-i11o, #linkinfo-i11c, #linkinfo-i12o, #linkinfo-i12c, #linkinfo-i13o, #linkinfo-i13c, #linkinfo-i14o, #linkinfo-i14c, #linkinfo-i15o, #linkinfo-i15c, #linkinfo-i16o, #linkinfo-i16c, #linkinfo-i17o, #linkinfo-i17c { width: 50px; height: 15px; position: absolute; top: 6px; left: 267px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; cursor:pointer; visibility:hidden }



/* PROJECT DETAILS*/
#pageinfo-p1, #pageinfo-p2, #pageinfo-p3, #pageinfo-p4 { width: 300px; height: 118px; position: absolute; top: 119px; left: 494px; margin: 0 0 0 0; border: none; z-index:2; visibility:hidden; }

#boxprojectdetails { width: 300px; height: 103px; position: absolute; top: 0px; left: 0px; margin: 0 0 0 0; border: none; background-color: #ffffff; opacity: 0.9; z-index:3;}

/* text*/
#pdtl1, #pdtl2, #pdtl3, #pdtl4 { width: 286px; height: 97px; position: absolute; top: 6px; left: 7px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

/* closebar*/
#closebardetails { width: 300px; height: 15px; position: absolute; top: 103px; left: 0px; margin: 0 0 0 0; border: none; background-color: #535353; opacity: 0.9; z-index:4;}	

#linkcloseinfo-i1, #linkcloseinfo-i2, #linkcloseinfo-i3, #linkcloseinfo-i4, #linkcloseinfo-i5, #linkcloseinfo-i6, #linkcloseinfo-i7, #linkcloseinfo-i8, #linkcloseinfo-i9, #linkcloseinfo-i10, #linkcloseinfo-i11, #linkcloseinfo-i12, #linkcloseinfo-i13, #linkcloseinfo-i14, #linkcloseinfo-i15, #linkcloseinfo-i16, #linkcloseinfo-i17 { width: 13px; height: 13px; position: absolute; top: 1px; left: 282px; margin: 0 0 0 0; border: none; z-index:5; cursor:pointer; visibility:hidden }

/* PORTFOLIO END*/