/* RESET.CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}

	body {
			background:#ffffff;
			margin:0 auto;		
		    font-family:"Helvetica Neue LT Std","Helvetica Neue",Arial,Tahoma, Arial, sans-serif;
			height:100%;
			width:100%;
			line-height:1.0em;
			margin:0;
			padding:0;
		}
	a:link,a:visited{
			text-decoration:underline;
			color:#898989;
			font-weight:normal;
		}
	a.current{
			font-weight:bold;
	}
	a:hover {
			color:#a70000;
		}

	p{
			color:#7e7e7e;
		}
	i, em{ 
		font-style:italic;
		}
	b,strong{
		font-weight:bold;
		}
	small{
		font-size:95%;
		}
	big{
		font-weight:bold;
		font-size:105%;
	  }
	ul{
		list-style:none;
	}


.topband{
	font-size:0.625em;
	min-width:960px;
	width:100%;
	margin:0 auto;
	min-height:105px;
	background:#ffffff url(../images/top_bg.png) top left repeat-x;
}
.contentcenter{
	width:960px;
	margin:0 auto;
	}
			/* image replacement */

				.replace{ 
						position:relative; 
						float:left;
						margin:0px; 
						padding:0px;
						overflow:hidden;
					} 
					
				.replace span{ 
						display:block; 
						position:absolute; 
						top:0px; 
						left:0px; 
						z-index:1; 
					} 
				
				#myh1, #myh1 span{ 
						text-indent:-9999px;
						height:50px; 
						width:300px; 
						background-image: url(../images/header.png); 
					}

								.topband .contentcenter #headerlogo{
									padding-top:27px;

								}

								.topband .contentcenter #horiztop{
									float:right;
									display:inline;
									margin:17px -10px 0 10px;
						
								}

								.topband .contentcenter #horiztop li{
									float:left;
									display:inline;
									margin-left:70px;

									font-size:1.3em;
								}

								.topband .contentcenter #horiztop li a,	.topband .contentcenter #horiztop li a:visited{
									text-decoration:none;
									color:#737373;
									padding:5px 10px;
								}
								.topband .contentcenter #horiztop li a:hover,.topband .contentcenter #horiztop li a.current{
									color:#db0000;
								}
				#content,#resume{
					min-height:510px;
					font-size:0.625em;
				}
				#content .contentcenter img,#portfolio .colu img{
					border:#dedede solid 1px;
				}
				#content .contentcenter .leftSide,#resume .contentcenter .leftSide{
					width:580px;
					float:left;
					display:inline;
					margin-top:10px;
				}
				#content .contentcenter .leftSide p,#resume .contentcenter .leftSide p,#resume .contentcenter .rightSide p,#resume .contentcenter .rightSideAbout p{
					font-size:1.3em;
					line-height:1.6em;
					padding-right:15px;
				}
				#resume .contentcenter .leftSide p.bio{
					margin-bottom:10px;
					width:495px;
				}
				#resume .contentcenter .leftSide p img{
					margin:8px 0;			
				}
				#resume .contentcenter .leftSide h3,#resume .contentcenter .rightSide h3{
					margin-top:10px;
					font-size:1.3em;
				}
				#resume .contentcenter .leftSide h2,#resume .contentcenter .rightSide h2,#resume .contentcenter .rightSideAbout h2{
					margin-bottom:6px;
					font-weight:bold;
					font-size:1.3em;
				}
		
				#resume .contentcenter .leftSide h2.space,#resume .contentcenter .rightSide h2.space{
					margin-top:20px;
				}
				#resume .contentcenter .makeRed{
					color:#a70000;
				}
				#resume .contentcenter .rightSide h2.space2{
					margin-top:20px;
					color:#a70000;
				}
					#resume .contentcenter .rightSideAbout h2.serv{
					margin-top:20px;
				}
		
				#resume span{
					color:#000000;
				}
				#resume .software li{
					height:25px;
					border-bottom:1px solid #c3c3c3;
					padding:5px 0;
					width:240px;
				}
				#resume .contentcenter .leftSide{
					margin-bottom:25px;
					width:535px;
				}

				#content .contentcenter .leftSide p span,#content .contentcenter .rightSide p span{
					color:#a70000;
				}
				#content .contentcenter .rightSide{
					width:305px;
					float:right;
					display:inline;
					margin-top:10px;
				}
				#resume .contentcenter .rightSide{
					float:left;
					display:inline;
					width:240px;
					margin:10px 0px 0 36px;
				}
				#resume .contentcenter .rightSideAbout{
					float:left;
					display:inline;
					width:240px;
					margin:15px 0px 0 36px;
				}	
				#content .contentcenter .rightSide p{
					font-size:1.3em;
					line-height:1.6em;
				}
				#content .contentcenter .rightSide .caption{
					margin-bottom:15px;
				}
				.leftSide a,.leftSide a:visited,.rightSide a,.rightSide a:visited{
					text-decoration:underline;
					color:#898989;
				}
				#portfolio{
					min-height:400px;
					font-size:0.625em;
					margin:10px 0;
				}
				#portfolio .contentcenter #portnav{
					font-size:1.2em;
					}
				
				#portfolio .contentcenter #portnav a,#portfolio .contentcenter #portnav a:visited{
					margin-left:8px;
					color:#898989;
					text-decoration:none;
				}
			  	#portfolio .contentcenter #portnav a.current{
				  font-weight:bold;
				}
				#portfolio .contentcenter #portnav a:hover,.leftSide a:hover{
					color:#6d6d6d;
				}
				#portfolio .contentcenter #descrip{
					background-color:#fafafa;
					border: solid 1px #f5f5f5;
					border-top: solid 12px #f5f5f5;
					border-bottom: solid 12px #f5f5f5;
					margin:15px 0 0 0;
					min-height:306px;
					}
				#portfolio .contentcenter #descrip h3{
					font-size:1.3em;
					font-weight:bold;
					padding:12px 0 0 15px;
					color:#3d3d3d;
				}
				#portfolio .contentcenter #descrip p{
					font-size:1.2em;
					padding:8px 10px 0 15px;
				}
				#portfolio .contentcenter .colu{
					width:225px;
					float:left;
					display:inline;
					margin:15px 0 0 18px;
				}
				#portfolio .contentcenter .colu ul li{
					margin-bottom:10px;
					font-size:1.2em;
				}

.footband{
	font-size:0.625em;
	min-width:960px;
	width:100%;
	margin:0 auto;
	min-height:146px;
	background:#ffffff url(../images/bottom_bg.png) top left repeat-x;
}
.footband .contentcenter{
	padding-top:30px;
}
.footband h2{
	font-size:1.3em;
	color:#575757;
	margin-bottom:10px;
}
.footband p{
	font-size:1.2em;
}
.footband .biok{
	width:230px;
	float:left;
	display:inline;
}
.footband .contactk{
	width:240px;
	float:left;
	display:inline;
	margin-left:40px;
}
.footband .connectk{
	width:420px;
	float:right;
	display:inline;
}
	.footband .connectk ul{
		float:left;
		display:inline;
	}
	.footband .connectk h2{
		margin-left:30px;
	}
	.footband .connectk ul li{
		float:left;
		display:inline;
		margin-left:30px;
	}
	.footband .connectk ul li a, #content .contentcenter .leftSide p a img, #content .contentcenter .rightSide p a img,#portfolio .contentcenter .colu ul li a img,{
	opacity: 1.00;
	  filter:alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	.footband .connectk ul li a:hover,#content .contentcenter .leftSide p a img:hover, #content .contentcenter .rightSide p a img:hover,#portfolio .contentcenter .colu ul li a img:hover{
	opacity: 0.85;
	 filter:alpha(opacity=85);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	}
	.contentcenter #copyright{
		width:250px;
		float:right;
		display:inline;
		text-align:right;
		font-size:0.625em;
		margin:10px 0;
	}
	.contentcenter #copyright p{
		font-size:1.0em;
	}
	.clear{
		clear:both;
		line-height:0em;
	}

	/* --------------- shadow -------------------------*/
	#viewer #shadowPreview{
	width:920px;
	margin:0 auto;
	min-height:380px;
	font-size:0.625em;
	font-family:"Helvetica Neue LT Std","Helvetica Neue","Helvetica",Tahoma, Arial, sans-serif;
}
#viewer #shadowPreview .shadowleftSide{
	float:left;
	width:524px;
	display:inline;
	margin:25px 0 0 35px;
}
#viewer #shadowPreview .shadowrightSide{
	float:right;
	width:320px;
	display:inline;
	margin:25px 0 0 25px;
}
#viewer #shadowPreview .shadowleftSide h2{
	font-size:1.4em;
	color:#000000;
	font-weight:bold;
	line-height:1.1em;
	margin-bottom:14px;
}
#viewer #shadowPreview .shadowrightSide h2{
	font-size:1.4em;
	color:#000000;
	line-height:1.1em;
	margin-bottom:10px;
	font-weight:bold;
	border-bottom:1px solid #d7d8da;
	padding-bottom:14px;
	width:285px;
}
#viewer #shadowPreview .shadowrightSide p{
	font-size:1.2em;
	color:#787878;
	line-height:1.6em;
	text-align:left;
	margin:10px 30px 10px 0;
	padding-right:8px;
}
#viewer #shadowPreview .shadowrightSide ul{
	list-style:none;
}
#viewer #shadowPreview .shadowrightSide ul li{
	font-size:1.3em;
	margin:12px 0 14px 0;
	color:#545454;
}
#viewer #shadowPreview  .shadowrightSide .alter{
    font-size:1.2em;
}