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

body {
	background: #e2f4fd url(images/main_bkgd.jpg) repeat-x;
	margin:0;
	padding:0;
	}

#centered {
	width:797px;
	margin:0 auto;
	position:relative;
	left:;
	_left:10px;
	z-index:1;
}

#starsBkgd {
	background: url(images/stars_bkgd.png) repeat-x;
	_background: url(images/stars_bkgd_ie6.png) repeat-x;
	height:124px;
	position:absolute;
	left:0;
	right:0;
	z-index:0;
	width:100%;
	left:;
	_left:10px;
	}

#headerDiv {
	width:797px;
	height:67px;
	margin:0 auto;
	position:relative;
	z-index:2;
	}

#jkLogo{
	width:142px;
	height:39px;
	background: url(images/jk_logo.png) no-repeat;
	_background:none;
	filter:;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/jk_logo.png', sizingMethod='crop');
	margin:17px 0 0 35px;
	float:left;
	display:inline;
	cursor:pointer;
	}

#buttons {
	width:376px;
	height:67px;
	float:right;
	margin:0 25px 0 0;
	position:relative;
	top:4px;
	_top:1px;
	display:inline;
	}



#btnList {  
    width:376px;  
    height:67px;  
    margin:0;  
    padding:0;
    }

#btnList li span { display: none; }  
  
#btnList li { float:left; list-style:none; position:relative; }  
  
#btnList li, #btnList a {  
    height:67px;   
    display:block;  
    margin:0;  
    padding:0;  
    }  
  
li#start { 
	width:82px;
	}
	
li#portfolio { 
	width:109px; 
	} 
	
li#contact { 
	width:100px; 
	} 
	
li#about { 
	width:85px; 
	}

#start a:hover {
	background:url(images/btns.png) 0px  -67px no-repeat;
	_background:url(images/btns_ie.png) 0px  -67px no-repeat;
	} 
#start a { 
	background:url(images/btns.png) 0px  0px no-repeat;
	_background:url(images/btns_ie.png) 0px  0px no-repeat;
	}

#portfolio a:hover { 
	background:url(images/btns.png) -82px  -67px no-repeat;
	_background:url(images/btns_ie.png) -82px  -67px no-repeat;
	} 
#portfolio a { 
	background:url(images/btns.png) -82px  0px no-repeat;
	_background:url(images/btns_ie.png) -82px  -0px no-repeat;
	} 

#contact a:hover { 
	background:url(images/btns.png) -191px  -67px no-repeat;
	_background:url(images/btns_ie.png) -191px  -67px no-repeat;
	} 
#contact a { 
	background:url(images/btns.png) -191px  0px no-repeat;
	_background:url(images/btns_ie.png) -191px  0px no-repeat;
	} 

#about a:hover { 
	background:url(images/btns.png) -291px  -67px no-repeat;
	_background:url(images/btns_ie.png) -291px  -67px no-repeat;
	} 
#about a { 
	background:url(images/btns.png) -291px  0px no-repeat;
	_background:url(images/btns_ie.png) -291px  0px no-repeat;
	} 



#smearDiv {
	background:url(images/paint_smear.png) no-repeat 0 0;
	_background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/paint_smear.png', sizingMethod='crop');
	width:797px;
	height:207px;
	position:relative;
	z-index:4;
	top:50px;
	left:4px;
	}

#jesseText {
	background:url(images/jessethe.png) no-repeat;
	_background:url(images/jessethe_ie.gif) no-repeat;
	width:658px;
	height:150px;
	position:relative;
	z-index:3;
	margin:20px 0 0 23px;
	float:left;
	display:inline;
	}


#homeDiv {
	width:797px;
	height:220px;
	margin:0px auto 13px auto;
	}

#homeDivBKGD {
	width:765px;
	height:250px;
	margin:0 0 0 22px;
	background:url(images/tab_home_bkgd.png) no-repeat;
	_background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tab_home_bkgd.png', sizingMethod='crop');
	position:absolute;
	float:left;
	}
	
#footerDiv {
	width:797px;
	height:100%;
	margin:0 auto;
	}
	
#tabFooterDiv {
	width:765px;
	height:268px;
	margin:0px 0 0 22px;
	background:url(images/tab_footer.png) no-repeat;
	_background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tab_footer.png', sizingMethod='crop');
	float:left;
	display:inline;
	}

#tabFooterDiv #contactInfo {
	width:220px;
	height:212px;
	float:left;
	margin:28px 0 0 23px;
	display:inline;
	background:;
	_background:url(images/contactinfo_ie6.jpg) no-repeat;
	position:relative;
	z-index:10;
	}

#contactInfo #leftColumn {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#252525;
	display:inline;
	margin:0px 0px 0px 0px;
	float:left;
	width:63px;
	height:21px;
	position:relative;
	z-index:10;
}

#contactInfo #rightColumn {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7a7a7a;
	display:inline;
	margin:0px 0px 0px 0px;
	float:left;
	width:144px;
	height:21px;
	position:relative;
	z-index:10;
}

#rightColumn a, img a {
	color:#7a7a7a;
	border:none;
}

#rightColumn img {
	background:;
	_background:url(images/linkedin_ie6.jpg) no-repeat;
}

#rightColumn a:hover {
	color:#f27c2d;
	text-decoration:underline;
}

#input {
	float:left;
	width:205px;
	height:19px;
	padding:3px 0 0 8px;
	margin:0 0 6px 0;
	background:url(images/form_field.png) no-repeat;
	_background:url(images/form_field_ie6.jpg) no-repeat;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8a8a8a;
}

#messageBKGD {
	float:left;
	width:213px;
	height:74px;
	background:url(images/form_message.png) no-repeat;
	_background:url(images/form_message_ie6.jpg) no-repeat fixed;
}

#messageInput {
	float:left;
	width:201px;
	height:64px;
	background:none;
	padding:5px 5px 4px 8px;
	margin:0 0 0px 0;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8a8a8a;
}

#submitBtn {
	width:124px;
	height:22px;
	background:url(images/submitmessage.png) no-repeat 0 -22px;
	_background:url(images/submitmessage_ie6.png) no-repeat 0 0;
	border:none;
	float:right;
	margin:6px 7px 0 0;
	cursor:pointer;
}

#submitBtn:hover {
	background:url(images/submitmessage.png) no-repeat 0 0px;
	_background:url(images/submitmessage_ie6.png) no-repeat 0 -22px;
} 

#downloadResume {
	float:left;
	background:url(images/downloadresume.png) no-repeat;
	_background:url(images/downloadresume_ie6.png) no-repeat;
	margin:0 0 0 0;
	width:125px;
	height:26px;
	cursor:pointer;
	border:none;
}

#downloadResume:hover {
	float:left;
	background:url(images/downloadresume.png) no-repeat 0px -26px;
	_background:url(images/downloadresume_ie6.png) no-repeat 0px -26px;
	margin:0 0 0 0;
	width:125px;
	height:26px;
	cursor:pointer;
}

#downloadResume span {
	display:none;
}

#tabFooterDiv #myResume {
	width:220px;
	height:212px;
	float:left;
	margin:28px 0 0 34px;
	display:inline;
	background:;
	_background:url(images/myresume_ie6.jpg) no-repeat;
	position:relative;
	z-index:10;
	}
	
#tabFooterDiv #messageMe {
	width:220px;
	height:212px;
	float:left;
	margin:28px 0 0 34px;
	display:inline;
	background:;
	_background:url(images/messageme_ie6.jpg) no-repeat;
	position:relative;
	z-index:10;
	}
	
#titleFt {
	height:19px;
	width:100%;
}
	
#textFtDtl {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#969696;
	width:180px;
	display:inline;
	height:25px;
	margin:2px 0 0px 1px;
	float:left;
	clear:both;
}

#tabFooterDiv #contactInfo #textFtDtl {
	margin-left:2px;
}

#footerBottom {
	width:100%;
	height:106px;
	float:left;
	}		

#footerBottomBKGD {
	width:899px;
	height:106px;
	margin:0 auto;
	position:relative;
	right:46px;
	background:url(images/footer_town.png) no-repeat;
	_background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/footer_town.png', sizingMethod='crop');
}

#footerHillBKGD {
	width:100%;
	height:114px;
	margin:0 auto;
	float:left;
	background:url(images/hillbkgd.png) repeat-x scroll;
	_background:url(images/hillbkgd_ie6.jpg) repeat-x;
}

/*  ------------------------------------------------------------------------------------------------------------  

											 		START Portfolio Page 
														
	------------------------------------------------------------------------------------------------------------  */

#portfolioDiv {
	width:797px;
	margin:0 auto;
	}

#portfolioBkgdTop {
	width:765px;
	height:15px;
	display:inline;
	margin:0 0 0 22px;
	background:url(images/main_tab_top.png) no-repeat;
	_background:url(images/main_tab_top_ie6.png) no-repeat;
	float:left;
	font-size:0px;
	}

#portfolioBkgd {
	width:765px;
	display:inline;
	margin:0 0 0 22px;
	background:url(images/main_tab_bkgd.png) repeat-y;
	_background:url(images/main_tab_bkgd_ie6.png) repeat-y;

	float:left;
	}

#portfolioBkgdBtm {
	width:765px;
	height:40px;
	display:inline;
	margin:0 0 0px 22px;
	padding:0 0 13px 0;
	background:url(images/main_tab_btm.png) no-repeat;
	_background:url(images/main_tab_btm_ie6.png) no-repeat;
	float:left;
	}
	
#myWorkText {
	background:url(images/mywork.jpg) no-repeat;
	width:658px;
	height:58px;
	position:relative;
	z-index:3;
	margin:11px 0 5px 23px;
	float:left;
	display:inline;
	}

#hr {
	background:url(images/hr.png) repeat-x;
	width:701px;
	height:2px;
	position:relative;
	z-index:3;
	margin:10px 0 17px 23px;
	float:left;
	display:inline;
	font-size:0px;
	}

#thumbBkgd {
	background:url(images/thumb_bkgd.png) no-repeat;
	width:474px;
	height:187px;
	position:relative;
	z-index:3;
	margin:0px 5px 0px 23px;
	padding:5px 0 0 5px;
	float:left;
	display:inline;
}

#projectDetails {
	width:198px;
	float:left;
	margin:0 0 0 15px;
	float:left;
	clear:right;
}

#projectDetails #titleText {
	width:198px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#4589aa;
	margin:0 0 0 0;
	float:left;
	clear:both;
}

#projectDetails #subheadText {
	width:198px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	margin:0 0 3px 0;
	color:#5a5a5a;
	float:left;
	clear:both;
}

#projectDetails #subheadText2 {
	width:198px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#8F8F8F;
	margin:0 0 0 0;
	font-weight:bold;
	float:left;
	clear:both;
}

#projectDetails #bodyText {
	width:198px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#8f8f8f;
	margin:0 0 3px 0;
	float:left;
	clear:both;
}

#projectDetails #bodyText2 {
	width:198px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8f8f8f;
	margin:0 0 3px 0;
	float:left;
	clear:both;
}

#projectDetails #bodyText2 a {
	text-decoration:none;
	color:#9f9f9f;
}

#projectDetails #bodyText2 a:hover {
	text-decoration:underline;
}

#zoom {
	width:198px;
	margin:3px 0 3px 0;
	float:left;
	clear:both;
}

#zoomImg {
	float:left;
}

#zoomText {
	float:left;
	margin:3px 0 0 5px;
}

#zoomText a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#f27c2d;
	text-decoration:none;
}

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

/*  ------------------------------------------------------------------------------------------------------------  

											 		END Portfolio Page 
														
	------------------------------------------------------------------------------------------------------------  */
	
	/*  ------------------------------------------------------------------------------------------------------------  

											 		START About Page 
														
	------------------------------------------------------------------------------------------------------------  */
	
	

#whoIam {
	background:url(images/whoiam.jpg) no-repeat;
	width:386px;
	height:45px;
	position:relative;
	z-index:3;
	margin:11px 0 16px 0px;
	float:left;
	display:inline;
	}

#aboutText {
	width:386px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#8f8f8f;
	margin:0px 0 3px 23px;
	float:left;
	clear:left;
}

.aboutSubheadText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#5a5a5a;
}

#profileImg {
	width:320px;
	height:313px;
	float:left;
	
}




/*  ------------------------------------------------------------------------------------------------------------  

											 		END Portfolio Page 
														
	------------------------------------------------------------------------------------------------------------  */
	
#contactSpacer {
	margin:0 0 -2px 0;
	_margin:0 0 -3px 0;
}