.glassicons
{
        clear: both;
	display: inline-table;
}

.glassicon
{
        display: table-cell;
	padding: 0 2px 0 2px;
}

.jhillproductdetail h1
{
	font-family: "Times New Roman",Times,serif !important;
	font-size: 15px !important;
}

.jhillproductdetail h2
{
	display: inline !important;
        font-family: "Times New Roman",Times,serif !important;
        font-size: 15px !important;
	font-weight: normal;
}


hr
{
	border-color: #808080 -moz-use-text-color -moz-use-text-color;
}

body
{
	padding: 0 0 0 0 !important;
	margin: 0 !important;

	
}

.pagewrapper
{
	max-width: 1073px;
	margin: 0 auto;	
	position: relative;
	/*height: 100%;*/
}


.pagewrapperfront
{
        max-width: 1073px;
        margin: 0 auto;
        position: relative;
        /*height: 100%;*/
}


.widepagewrapper
{
	margin: 0 auto;
	padding-top: 182px;
	position: relative;
}


.jhillrow { clear: left; zoom: 1; margin: 0 !important;}

html
{
	
}

.logorow
{
	height: 10%;
	position: relative;	
}

.jhilllogo
{
	margin: 0 auto 0 auto;
	width: 359px;	
	padding-top: 1.875em;
  	position: relative;
}

.jhillinsignia
{
	position: relative;
	float: left;
	width: 6%;
	margin: 0 4% 0 4%;
	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);	
}

.jhillmain
{
	padding: 0 0 0 0;
	height: 80%;	
	position: relative;
}

.jhilllinks
{
	padding: 0 0 0 0;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 2.2em;	
}

#jhillpanel1, #jhillpanel3
{
	float: left;
	width: 14%;	
}

.jhillpanelbuffer
{
	float: left;
	width: 4%;	
}


.jhillpanel2
{
	float: left;
	width: 72%;
	top: 50%;
	position: relative;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);	
  	z-index: 1;
 -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;  
}

.jhillpanel2new
{
        float: left;
        width: 72%;
        top: 50%;
        position: relative;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 1;
 -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}




#image2
{
	margin: 27px 0 40px 0;
}

.jhillpanel6
{
        text-align: center;
        font-family: "Times New Roman", Georgia, Serif;
        font-size: 1.6em;
        line-height: 1.25em;	
        float: left;
        width: 72%;
        top: 50%;
        position: relative;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 1;
	-webkit-transform-style: preserve-3d;
  	-moz-transform-style: preserve-3d;
  	transform-style: preserve-3d;
}


/* panels 4 and 5 are used on slide 2 to split the text into 2 columns */

.jhillpanel4
{
	float: left;
	width: 35%;
	margin: 0 2% 0 13%;
	position: relative;	
	text-align: justify;
	font-family: "Times New Roman", Georgia, Serif;
	font-size: 1.3em;
	line-height: 1.2em;
}


.jhillpanel5
{
	float: left;
	width: 35%;
	margin: 0 13% 0 2%;
	position: relative;	
	text-align: justify;
	font-family: "Times New Roman", Georgia, Serif;
	font-size: 1.3em;	
	line-height: 1.2em;	
}


#jhillslide1text
{
	position: absolute;
	bottom: 10%;
	left: 5%;
	z-index: 2;	
	color: #ffffff;
	font-family: "Times New Roman", Georgia, Serif;
	font-size: 1.1em;
	text-align: center;
}

#jhillslide3text
{
	position: absolute;
	top: 15%;
	right: 0% !important;
	z-index: 100000;	
	color: #ffffff;
	font-family: "Times New Roman", Georgia, Serif;
	font-size: 1.1em;
	text-align: center;
}

#jhillslide4text
{
	position: absolute;
	top: 10%;
	left: 0%;
	z-index: 3;	
	color: #ffffff;
	font-family: "Times New Roman", Georgia, Serif;
	font-size: 1.1em;
	text-align: center;
}

#jhillslide6text
{
	position: absolute;
	top: 10%;
	left: 0%;
	z-index: 2;	
	color: #000000;
	font-family: "Times New Roman", Georgia, Serif;
	font-size: 1.1em;
	text-align: center;
}

#jhillslide1left
{
	width: 3%;
	height: 100%;
	background-color: #d3e8d1;
	z-index:2;
	position: absolute;	
	top: 0;
	left: 0;
}

#jhillslide1right
{
	width: 3%;
	height: 100%;
	background-color: #f9efe0;
	z-index:2;
	position: absolute;	
	top: 0;
	right: 0;
}

#jhillslide2left
{
	width: 3%;
	height: 100%;
	background-color: #ffffff;
	z-index:2;
	position: absolute;	
	top: 0;
	left: 0;
}

#jhillslide2right
{
	width: 3%;
	height: 100%;
	
	background: url(image3.jpg) no-repeat top left; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;		
	
	
	z-index:2;
	position: absolute;	
	top: 0;
	right: 0;
}

#jhillslide3left
{
	width: 3%;
	height: 100%;
	background-color: #f9efe0;
	z-index:2;
	position: absolute;	
	top: 0;
	left: 0;
}

#jhillslide3right
{
	width: 3%;
	height: 100%;
	
	background: url(image6.jpg) no-repeat top left; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;		
	
	
	z-index:2;
	position: absolute;	
	top: 0;
	right: 0;
}

#jhillslide4left
{
	width: 3%;
	height: 100%;
	
	background: url(image3.jpg) no-repeat top right; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;		
	
	
	z-index:2;
	position: absolute;	
	top: 0;
	left: 0;
}

#jhillslide4right
{
	width: 3%;
	height: 100%;
	background-color: #ffffff;
	z-index:2;
	position: absolute;	
	top: 0;
	right: 0;
}


#jhillslide5left
{
	width: 3%;
	height: 100%;
	
	background: url(image6.jpg) no-repeat top right; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;		
	z-index:2;
	position: absolute;	
	top: 0;
	left: 0;
}

#jhillslide5right
{
	width: 3%;
	height: 100%;
	background-color: #d3e8d1;
	z-index:2;
	position: absolute;	
	top: 0;
	right: 0;
}

#jhillslide6left
{
	width: 3%;
	height: 100%;
	background-color: #ffffff;
	z-index:2;
	position: absolute;	
	top: 0;
	left: 0;
}

#jhillslide6right
{
	width: 3%;
	height: 100%;
	background-color: #ffffff;
	z-index:2;
	position: absolute;	
	top: 0;
	right: 0;
}

.year1786
{
	text-align: center;
	font-size: 2em;
	font-weight: bold;
	margin: 49px 0 50px 0;	
}

.jhillseen
{
	background: url(strike.png) center center  no-repeat;	
}

h1
{
	padding-bottom: 0.2em; 
	font-style: normal;	
	font-family: "Times New Roman", Georgia, Serif;
	font-size: 1.4em !important;
	font-weight: 400;
}

.jhilllinks
{
	font-family: "Times New Roman", Georgia, Serif;	
}

.jhilllinks a
{
	font-family: "Times New Roman", Georgia, Serif;	
	color: #000000;
	text-decoration: none;
}

.jhilllinks a:hover
{
	font-family: "Times New Roman", Georgia, Serif;	
	color: #000000;
	text-decoration: underline;
}


#jhillslide2
{
	background: #f9efe0;	
}

#jhillslide6
{
	background: #d3e8d1;	
}




#jhillslide3
{
	background: url(image3.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

#jhillslide4
{
	background: url(image6.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

#jhillslide3 .slick-dots li button
{
	color: #ffffff !important;	
}
                                       

@media (max-width: 800px)
{
	#jhillslide3text
	{
		right: -10%;	
	}
	
	#jhillslide4text
	{
		left: -10%;	
	}	
}

@media (max-width: 670px)
{
	.jhillpanel6
	{
		font-size: 0.9em;
	}
}

@media (max-width: 640px)
{
	.jhilllogo
	{
		width: 50%;	
	}
	
}

@media (max-width: 620px)
{
	#jhillslide1text, #jhillslide3text, #jhillslide4text
	{
		font-size: 0.8em;	
	}
}





@media (max-width: 510px)
{
	.jhillpanel4, .jhillpanel5
	{
		clear: both;
		margin: 0;
		width: 100%;	
	}
	
}




@media (max-width: 480px)
{
	.jhillpanel4, .jhillpanel5
	{
		font-size: 0.8em;	
	}	
	
}