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

#main
{
	height: auto;
	width: 1000px;
	border: solid;
	border-color: #000;
	margin: auto;
}

#header
{
	height: 200px;
	width: 980px;
	padding: 10px;
	background-color: #6D6E71;
	border-bottom: solid;
	border-bottom-color: #8D278E;
	color: #63C;
}

#navbar
{
	width: 1000px;
	height: 25px;
	background-color: #000;
	border-bottom: solid;
	border-bottom-color: #8D278E;
}

.customlist
{
	display: block;
	height: 21px;
	width: 195px;
	background-color: #000;
	float: left;
	padding-top: 4px;
	padding-left: 2px;
	border-right-style: solid;
	border-right-color: #8D278E;
	font-family: "Lucida Console", Monaco, monospace;
}

.customlist2
{
	display: block;
	height: 21px;
	width: 195px;
	background-color: #000;
	float: left;
	padding-top: 4px;
	padding-left: 2px;
	font-family: "Lucida Console", Monaco, monospace;
}

.customul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.customlist:hover
{
	background-color: #72969D;
	color: #000;
}

.customlist2:hover
{
	background-color: #72969D;
	color: #000;
}

#maincontentmaterial
{
	height: 1800px;
	width: 980px;
	padding: 10px;
	background-color: #CCC;
}

#maincontentindex
{
	height: auto;
	width: 980px;
	padding: 10px;
	background-color: #CCC;
}

#maincontentspecialties
{
	height: 1375px;
	width: 980px;
	padding: 10px;
	background-color: #CCC;
}

#maincontenttemplate
{
	height: 200px;
	width: 980px;
	padding: 10px;
	background-color: #CCC;
}

#maincontentfaq
{
	height: auto;
	width: 980px;
	padding: 10px;
	background-color: #CCC;
}

#maincontentordered
{
	height: 280px;
	width: 980px;
	padding: 10px;
	background-color: #CCC;
}

#maincontentteam
{
	height: 2125px;
	width: 980px;
	padding: 10px;
	background-color: #CCC;
}

#maincontentorderform
{
	height: 1320px;
	width: 980px;
	padding: 10px;
	background-color: #CCC;
}

#metaldiv
{
	height: 500px;
	width: 980px;
	background-color: #CCC;
}

#woods
{
	height: 720px;
	width: 980px;
	background-color: #CCC;
}

#footer
{
	width: 980px;
	padding: 10px;
	height: 230px;
	background-color: #999;
	border-top: solid;
	border-top-color: #000;
}

#footer
{
	width: 980px;
	padding: 10px;
	height: auto;
	background-color: #999;
	border-top: solid;
	border-top-color: #000;
}

#graphic
{
	border-style: solid;
	border-width: 2px;
	margin: 8px;
	float: left;
	display: block;
	background: #DAD5C7;
}

#graphic2
{
	float: left;
}

#graphic3
{
	float: right;
}

#birthstones
{
	border-style: solid;
	border-width: 2px;
	margin: auto;
	width: 720px;
	background: #000;
	padding: 10px;
}

#holepunchers
{
	border-style: solid;
	border-width: 2px;
	margin: auto;
	width: 500px;
	background: #FFF;
	padding: 10px;
}

#footerlogoleft
{
	margin: 8px;
	float: left;
	display: block;
}

#footerlogoright
{
	margin: 8px;
	float: right;
	display: block;
}

#contact
{
	width: 215px;
	height: auto;
	border-style: solid;
	border-color: #906;
	margin: auto;
}

a
{
	color: #91348D;
	text-decoration: none;
}

a:hover
{
	color: #000;
	text-decoration: none;
}

.metaltext
{
	font-family: "Lucida Console", Monaco, monospace;
	color: #CE4B5C;
}

.titles
{
	font-family: "Arial Black", Gadget, sans-serif;
}

.maintext
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	padding: 10px;
	color: #000;
	line-height: 2.0;
}

.footertext
{
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 14px;
}

.footertext2
{
	font-family: "Times New Roman", Times, serif;
	color: #000;
	font-size: 14px;
}

.footerul
{
	list-style-type: none;
}

body
{
	background-image: url(../Images/background3.png);
}

#advertisement
{
	border-style: solid;
	border-color: #000;
	float: left;
	height: 462px;
	width: 179px;
	margin: 4px;
}

#advertisement2
{
	float: left;
	height: 1210px;
	width: 179px;
	margin: 0;
}

.customlink
{
	display: inline;
	height: 30px;
	width: 250px;
	background-color: #000;
	border: solid;
	border-width: 2px;
	border-color: #92348D;
}

.customlink:hover
{
	background-color: #72969D;
}

#shoporder
{
	width: 500px;
	height: 1000px;
	border: solid;
	margin: auto;
	padding: auto;
}

#teammembers
{
	width: 137px;
	height: 176px;
	border: solid;
	float: left;
}

#teamtext
{
	width: 800px;
	height: auto;
	float: right;
}

#markfinley
{
	width: 980px;
	height: 325px;
	padding: 10px;
	margin: 10px;
}

#larryburgess
{
	width: 980px;
	height: 325px;
	padding: 10px;
	margin: 10px;
}

#budodea
{
	width: 980px;
	height: 325px;
	padding: 10px;
	margin: 10px;
}

#richardlewis
{
	width: 980px;
	height: 325px;
	padding: 10px;
	margin: 10px;
}

#grantbushman
{
	width: 980px;
	height: 325px;
	padding: 10px;
	margin: 10px;
}

#orderimages
{
	
}







#snackbar 
{
    visibility: hidden; 
    min-width: 250px; 
    margin-left: -125px; 
    background-color: #333; 
    color: #fff; 
    text-align: center; 
    border-radius: 2px; 
    padding: 16px; 
    position: fixed; 
    z-index: 1;
    left: 50%;
    bottom: 30px;
}

#snackbar.show 
{
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein 
{
    from {bottom: 0; opacity: 0;} 
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein 
{
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout 
{
    from {bottom: 30px; opacity: 1;} 
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout 
{
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}