a.nav:link { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; line-height: 12px;
	font-style: normal; font-weight: normal;

	color: #fff; background-color:#555;

	display: inline;
	padding:0px 2px 0px 2px;
	text-decoration: none;
	}
a.nav:visited { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; line-height: 12px;
	font-style: normal; font-weight: normal;

	color:#fff; background-color:#555;
	display: inline;
	text-decoration: none;
	}	
a.nav:hover { color: #fff; background-color: #000;text-decoration: none;}
a.nav:active { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; line-height: 12px;
	font-style: normal; font-weight: normal;

	color:#fff; background-color:#666;
	
	display: inline;
	text-decoration: none;
	}

a.one:active { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; line-height: 12px;
	font-style: normal; font-weight: normal;

	color:#555; background-color:#fff;

	display: inline;
	text-decoration: none;
	}	
a.one:link { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; line-height: 12px;
	font-style: normal; font-weight: normal;

	color:#555; background-color:#fff;

	display: inline;
	padding:0px 2px 0px 2px;
	margin: 2px;
	text-decoration: none;
	}
a.one:visited { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; line-height: 12px;
	font-style: normal; font-weight: normal;
	color:#555; background-color:#eee;
	display: inline;
	text-decoration: none;
	}
a.one:hover { color: #fff; background-color: #666;text-decoration: none;}
	
h1 {font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 80px;
	letter-spacing:.75px;
	color: #fff;
	background-color:#000;
	display: inline;
	padding:0px 2px 0px 2px;}
h2 {font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	letter-spacing:.62px;
	color: #fff;
	background-color:#000;
	display: inline;
	padding:0px 2px 0px 2px;
	margin: 4px}
h3 {font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	letter-spacing:.75px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	background-color:#FFF;
	display: inline;
	padding:0px 2px 0px 2px;
	margin: 4px;
}
p {	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}



/* I D + + + */

#big {	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10vh;}
#close {color:#CCC; background-color:transparent;}
#dome { width:74%;}
#elephant { width:75%;}	
#hawk { width:75%;} 
#sticker { width:150%; transform:translate(-15%, -0%); overflow:hidden;}
#hide { visibility: hidden;}

#subtitle {	padding:10px 2px 0px 2px;}
#smtitle{ font-size:12px;}
#wide { width: 90%; max-width: 800px; }
#loom {height: 430px; }
#moon { max-height: 100%; width: auto; }
/* + + + */
   
.maintitle {
	width: 100%;
	height: auto;
	background-color: transparent;
	position: relative;
text-align: center;
    display: block;
	margin: 0px 0px 0px 0px;
	padding:0px;}		
.secondtitle {
    width: 100%;
	height: auto;
	background-color: transparent;
	position:relative;
    display: block;
	margin: 0px 0px 3px 0px;
	padding:5px;}

ul {display:block;
    margin: 5px 0px 5px 0px;
    padding: 0px;
}
ul.jkresume {display:block;
    margin: 10px 0px 10px 0px;
    padding: 0px;
}
li {display:inline;
    margin: 0px;
    padding: 0px;
}
body {
	background-color: #eee;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 3px;
	padding: 3px;
}

.header {
	width: 100%;
	height: 100px;
	min-width: 320px; 
	max-width: 1450px;
	position: relative;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	overflow: hidden;
	border: 0px;
	text-align: center;
	background-image:url(/img/photo/jkleiner27header11.jpg);
	background-position:center;
    background-size:cover;
	}					          
.gate {
	width: 300px;
	height: 25px;
	position: absolute;
    top: 70%;
	left: 50%;
	margin: 0px;
	padding: 5px;
	overflow: visible;
	text-align: center;
	transform: translate(-50%, -50%);
	border: 0px;
	z-index:2}


.box {
	width: 100%;
	height: auto;
	min-width: 320px;
	max-width: 1450px;
	display: inline-block;

	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	overflow: hidden;
	border: 0px;
	background-color: #fff;}
.box_sm {
	width: 100%;
	height: 50px;
	min-width: 320px;
	max-width: 1450px;
	display: inline-block;

	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	overflow: hidden;
	border: 0px;
	background-color: #fff;}
.box_r {
	width: 100%;
	height: auto;
	min-width: 320px;
	max-width: 1450px;
	
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	
	-webkit-flex-flow: row;
	justify-content: space-around;

	margin: 0px;
	padding: 0px;
	border: 0px;
	overflow: hidden;
	background-color: #fff;}
.box_fw {
	width: 100%;
	height: auto;
	min-width: 320px;
	max-width: 1450px;
	
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
  
	-webkit-flex-flow: row wrap;
	justify-content: space-around;
    
	margin: 0px;
	padding: 0px;
	border: 0px;
	overflow: hidden;
	background-color: #fff;}
.box_endbox {
	width: 100%;
	height: 25px;
	position: relative;
 
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	text-align: center;
	
	border: 0px;
	}

/* + + + */

.print_con2 {
	width: 30%;
	height:auto;
	margin:	3px 3px 3px 3px;
	padding: 0px;
	background-color: #fff;
	position: relative;}
.print_concon2 { 
	width: 100%; 
	height: auto;
	margin: 0px; 
	padding: 0px; 
	border: 0px; 
	background-color: #fff; 
	overflow: hidden;}
.print_concon2 img {width: 100%; height:100%; }
.print_desc2:hover {
	background-color:#444;
	color:#fff;
	cursor: help;} 

/* + + + */

.print_con {
	width: 32%;
	height:auto;
	margin: 2px;
	padding: 3px 0px 3px 0px;
	background-color: #fff;
	position: relative;
	display: inline-block;
	vertical-align:middle;}
.print_concon { 
	width: 100%; 
	height: auto;
	margin: 0px; 
	padding: 0px; 
	border: 0px; 
	background-color: #fff; 
	overflow: hidden;}
.print_concon img {width: 100%; height:100%;} 
.print_desc {
	width: 100%;
    height: auto;
	background-color:#fff;
	opacity: 0.6; filter: alpha(opacity=06); /* For IE8 and earlier */
	margin: 0px;
	padding: 0px 2px 0px 2px;
	font-size:11px;}
.print_desc:hover {
		background-color:#444;
		color:#fff;
		cursor: help;} 

/* + + + */
.index_con {
    width: 94%;
	height:auto;
	background-color:#fff;
   
    margin: 0px;
	padding: 0px;	
	
	display: inline-block;
	position:relative;
	
	vertical-align:top;
	overflow: hidden;}
.index_con img { height:100%; width:100%; }
.index_desc {
	width: auto;
	height:auto;
	
	margin: 0px;
	padding: 2px 0px 10px 0px;
	
	font-size:12px;
	text-align: center;
	
	background-color: #fff;
	opacity: 0.6; filter: alpha(opacity=06); /* For IE8 and earlier */
	
	overflow: hidden;
	position: relative;
	
	display: block;
	top: 0px;
	left: 0px;
	z-index:1;}
.index_main_title {	
	width: auto;
	height: auto;
	
	position:relative;
	left:50%;
	top:0px;
	transform: translate(-50%, 0%);
	
	padding: 0px;
	margin: 0px 0px 10px 0px;
	
	display: inline-block;
	}

/* + + + */

.jk_con {
    width: 32%;
	height: auto;
	max-width:700px;
	display:inline-block;
	position: relative;
	margin: 0px 2px 0px 2px;
	padding: 0px 2px 10px 2px;
	overflow:hidden;
	background-color:#fff;
	text-align:left;	
	vertical-align:top;}
.jk_concon {
	width:100%; height:auto; 
	display:inline-block;
	position: relative;
	margin: 0px;
	padding: 0px;
	overflow:hidden;
	background-color:transparent;	
	vertical-align:top;
	text-align:center;}
.jk_concon img {width:95%; height:auto;} 

/* + + + */

.paper_con {
	width: 48%;
	height: auto;
	margin: 0px;
	padding: 0px 0px 0px 0px ;
    position: relative;
    display: block;
	background-color: #fff;
	overflow: hidden;}
.paper_concon { 
	width: 100%; 
	height: 100%;
	margin: 0px;
	padding: 0px; 
	border: 0px; 
	background-color: #fff; 
	overflow: hidden;
	}
.paper_concon img { width:100%; height:100%;}

.paper { 
	width: 48%;
	height: 48%;
	position: relative;

	margin: 0px;
	padding: 0px 0px 5px 0px;
    
	overflow: hidden;
	border: 0px;
	}	
.paper_desc {
	width: 100%;
    height: auto;
	background-color:#fff;
	opacity: 0.6; filter: alpha(opacity=06); /* For IE8 and earlier */
	margin: 0px;
	padding: 0px 0px 0px 0px;} 
.paper_desc:hover {
		background-color:#444;
		color:#fff;
		} 
.paper_desc2 {
	width: 100%;
    height: auto;
    position: relative; bottom: 50%; left: 0px;
	background-color:transparent;
    text-align: center;
	margin: 0px;
	padding: 0px;
    overflow: hidden;
	opacity: .8; filter: alpha(opacity=08); /* For IE8 and earlier */
    z-index: 2;} 


/* + + + */
.twodee_con {
    width: 94%;
	height:auto;
	background-color:#fff;
   
    margin: 0px;
	padding: 0px;	
	
	display: inline-block;
	position:relative;
	
	vertical-align:top;
	overflow: hidden;}
.twodee_con img { height:100%; width:100%; }
.twodee_desc {
	width: auto;
	height:auto;
	
	margin: 0px;
	padding: 2px 0px 10px 0px;
	
	font-size:12px;
	text-align: center;
	
	background-color: #fff;
	opacity: 0.6; filter: alpha(opacity=06); /* For IE8 and earlier */
	
	overflow: hidden;
	position: relative;
	
	display: block;
	top: 0px;
	left: 0px;
	z-index:1;}

/* + + + */

/* + + + */
.mould_con {
	width: 45%;
	height:auto;
	margin: 10px 0px 0px 0px;
	padding:0px;
	background-color: #fff;
	overflow: hidden;}
.mould_concon { 
	width: 100%; 
	height: auto;
	margin: 0px; 
	padding: 0px 0px 5px 0px; 
	border: 0px; 
	background-color: #fff; 
	overflow: hidden;
	}
.mould_concon img { width:100%; height:100%;}
.mould_con2 { 
	width: 400px;
	height: auto;
	position: relative;
	left: 50%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	text-align: center;
	transform: translate(-50%, -0%);
	border: 0px;
	}
.mould_concon2 { 
	width: 100%; 
	height: auto;
	margin: 0px; 
	padding: 0px 0px 5px 0px; 
	border: 0px; 
	background-color: #fff; 
	overflow: hidden;
	}
.mould_desc {
	width: 100%;
    height: auto;
	background-color:#fff;
	opacity: 0.6; filter: alpha(opacity=06); /* For IE8 and earlier */
	
	margin: 0px;
	padding: 0px 2px 0px 2px;
	
	font-size:11px;}
.mould_desc:hover {
		background-color:#444;
		color:#fff;
		} 

/* + + + */
.install_con {
	width: 75%;
	height:auto;
	
	margin: 5px 0px 0px 0px;
	padding: 0px;
	background-color: #fff;
	
	position: relative;
	display: inline-block;
	vertical-align:middle;
	overflow: hidden;}
.install_concon { 
	width: 100%; 
	height: auto;
		
	margin: 0px; 
	padding: 0px; 
	border: 0px; 
	background-color: #fff; 
	overflow: hidden;}
.install_concon img { width:100%; height:100%;}
.Install_desc {
	width: 100%;
    height: auto;
	background-color:#fff;
	opacity: 0.6; filter: alpha(opacity=06); /* For IE8 and earlier */
	display: inline-block;
	position: inherit;
	bottom:7px;
	left:7px;
	overflow: hidden;
	z-index:1;
	margin: 0px;
	padding: 1px 2px 2px 5px;
	font-size:12px;}	
.Install_desc:hover {
		background-color:#444;
		color:#fff;
		cursor: help;} 
					
@media only screen and (max-width: 960px){

.print_con{ width: 48%;} 
.print_con2{ width: 47%; height:auto;}
.install_con{ width:48%; height:auto;}
.jk_con { width: 48%; height:auto;} 

#linklist {width:48%;} #reuse {width:48%;}
#smtitle{font-size:12px;}

}


@media only screen and (max-width: 650px){
.print_con{ width: 100%; padding:2px auto 0px auto;} 
.print_con2{ width: 100%; height:auto; padding:0px;}
.mould_con{ width: 100%; height:auto; padding:0px;}
.install_con{ width:100%; height:auto;}
.jk_con{ width: 100%; height:auto; margin: 0px; padding:0px;}
.concon_B {	width: 100%;	height:auto;	margin: 2px; position:relative;	left:0px;	top:0px;}
.maintitle_B {	position:relative;	padding: 0px;	margin: 2px 2px 0px 0px;	display: block;}

#hawk { width:100%;} 
#elephant { width:100%;} 
#smtitle{ font-size:10px;}	

    
    
#linklist {width:100%;}
#reuse {width:100%;}
#jkimg {width:100%; max-width:350px;}
	}