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

*{
	margin: 0px;
	padding: 0px;
}
h1{
	font-family: Eras Medium ITC, Engravers Gothic BT, Charrington Strewn;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	/* text-transform: capitalize; */
	color: #333;
	text-align: Left;
	padding: 0px 0px 10px 0px;
}

h1.center{
	text-align: Center;
}

h2 {
	font-family: Eras Medium ITC, Engravers Gothic BT, Charrington Strewn;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	/* text-transform: capitalize; */
	color: #333;
	text-align: Left;
	padding: 0px 0px 10px 0px;
}

h3 {
	font-family: Eras Medium ITC, Engravers Gothic BT, Charrington Strewn;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFF5;
	text-align: Center;
}

h4 {
	font-family: Eras Medium ITC, Engravers Gothic BT, Charrington Strewn;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFF5;
	text-align: Center;
}

h5 {
	font-family: Eras Medium ITC, Engravers Gothic BT, Charrington Strewn;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	/* text-transform: capitalize; */
	color: #999;
	text-align: Center;
}

a{
	
	text-decoration: none;
}

.wrapper{
	width: 90%;
	background: #666;
	margin: 10px auto 0 auto;
}

td.colorBand{
	
	height: 35px;
	background: #666;
	font-family: Eras Medium ITC, Engravers Gothic BT, Charrington Strewn;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFF5;
	text-align: left;
	padding: 0px 0px 0px 10px;
	 vertical-align: middle;
}

.header{
	width: 100%;
	/* height: 127px; */
	border: 1px solid #e1e1e1;
	display: block;
	/* 
	background-image: url(../Images/shimerzLogo3.jpg);
	background-repeat: no-repeat;
	 */
}
.header_small{
	width: 100%;
	border: 1px solid #e1e1e1;
	display: none;
}

.design{
	background-color: #333;
	width: 100%;
	height: 1000px;
	border: 1px solid #e1e1e1;
	}

img.slidshow {
	width: 100%;
	height: 375px;
	}

.navbar{
	width: 100%;
	padding: .6% 0% 1% 0%;
	height: 24px;
}

.searchButton{
	text-align: right;
}


.button3 a{

	
}

button3 a:hover{
	padding: 10px 10px 10px 10px;
	float: right;
	width: 100%;
	height: 1000px;
	background:#000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	img-align: center;
}

.button2 a{
	
	padding: 5px 5px 10px 20px;
	float: right; 
	/* width: 35px; */
	height: 25px;
	line-height: 22px;
	font-family: Verdana, Geneva, sans-serif;
	
}

button2 a:hover{
	padding: 10px 10px 10px 10px;
	float: right;
	width: 35px;
	height: 25px;
	line-height: 22px;
	font-family: Verdana, Geneva, sans-serif;
	
}

.button a{
	float: left;
	/*
	width: 10%;
	line-height: 25px
	width: 19%;
	height: 20px;*/
	width: 160px;
	font-family: Eras Medium ITC, Engravers Gothic BT, Charrington Strewn;
	font-size: 24px;
	color: #FFFFF5;
	font-weight: bold;
	text-align: center;
	padding: 0% 0% 0% 0%;
	
}
	
.button a:hover{
	color: #999;
/*	
	float: left;
	width: 10%;
	height: 25px;
	line-height: 25px;
	font-family: Eras Medium ITC, Engravers Gothic BT, Charrington Strewn;
	font-size: 25px;
	
	
	
	font-weight: bold;
	text-align: left;
	-image: url(..images/navbar_grad_roll.jpg);
	background-repeat: repeat-x; */
}

.buttonFooter a{
	/* width: 200px; */
	height: 20px;
	line-height: 20px;
	font-family: Eras Medium ITC, Engravers Gothic BT, Charrington Strewn;
	font-size: 16px;
	color: #6CC;
	font-weight: bold;
	text-align: left;
}
	
.buttonFooter a:hover{
	
	/* width: 200px; 
	height: 20px;*/
	line-height: 20px;
	font-family: Eras Medium ITC, Engravers Gothic BT, Charrington Strewn;
	font-size: 16px;
	color: #FFFFF5;
	font-weight: bold;
	text-align: left;
	/*-image: url(..images/navbar_grad_roll.jpg);
	background-repeat: repeat-x; */
}

.buttonFooter2 a{
	
	width: 200px;
	height: 25px;
	line-height: 25px;
	font-family: Eras Medium ITC, Engravers Gothic BT, Charrington Strewn;
	font-size: 20px;
	color: #FFFFF5;
	font-weight: bold;
	text-align: left;
}

.text{
	width: 65%;
	padding: 5px 4px 0px 5px;
}


.mainbody{
	width: 100%;
	line-height: 22px;
	font-family: Eras Medium ITC, Engravers Gothic BT, Charrington Strewn;
	font-size: 11px;
	color: #663;
	background: #FFF;
}
.mainbody2{
	width: 100%;
	line-height: 22px;
	font-family: Eras Medium ITC, Engravers Gothic BT, Charrington Strewn;
	font-size: 11px;
	color: #663;
	background: #FFF;
	padding: 0px 100px 0px 0px;
	
}

.mainbody3{
	width: 100%;
	line-height: 22px;
	font-family: Eras Medium ITC, Engravers Gothic BT, Charrington Strewn;
	font-size: 11px;
	color: #663;
	background: #666;
	padding: 0px 100px 0px 0px;
	
}

.footer{
	width: 100%;
	height: auto;
	background: #666;
	/*font-family: Eras Medium ITC, Engravers Gothic BT, Charrington Strewn;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFF5;
	text-align: left;
	padding: 10px 5px 0px 5px;
	background-image: url(../Images/shimerzLogoGold2.png);
	background-repeat: repeat-x;
	font-family: Adobe Caslon Pro, Courier New, monospace;
	font-size: 60px;
	font-style:italic;
	font-weight:600;
	text-transform: capitalize;
	color: #600;
	text-align:center;
	padding: 25px 0px 0px 0px;*/
}

img.highlight:hover {
    box-shadow: 0 0 10px 5px gray;
}

img.highlight1:hover {
    box-shadow: 0 0 10px 5px #FFFFF5;
}

td.highlight:hover {
    box-shadow: 0 0 10px 5px gray;
}
td.verbage {
font-size: 24px;
text-align: left;
padding: 0px 0px 0px 15px;
}

p.verbage {
font-size: 22px;
}
p.about {
font-size: 20px;
}

p.verbage2 {
font-size: 24px;
text-indent:10px;
padding: 5px 5px 5px 5px;
}


td.contact {
line-height: 150%;
font-size: 200%;
text-align: left;
vertical-align: top;
padding: 2% 0% 0% 2%;
}

#angies {
width: 55%;
height: auto;	
}
#map {
	width: 80%;
	height: auto;	
}
/*
.slideShow img {
	width: 100%;
	height: auto;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
*/

td.top {
	vertical-align: top;
	font-family: Eras Medium ITC, Engravers Gothic BT, Charrington Strewn;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	color: #663;
	text-align: Center;
	width: 50%;
	padding: 30px 0px 0px 0px;
}

td.foot {
	vertical-align: top;
	font-family: Eras Medium ITC, Engravers Gothic BT, Charrington Strewn;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFF5;
	text-align: Center;
	padding: 3px 0px 3px 0px;
}
td.foot	a{
		color: #6CC;
		}

td.foot	a:hover{
	color: #FFFFF5;
}		
		
		
		

td.prodname {
	font-family: Eras Medium ITC, Engravers Gothic BT, Charrington Strewn;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	color: #663;
	text-align: Left;
	width: 85%;
	padding: 0% 0% 0% 2%;
}

td.prodimg {
	width: 15%;
}

table.prodicons {
	width: 70%;
	
}
table.about {
	width: 90%;
	text-align: center;
}

td.about {
	text-align: left;
	line-height: 120%;
	font-size: 200%;
	text-align: left;
	vertical-align: top;

}

td.prodicon {
	width: 14%;
	padding:0px 0px 30px 0px;
}

img.full {
	width: 100%;
	height: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.slideShow {
	width: 100%;
	margin: 0px auto;
	overflow: hidden;
	float: left;
	margin:10px 0px 0px 0px;
}

img.fullT {
	width: 95%;
	height: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:5px 0px 0px 0px;
}

img.fullTH {
	width: 95%;
	height: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:5px 0px 0px 0px;
}

img.fullTH:hover {
    box-shadow: 0 0 10px 5px gray;
}

/* MEDIA QUERIES*/
@media screen and (max-width: 600px) {
	.header{
		display: none;
	}
	.header_small{
		display: block;
	}
	p.verbage {
		font-size: 120%;
		line-height: 120%;
	}
	td.verbage {
		font-size: 120%;
		line-height: 120%;
	}
	
	h1.center{
		font-size: 120%;
	}
	h2 {
		font-size: 120%;
	}
	h3 {
		font-size: 75%;
	}
	h4 {
		font-size: 80%;
	}
	.button a{
		font-size: 85%;
	}
	td.colorBand{
		font-size: 70%;
	}
	td.top{
		font-size: 110%;
		padding: 8px 0px 0px 0px;
	}
	td.foot{
		font-size: 75%;
	}
	img.highlight1{
		width: 20px;
		height: 20px;
	}
	
	.button2 a{
		padding: 2% 2% 2% 7%;
	}
	.wrapper{
		width: 90%;
	}
	.buttonFooter a{
		font-size: 60%;
	}
	td.prodname {
		font-size: 100%;
		width: 50%;
		line-height: 120%;
	}
	
	td.prodimg {
		width: 50%;
	}
	table.prodicons {
		width: 100%;
	}
	td.prodicon {
		padding:0px 0px 10px 0px;
	}
	td.contact {
	line-height: 150%;
	font-size: 150%;
	display: block;
	padding: 5% 0% 0% 0%;
	width: 90%;
	}
	td.about {
	line-height: 120%;
	font-size: 150%;
	}
	
	#angies {
		width: 50%;
		height: auto;	
	}
	#map {
		width: 100%;
		height: auto;	
	}
	
	h1{
		padding: 0px 0px 5px 0px;
	}
	.navbar{
		padding: 10px 0px 00px 0px;
		height: 24px;
	}
	
}
