html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 
		cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, 
		ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button
		{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:transparent;}
		ol, ul {list-style:none;}
		h1, h2, h3, h4, h5, h6, li {line-height:100%;}
		blockquote, q {quotes:none;}
		table {border-collapse:collapse; border-spacing:0;}		
		body {font:76% Arial, Helvetica, sans-serif; background:#FFF url(../images/bodyBg.gif) repeat 0 0;}
		#header,
		#proyects {width:870px; margin:0 auto; overflow:hidden;}
		#header {background:url(../images/sketchyLine.gif) no-repeat 0 0;}
		h1,
		h2,
		#workingWith a {display:block; font-size:0; text-indent:-9999em; background:url(../images/sprite.jpg) no-repeat 0 0;}
		#header {padding:30px 0 20px; margin-top:70px; position:relative; overflow:visible; height:53px;}
			#header h1 {width:224px; height:52px; background-position:-1px -1px; float:left; margin:5px 0 0 30px;}
			#header h2 {width:358px; height:53px; background-position:-1px -54px; float:right; margin-right:30px;}
			#workingWith {position:absolute; bottom:-55px; left:30px;}
				#workingWith p {color:#837B51;}
				#workingWith * {float:left; margin-right:15px;}
				#workingWith em {margin-top:6px; font-size:1.1em; color:#AFA678; font-style:normal;}
				#workingWith #snack {width:139px; height:23px; background-position:-226px -1px;}
				#workingWith #snack:hover {background-position:-226px -24px;}
		#proyects {padding-top:55px;}
			#proyects li {float:left; padding-bottom:10px; margin:0 0 40px 30px; border-bottom:1px solid #EBE8D3;}		
			.oddWork {margin-left:74px !important;}
				#proyects a,
				#proyects img {border:1px solid #E6E2C6;}
				#proyects a {display:block; padding:5px; background:url(../images/workBg.gif) repeat 0 0;}
				#proyects a:hover {background-image:url(../images/workBg-hover.gif);}
					#proyects img {padding:3px; background:#FFF; width:348px; height:198px;}
				#proyects h3,
				#proyects em {display:block; padding-left:10px;}
				#proyects h3 {color:#666; font-weight:bold; font-size:1.1em; padding-top:10px; text-transform:lowercase;}
				#proyects em {color:#999; font-style:normal; font-size:0.8em; padding-top:3px; text-transform:uppercase;}
				#proyects em a {display:inline; padding:0; background:none; color:#999; border:0;}
				#proyects em a:hover {color:#333; background:none;}
		#lightbox {position:fixed; top:25%; left:20%; z-index:1; display:none;}
			#lightbox p,
			#lightbox img {display:block; width:694px;}
			#lightbox p {text-align:right;}
			#lightbox a,
			#lightbox img {background:#FFF; border:1px solid #E6E2C6; padding:5px;}
			#lightbox a {color:#837B51; text-decoration:none;}
			#lightbox a:hover {color:#333; text-decoration:underline;}
			#lightbox img {height:396px;}
		* html #header h1,
		* html #header h2,
		* html #proyects li {display:inline;}
		* html #lightbox {
			position:absolute;
			top: expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); 
			right: expression(0+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');
		}