diff --git a/2009/assets/jquery-1.4.2.min.js b/2009/assets/jquery-1.4.2.min.js
diff --git a/2009/assets/jquery.fancybox-1.3.1.css b/2009/assets/jquery.fancybox-1.3.1.css
@@ -0,0 +1,44 @@
+/*
+ * FancyBox - jQuery Plugin
+ * Simple and fancy lightbox alternative
+ *
+ * Examples and documentation at: http://fancybox.net
+ * 
+ * Copyright (c) 2008 - 2010 Janis Skarnelis
+ *
+ * Version: 1.3.1 (05/03/2010)
+ * Requires: jQuery v1.3+
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *   http://www.gnu.org/licenses/gpl.html
+ */
+#fancybox-overlay {position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: #000;z-index: 1100;display: none;}
+* html #fancybox-overlay {/* IE6 */position: absolute;width: 100%;}
+#fancybox-tmp {padding: 0;margin: 0;border: 0;overflow: auto;display: none;}
+#fancybox-wrap {position: absolute;top: 0;left: 0;margin: 0;padding: 20px;z-index: 1101;display: none;}
+#fancybox-outer {position: relative;width: 100%;height: 100%;background: #FFF;}
+#fancybox-inner {position: absolute;top: 0;left: 0;width: 1px;height: 1px;padding: 0;margin: 0;outline: none;overflow: hidden;}
+#fancybox-hide-sel-frame {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;}
+#fancybox-close {position: absolute;top: -15px;right: -15px;width: 30px;height: 30px;background-image: url(../images/fancybox/fancybox.png);background-position: -40px 0px;cursor: pointer;z-index: 1103;display: none;}
+#fancybox-content {height: auto;width: auto;padding: 0;margin: 0;}
+.fancy-bg {position: absolute;padding: 0;margin: 0;border: 0;width: 20px;height: 20px;z-index: 1001;}
+#fancy-bg-n {top: -20px;left: 0;width: 100%;background-image: url(../images/fancybox/fancybox-x.png);}
+#fancy-bg-ne {top: -20px;right: -20px;background-image: url(../images/fancybox/fancybox.png);background-position: -40px -162px;}
+#fancy-bg-e {top: 0;right: -20px;height: 100%;background-image: url(../images/fancybox/fancybox-y.png);background-position: -20px 0px;}
+#fancy-bg-se {bottom: -20px;right: -20px;background-image: url(../images/fancybox/fancybox.png);background-position: -40px -182px;}
+#fancy-bg-s {bottom: -20px;left: 0;width: 100%;background-image: url(../images/fancybox/fancybox-x.png);background-position: 0px -20px;}
+#fancy-bg-sw {bottom: -20px;left: -20px;background-image: url(../images/fancybox/fancybox.png);background-position: -40px -142px;}
+#fancy-bg-w {top: 0;left: -20px;height: 100%;background-image: url(../images/fancybox/fancybox-y.png);}
+#fancy-bg-nw {top: -20px;left: -20px;background-image: url(../images/fancybox/fancybox.png);background-position: -40px -122px;}
+/* IE */
+.fancybox-ie #fancybox-close{background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_close.png', sizingMethod='scale'); }
+.fancybox-ie .fancy-bg {background: transparent !important; }
+.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
+.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
+.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
+.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
+.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
+.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
+.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
+.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
diff --git a/2009/assets/jquery.fancybox-1.3.1.js b/2009/assets/jquery.fancybox-1.3.1.js
diff --git a/2009/assets/portfolio_092110.css b/2009/assets/portfolio_092110.css
@@ -0,0 +1,15 @@
+/* PORTFOLIO
+*********************************************************/
+a.prev{background:url(../images/carousel_ctrls.png) no-repeat;cursor:pointer;width:35px;height:35px;display:block;position:absolute;bottom:14px;left:14px;z-index:1000;}
+a.prev:hover{background-position:0px -35px;}
+a.next{background:url(../images/carousel_ctrls.png) no-repeat -35px 0px;cursor:pointer;width:35px;height:35px;display:block;position:absolute;bottom:14px;left:49px;z-index:1000;}
+a.next:hover{background-position:-35px -35px;}
+.carousel{width:631px;float:right;margin:0px 14px;}
+.description{width:315px;float:left;margin-left:14px;}
+.text{font-family:Verdana, Arial, Helvetica, sans-serif;color:#FFFFFF; font-size:.8em;padding-left:7px;}
+.text a{color:#CECD76;text-decoration:none;}
+.text a:hover{color:#ffffff;text-decoration:none;}
+h1{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.4em;font-weight:700;margin-top:0px;}
+h1 a{color:#CECD76;text-decoration:none;}
+h1 a:hover{color:#ffffff;text-decoration:none;}
+li{display:none;}
diff --git a/2009/assets/print_110610.css b/2009/assets/print_110610.css
@@ -0,0 +1,2 @@
+body, #page_wrapper, #content_wrapper{margin:0px; background:none;}
+img.border, img.spade, #header, #nav, #footer, a.pdf, a.print, a.word, .spacer{display:none;}
diff --git a/2009/assets/resume.pdf b/2009/assets/resume.pdf
diff --git a/2009/assets/resume_110610.css b/2009/assets/resume_110610.css
@@ -0,0 +1,24 @@
+/* RESUME
+*********************************************************/
+#content_wrapper{padding:0px 14px 14px;}
+#resume_wrapper{background:#ffffff;padding:7px 14px;}
+#resume_bg{background:url(../images/resume_bg.png) repeat-y; padding:7px 28px;}
+/* CONTACT INFO
+*********************************************************/
+#profile{width:228px;height:306px;float:left;display:block;margin-right:15px;}
+/* HISTORY
+*********************************************************/
+#experience{float:left;margin-left:14px;width:590px;display:block;}
+a.print{background:url(../images/print.jpg) no-repeat;width:60px;height:30px;float:right;display:block;cursor:pointer;}
+a.print:hover{background-position:0px -30px;}
+.spacer{width:14px;background-color:#FFFFFF;height:30px;float:right;}
+a.word{background:url(../images/word_icon.jpg) no-repeat;width:30px;height:30px;float:right;display:block;cursor:pointer;}
+a.word:hover{background-position:0px -30px;}
+a.pdf{background:url(../images/pdf.jpg) no-repeat;width:30px;height:30px;float:right;display:block;cursor:pointer;}
+a.pdf:hover{background-position:0px -30px;}
+h3.title{border-bottom:1px solid #575844;color:#575844;font-size:1.4em;margin:0px 0px 14px; font-family:Verdana, Arial, Helvetica, sans-serif;}
+p.paragraph{padding-left:7px;font-size:.9em;line-height:1.2em;margin:0px 0px 42px;clear:both;color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
+p.job_header{padding:0px 7px 1px;font-size:.9em;font-weight:bold;color:#000000;margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif;}
+ul.details{margin:7px 0px 28px 14px;padding:0px 14px;}
+ul.details li{font-size:.9em;line-height:1.2em;margin:0px 0px 7px;color:#000000;margin=-bottom:7px;list-style:square outside none; font-family:Verdana, Arial, Helvetica, sans-serif;}
+.floated_list{width:154px;float:left;}
diff --git a/2009/favicon.ico b/2009/favicon.ico
diff --git a/2009/images/about.png b/2009/images/about.png
diff --git a/2009/images/about_bucket_bg.jpg b/2009/images/about_bucket_bg.jpg
diff --git a/2009/images/about_bucket_txt_bg.png b/2009/images/about_bucket_txt_bg.png
diff --git a/2009/images/about_header.jpg b/2009/images/about_header.jpg
diff --git a/2009/images/aim_icon.png b/2009/images/aim_icon.png
diff --git a/2009/images/body_bg.jpg b/2009/images/body_bg.jpg
diff --git a/2009/images/bullet.jpg b/2009/images/bullet.jpg
diff --git a/2009/images/carousel_ctrls.png b/2009/images/carousel_ctrls.png
diff --git a/2009/images/contact.png b/2009/images/contact.png
diff --git a/2009/images/content_bg.png b/2009/images/content_bg.png
diff --git a/2009/images/content_bottom.png b/2009/images/content_bottom.png
diff --git a/2009/images/content_top.png b/2009/images/content_top.png
diff --git a/2009/images/copyright_bg.jpg b/2009/images/copyright_bg.jpg
diff --git a/2009/images/facebook_icon.png b/2009/images/facebook_icon.png
diff --git a/2009/images/fancybox/blank.gif b/2009/images/fancybox/blank.gif
diff --git a/2009/images/fancybox/fancy_close.png b/2009/images/fancybox/fancy_close.png
diff --git a/2009/images/fancybox/fancy_shadow_e.png b/2009/images/fancybox/fancy_shadow_e.png
diff --git a/2009/images/fancybox/fancy_shadow_n.png b/2009/images/fancybox/fancy_shadow_n.png
diff --git a/2009/images/fancybox/fancy_shadow_ne.png b/2009/images/fancybox/fancy_shadow_ne.png
diff --git a/2009/images/fancybox/fancy_shadow_nw.png b/2009/images/fancybox/fancy_shadow_nw.png
diff --git a/2009/images/fancybox/fancy_shadow_s.png b/2009/images/fancybox/fancy_shadow_s.png
diff --git a/2009/images/fancybox/fancy_shadow_se.png b/2009/images/fancybox/fancy_shadow_se.png
diff --git a/2009/images/fancybox/fancy_shadow_sw.png b/2009/images/fancybox/fancy_shadow_sw.png
diff --git a/2009/images/fancybox/fancy_shadow_w.png b/2009/images/fancybox/fancy_shadow_w.png
diff --git a/2009/images/fancybox/fancybox-x.png b/2009/images/fancybox/fancybox-x.png
diff --git a/2009/images/fancybox/fancybox-y.png b/2009/images/fancybox/fancybox-y.png
diff --git a/2009/images/fancybox/fancybox.png b/2009/images/fancybox/fancybox.png
diff --git a/2009/images/favicon.ico b/2009/images/favicon.ico
diff --git a/2009/images/footer_bg.png b/2009/images/footer_bg.png
diff --git a/2009/images/google_icon.png b/2009/images/google_icon.png
diff --git a/2009/images/grey.jpg b/2009/images/grey.jpg
diff --git a/2009/images/linkedin_icon.png b/2009/images/linkedin_icon.png
diff --git a/2009/images/logo.png b/2009/images/logo.png
diff --git a/2009/images/panther_poster.jpg b/2009/images/panther_poster.jpg
diff --git a/2009/images/pdf.jpg b/2009/images/pdf.jpg
diff --git a/2009/images/placeads_poster.jpg b/2009/images/placeads_poster.jpg
diff --git a/2009/images/portfolio.png b/2009/images/portfolio.png
diff --git a/2009/images/portfolio/facebook_1.jpg b/2009/images/portfolio/facebook_1.jpg
diff --git a/2009/images/portfolio/facebook_2.jpg b/2009/images/portfolio/facebook_2.jpg
diff --git a/2009/images/portfolio/panther_1.jpg b/2009/images/portfolio/panther_1.jpg
diff --git a/2009/images/portfolio/panther_2.jpg b/2009/images/portfolio/panther_2.jpg
diff --git a/2009/images/portfolio/placeads_1.jpg b/2009/images/portfolio/placeads_1.jpg
diff --git a/2009/images/portfolio/placeads_2.jpg b/2009/images/portfolio/placeads_2.jpg
diff --git a/2009/images/portfolio/prepzone_1.jpg b/2009/images/portfolio/prepzone_1.jpg
diff --git a/2009/images/portfolio/prepzone_2.jpg b/2009/images/portfolio/prepzone_2.jpg
diff --git a/2009/images/portfolio/prepzone_3.jpg b/2009/images/portfolio/prepzone_3.jpg
diff --git a/2009/images/portfolio_bucket_bg.jpg b/2009/images/portfolio_bucket_bg.jpg
diff --git a/2009/images/portfolio_bucket_txt_bg.png b/2009/images/portfolio_bucket_txt_bg.png
diff --git a/2009/images/prepzone_poster.jpg b/2009/images/prepzone_poster.jpg
diff --git a/2009/images/print.jpg b/2009/images/print.jpg
diff --git a/2009/images/resume.png b/2009/images/resume.png
diff --git a/2009/images/resume_bg.png b/2009/images/resume_bg.png
diff --git a/2009/images/resume_bucket_bg.jpg b/2009/images/resume_bucket_bg.jpg
diff --git a/2009/images/resume_bucket_txt_bg.png b/2009/images/resume_bucket_txt_bg.png
diff --git a/2009/images/resume_profile.png b/2009/images/resume_profile.png
diff --git a/2009/images/resume_top.jpg b/2009/images/resume_top.jpg
diff --git a/2009/images/social_bg.jpg b/2009/images/social_bg.jpg
diff --git a/2009/images/sorta.jpg b/2009/images/sorta.jpg
diff --git a/2009/images/spade.png b/2009/images/spade.png
diff --git a/2009/images/twitter_icon.png b/2009/images/twitter_icon.png
diff --git a/2009/images/view_site.jpg b/2009/images/view_site.jpg
diff --git a/2009/images/white.jpg b/2009/images/white.jpg
diff --git a/2009/images/word_icon.jpg b/2009/images/word_icon.jpg
diff --git a/2009/index.html b/2009/index.html
@@ -0,0 +1,125 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+<head>
+	<title>Joe Prehoda's professional website</title>
+	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
+	<meta name="author" content="Joe Prehoda" /> 
+	<meta name="description" content="Joe Prehoda's website. Have a look around and feel free to contact me with any comments or questions." /> 
+	<meta name="copyright" content="Copyright (c) 2010 Joe Prehoda. All Rights Reserved." />
+	<link rel="icon" href="images/favicon.ico" type="image/x-icon" /> 
+	<link rel="shortcut" href="images/favicon.ico" type="image/x-icon" />
+	<link href="assets/base_092110.css" rel="stylesheet" type="text/css" /> 
+	<link href="assets/home_092110.css" rel="stylesheet" type="text/css" />
+	<link href="assets/jquery.fancybox-1.3.1.css" rel="stylesheet" type="text/css" />
+	<script type="text/javascript" src="assets/jquery-1.4.2.min.js"></script>
+	<script type="text/javascript" src="assets/jquery.fancybox-1.3.1.js"></script>
+	<script type="text/javascript">
+		$(document).ready(function() {
+			//fancybox init
+			$("#contact_nav").fancybox({
+				'titleShow'		: false
+			});
+			$("#contact_footer").fancybox({
+				'titleShow'		: false
+			});
+			//change background on hover of the bucket divs
+			$(".bucket").hover(
+				function () {$("a", this).css({backgroundPosition: '0px -165px'});}, 
+				function () {$("a", this).css({backgroundPosition: '0px 0px'});}
+			);
+			//if the poster is clicked, it will go to the portfolio
+			$("#poster").click(
+				function () {window.location = "http://www.joeprehoda.com/portfolio.html";}
+			);
+		});
+	</script>
+	<script type="text/javascript">
+		//poster slideshow
+		$(function(){
+			setInterval(function(){$('#poster :first-child').fadeOut().next('img').fadeIn().end().appendTo('#poster');}, 3000);
+		});
+	</script>
+<script type="text/javascript">
+
+  var _gaq = _gaq || [];
+  _gaq.push(['_setAccount', 'UA-19423886-1']);
+  _gaq.push(['_trackPageview']);
+
+  (function() {
+    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+  })();
+
+</script>
+</head>
+<body>
+	<div id="page_wrapper">
+		<div id="header" class="clear">
+			<img src="images/spade.png" alt="" class="spade" />
+			<div id="logo"><a href="/" title="joeprehoda.com"></a></div><!-- end #logo -->
+			<div id="nav">
+				<a id="portfolio_nav" href="portfolio.html" title="portfolio"></a>
+				<a id="resume_nav" href="resume.html" title="resume"></a>
+				<a id="about_nav" href="about.html" title="about"></a>
+				<a id="contact_nav" href="#wufooFormz7x4a3" title="contact" style="padding-right:0px;border-right:none;"></a>
+			</div><!-- end #nav -->
+			<div style="display:none">
+				<script type="text/javascript">var host = (("https:" == document.location.protocol) ? "https://secure." : "http://");document.write(unescape("%3Cscript src='" + host + "wufoo.com/scripts/embed/form.js' type='text/javascript'%3E%3C/script%3E"));</script>
+				<script type="text/javascript">
+					var z7x4a3 = new WufooForm();
+					z7x4a3.initialize({
+						'userName':'joeprehoda', 
+						'formHash':'z7x4a3', 
+						'autoResize':false,
+						'height':'570'});
+						z7x4a3.display();
+				</script>
+			</div><!-- end hidden wufoo div -->
+		</div><!-- end #header -->
+		<img src="images/content_top.png" alt="" class="border" />
+		<div id="content_wrapper" class="clear">
+			<div id="poster" class="clear" title="View Portfolio">
+				<img src="images/placeads_poster.jpg" alt="" style="border:none;" />
+				<img src="images/prepzone_poster.jpg" alt="" style="display:none;border:none;" />
+				<img src="images/panther_poster.jpg" alt="" style="display:none;border:none;" />
+			</div><!-- end #poster -->
+			<div id="bucket_container" class="clear">
+				<div id="portfolio" onclick="window.location.href = 'http://www.joeprehoda.com/portfolio.html'" title="portfolio" class="bucket">
+					<a href="portfolio.html" title="portfolio"></a>
+					<div class="bucket_text">
+						I put all of my genius into my<br/>life; I put only my talent<br/>into my works. <span class="author">- Oscar Wilde</span>
+					</div>
+				</div><!-- end #portfolio -->
+				<div id="resume" onclick="window.location.href = 'http://www.joeprehoda.com/resume.html'" title="resume" class="bucket">
+					<a href="resume.html" title="resume"></a>
+					<div class="bucket_text" style="text-align:right;" onclick="window.location.href = '/resume.html'">
+						The only source of knowledge<br/>is experience. <span class="author">- Albert Einstein</span>
+					</div>
+				</div><!-- end #resume -->
+				<div id="about" onclick="window.location.href = 'http://www.joeprehoda.com/about.html'" title="about" class="bucket">
+					<a href="about.html" title="about"></a>
+					<div class="bucket_text" onclick="window.location.href = '/about.html'">
+						Professional design<br/>on a deadline. <span class="author">- Joe Prehoda</span>
+					</div>
+				</div><!-- end #about -->
+			</div><!-- end #buckets_3col -->
+		</div><!-- end #content_wrapper -->
+		<div id="footer" class="clear">
+			<div id="social_media" class="clear">
+				<a href="gtalk:chat?jid=[joe.prehoda]@gmail.com" class="social_link" id="google_link" title="Google Talk"></a>
+				<a href="http://www.facebook.com/joe.prehoda" class="social_link" id="facebook_link" title="Facebook"></a>
+				<a href="aim:goim?screenname=jpprehoda" class="social_link" id="aim_link" title="AOL Instant Messenger"></a>
+				<a href="http://www.linkedin.com/profile/view?id=86807236" class="social_link" id="linkedin_link" title="Linked In"></a>
+				<a href="http://twitter.com/Prehoda" class="social_link" id="twitter_link" title="Twitter"></a>
+			</div><!-- end #social_media -->
+			<div id="copyright" class="clear">
+				All trademarks belong to their authoritative owners. <a id="contact_footer" href="#wufooFormz7x4a3" title="contact" style="padding-right:0px;border-right:none;">Send Joe an email.</a>
+			</div><!-- end #copyright -->
+		</div><!-- end #footer -->
+		<img src="images/content_bottom.png" alt="" class="border"/>
+	</div><!-- end #page_wrapper -->
+</body>
+</html>
diff --git a/2009/portfolio.html b/2009/portfolio.html
@@ -0,0 +1,194 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+<head>
+	<title>Joe Prehoda's :: Portfolio of a website desinger in Florida</title>
+	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
+	<meta name="author" content="Joe Prehoda" /> 
+	<meta name="description" content="Here is a few examples of my past work. Feel free to leave feedback." /> 
+	<meta name="copyright" content="Copyright (c) 2010 Joe Prehoda. All Rights Reserved." />
+	<link rel="icon" href="images/favicon.ico" type="image/x-icon" /> 
+	<link rel="shortcut" href="images/favicon.ico" type="image/x-icon" />
+	<link href="assets/base_092110.css" rel="stylesheet" type="text/css" /> 
+	<link href="assets/portfolio_092110.css" rel="stylesheet" type="text/css" />
+	<link href="assets/jquery.fancybox-1.3.1.css" rel="stylesheet" type="text/css" />
+	<script type="text/javascript" src="assets/jquery-1.4.2.min.js"></script>
+	<script type="text/javascript" src="assets/jquery.fancybox-1.3.1.js"></script>
+	<script type="text/javascript" src="assets/jcarousellite_1.0.1.min.js"></script>
+	<script type="text/javascript">
+		$(document).ready(function() {
+			//fancybox init
+			$("#contact_nav").fancybox({
+				'titleShow'		: false
+			});
+			$("#contact_footer").fancybox({
+				'titleShow'		: false
+			});
+		});
+	</script>
+	<script type="text/javascript">
+		$(function() {
+			$(".prepzone").jCarouselLite({
+				btnNext: ".prepzone .next",
+				btnPrev: ".prepzone .prev",
+				visible: 1,
+				circular: true
+			});
+		});
+		$(function() {
+			$(".placeads").jCarouselLite({
+				btnNext: ".placeads .next",
+				btnPrev: ".placeads .prev",
+				visible: 1,
+				circular: true
+			});
+		});
+		$(function() {
+			$(".facebook").jCarouselLite({
+				btnNext: ".facebook .next",
+				btnPrev: ".facebook .prev",
+				visible: 1,
+				circular: true
+			});
+		});
+		$(function() {
+			$(".panther").jCarouselLite({
+				btnNext: ".panther .next",
+				btnPrev: ".panther .prev",
+				visible: 1,
+				circular: true
+			});
+		});
+	</script>
+<script type="text/javascript">
+
+  var _gaq = _gaq || [];
+  _gaq.push(['_setAccount', 'UA-19423886-1']);
+  _gaq.push(['_trackPageview']);
+
+  (function() {
+    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+  })();
+
+</script>
+</head>
+<body>
+	<div id="page_wrapper">
+		<div id="header" class="clear">
+			<img src="images/spade.png" alt="" class="spade" />
+			<div id="logo"><a href="/" title="joeprehoda.com"></a></div><!-- end #logo -->
+			<div id="nav">
+				<a id="portfolio_nav" href="portfolio.html" title="portfolio"></a>
+				<a id="resume_nav" class="unselected" href="resume.html" title="resume"></a>
+				<a id="about_nav" class="unselected" href="about.html" title="about"></a>
+				<a id="contact_nav" class="unselected" href="#wufooFormz7x4a3" title="contact" style="padding-right:0px;border-right:none;"></a>
+			</div><!-- end #nav -->
+			<div style="display:none">
+				<script type="text/javascript">var host = (("https:" == document.location.protocol) ? "https://secure." : "http://");document.write(unescape("%3Cscript src='" + host + "wufoo.com/scripts/embed/form.js' type='text/javascript'%3E%3C/script%3E"));</script>
+				<script type="text/javascript">
+					var z7x4a3 = new WufooForm();
+					z7x4a3.initialize({
+						'userName':'joeprehoda', 
+						'formHash':'z7x4a3', 
+						'autoResize':false,
+						'height':'570'});
+						z7x4a3.display();
+				</script>
+			</div><!-- end hidden wufoo div -->
+		</div><!-- end #header -->
+		<img src="images/content_top.png" alt="" class="border" />
+		<div id="content_wrapper" class="clear">
+			<!-- /\/\/\/\/\/\\/\ PORTFOLIO CAROUSELS /\/\/\/\/\/\\/\ -->
+			<div class="clear" style="padding:28px 0px 56px;">
+				<div class="description">
+					<h1><a href="http://www.naplesnews.com/prepzone" title="view PrepZone">PrepZone</a></h1>
+					<p class="text">PrepZone is a good example of my ability to style templates. If you visit <a href="http://www.naplesnews.com/" title="naplesnews.com">naplesnews.com</a> you'll see the similarities in the Scripps newspapers' templating system.<br/><br/><a href="http://www.naplesnews.com/prepzone" title="visit PrepZone"><img src="images/view_site.jpg" alt="" style="margin-right:7px;border:none;" />View this site &raquo;</a></p>
+				</div>
+				<div class="carousel">
+					<div class="prepzone">
+						<a class="prev"></a>
+						<a class="next"></a>
+    					<ul>
+							<li><img src="images/portfolio/prepzone_1.jpg" alt="" width="631" height="180" /></li>
+							<li><img src="images/portfolio/prepzone_2.jpg" alt="" width="631" height="180" /></li>
+							<li><img src="images/portfolio/prepzone_3.jpg" alt="" width="631" height="180" /></li>
+						</ul>
+					</div><!-- end .prepzone -->
+				</div><!-- end .carousel -->
+				<br style="clear:both;" />
+			</div><!-- end .clear -->
+			<!-- /\/\/\/\/\/\\/\ PLACEADS CONTENT /\/\/\/\/\/\\/\ -->
+			<div class="clear" style="padding-bottom:56px;">
+				<div class="description">
+					<h1><a href="http://placeads.naplesnews.com/index.jsp" title="view Placeads">Placeads</a></h1>
+					<p class="text">Placeads is an example of one of my full redesigns. Prior to this design, elements of the page were cramped and unorganized. Not mention a horrid bright blue background color.<br/><br/><a href="http://placeads.naplesnews.com/index.jsp" title="view Placeads"><img src="images/view_site.jpg" alt="" style="margin-right:7px;border:none;" />View this site &raquo;</a></p>
+				</div>
+				<div class="carousel">
+					<div class="placeads">
+						<a class="prev"></a>
+						<a class="next"></a>
+    					<ul>
+							<li><img src="images/portfolio/placeads_1.jpg" alt="" width="631" height="180" /></li>
+							<li><img src="images/portfolio/placeads_2.jpg" alt="" width="631" height="180" /></li>
+						</ul>
+					</div><!-- end .prepzone -->
+				</div><!-- end .carousel -->
+				<br style="clear:both;" />
+			</div><!-- end .clear -->
+			<!-- /\/\/\/\/\/\\/\ FACEBOOK APP CONTENT /\/\/\/\/\/\\/\ -->
+			<div class="clear" style="padding-bottom:56px;">
+				<div class="description">
+					<h1><a href="http://apps.facebook.com/naplesnews/" title="view the facebook application">Facebook App</a></h1>
+					<p class="text">Tackling proprietary markup languages such as Facebook's API is no problem. This application was built with XFBML.<br/><br/><a href="http://apps.facebook.com/naplesnews/" title="view the facebook application"><img src="images/view_site.jpg" alt="" style="margin-right:7px;border:none;" />View this site &raquo;</a></p>
+				</div>
+				<div class="carousel">
+					<div class="facebook">
+						<a class="prev"></a>
+						<a class="next"></a>
+    					<ul>
+							<li><img src="images/portfolio/facebook_1.jpg" alt="" width="631" height="180" /></li>
+							<li><img src="images/portfolio/facebook_2.jpg" alt="" width="631" height="180" /></li>
+						</ul>
+					</div><!-- end .prepzone -->
+				</div><!-- end .carousel -->
+				<br style="clear:both;" />
+			</div><!-- end .clear -->
+			<!-- /\/\/\/\/\/\\/\ PANTHER CONTENT /\/\/\/\/\/\\/\ -->
+			<div class="clear" style="padding-bottom:14px;">
+				<div class="description">
+					<h1><a href="http://www.naplesnews.com/panthers/" title="view the panther page">Panther page</a></h1>
+					<p class="text">Out of all of the sites that I've worked on I believe this one is my favorite, but It's probably the subject matter that swings my vote. Note the caspio database on this page.<br/><br/><a href="http://www.naplesnews.com/panthers/" title="view the panther page"><img src="images/view_site.jpg" alt="" style="margin-right:7px;border:none;" />View this site &raquo;</a></p>
+				</div>
+				<div class="carousel">
+					<div class="panther">
+						<a class="prev"></a>
+						<a class="next"></a>
+    					<ul>
+							<li><img src="images/portfolio/panther_1.jpg" alt="" width="631" height="180" /></li>
+							<li><img src="images/portfolio/panther_2.jpg" alt="" width="631" height="180" /></li>
+						</ul>
+					</div><!-- end .prepzone -->
+				</div><!-- end .carousel -->
+				<br style="clear:both;" />
+			</div><!-- end .clear -->
+
+		</div><!-- end #content_wrapper -->
+		<div id="footer" class="clear">
+			<div id="social_media" class="clear">
+				<a href="gtalk:chat?jid=[joe.prehoda]@gmail.com" class="social_link" id="google_link" title="Google Talk"></a>
+				<a href="http://www.facebook.com/joe.prehoda" class="social_link" id="facebook_link" title="Facebook"></a>
+				<a href="aim:goim?screenname=jpprehoda" class="social_link" id="aim_link" title="AOL Instant Messenger"></a>
+				<a href="http://www.linkedin.com/profile/view?id=86807236" class="social_link" id="linkedin_link" title="Linked In"></a>
+				<a href="http://twitter.com/Prehoda" class="social_link" id="twitter_link" title="Twitter"></a>
+			</div><!-- end #social_media -->
+			<div id="copyright" class="clear">
+				All trademarks belong to their authoritative owners. <a id="contact_footer" href="#wufooFormz7x4a3" title="contact" style="padding-right:0px;border-right:none;">Send Joe an email.</a>
+			</div><!-- end #copyright -->
+		</div><!-- end #footer -->
+		<img src="images/content_bottom.png" alt="" class="border"/>
+	</div><!-- end #page_wrapper -->
+</body>
+</html>
diff --git a/2009/resume.html b/2009/resume.html
@@ -0,0 +1,158 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+<head>
+	<title>Joe Prehoda :: Resume of a website desinger in Florida</title>
+	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
+	<meta name="author" content="Joe Prehoda" /> 
+	<meta name="description" content="Joe Prehoda's resume of a website desinger in Florida" /> 
+	<meta name="copyright" content="Copyright (c) 2010 Joe Prehoda. All Rights Reserved." />
+	<link rel="icon" href="images/favicon.ico" type="image/x-icon" /> 
+	<link rel="shortcut" href="images/favicon.ico" type="image/x-icon" />
+	<link href="assets/base_092110.css" rel="stylesheet" type="text/css" /> 
+	<link href="assets/resume_110610.css" rel="stylesheet" type="text/css" />
+	<link href="assets/print_110610.css" rel="stylesheet" type="text/css" media="print" />
+	<link href="assets/jquery.fancybox-1.3.1.css" rel="stylesheet" type="text/css" />
+	<script type="text/javascript" src="assets/jquery-1.4.2.min.js"></script>
+	<script type="text/javascript" src="assets/jquery.fancybox-1.3.1.js"></script>
+	<script type="text/javascript">
+		$(document).ready(function() {
+			//fancybox init
+			$("#contact_nav").fancybox({
+				'titleShow'		: false
+			});
+			$("#contact_footer").fancybox({
+				'titleShow'		: false
+			});
+			//activate the print button
+			$(".print").click(
+				function () {window.print();}
+			);
+		});
+	</script>
+<script type="text/javascript">
+
+  var _gaq = _gaq || [];
+  _gaq.push(['_setAccount', 'UA-19423886-1']);
+  _gaq.push(['_trackPageview']);
+
+  (function() {
+    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+  })();
+
+</script>
+</head>
+<body>
+	<div id="page_wrapper">
+		<div id="header" class="clear">
+			<img src="images/spade.png" alt="" class="spade" />
+			<div id="logo"><a href="/" title="joeprehoda.com"></a></div><!-- end #logo -->
+			<div id="nav">
+				<a id="portfolio_nav" class="unselected" href="portfolio.html" title="portfoilio"></a>
+				<a id="resume_nav" href="resume.html" title="resume"></a>
+				<a id="about_nav" class="unselected" href="about.html" title="about"></a>
+				<a id="contact_nav" class="unselected" href="#wufooFormz7x4a3" title="contact" style="padding-right:0px;border-right:none;"></a>
+			</div><!-- end #nav -->
+			<div style="display:none">
+				<script type="text/javascript">var host = (("https:" == document.location.protocol) ? "https://secure." : "http://");document.write(unescape("%3Cscript src='" + host + "wufoo.com/scripts/embed/form.js' type='text/javascript'%3E%3C/script%3E"));</script>
+				<script type="text/javascript">
+					var z7x4a3 = new WufooForm();
+					z7x4a3.initialize({
+						'userName':'joeprehoda', 
+						'formHash':'z7x4a3', 
+						'autoResize':false,
+						'height':'570'});
+						z7x4a3.display();
+				</script>
+			</div><!-- end hidden wufoo div -->
+		</div><!-- end #header -->
+		<img src="images/content_top.png" alt="" class="border" />
+		<div id="content_wrapper" class="clear">
+			<img src="images/resume_top.jpg" alt="" class="border" />
+			<div id="resume_wrapper" class="clear">
+				<div id="resume_bg" class="clear">
+					<img src="images/resume_profile.png" alt="" id="profile" />
+					<div id="experience">
+						<a title="Printer friendly" class="print"></a>
+						<div class="spacer">&nbsp;</div>
+						<a href="assets/resume.pdf" title="To save PDF: right click on this icon and select 'Save target as...' or 'Save link as...'" class="pdf"></a>
+						<h3 class="title">Objective</h3>
+						<p class="paragraph">To obtain a full-time position that will benefit from my background in design, personnel management, and data analysis. By displaying these qualities, I look to increase efficiencies and add to the value of your business.</p>
+						<h3 class="title">Professional</h3>
+						<!-- /\/\/\/\/\/\/\/\/\/\/\ NAPLES DAILY NEWS JOB DESCRIPTION /\/\/\/\/\/\/\/\/\/\/\ -->
+						<p class="job_header"><span style="display:block;float:left;">Naples Daily News</span><span style="display:block;float:right;">Naples, FL</span><br style="clear:both"/><span style="display:block;float:left;">Website Architect, Electronic Artist</span><span style="display:block;float:right;">February, 2007 to Present</span><br style="clear:both"/></p>
+						<ul class="details">
+							<li>Daily maintenance of Naples News Media Group websites.</li>
+							<li>Designing new site sections and features.</li>
+							<li>Designing electronic advertising for print products.</li>
+						</ul>
+						<!-- /\/\/\/\/\/\/\/\/\/\/\ TRIBUNE MEDIA JOB DESCRIPTION /\/\/\/\/\/\/\/\/\/\/\ -->
+						<p class="job_header"><span style="display:block;float:left;">Tribune Media Services</span><span style="display:block;float:right;">Glens Falls, NY</span><br style="clear:both"/><span style="display:block;float:left;">Design Consultant, Feature Designer</span><span style="display:block;float:right;">January, 2005 to October, 2006</span><br style="clear:both"/></p>
+						<ul class="details">
+							<li>Designing feature articles for Tribune Media Services’ high-end products.</li>
+							<li>Delegating orders to create new or redesigned products.</li>
+							<li>Emphasis on customer service during client account creation or redesign.</li>
+						</ul>
+						<!-- /\/\/\/\/\/\/\/\/\/\/\ POST-STAR JOB DESCRIPTION /\/\/\/\/\/\/\/\/\/\/\ -->
+						<p class="job_header"><span style="display:block;float:left;">The Post-Star</span><span style="display:block;float:right;">Glens Falls, NY</span><br style="clear:both"/><span style="display:block;float:left;">Pre-press</span><span style="display:block;float:right;">March, 2004 to January, 2005</span><br style="clear:both"/></p>
+						<ul class="details">
+							<li>Photo color correction, resizing and clipping using Photoshop.</li>
+							<li>Imaging light sensitive plates for printing press.</li>
+							<li>Uploading and manipulating text for website articles.</li>
+						</ul>
+						<!-- /\/\/\/\/\/\/\/\/\/\/\ TRIBUNE PAGINATION JOB DESCRIPTION /\/\/\/\/\/\/\/\/\/\/\ -->
+						<p class="job_header"><span style="display:block;float:left;">Tribune Media Services</span><span style="display:block;float:right;">Glens Falls, NY</span><br style="clear:both"/><span style="display:block;float:left;">Pagination</span><span style="display:block;float:right;">January, 2001 to August, 2002</span><br style="clear:both"/></p>
+						<ul class="details" style="margin-bottom:42px;">
+							<li>Paginating print products for customers around the world.</li>
+							<li>Photo color correction, resizing and clipping using Photoshop</li>
+						</ul>
+						<h3 class="title">Education</h3>
+						<!-- /\/\/\/\/\/\/\/\/\/\/\ EDUCATION DESCRIPTION /\/\/\/\/\/\/\/\/\/\/\ -->
+						<p class="job_header"><span style="display:block;float:left;">Hartford Central School</span><span style="display:block;float:right;">Hartford, NY</span><br style="clear:both"/><span style="display:block;float:left;">Regents/Regional Diploma</span><span style="display:block;float:right;">September, 1994 to June, 1998</span><br style="clear:both"/></p>
+						<ul class="details" style="margin-bottom:42px;">
+							<li>Named "Who's who among America's highschool students" 1996 and 1997.</li>
+						</ul>
+						<h3 class="title">Software Experience</h3>
+						<!-- /\/\/\/\/\/\/\/\/\/\/\ EDUCATION DESCRIPTION /\/\/\/\/\/\/\/\/\/\/\ -->
+						<ul class="details floated_list">
+							<li>Photoshop</li>
+							<li>Dreamweaver</li>
+							<li>Illustrator</li>
+							<li>InDesign</li>
+						</ul>
+						<ul class="details floated_list">
+							<li>Javascript</li>
+							<li>jQuery</li>
+							<li>Django</li>
+							<li>Facebook API</li>
+						</ul>
+						<ul class="details floated_list">
+							<li>XHTML</li>
+							<li>CSS</li>
+							<li>XML</li>
+							<li>Movable type</li>
+						</ul>
+					</div><!-- end #experience -->
+					<br style="clear:both;"/>
+				</div><!-- end #resume_bg -->
+			</div><!-- end #resume_wrapper -->
+		</div><!-- end #content_wrapper -->
+		<div id="footer" class="clear">
+			<div id="social_media" class="clear">
+				<a href="gtalk:chat?jid=[joe.prehoda]@gmail.com" class="social_link" id="google_link" title="Google Talk"></a>
+				<a href="http://www.facebook.com/joe.prehoda" class="social_link" id="facebook_link" title="Facebook"></a>
+				<a href="aim:goim?screenname=jpprehoda" class="social_link" id="aim_link" title="AOL Instant Messenger"></a>
+				<a href="http://www.linkedin.com/profile/view?id=86807236" class="social_link" id="linkedin_link" title="Linked In"></a>
+				<a href="http://twitter.com/Prehoda" class="social_link" id="twitter_link" title="Twitter"></a>
+			</div><!-- end #social_media -->
+			<div id="copyright" class="clear">
+				All trademarks belong to their authoritative owners. <a id="contact_footer" href="#wufooFormz7x4a3" title="contact" style="padding-right:0px;border-right:none;">Send Joe an email.</a>
+			</div><!-- end #copyright -->
+		</div><!-- end #footer -->
+		<img src="images/content_bottom.png" alt="" class="border"/>
+	</div><!-- end #page_wrapper -->
+</body>
+</html>
diff --git a/2009/site.zip b/2009/site.zip
diff --git a/2011/404.html b/2011/404.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<!-- WEBSITE TITLE -->
+	<title>Joe Prehoda's Website</title>
+    <!-- META -->
+	<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
+	<meta name="author" content="Joe Prehoda"/> 
+	<meta name="description" content="Welcome to Joe Prehoda's website. Here you'll find past work and other information about Joe Prehoda." />
+	<!-- LINKS -->
+	<link rel="icon" type="image/x-icon" href="images/icons/favicon.ico"/> 
+	<link rel="shortcut" type="image/x-icon" href="images/icons/favicon.ico"/>
+	<link rel="stylesheet" type="text/css" href="css/style_110711.css"/> 
+	<link rel="stylesheet" type="text/css" href="css/index_110711.css"/> 
+</head>
+<body>
+	<div id="topIndexWrapper">
+		<div id="headerWrapper">
+			<div id="header" class="center clear">
+				<a href="/" title="Joe Prehoda">
+					<img src="images/pick.png" alt="" id="guitarPick" class="hasFloat"/>
+				</a>
+				<div id="logo" class="hasFloat">
+					<a href="/" title="Joe Prehoda">JOE<span class="isBold">PREHODA</span></a>
+				</div><!-- End #logo -->
+				<div id="navigation" class="hasFloat">
+					<a href="/" title="joeprehoda.com">Home</a>
+					<a href="/work.html" title="Joe Prehoda's Work Experience">My Work</a>
+					<a href="/about.html" title="About Joe Prehoda">About</a>
+					<a href="/contact.html" title="Contact Joe Prehoda">Contact</a>
+				</div><!-- End #navigation -->
+			</div><!-- End #header -->
+		</div><!-- End #headerWrapper -->
+		<div id="leadin" class="center">
+			<img src="images/head.png" alt="Expert Design" />
+			<p>Using inspired creativity to engage an audience.</p>
+		</div><!-- End #leadin -->
+		<div id="siteCaps" class="center">
+			<a href="/work.html" title="Joe Prehoda's Work Experience">
+				<img src="images/lead_site.jpg" alt="Lead Website" />
+			</a>
+		</div><!-- End #siteCaps -->
+	</div><!-- End #topIndexWrapper -->
+	<div id="contentWrapper" class="indexContent">
+		<div id="bottomNav" class="center clear">
+			<div class="bucket bucketLeft hasFloat">
+				<h1><a href="/work.html" title="Joe Prehoda's Work Experience">My Work</a></h1>
+                <p>View examples from various websites I've worked on in the past. Here you can also, view or download my current resume.</p>
+                <p><a class="more" href="/work.html" title="Joe Prehoda's Work Experience">Learn More &raquo;</a></p>
+			</div><!-- End .bucket -->
+			<div class="bucket hasFloat">
+				<h1><a href="/about.html" title="About Joe Prehoda">About Me</a></h1>
+                <p>Read a summary of my professional history and why I enjoy designing websites. Learn why I am interested in the future of web design.</p>
+                <p><a class="more" href="/about.html" title="About Joe Prehoda">Read More &raquo;</a></p>
+			</div><!-- End .bucket -->
+			<div class="bucket hasFloat">
+				<h1><a href="/contact.html" title="Contact Joe Prehoda">Contact Me</a></h1>
+                <p>Maybe you have some feedback or you like what you see. Fill out a short form and I will get back to you as soon as possible.</p>
+                <p><a class="more" href="/contact.html" title="Contact Joe Prehoda">Fill Out Form &raquo;</a></p>
+			</div><!-- End .bucket -->
+		</div><!-- End #content -->
+	</div><!-- End #contentWrapper -->
+	<div id="footer" class="center clear">
+		<p class="legal hasFloat">All trademarks belong to their authoritative owners. Please feel free to <a href="/contact.html" title="Contact Joe Prehoda">drop me a line</a>.</p>
+		<ul class="social hasFloat">
+			<li><a href="http://www.linkedin.com/profile/view?id=86807236" title="Joe Prehoda's Linked In Page">Linked In</a></li>
+			<li><a href="https://plus.google.com/114863354674268171504/posts" title="Joe Prehoda's Google Plus Page">Google Plus</a></li>
+			<li><a href="http://www.facebook.com/joe.prehoda" title="Joe Prehoda's Facebook Page">Facebook</a></li>
+		</ul><!-- End #social -->
+	</div><!-- End #footer -->
+	<!-- GOOGLE TRACKING *** GOOGLE IS WATCHING YOU -->
+	<script type="text/javascript">
+		var _gaq = _gaq || [];
+		_gaq.push(['_setAccount', 'UA-19423886-1']);
+		_gaq.push(['_trackPageview']);
+		(function() {
+			var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+			ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+		})();
+	</script>
+</body>
+</html>
diff --git a/2011/Site.zip b/2011/Site.zip
diff --git a/2011/Source Images/Color_Palette_Blue.psd b/2011/Source Images/Color_Palette_Blue.psd
diff --git a/2011/Source Images/about_handle.psd b/2011/Source Images/about_handle.psd
diff --git a/2011/Source Images/about_pics/business.psd b/2011/Source Images/about_pics/business.psd
diff --git a/2011/Source Images/about_pics/business_post.psd b/2011/Source Images/about_pics/business_post.psd
diff --git a/2011/Source Images/about_pics/casual.psd b/2011/Source Images/about_pics/casual.psd
diff --git a/2011/Source Images/about_pics/casual_post.psd b/2011/Source Images/about_pics/casual_post.psd
diff --git a/2011/Source Images/about_pics/combined.psd b/2011/Source Images/about_pics/combined.psd
diff --git a/2011/Source Images/accent.ai b/2011/Source Images/accent.ai
diff --git a/2011/Source Images/body_bg.psd b/2011/Source Images/body_bg.psd
diff --git a/2011/Source Images/carousel_ctrls.psd b/2011/Source Images/carousel_ctrls.psd
diff --git a/2011/Source Images/doorknob.psd b/2011/Source Images/doorknob.psd
diff --git a/2011/Source Images/eservice_before.psd b/2011/Source Images/eservice_before.psd
diff --git a/2011/Source Images/full_pages/catalyst_full_page.psd b/2011/Source Images/full_pages/catalyst_full_page.psd
diff --git a/2011/Source Images/full_pages/chioce_full_page.psd b/2011/Source Images/full_pages/chioce_full_page.psd
diff --git a/2011/Source Images/full_pages/facebook_full_page.psd b/2011/Source Images/full_pages/facebook_full_page.psd
diff --git a/2011/Source Images/full_pages/panther_full_page.psd b/2011/Source Images/full_pages/panther_full_page.psd
diff --git a/2011/Source Images/full_pages/placeads_full_page.psd b/2011/Source Images/full_pages/placeads_full_page.psd
diff --git a/2011/Source Images/full_pages/prepzone_full_page.psd b/2011/Source Images/full_pages/prepzone_full_page.psd
diff --git a/2011/Source Images/gov_resume_contact.psd b/2011/Source Images/gov_resume_contact.psd
diff --git a/2011/Source Images/government_contact.jpg b/2011/Source Images/government_contact.jpg
diff --git a/2011/Source Images/guitar_pick.ai b/2011/Source Images/guitar_pick.ai
diff --git a/2011/Source Images/home_mockup.psd b/2011/Source Images/home_mockup.psd
diff --git a/2011/Source Images/icons/google-refine.psd b/2011/Source Images/icons/google-refine.psd
diff --git a/2011/Source Images/icons/google-refine2.psd b/2011/Source Images/icons/google-refine2.psd
diff --git a/2011/Source Images/icons/jquery.ai b/2011/Source Images/icons/jquery.ai
diff --git a/2011/Source Images/icons/word_icon.psd b/2011/Source Images/icons/word_icon.psd
diff --git a/2011/Source Images/icons/wordpress-logo.ai b/2011/Source Images/icons/wordpress-logo.ai
diff --git a/2011/Source Images/internal_mockup.psd b/2011/Source Images/internal_mockup.psd
diff --git a/2011/Source Images/plus.ai b/2011/Source Images/plus.ai
diff --git a/2011/Source Images/qrcode.gif b/2011/Source Images/qrcode.gif
diff --git a/2011/Source Images/resume_contact.eps b/2011/Source Images/resume_contact.eps
diff --git a/2011/Source Images/resume_contact.jpg b/2011/Source Images/resume_contact.jpg
diff --git a/2011/Source Images/resume_contact.psd b/2011/Source Images/resume_contact.psd
diff --git a/2011/Source Images/resume_contact_noaddy.jpg b/2011/Source Images/resume_contact_noaddy.jpg
diff --git a/2011/Source Images/resume_contact_noaddy.psd b/2011/Source Images/resume_contact_noaddy.psd
diff --git a/2011/Source Images/resume_icon.jpg b/2011/Source Images/resume_icon.jpg
diff --git a/2011/Source Images/sites_in_browser.psd b/2011/Source Images/sites_in_browser.psd
diff --git a/2011/Source Images/submitButton.psd b/2011/Source Images/submitButton.psd
diff --git a/2011/about.html b/2011/about.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<!-- WEBSITE TITLE -->
+	<title>About Joe Prehoda</title>
+    <!-- META -->
+	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
+	<meta name="author" content="Joe Prehoda" /> 
+	<meta name="description" content="About Joe Prehoda. Read about Joe's past and future in the design industry." />
+	<!-- LINKS -->
+	<link rel="icon" type="image/x-icon" href="/2011/images/icons/favicon.ico"/> 
+	<link rel="shortcut" type="image/x-icon" href="/2011/images/icons/favicon.ico"/>
+	<link rel="stylesheet" type="text/css" href="/2011/css/style_110711.css"/> 
+	<link rel="stylesheet" type="text/css" href="/2011/css/about_110711.css"/> 
+</head>
+<body>
+	<div id="topInteriorWrapper">
+		<div id="headerWrapper">
+			<div id="header" class="center clear">
+				<a href="/" title="Joe Prehoda">
+					<img src="/2011/images/pick.png" alt="" id="guitarPick" class="hasFloat"/>
+				</a>
+				<div id="logo" class="hasFloat">
+					<a href="/" title="Joe Prehoda">JOE<span class="isBold">PREHODA</span></a>
+				</div><!-- End #logo -->
+				<div id="navigation" class="hasFloat">
+					<a href="/" title="joeprehoda.com">Home</a>
+					<a href="/2011/work.html" title="Joe Prehoda's Work Experience">My Work</a>
+					<a href="/2011/about.html" title="About Joe Prehoda">About</a>
+					<a href="/?formSubmit=true" title="Contact Joe Prehoda">Contact</a>
+				</div><!-- End #navigation -->
+			</div><!-- End #header -->
+		</div><!-- End #headerWrapper -->
+	</div><!-- End #topInteriorWrapper -->
+	<div id="interiorcontentWrapper">
+		<div id="sectionHead" class="center">About</div>
+		<div id="content" class="center clear">
+			<div id="beforeAfter" class="hasFloat">
+				<div><img alt="before" src="/2011/images/before_after/before.jpg" width="400" height="1206" /></div>
+				<div><img alt="after" src="/2011/images/before_after/after.jpg" width="400" height="1206" /></div>
+			</div><!-- End #beforeAfter -->
+			<div id="sidebar" class="hasFloat">
+				<p class="dropcap">Over the past decade, I have earned experience in almost every aspect of the design industry. From pre-press labor to design consultant, to the website design position I hold today. I&#39;ve managed people and have been managed by people. I&#39;ve worked solo and have worked within a team. The sum of this experience created the passion for XHTML, CSS, and jQuery I have today.</p>
+				<div class="sidebarBucket clear">
+					<h3>What I&#39;ve learned along the way</h3>
+					<ul class="dualList hasFloat listLeft">
+						<li>Photoshop</li>
+						<li>Dreamweaver</li>
+						<li>Illustrator</li>
+						<li>InDesign</li>
+						<li>WorPress</li>
+						<li>Javascript</li>
+						<li>jQuery</li>
+						<li class="bottom">Django</li>
+					</ul>
+					<ul class="dualList hasFloat">
+						<li>XHTML</li>
+						<li>CSS</li>
+						<li>XML</li>
+						<li>Movable type</li>
+						<li>JSON</li>
+						<li>Facebook API</li>
+						<li class="bottom">PHP</li>
+					</ul>
+				</div><!-- End. #applicationList -->
+				<p>When I&#39;m not working on a website, you can usually find me walking through Florida's outback with a fishing pole nearby. If I'm not doing that, then I&#39;m probably in front of the TV watching an extremely low budget movie and enjoying every minute of it. I also consider myself a casual gamer.</p>
+				<p>I&#39;m always on the lookout for ways to improve user interactions with the sites I maintain. My current obsession is HTML5 and canvas. I&#39;ve already started brewing up ideas on how to incorporate canvas into my next portfolio site design.</p>
+				<p class="noMargin">If you like what you see or maybe you have some suggestions for my website, please feel free to <a href="/?formSubmit=true" title="Contact Joe Prehoda" class="paragraph">contact me</a>. <a href="/" title="Joe Prehoda's Resume" class="paragraph">My resume</a> is also available for viewing or downloading.</p>
+			</div><!-- End #sidebar -->
+		</div><!-- End #content -->
+	</div><!-- End #interiorcontentWrapper -->
+	<div id="footer" class="center clear">
+		<p class="legal hasFloat">All trademarks belong to their authoritative owners. Please feel free to <a href="/?formSubmit=true" title="Contact Joe Prehoda">drop me a line</a>.</p>
+		<ul class="social hasFloat">
+			<li><a href="http://www.linkedin.com/profile/view?id=86807236" title="Joe Prehoda's Linked In Page">Linked In</a></li>
+			<li><a href="https://plus.google.com/114863354674268171504/posts" title="Joe Prehoda's Google Plus Page">Google Plus</a></li>
+			<li><a href="http://www.facebook.com/joe.prehoda" title="Joe Prehoda's Facebook Page">Facebook</a></li>
+		</ul><!-- End #social -->
+	</div><!-- End #footer -->
+	<!-- JAVASCRIPT -->
+	<script type="text/javascript" src="/2011/javascript/jquery-1.6.4.min.js"></script>
+	<script type="text/javascript" src="/2011/javascript/jquery-ui-1.8.16.custom.min.js"></script>
+	<script type="text/javascript" src="/2011/javascript/jquery.beforeafter-1.4.min.js"></script>
+	<script type="text/javascript" src="/2011/javascript/about.js"></script>
+	<!-- GOOGLE TRACKING *** GOOGLE IS WATCHING YOU -->
+	<script type="text/javascript">
+		(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+		(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+		m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+		})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+
+		ga('create', 'UA-19423886-1', 'auto');
+		ga('send', 'pageview');
+	</script>
+</body>
+</html>
diff --git a/2011/contact.html b/2011/contact.html
@@ -0,0 +1,106 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<!-- WEBSITE TITLE -->
+	<title>Contact Joe Prehoda</title>
+    <!-- META -->
+	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
+	<meta name="author" content="Joe Prehoda" /> 
+	<meta name="description" content="Contact Joe Prehoda." />
+	<!-- LINKS -->
+	<link rel="icon" type="image/x-icon" href="/2011/images/icons/favicon.ico"/> 
+	<link rel="shortcut" type="image/x-icon" href="/2011/images/icons/favicon.ico"/>
+	<link rel="stylesheet" type="text/css" href="/2011/css/style_110711.css"/> 
+	<link rel="stylesheet" type="text/css" href="/2011/css/contact_110711.css"/> 
+	<link rel="stylesheet" type="text/css" href="/2011/css/validationEngine.jquery.css"/> 
+</head>
+<body>
+	<div id="topInteriorWrapper">
+		<div id="headerWrapper">
+			<div id="header" class="center clear">
+				<a href="/2011/" title="Joe Prehoda">
+					<img src="/2011/images/pick.png" alt="" id="guitarPick" class="hasFloat"/>
+				</a>
+				<div id="logo" class="hasFloat">
+					<a href="/2011/" title="Joe Prehoda">JOE<span class="isBold">PREHODA</span></a>
+				</div><!-- End #logo -->
+				<div id="navigation" class="hasFloat">
+					<a href="/2011/" title="joeprehoda.com">Home</a>
+					<a href="/2011/work.html" title="Joe Prehoda's Work Experience">My Work</a>
+					<a href="/2011/about.html" title="About Joe Prehoda">About</a>
+					<a href="/?formSubmit=true" title="Contact Joe Prehoda">Contact</a>
+				</div><!-- End #navigation -->
+			</div><!-- End #header -->
+		</div><!-- End #headerWrapper -->
+	</div><!-- End #topInteriorWrapper -->
+	<div id="interiorcontentWrapper">
+		<div id="sectionHead" class="center">Contact</div>
+		<div id="content" class="center clear">
+			<form id="contactForm" action="" method="post">
+				<h4><img id="plus" src="images/contact_plus.jpg" alt="" />Drop me a line</h4>
+				<div class="formLine clear">
+					<input type="hidden" name='sendflag' value="send">
+					<label class="hasFloat">NAME:</label>
+                    <input id="name" type="text" name="Name" class="hasFloat validate[required,custom[onlyLetterSp]]"/>
+ 				</div><!-- End .formLine -->
+				<div class="formLine clear">
+					<label class="hasFloat">EMAIL:</label>
+					<input id="email" type="text" name="email" class="hasFloat validate[required,custom[email]]"/>
+				</div><!-- End .formLine -->
+				<div class="formLine clear commentHead">
+					<label class="hasFloat">COMMENT:</label>
+				</div><!-- End .formLine -->
+				<div id="comments">
+					<textarea id="textarea" name="message" cols="1" rows="1" class="noMargin validate[required]"></textarea>
+				</div><!-- End .formLine -->
+				<div id="submit">
+					<input type="submit" name="submit"/>
+				</div><!-- End #submit -->
+			</form>
+			<div id="sidebar" class="hasFloat">
+				<p class="dropcap">Please note that I am not available for freelance work. I made this site to present my past work to full-time employers. If you are looking for an outstanding freelancer, please visit <a class="paragraph" href="http://www.dotgaindesign.com" title="Dotgain Design">Dotgain Design</a> to get a professional estimate on your freelance project.</p>
+                <p>Below you will find a complete list of the third party resources I used to create this site.</p>
+				<div class="sidebarBucket clear">
+					<h3>Notable Resources</h3>
+					<ul class="resouceList hasFloat">
+						<li><a href="http://fancybox.net/" title="jQuery Fancybox">jQuery Fancybox</a><br/><span class="sub">Used on my work page</span></li>
+						<li><a href="http://www.gmarwaha.com/jquery/jcarousellite/" title="jCarousel Lite">jCarousel Lite</a><br/><span class="sub">Used on my work page</span></li>
+						<li><a href="http://www.catchmyfame.com/2009/06/25/jquery-beforeafter-plugin/" title="jQuery Before/After Plugin">jQuery Before/After Plugin</a><br/><span class="sub">Used on about page</span></li>
+						<li><a href="http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/" title="jQuery inline form validation">jQuery inline form validation</a><br/><span class="sub">Used on contact page</span></li>
+						<li><a href="http://www.adobe.com/products/photoshop.html" title="Adobe Photoshop CS5">Adobe Photoshop CS5</a><br/><span class="sub">Used to create all pages</span></li>
+						<li><a href="http://www.adobe.com/products/illustrator.html" title="Adobe Illustrator CS5">Adobe Illustrator CS5</a><br/><span class="sub">Used to create all pages</span></li>
+						<li><a href="http://www.adobe.com/products/dreamweaver.html" title="Adobe Dreamweaver CS5">Adobe Dreamweaver CS5</a><br/><span class="sub">Used to create all pages</span></li>
+						<li><a href="http://filezilla-project.org/" title="Filezilla">Filezilla</a><br/><span class="sub">File transfers</span></li>
+						<li class="bottom"><a href="http://validator.w3.org/" title="W3C Markup Validation Service">W3C Markup Validation Service</a><br/><span class="sub">HTML Validation</span></li>
+					</ul>
+				</div><!-- End. #applicationList -->
+				<p class="noMargin">Thank you to everyone who provided critical feedback for this site. I couldn't have built it without your help.</p>
+			</div><!-- End #sidebar -->
+		</div><!-- End #content -->
+	</div><!-- End #interiorcontentWrapper -->
+	<div id="footer" class="center clear">
+		<p class="legal hasFloat">All trademarks belong to their authoritative owners. Please feel free to <a href="/?formSubmit=true" title="Contact Joe Prehoda">drop me a line</a>.</p>
+		<ul class="social hasFloat">
+			<li><a href="http://www.linkedin.com/profile/view?id=86807236" title="Joe Prehoda's Linked In Page">Linked In</a></li>
+			<li><a href="https://plus.google.com/114863354674268171504/posts" title="Joe Prehoda's Google Plus Page">Google Plus</a></li>
+			<li><a href="http://www.facebook.com/joe.prehoda" title="Joe Prehoda's Facebook Page">Facebook</a></li>
+		</ul><!-- End #social -->
+	</div><!-- End #footer -->
+	<!-- JAVASCRIPT -->
+	<script type="text/javascript" src="/2011/javascript/jquery-1.6.4.min.js"></script>
+	<script type="text/javascript" src="/2011/javascript/jquery.validationEngine-en.js"></script>
+	<script type="text/javascript" src="/2011/javascript/jquery.validationEngine.js"></script>
+	<script type="text/javascript" src="/2011/javascript/contact.js"></script>
+	<!-- GOOGLE TRACKING *** GOOGLE IS WATCHING YOU -->
+	<script type="text/javascript">
+		(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+		(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+		m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+		})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+
+		ga('create', 'UA-19423886-1', 'auto');
+		ga('send', 'pageview');
+	</script>
+</body>
+</html>
diff --git a/2011/css/about_110711.css b/2011/css/about_110711.css
@@ -0,0 +1,7 @@
+/* ABOUT
+***********************************************/
+#beforeAfter{float:left;}
+.dualList{float:left;width:178px;margin-left:14px;list-style-type:none;}
+.listLeft{margin-left:0px}
+.dualList li{background:url(../images/list_circle.gif) 0 6px no-repeat;padding-left:14px;margin:0px 0px 7px 14px;}
+li.bottom{margin-bottom:0px;}
diff --git a/2011/css/contact_110711.css b/2011/css/contact_110711.css
@@ -0,0 +1,24 @@
+/* CONTACT STYLES
+***********************************************/
+#contactForm{float:left; width:488px; padding:21px; background:#FFF;border: 1px solid #BCBBAD;}
+#plus{margin-right:4px}
+.formLine{border-bottom:1px solid #BCBBAD; padding:0px; margin: 0px 14px 28px;}
+label{float:left; font-family:Helvetica, Arial, sans-serif; color:#73736F; font-size:16px;}
+.commentHead{margin-bottom:0px;}
+ul{list-style:none;}
+li{background:url(../images/list_circle.gif) 0 6px no-repeat;padding-left:14px;margin: 0px 0px 14px 14px;line-height: 18px;}
+li a{color:#8a8a8a;text-decoration:none;font-weight:bold;-webkit-transition:color 0.35s ease-in;-moz-transition:color 0.35s ease-in;-0-transition:color 0.35s ease-in;transition:color 0.35s ease-in; background:none; padding:0px;}
+li a:hover{color:#a24d29;}
+li.bottom{margin-bottom:0px;}
+.sub{font-size:14px;}
+
+/* INPUTS
+***********************************************/
+.formLine input{float:right; background:none; border:none; outline:none;font-family:Helvetica, Arial, sans-serif; color:#8A8A8A; font-size:16px; padding:0px; line-height:16px;}
+#name{width:395px;}
+#email{width:395px;}
+#comments{border-bottom:1px solid #BCBBAD; margin: 0px 14px 28px;}
+#comments textarea{width:462px;height:300px;border:none;outline:none;resize: none;font-family:Helvetica, Arial, sans-serif; color:#8A8A8A; font-size:16px; line-height:24px;}
+#submit input{margin: 0px auto; background: url(../images/submit_button.jpg) no-repeat 0 -34px; height:34px; width:165px; cursor:pointer;display:block; border:none; outline:none;color: transparent; text-indent:-9999px;}
+#submit input:hover{background-position: 0 0px;}
+.noMargin{margin:0px;}
diff --git a/2011/css/ie_8.css b/2011/css/ie_8.css
@@ -0,0 +1,6 @@
+@charset "utf-8";
+/* CSS Document */
+#block_error{
+	behavior: url("js/pie.htc");
+}
+
diff --git a/2011/css/index_110711.css b/2011/css/index_110711.css
@@ -0,0 +1,18 @@
+/* INDEX STYLES
+**************************************************/
+#leadin{margin:31px auto 30px;text-align:center;}
+#leadin img{margin-bottom:10px;}
+#leadin p{color:#51666b;text-transform:uppercase;font-size:18px;font-family:Helvetica, Arial, sans-serif; font-weight:bold;}
+#siteCaps{background:transparent url(../images/sitecaps.png) no-repeat; height:399px;position: relative;}
+#siteCaps img{margin:38px 0px 0px 255px;}
+
+/* BOTTOM NAVIGATION
+**************************************************/
+.indexContent{padding-top: 195px;}
+#bottomNav{margin-bottom:51px;}
+.bucket{margin-left:28px; float:left; border-top:4px solid #bcbbad;-webkit-transition:border-top-color 0.35s ease-in;-moz-transition:border-top-color 0.35s ease-in;-0-transition:border-top-color 0.35s ease-in;transition:border-top-color 0.35s ease-in; padding-top:21px; width:314px;}
+.bucket:hover{border-top-color:#a24d29;}
+.bucketLeft{margin-left:0px;}
+.bucket p{color:#a1a19f;font-size:14px;line-height:20px;font-family:Helvetica, Arial, sans-serif;}
+a.more{color:#6b6b68;text-decoration:none;-webkit-transition:color 0.35s ease-in;-moz-transition:color 0.35s ease-in;-0-transition:color 0.35s ease-in;transition:color 0.35s ease-in; margin-top:21px; display:block; font-size:14px;font-family:Helvetica, Arial, sans-serif;}
+a.more:hover{color:#a24d29;}
diff --git a/2011/css/jquery.fancybox-1.3.4.css b/2011/css/jquery.fancybox-1.3.4.css
@@ -0,0 +1,81 @@
+/*
+ * FancyBox - jQuery Plugin
+ * Simple and fancy lightbox alternative
+ *
+ * Examples and documentation at: http://fancybox.net
+ * 
+ * Copyright (c) 2008 - 2010 Janis Skarnelis
+ * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
+ * 
+ * Version: 1.3.4 (11/11/2010)
+ * Requires: jQuery v1.3+
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *   http://www.gnu.org/licenses/gpl.html
+ */
+
+#fancybox-loading {position: fixed;top: 50%;left: 50%;width: 40px;height: 40px;margin-top: -20px;margin-left: -20px;cursor: pointer;overflow: hidden;z-index: 1104;display: none;}
+#fancybox-loading div {position: absolute;top: 0;left: 0;width: 40px;height: 480px;background-image: url(../images/fancybox/fancybox.png);}
+#fancybox-overlay {position: absolute;top: 0;left: 0;width: 100%;z-index: 1100;display: none;}
+#fancybox-tmp {padding: 0;margin: 0;border: 0;overflow: auto;display: none;}
+#fancybox-wrap {position: absolute;top: 0;left: 0;padding: 20px;z-index: 1101;outline: none;display: none;}
+#fancybox-outer {position: relative;width: 100%;height: 100%;background: #fff;}
+#fancybox-content {width: 0;height: 0;padding: 0;outline: none;position: relative;overflow: hidden;z-index: 1102;border: 0px solid #fff;}
+#fancybox-hide-sel-frame {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;z-index: 1101;}
+#fancybox-close {position: absolute;top: -15px;right: -15px;width: 30px;height: 30px;background: transparent url(../images/fancybox/fancybox.png) -40px 0px;cursor: pointer;z-index: 1103;display: none;}
+#fancybox-error {color: #444;font: normal 12px/20px Arial;padding: 14px;margin: 0;}
+#fancybox-img {width: 100%;height: 100%;padding: 0;margin: 0;border: none;outline: none;line-height: 0;vertical-align: top;}
+#fancybox-frame {width: 100%;height: 100%;border: none;display: block;}
+#fancybox-left, #fancybox-right {position: absolute;bottom: 0px;height: 100%;width: 35%;cursor: pointer;outline: none;background: transparent url(../images/fancybox/blank.gif);z-index: 1102;display: none;}
+#fancybox-left {left: 0px;}
+#fancybox-right {right: 0px;}
+#fancybox-left-ico, #fancybox-right-ico {position: absolute;top: 50%;left: -9999px;width: 30px;height: 30px;margin-top: -15px;cursor: pointer;z-index: 1102;display: block;}
+#fancybox-left-ico {background-image: url(../images/fancybox/fancybox.png);background-position: -40px -30px;}
+#fancybox-right-ico {background-image: url(../images/fancybox/fancybox.png);background-position: -40px -60px;}
+#fancybox-left:hover, #fancybox-right:hover {visibility: visible; /* IE6 */}
+#fancybox-left:hover span {left: 20px;}
+#fancybox-right:hover span {left: auto;right: 20px;}
+.fancybox-bg {position: absolute;padding: 0;margin: 0;border: 0;width: 20px;height: 20px;z-index: 1001;}
+#fancybox-bg-n {top: -20px;left: 0;width: 100%;background-image: url(../images/fancybox/fancybox-x.png);}
+#fancybox-bg-ne {top: -20px;right: -20px;background-image: url(../images/fancybox/fancybox.png);background-position: -40px -162px;}
+#fancybox-bg-e {top: 0;right: -20px;height: 100%;background-image: url(../images/fancybox/fancybox-y.png);background-position: -20px 0px;}
+#fancybox-bg-se {bottom: -20px;right: -20px;background-image: url(../images/fancybox/fancybox.png);background-position: -40px -182px;}
+#fancybox-bg-s {bottom: -20px;left: 0;width: 100%;background-image: url(../images/fancybox/fancybox-x.png);background-position: 0px -20px;}
+#fancybox-bg-sw {bottom: -20px;left: -20px;background-image: url(../images/fancybox/fancybox.png);background-position: -40px -142px;}
+#fancybox-bg-w {top: 0;left: -20px;height: 100%;background-image: url(../images/fancybox/fancybox-y.png);}
+#fancybox-bg-nw {top: -20px;left: -20px;background-image: url(../images/fancybox/fancybox.png);background-position: -40px -122px;}
+#fancybox-title {font-family: Helvetica;font-size: 12px;z-index: 1102;}
+.fancybox-title-inside {padding-bottom: 10px;text-align: center;color: #333;background: #fff;position: relative;}
+.fancybox-title-outside {padding-top: 10px;color: #fff;}
+.fancybox-title-over {position: absolute;bottom: 0;left: 0;color: #FFF;text-align: left;}
+#fancybox-title-over {padding: 10px;background-image: url(../images/fancybox/fancy_title_over.png);display: block;}
+.fancybox-title-float {position: absolute;left: 0;bottom: -20px;height: 32px;}
+#fancybox-title-float-wrap {border: none;border-collapse: collapse;width: auto;}
+#fancybox-title-float-wrap td {border: none;white-space: nowrap;}
+#fancybox-title-float-left {padding: 0 0 0 15px;background: url(../images/fancybox/fancybox.png) -40px -90px no-repeat;}
+#fancybox-title-float-main {color: #FFF;line-height: 29px;font-weight: bold;padding: 0 0 3px 0;	background: url(../images/fancybox/fancybox-x.png) 0px -40px;}
+#fancybox-title-float-right {padding: 0 0 0 15px;background: url(../images/fancybox/fancybox.png) -55px -90px no-repeat;}
+
+/* IE6 */
+.fancybox-ie6 #fancybox-close {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_close.png', sizingMethod='scale'); }
+.fancybox-ie6 #fancybox-left-ico {background: transparent;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_nav_left.png', sizingMethod='scale');}
+.fancybox-ie6 #fancybox-right-ico {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_nav_right.png', sizingMethod='scale');}
+.fancybox-ie6 #fancybox-title-over {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1;}
+.fancybox-ie6 #fancybox-title-float-left {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_title_left.png', sizingMethod='scale');}
+.fancybox-ie6 #fancybox-title-float-main {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_title_main.png', sizingMethod='scale');}
+.fancybox-ie6 #fancybox-title-float-right {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_title_right.png', sizingMethod='scale');}
+.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {height: expression(this.parentNode.clientHeight + "px");}
+#fancybox-loading.fancybox-ie6 {position: absolute; margin-top: 0;top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');}
+#fancybox-loading.fancybox-ie6 div	{background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
+
+/* IE6, IE7, IE8 */
+.fancybox-ie .fancybox-bg { background: transparent !important; }
+.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
+.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
+.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
+.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
+.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
+.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
+.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
+.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
diff --git a/2011/css/main.css b/2011/css/main.css
@@ -0,0 +1,60 @@
+@charset "utf-8";
+/* CSS Document */
+html{
+}
+body{
+	margin: 0;
+	padding: 0;
+	background: #e7ecf0;
+	font-family: Arial, Helvetica, sans-serif;
+}
+*{
+	margin: 0;
+	padding: 0;
+}
+p{
+	font-size: 12px;
+	color: #373737;
+	font-family: Arial, Helvetica, sans-serif;
+	line-height: 18px;
+}
+p a{
+	color: #218bdc;
+	font-size: 12px;
+	text-decoration: none;
+}
+a{
+	outline: none;
+}
+.f-left{
+	float:left;
+}
+.f-right{
+	float:right;
+}
+.clear{
+	clear: both;
+	overflow: hidden;
+}
+#block_error{
+	width: 845px;
+	height: 384px;
+	border: 1px solid #cccccc;
+	margin: 72px auto 0;
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+	border-radius: 4px;
+	background: #fff url(../images/block.gif) no-repeat 0 51px;
+}
+#block_error div{
+	padding: 100px 40px 0 186px;
+}
+#block_error div h2{
+	color: #218bdc;
+	font-size: 24px;
+	display: block;
+	padding: 0 0 14px 0;
+	border-bottom: 1px solid #cccccc;
+	margin-bottom: 12px;
+	font-weight: normal;
+}
diff --git a/2011/css/style_110711.css b/2011/css/style_110711.css
@@ -0,0 +1,55 @@
+/* CSS RESET
+**************************************************/
+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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
+
+/* GLOBAL
+**************************************************/
+body{background:#e2e2da;}
+h1{font-family: Georgia, "Times New Roman", Times, serif;color:#6b6b68;margin-bottom:21px;font-size:20px;}
+h1 a{text-decoration:none;color:#6b6b68;-webkit-transition:color 0.35s ease-in;-moz-transition:color 0.35s ease-in;-0-transition:color 0.35s ease-in;transition:color 0.35s ease-in;}
+h1 a:hover{color:#a24d29;}
+h2{font-family: Georgia, "Times New Roman", Times, serif;color:#73736f;margin-bottom:14px;font-size:18px;border-bottom:2px dotted #9e9e98;}
+h3{font-family: Georgia, "Times New Roman", Times, serif; font-size:22px; border-bottom:1px dotted #8A8A8A; margin-bottom:14px;}
+h4{font-family: Georgia, "Times New Roman", Times, serif; border-bottom:3px double #4b4b4a;color:#4b4b4a;font-size:22px; padding-bottom:3px; margin-bottom:28px;}
+.clear{overflow:auto;}
+.hasFloat{overflow:hidden;}
+.center{width:998px; margin:0px auto;}
+.isBold{font-weight:bold;}
+a.paragraph{color:#8a8a8a;text-decoration:none;font-weight:bold;-webkit-transition:color 0.35s ease-in;-moz-transition:color 0.35s ease-in;-0-transition:color 0.35s ease-in;transition:color 0.35s ease-in; background:none; padding:0px;}
+a.paragraph:hover{color:#a24d29;}
+
+/* WRAPPERS
+**************************************************/
+#topIndexWrapper{background:transparent url(../images/topindex_wrapper.jpg) repeat-x 50% top ;z-index: 1;margin-bottom: -132px;}
+#headerWrapper{background:transparent url(../images/navbar_bg.png) repeat-x top;}
+#contentWrapper{background:#e2e2da url(../images/content_wrapper.jpg) repeat-x top;}
+#topInteriorWrapper{background:transparent url(../images/interior_head.jpg) repeat-x 50% top ;}
+#interiorcontentWrapper{background:#e2e2da url(../images/interior_content.jpg) repeat-x top; margin-bottom:21px;}
+
+/* NAVIGATION
+**************************************************/
+#header{font-family:Helvetica, Arial, sans-serif;width:1010px;}
+#header a{color:#a6c2c8;text-decoration:none;text-shadow: #2a3639 2px 2px 2px;-webkit-transition:color 0.35s ease-in;-moz-transition:color 0.35s ease-in;-0-transition:color 0.35s ease-in;transition:color 0.35s ease-in;}
+#header a:hover{color:#dcedf1;}
+#guitarPick{float:left}
+#logo{float:left; font-size:24px;margin:14px 0px;}
+#navigation{float:right;margin:24px 6px 0px 0px;font-size:14px;text-transform:uppercase;}
+#navigation a{margin-left:28px; font-weight:bold;}
+#footer{border-top:2px solid #adac9e; padding-top:14px;margin:0px auto 21px;font-size:12px;font-family:Helvetica, Arial, sans-serif;color:#adac9e;}
+#footer a{color:#adac9e;text-decoration:none;-webkit-transition:color 0.35s ease-in;-moz-transition:color 0.35s ease-in;-0-transition:color 0.35s ease-in;transition:color 0.35s ease-in;}
+#footer a:hover{color:#a24d29;}
+.legal{float:left;}
+ul.social{float:right;text-align:right;list-style-type: none;}
+.social li {display:inline; margin-left:14px;background: url(../images/list_square.gif) no-repeat 0px 3px;padding-left: 14px;}
+
+/* INTERIOR PAGE STYLE
+**************************************************/
+#sectionHead{font-size:30px;color:#73736f;border-bottom:1px solid #73736f;font-family: Georgia, "Times New Roman", Times, serif;padding-top:13px;}
+#content{margin-top:42px;}
+
+/* SIDEBAR
+***********************************************/
+#sidebar{background:#D0D0C9;padding:21px;border:1px solid #73736F;color:#73736F; float:right; width:400px; margin-left:21px;}
+#sidebar p{font-family:Helvetica, Arial, sans-serif; font-size:16px; line-height:24px; margin-bottom:21px;}
+.dropcap::first-letter {float:left;font-size:100px;line-height:72px;margin-right:3px;color:#b4b4ae;font-weight:bold;}
+.sidebarBucket{background:#E2E2DA;padding:14px;border:1px solid #8A8A8A;color:#8A8A8A;font-family:Helvetica, Arial, sans-serif;margin-bottom:21px;}
diff --git a/2011/css/success_110711.css b/2011/css/success_110711.css
@@ -0,0 +1,9 @@
+/* SUCCESS STYLES
+***********************************************/
+#content{height:500px; background:#fff;padding:21px;border: 1px solid #BCBBAD;width: 954px;}
+p {color: #8A8A8A;font-size: 18px;font-family: Helvetica, Arial, sans-serif;line-height: 24px;margin-bottom: 14px;}
+ul{list-style:none;}
+li{background:url(../images/list_circle.gif) 0 6px no-repeat;padding-left:14px;margin: 0px 0px 14px 14px;line-height: 18px; font-family:Helvetica, Arial, sans-serif}
+li a{color:#8a8a8a;text-decoration:none;font-weight:bold;-webkit-transition:color 0.35s ease-in;-moz-transition:color 0.35s ease-in;-0-transition:color 0.35s ease-in;transition:color 0.35s ease-in; background:none; padding:0px;}
+li a:hover{color:#a24d29;}
+.sub{font-size:14px;color:#8a8a8a;}
diff --git a/2011/css/validationEngine.jquery.css b/2011/css/validationEngine.jquery.css
@@ -0,0 +1,22 @@
+.inputContainer {position: relative;float: left;}
+.formError {position: absolute;top: 300px;left: 300px;display: block;z-index: 5000;cursor: pointer;}
+.ajaxSubmit {padding: 20px;background: #55ea55;border: 1px solid #999;display: none}
+.formError .formErrorContent {background: #73736F;position:relative;z-index:5001;color:#fff;font-family: Helvetica, Arial, sans-serif;font-size: 12px;font-weight:bold;border: 2px solid #ddd;	box-shadow: 0 0 6px #000;padding:14px;border-radius: 6px;}
+.greenPopup .formErrorContent {background: #33be40;}
+.blackPopup .formErrorContent {background: #393939;color: #FFF;}
+.formError .formErrorArrow {width: 15px;margin: -2px 0 0 13px;position:relative;z-index: 5006;}
+.formError .formErrorArrowBottom {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;margin: 0px 0 0 12px;top:2px;}
+.formError .formErrorArrow div {border-left: 2px solid #ddd;border-right: 2px solid #ddd;box-shadow: 0 2px 3px #444;-moz-box-shadow: 0 2px 3px #444;-webkit-box-shadow: 0 2px 3px #444;font-size: 0px;height: 1px;background: #73736F;margin: 0 auto;line-height: 0;font-size: 0;display: block;}
+.formError .formErrorArrowBottom div {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;}
+.greenPopup .formErrorArrow div {background: #33be40;}
+.blackPopup .formErrorArrow div {background: #393939;color: #FFF;}
+.formError .formErrorArrow .line10 {width: 15px;border: none;}
+.formError .formErrorArrow .line9 {width: 13px;border: none;}
+.formError .formErrorArrow .line8 {width: 11px;}
+.formError .formErrorArrow .line7 {width: 9px;}
+.formError .formErrorArrow .line6 {width: 7px;}
+.formError .formErrorArrow .line5 {width: 5px;}
+.formError .formErrorArrow .line4 {width: 3px;}
+.formError .formErrorArrow .line3 {width: 1px;border-left: 2px solid #ddd;border-right: 2px solid #ddd;border-bottom: 0 solid #ddd;}
+.formError .formErrorArrow .line2 {width: 3px;border: none;background: #ddd;}
+.formError .formErrorArrow .line1 {width: 1px;border: none;background: #ddd;}
diff --git a/2011/css/work_110711.css b/2011/css/work_110711.css
@@ -0,0 +1,42 @@
+/* PORTFOLIO STYLES
+**************************************************/
+.workExample{padding:21px;margin-bottom:7px;}
+.even{background:transparent;}
+.odd{background:#d0d0c9;}
+.topExample{padding-top:0px;}
+
+/* DESCRIPTION
+**************************************************/
+.description{float:left; width:312px;margin-right:21px;}
+.description p{color:#8a8a8a;font-size:13px;font-family:Helvetica, Arial, sans-serif;line-height:18px;margin-bottom:14px;}
+a.lightbox{font-weight:bold;font-family:Helvetica, Arial, sans-serif;padding-left:21px;background:transparent url(../images/magnifier.png) no-repeat;font-size:13px;color:#a24d29;text-decoration:none;-webkit-transition:color 0.35s ease-in;-moz-transition:color 0.35s ease-in;-0-transition:color 0.35s ease-in;transition:color 0.35s ease-in;}
+a.lightbox:hover{color:#8a8a8a;}
+a.noLightbox{font-weight:bold;font-family:Helvetica, Arial, sans-serif;padding-left:21px;background:transparent url(../images/magnifier.png) no-repeat;font-size:13px;color:#a24d29;text-decoration:none;-webkit-transition:color 0.35s ease-in;-moz-transition:color 0.35s ease-in;-0-transition:color 0.35s ease-in;transition:color 0.35s ease-in;}
+a.noLightbox:hover{color:#8a8a8a;}
+a.lightbox.paragraph{color:#8a8a8a;text-decoration:none;font-weight:bold;-webkit-transition:color 0.35s ease-in;-moz-transition:color 0.35s ease-in;-0-transition:color 0.35s ease-in;transition:color 0.35s ease-in; background:none; padding:0px;}
+a.lightbox.paragraph:hover{color:#a24d29;}
+
+/* CAROUSEL
+**************************************************/
+.carousel{width:607px;padding:7px;border:1px solid #a9a8a3;float:right;}
+.pictureBar{background:url(../images/picture_bar.png) repeat-x;position:absolute;z-index:10;bottom:0px;width:607px;}
+.controls{float:right; margin:3px 14px 3px 0px;}
+.controls a{cursor:pointer;width:29px;height:29px;display:block;float:left;background:url(../images/carousel_ctrls.png) no-repeat;}
+a.prev{margin-right:7px;}
+a.prev:hover{background-position:0px -29px;}
+a.next{background-position:-29px 0px;}
+a.next:hover{background-position:-29px -29px;}
+.carouselImage{display:none;}
+
+/* APPLICATION ICONS
+**************************************************/
+.programIcons{float:left; margin:8px 0px 3px 14px;}
+.programIcons a{cursor:pointer;height:23px;display:block;float:left;margin-right:28px;}
+.programIcons a:hover{background-position:0 -23px;}
+a.photoshop{background:url(../images/icons/photoshop.png) no-repeat; width:24px;}
+a.illustrator{background:url(../images/icons/illustrator.png) no-repeat; width:22px;}
+a.dreamweaver{background:url(../images/icons/dreamweaver.png) no-repeat; width:34px;}
+a.jquery{background:url(../images/icons/jquery.png) no-repeat; width:35px;}
+a.wordpress{background:url(../images/icons/wordpress.png) no-repeat; width:23px;}
+a.refine{background:url(../images/icons/refine.png) no-repeat; width:24px;}
+a.word{background:url(../images/icons/word.png) no-repeat; width:24px;}
diff --git a/2011/images/before_after/after.jpg b/2011/images/before_after/after.jpg
diff --git a/2011/images/before_after/before.jpg b/2011/images/before_after/before.jpg
diff --git a/2011/images/before_after/handle.png b/2011/images/before_after/handle.png
diff --git a/2011/images/before_after/lt-small.png b/2011/images/before_after/lt-small.png
diff --git a/2011/images/before_after/rt-small.png b/2011/images/before_after/rt-small.png
diff --git a/2011/images/block.gif b/2011/images/block.gif
diff --git a/2011/images/carousel_ctrls.png b/2011/images/carousel_ctrls.png
diff --git a/2011/images/carousels/catalyst_1.jpg b/2011/images/carousels/catalyst_1.jpg
diff --git a/2011/images/carousels/catalyst_2.jpg b/2011/images/carousels/catalyst_2.jpg
diff --git a/2011/images/carousels/catalyst_3.jpg b/2011/images/carousels/catalyst_3.jpg
diff --git a/2011/images/carousels/catalyst_4.jpg b/2011/images/carousels/catalyst_4.jpg
diff --git a/2011/images/carousels/catalyst_5.jpg b/2011/images/carousels/catalyst_5.jpg
diff --git a/2011/images/carousels/choice_1.jpg b/2011/images/carousels/choice_1.jpg
diff --git a/2011/images/carousels/choice_2.jpg b/2011/images/carousels/choice_2.jpg
diff --git a/2011/images/carousels/choice_3.jpg b/2011/images/carousels/choice_3.jpg
diff --git a/2011/images/carousels/choice_4.jpg b/2011/images/carousels/choice_4.jpg
diff --git a/2011/images/carousels/choice_5.jpg b/2011/images/carousels/choice_5.jpg
diff --git a/2011/images/carousels/choice_6.jpg b/2011/images/carousels/choice_6.jpg
diff --git a/2011/images/carousels/current_portfolio_1.jpg b/2011/images/carousels/current_portfolio_1.jpg
diff --git a/2011/images/carousels/current_portfolio_2.jpg b/2011/images/carousels/current_portfolio_2.jpg
diff --git a/2011/images/carousels/current_portfolio_3.jpg b/2011/images/carousels/current_portfolio_3.jpg
diff --git a/2011/images/carousels/current_portfolio_4.jpg b/2011/images/carousels/current_portfolio_4.jpg
diff --git a/2011/images/carousels/current_portfolio_5.jpg b/2011/images/carousels/current_portfolio_5.jpg
diff --git a/2011/images/carousels/daily_1.jpg b/2011/images/carousels/daily_1.jpg
diff --git a/2011/images/carousels/daily_2.jpg b/2011/images/carousels/daily_2.jpg
diff --git a/2011/images/carousels/daily_3.jpg b/2011/images/carousels/daily_3.jpg
diff --git a/2011/images/carousels/daily_4.jpg b/2011/images/carousels/daily_4.jpg
diff --git a/2011/images/carousels/daily_5.jpg b/2011/images/carousels/daily_5.jpg
diff --git a/2011/images/carousels/daily_6.jpg b/2011/images/carousels/daily_6.jpg
diff --git a/2011/images/carousels/facebook_1.jpg b/2011/images/carousels/facebook_1.jpg
diff --git a/2011/images/carousels/facebook_2.jpg b/2011/images/carousels/facebook_2.jpg
diff --git a/2011/images/carousels/facebook_3.jpg b/2011/images/carousels/facebook_3.jpg
diff --git a/2011/images/carousels/facebook_4.jpg b/2011/images/carousels/facebook_4.jpg
diff --git a/2011/images/carousels/facebook_5.jpg b/2011/images/carousels/facebook_5.jpg
diff --git a/2011/images/carousels/facebook_6.jpg b/2011/images/carousels/facebook_6.jpg
diff --git a/2011/images/carousels/facebook_7.jpg b/2011/images/carousels/facebook_7.jpg
diff --git a/2011/images/carousels/old_portfolio_1.jpg b/2011/images/carousels/old_portfolio_1.jpg
diff --git a/2011/images/carousels/old_portfolio_2.jpg b/2011/images/carousels/old_portfolio_2.jpg
diff --git a/2011/images/carousels/old_portfolio_3.jpg b/2011/images/carousels/old_portfolio_3.jpg
diff --git a/2011/images/carousels/old_portfolio_4.jpg b/2011/images/carousels/old_portfolio_4.jpg
diff --git a/2011/images/carousels/old_portfolio_5.jpg b/2011/images/carousels/old_portfolio_5.jpg
diff --git a/2011/images/carousels/prepzone_1.jpg b/2011/images/carousels/prepzone_1.jpg
diff --git a/2011/images/carousels/prepzone_2.jpg b/2011/images/carousels/prepzone_2.jpg
diff --git a/2011/images/carousels/prepzone_3.jpg b/2011/images/carousels/prepzone_3.jpg
diff --git a/2011/images/carousels/prepzone_4.jpg b/2011/images/carousels/prepzone_4.jpg
diff --git a/2011/images/carousels/prepzone_5.jpg b/2011/images/carousels/prepzone_5.jpg
diff --git a/2011/images/carousels/prepzone_6.jpg b/2011/images/carousels/prepzone_6.jpg
diff --git a/2011/images/carousels/resume_1.jpg b/2011/images/carousels/resume_1.jpg
diff --git a/2011/images/carousels/resume_2.jpg b/2011/images/carousels/resume_2.jpg
diff --git a/2011/images/carousels/resume_3.jpg b/2011/images/carousels/resume_3.jpg
diff --git a/2011/images/carousels/resume_4.jpg b/2011/images/carousels/resume_4.jpg
diff --git a/2011/images/choice_logo.pdf b/2011/images/choice_logo.pdf
diff --git a/2011/images/contact_plus.jpg b/2011/images/contact_plus.jpg
diff --git a/2011/images/content_wrapper.jpg b/2011/images/content_wrapper.jpg
diff --git a/2011/images/fancybox/blank.gif b/2011/images/fancybox/blank.gif
diff --git a/2011/images/fancybox/fancy_close.png b/2011/images/fancybox/fancy_close.png
diff --git a/2011/images/fancybox/fancy_loading.png b/2011/images/fancybox/fancy_loading.png
diff --git a/2011/images/fancybox/fancy_nav_left.png b/2011/images/fancybox/fancy_nav_left.png
diff --git a/2011/images/fancybox/fancy_nav_right.png b/2011/images/fancybox/fancy_nav_right.png
diff --git a/2011/images/fancybox/fancy_shadow_e.png b/2011/images/fancybox/fancy_shadow_e.png
diff --git a/2011/images/fancybox/fancy_shadow_n.png b/2011/images/fancybox/fancy_shadow_n.png
diff --git a/2011/images/fancybox/fancy_shadow_ne.png b/2011/images/fancybox/fancy_shadow_ne.png
diff --git a/2011/images/fancybox/fancy_shadow_nw.png b/2011/images/fancybox/fancy_shadow_nw.png
diff --git a/2011/images/fancybox/fancy_shadow_s.png b/2011/images/fancybox/fancy_shadow_s.png
diff --git a/2011/images/fancybox/fancy_shadow_se.png b/2011/images/fancybox/fancy_shadow_se.png
diff --git a/2011/images/fancybox/fancy_shadow_sw.png b/2011/images/fancybox/fancy_shadow_sw.png
diff --git a/2011/images/fancybox/fancy_shadow_w.png b/2011/images/fancybox/fancy_shadow_w.png
diff --git a/2011/images/fancybox/fancy_title_left.png b/2011/images/fancybox/fancy_title_left.png
diff --git a/2011/images/fancybox/fancy_title_main.png b/2011/images/fancybox/fancy_title_main.png
diff --git a/2011/images/fancybox/fancy_title_over.png b/2011/images/fancybox/fancy_title_over.png
diff --git a/2011/images/fancybox/fancy_title_right.png b/2011/images/fancybox/fancy_title_right.png
diff --git a/2011/images/fancybox/fancybox-x.png b/2011/images/fancybox/fancybox-x.png
diff --git a/2011/images/fancybox/fancybox-y.png b/2011/images/fancybox/fancybox-y.png
diff --git a/2011/images/fancybox/fancybox.png b/2011/images/fancybox/fancybox.png
diff --git a/2011/images/full/catalyst.jpg b/2011/images/full/catalyst.jpg
diff --git a/2011/images/full/choice.jpg b/2011/images/full/choice.jpg
diff --git a/2011/images/full/facebook.jpg b/2011/images/full/facebook.jpg
diff --git a/2011/images/full/naplesnews.jpg b/2011/images/full/naplesnews.jpg
diff --git a/2011/images/full/old_portfolio.jpg b/2011/images/full/old_portfolio.jpg
diff --git a/2011/images/full/portfolio_full.jpg b/2011/images/full/portfolio_full.jpg
diff --git a/2011/images/full/prepzone.jpg b/2011/images/full/prepzone.jpg
diff --git a/2011/images/head.png b/2011/images/head.png
diff --git a/2011/images/icons/dreamweaver.png b/2011/images/icons/dreamweaver.png
diff --git a/2011/images/icons/favicon.ico b/2011/images/icons/favicon.ico
diff --git a/2011/images/icons/illustrator.png b/2011/images/icons/illustrator.png
diff --git a/2011/images/icons/jquery.png b/2011/images/icons/jquery.png
diff --git a/2011/images/icons/photoshop.png b/2011/images/icons/photoshop.png
diff --git a/2011/images/icons/refine.png b/2011/images/icons/refine.png
diff --git a/2011/images/icons/word.png b/2011/images/icons/word.png
diff --git a/2011/images/icons/wordpress.png b/2011/images/icons/wordpress.png
diff --git a/2011/images/interior_content.jpg b/2011/images/interior_content.jpg
diff --git a/2011/images/interior_head.jpg b/2011/images/interior_head.jpg
diff --git a/2011/images/lead_site.jpg b/2011/images/lead_site.jpg
diff --git a/2011/images/list_circle.gif b/2011/images/list_circle.gif
diff --git a/2011/images/list_square.gif b/2011/images/list_square.gif
diff --git a/2011/images/magnifier.png b/2011/images/magnifier.png
diff --git a/2011/images/navbar_bg.png b/2011/images/navbar_bg.png
diff --git a/2011/images/pick.png b/2011/images/pick.png
diff --git a/2011/images/picture_bar.png b/2011/images/picture_bar.png
diff --git a/2011/images/resume.pdf b/2011/images/resume.pdf
diff --git a/2011/images/resume_contact.png b/2011/images/resume_contact.png
diff --git a/2011/images/resume_contact.psd b/2011/images/resume_contact.psd
diff --git a/2011/images/sitecaps.png b/2011/images/sitecaps.png
diff --git a/2011/images/submit_button.jpg b/2011/images/submit_button.jpg
diff --git a/2011/images/topindex_wrapper.jpg b/2011/images/topindex_wrapper.jpg
diff --git a/2011/index.html b/2011/index.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<!-- WEBSITE TITLE -->
+	<title>Joe Prehoda's Website</title>
+    <!-- META -->
+	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
+	<meta name="author" content="Joe Prehoda" /> 
+	<meta name="description" content="Welcome to Joe Prehoda's website. Here you'll find past work and other information about Joe Prehoda." />
+	<!-- LINKS -->
+	<link rel="icon" type="image/x-icon" href="/2011/images/icons/favicon.ico"/> 
+	<link rel="shortcut" type="image/x-icon" href="/2011/images/icons/favicon.ico"/>
+	<link rel="stylesheet" type="text/css" href="/2011/css/style_110711.css"/> 
+	<link rel="stylesheet" type="text/css" href="/2011/css/index_110711.css"/> 
+</head>
+<body>
+	<div id="topIndexWrapper">
+		<div id="headerWrapper">
+			<div id="header" class="center clear">
+				<a href="/" title="Joe Prehoda">
+					<img src="/2011/images/pick.png" alt="" id="guitarPick" class="hasFloat"/>
+				</a>
+				<div id="logo" class="hasFloat">
+					<a href="/" title="Joe Prehoda">JOE<span class="isBold">PREHODA</span></a>
+				</div><!-- End #logo -->
+				<div id="navigation" class="hasFloat">
+					<a href="/" title="joeprehoda.com">Home</a>
+					<a href="/2011/work.html" title="Joe Prehoda's Work Experience">My Work</a>
+					<a href="/2011/about.html" title="About Joe Prehoda">About</a>
+					<a href="/?formSubmit=true" title="Contact Joe Prehoda">Contact</a>
+				</div><!-- End #navigation -->
+			</div><!-- End #header -->
+		</div><!-- End #headerWrapper -->
+		<div id="leadin" class="center">
+			<img src="images/head.png" alt="Expert Design" />
+			<p>Using inspired creativity to engage an audience.</p>
+		</div><!-- End #leadin -->
+		<div id="siteCaps" class="center">
+			<a href="/work.html" title="Joe Prehoda's Work Experience">
+				<img src="images/lead_site.jpg" alt="Lead Website" />
+			</a>
+		</div><!-- End #siteCaps -->
+	</div><!-- End #topIndexWrapper -->
+	<div id="contentWrapper" class="indexContent">
+		<div id="bottomNav" class="center clear">
+			<div class="bucket bucketLeft hasFloat">
+				<h1><a href="/2011/work.html" title="Joe Prehoda's Work Experience">My Work</a></h1>
+                <p>View examples from various websites I've worked on in the past. Here you can also, view or download my current resume.</p>
+                <p><a class="more" href="//2011/work.html" title="Joe Prehoda's Work Experience">Learn More &raquo;</a></p>
+			</div><!-- End .bucket -->
+			<div class="bucket hasFloat">
+				<h1><a href="/2011/about.html" title="About Joe Prehoda">About Me</a></h1>
+                <p>Read a summary of my professional history and why I enjoy designing websites. Learn why I am interested in the future of web design.</p>
+                <p><a class="more" href="/2011/about.html" title="About Joe Prehoda">Read More &raquo;</a></p>
+			</div><!-- End .bucket -->
+			<div class="bucket hasFloat">
+				<h1><a href="/?formSubmit=true" title="Contact Joe Prehoda">Contact Me</a></h1>
+                <p>Maybe you have some feedback or you like what you see. Fill out a short form and I will get back to you as soon as possible.</p>
+                <p><a class="more" href="/?formSubmit=true" title="Contact Joe Prehoda">Fill Out Form &raquo;</a></p>
+			</div><!-- End .bucket -->
+		</div><!-- End #content -->
+	</div><!-- End #contentWrapper -->
+	<div id="footer" class="center clear">
+		<p class="legal hasFloat">All trademarks belong to their authoritative owners. Please feel free to <a href="/?formSubmit=true" title="Contact Joe Prehoda">drop me a line</a>.</p>
+		<ul class="social hasFloat">
+			<li><a href="http://www.linkedin.com/profile/view?id=86807236" title="Joe Prehoda's Linked In Page">Linked In</a></li>
+			<li><a href="https://plus.google.com/114863354674268171504/posts" title="Joe Prehoda's Google Plus Page">Google Plus</a></li>
+			<li><a href="http://www.facebook.com/joe.prehoda" title="Joe Prehoda's Facebook Page">Facebook</a></li>
+		</ul><!-- End #social -->
+	</div><!-- End #footer -->
+	<!-- GOOGLE TRACKING *** GOOGLE IS WATCHING YOU -->
+	<script type="text/javascript">
+		(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+		(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+		m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+		})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+
+		ga('create', 'UA-19423886-1', 'auto');
+		ga('send', 'pageview');
+	</script>
+</body>
+</html>
diff --git a/2011/javascript/QapTcha.jquery.js b/2011/javascript/QapTcha.jquery.js
@@ -0,0 +1,91 @@
+/************************************************************************
+*************************************************************************
+@Name :       	QapTcha - jQuery Plugin
+@Revison :    	3.0
+@Date : 		20/09/2011
+@Author:     	 ALPIXEL - (www.myjqueryplugins.com - www.alpixel.fr) 
+@License :		 Open Source - MIT License : http://www.opensource.org/licenses/mit-license.php
+ 
+**************************************************************************
+*************************************************************************/
+jQuery.QapTcha = {
+	build : function(options)
+	{
+        var defaults = {
+			txtLock : 'Locked : form can\'t be submited',
+			txtUnlock : 'Unlocked : form can be submited',
+			disabledSubmit : true,
+			autoRevert : false,
+			PHPfile : 'php/Qaptcha.jquery.php'
+        };   
+
+		if(this.length>0)
+		return jQuery(this).each(function(i) {
+			/** Vars **/
+			var 
+				opts = $.extend(defaults, options),      
+				$this = $(this),
+				form = $('form').has($this),
+				Clr = jQuery('<div>',{'class':'clr'}),
+				bgSlider = jQuery('<div>',{id:'bgSlider'}),
+				Slider = jQuery('<div>',{id:'Slider'}),
+				Icons = jQuery('<div>',{id:'Icons'}),
+				TxtStatus = jQuery('<div>',{id:'TxtStatus','class':'dropError',text:opts.txtLock}),
+				inputQapTcha = jQuery('<input>',{name:'iQapTcha',value:generatePass(),type:'hidden'});
+
+			/** Disabled submit button **/
+			if(opts.disabledSubmit) form.find('input[type=\'submit\']').attr('disabled','disabled');
+
+			/** Construct DOM **/
+			bgSlider.appendTo($this);
+			Icons.insertAfter(bgSlider);
+			Clr.insertAfter(Icons);
+			TxtStatus.insertAfter(Clr);
+			inputQapTcha.appendTo($this);
+			Slider.appendTo(bgSlider);
+			$this.show();
+
+			Slider.draggable({ 
+				revert: function(){
+					if(opts.autoRevert)
+					{
+						if(parseInt(Slider.css("left")) > 150) return false;
+						else return true;
+					}
+				},
+				containment: bgSlider,
+				axis:'x',
+				stop: function(event,ui){
+					if(ui.position.left > 150)
+					{
+						// set the SESSION iQaptcha in PHP file
+						$.post(opts.PHPfile,{
+							action : 'qaptcha'
+						},
+						function(data) {
+							if(!data.error)
+							{
+								Slider.draggable('disable').css('cursor','default');
+								inputQapTcha.val("");
+								TxtStatus.text(opts.txtUnlock).addClass('dropSuccess').removeClass('dropError');
+								Icons.css('background-position', '-16px 0');
+								form.find('input[type=\'submit\']').removeAttr('disabled');
+							}
+						},'json');
+					}
+				}
+			});
+
+			function generatePass() {
+		        var chars = 'azertyupqsdfghjkmwxcvbn23456789AZERTYUPQSDFGHJKMWXCVBN';
+		        var pass = '';
+		        for(i=0;i<10;i++){
+		            var wpos = Math.round(Math.random()*chars.length);
+		            pass += chars.substring(wpos,wpos+1);
+		        }
+		        return pass;
+		    }
+
+		});
+	}
+}; jQuery.fn.QapTcha = jQuery.QapTcha.build;
diff --git a/2011/javascript/about.js b/2011/javascript/about.js
@@ -0,0 +1,9 @@
+//Before and After Init
+$(function() {
+	$('#beforeAfter').beforeAfter({
+		animateIntro : true,
+		introDelay : 750,
+		introDuration : 750,
+		showFullLinks : false
+	});
+});
diff --git a/2011/javascript/contact.js b/2011/javascript/contact.js
@@ -0,0 +1,4 @@
+//Form Validator Init
+$(document).ready(function(){
+	$("#contactForm").validationEngine({promptPosition : "topLeft", validationEventTrigger: submit});
+});
diff --git a/2011/javascript/jcarousellite_1.0.1.min.js b/2011/javascript/jcarousellite_1.0.1.min.js
diff --git a/2011/javascript/jquery-1.6.4.min.js b/2011/javascript/jquery-1.6.4.min.js
diff --git a/2011/javascript/jquery-ui-1.8.16.custom.min.js b/2011/javascript/jquery-ui-1.8.16.custom.min.js
diff --git a/2011/javascript/jquery.beforeafter-1.4.min.js b/2011/javascript/jquery.beforeafter-1.4.min.js
diff --git a/2011/javascript/jquery.fancybox-1.3.4.js b/2011/javascript/jquery.fancybox-1.3.4.js
diff --git a/2011/javascript/jquery.ui.touch.js b/2011/javascript/jquery.ui.touch.js
@@ -0,0 +1,224 @@
+/**
+* jQuery.UI.iPad plugin
+* Copyright (c) 2010 Stephen von Takach
+* licensed under MIT.
+* Date: 27/8/2010
+*
+* Project Home: 
+* http://code.google.com/p/jquery-ui-for-ipad-and-iphone/
+*/
+
+$(function() {
+	//
+	// Extend jQuery feature detection
+	//
+	$.extend($.support, {
+		touch: "ontouchend" in document
+	});
+
+	//
+	// Hook up touch events
+	//
+	if ($.support.touch) {
+		var obj = document.getElementsByClassName('QapTcha');
+		for(i=0; i<obj.length;i++){
+		obj[i].addEventListener("touchstart", iPadTouchHandler, false);
+		obj[i].addEventListener("touchmove", iPadTouchHandler, false);
+		obj[i].addEventListener("touchend", iPadTouchHandler, false);
+		obj[i].addEventListener("touchcancel", iPadTouchHandler, false);
+	}}
+});
+
+
+var lastTap = null;			// Holds last tapped element (so we can compare for double tap)
+var tapValid = false;			// Are we still in the .6 second window where a double tap can occur
+var tapTimeout = null;			// The timeout reference
+
+function cancelTap() {
+	tapValid = false;
+}
+
+
+var rightClickPending = false;	// Is a right click still feasible
+var rightClickEvent = null;		// the original event
+var holdTimeout = null;			// timeout reference
+var cancelMouseUp = false;		// prevents a click from occuring as we want the context menu
+
+
+function cancelHold() {
+	if (rightClickPending) {
+		window.clearTimeout(holdTimeout);
+		rightClickPending = false;
+		rightClickEvent = null;
+	}
+}
+
+function startHold(event) {
+	if (rightClickPending)
+		return;
+
+	rightClickPending = true; // We could be performing a right click
+	rightClickEvent = (event.changedTouches)[0];
+	holdTimeout = window.setTimeout("doRightClick();", 800);
+}
+
+
+function doRightClick() {
+	rightClickPending = false;
+
+	//
+	// We need to mouse up (as we were down)
+	//
+	var first = rightClickEvent,
+		simulatedEvent = document.createEvent("MouseEvent");
+	simulatedEvent.initMouseEvent("mouseup", true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY,
+			false, false, false, false, 0, null);
+	first.target.dispatchEvent(simulatedEvent);
+
+	//
+	// emulate a right click
+	//
+	simulatedEvent = document.createEvent("MouseEvent");
+	simulatedEvent.initMouseEvent("mousedown", true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY,
+			false, false, false, false, 2, null);
+	first.target.dispatchEvent(simulatedEvent);
+
+	//
+	// Show a context menu
+	//
+	simulatedEvent = document.createEvent("MouseEvent");
+	simulatedEvent.initMouseEvent("contextmenu", true, true, window, 1, first.screenX + 50, first.screenY + 5, first.clientX + 50, first.clientY + 5,
+                                  false, false, false, false, 2, null);
+	first.target.dispatchEvent(simulatedEvent);
+
+
+	//
+	// Note:: I don't mouse up the right click here however feel free to add if required
+	//
+
+
+	cancelMouseUp = true;
+	rightClickEvent = null; // Release memory
+}
+
+
+//
+// mouse over event then mouse down
+//
+function iPadTouchStart(event) {
+	var touches = event.changedTouches,
+		first = touches[0],
+		type = "mouseover",
+		simulatedEvent = document.createEvent("MouseEvent");
+	//
+	// Mouse over first - I have live events attached on mouse over
+	//
+	simulatedEvent.initMouseEvent(type, true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY,
+                            false, false, false, false, 0, null);
+	first.target.dispatchEvent(simulatedEvent);
+
+	type = "mousedown";
+	simulatedEvent = document.createEvent("MouseEvent");
+
+	simulatedEvent.initMouseEvent(type, true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY,
+                            false, false, false, false, 0, null);
+	first.target.dispatchEvent(simulatedEvent);
+
+
+	if (!tapValid) {
+		lastTap = first.target;
+		tapValid = true;
+		tapTimeout = window.setTimeout("cancelTap();", 600);
+		startHold(event);
+	}
+	else {
+		window.clearTimeout(tapTimeout);
+
+		//
+		// If a double tap is still a possibility and the elements are the same
+		//	Then perform a double click
+		//
+		if (first.target == lastTap) {
+			lastTap = null;
+			tapValid = false;
+
+			type = "click";
+			simulatedEvent = document.createEvent("MouseEvent");
+
+			simulatedEvent.initMouseEvent(type, true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY,
+                         	false, false, false, false, 0/*left*/, null);
+			first.target.dispatchEvent(simulatedEvent);
+
+			type = "dblclick";
+			simulatedEvent = document.createEvent("MouseEvent");
+
+			simulatedEvent.initMouseEvent(type, true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY,
+                         	false, false, false, false, 0/*left*/, null);
+			first.target.dispatchEvent(simulatedEvent);
+		}
+		else {
+			lastTap = first.target;
+			tapValid = true;
+			tapTimeout = window.setTimeout("cancelTap();", 600);
+			startHold(event);
+		}
+	}
+}
+
+function iPadTouchHandler(event) {
+	var type = "",
+		button = 0; /*left*/
+
+	if (event.touches.length > 1)
+		return;
+
+	switch (event.type) {
+		case "touchstart":
+			if ($(event.changedTouches[0].target).is("select")) {
+				return;
+			}
+			iPadTouchStart(event); /*We need to trigger two events here to support one touch drag and drop*/
+			event.preventDefault();
+			return false;
+			break;
+
+		case "touchmove":
+			cancelHold();
+			type = "mousemove";
+			event.preventDefault();
+			break;
+
+		case "touchend":
+			if (cancelMouseUp) {
+				cancelMouseUp = false;
+				event.preventDefault();
+				return false;
+			}
+			cancelHold();
+			type = "mouseup";
+			break;
+
+		default:
+			return;
+	}
+
+	var touches = event.changedTouches,
+		first = touches[0],
+		simulatedEvent = document.createEvent("MouseEvent");
+
+	simulatedEvent.initMouseEvent(type, true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY,
+                            false, false, false, false, button, null);
+
+	first.target.dispatchEvent(simulatedEvent);
+
+	if (type == "mouseup" && tapValid && first.target == lastTap) {	// This actually emulates the ipads default behaviour (which we prevented)
+		simulatedEvent = document.createEvent("MouseEvent");		// This check avoids click being emulated on a double tap
+
+		simulatedEvent.initMouseEvent("click", true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY,
+                            false, false, false, false, button, null);
+
+		first.target.dispatchEvent(simulatedEvent);
+	}
+}
+
+