
@font-face {
    font-family: 'valley_grrrl';
    src: url('https://jdrscraftsman.com/fonts/valleygrrrl/ValleyGrrrlNF-NESW-webfont.eot');
    src: url('https://jdrscraftsman.com/fonts/valleygrrrl/ValleyGrrrlNF-NESW-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://jdrscraftsman.com/fonts/valleygrrrl/ValleyGrrrlNF-NESW-webfont.woff2') format('woff2'),
         url('https://jdrscraftsman.com/fonts/valleygrrrl/ValleyGrrrlNF-NESW-webfont.woff') format('woff'),
         url('https://jdrscraftsman.com/fonts/valleygrrrl/ValleyGrrrlNF-NESW-webfont.ttf') format('truetype'),
         url('https://jdrscraftsman.com/fonts/valleygrrrl/ValleyGrrrlNF-NESW-webfont.svg#valley_grrrl') format('svg');
    font-weight: normal;
    font-style: normal;
}


#address_number_output {
    position: absolute;
    color:#d59c64;
    text-shadow: rgba(0, 0, 0, 0.8) 2px 1px 2px;
    font-family: 'valley_grrrl';
    font-weight:normal;
  
    font-size: 60px;
    width: 20px;
    word-wrap: break-word;
    /* vertical by Jeffrey Way */
    line-height:52px;
    word-spacing: 0px;
    text-transform:uppercase;
    text-rendering: geometricPrecision;
    text-align:right;
    height:90px;
    left: 0;
    margin: auto;
    right: 0;
    top: 0px;
    padding-top:17px;
    display:block;
}

.mockup {
  position: relative;
}


#blank_plaque_sml, #blank_plaque, #blank_plaque_lrg {
	display:none;
	position:absolute;
	left: 50%;	
	margin-left: -43px;
	width:100%;
	max-width:100px;
	height:auto;
	z-index: 0;
}
#blank_plaque_xlrg {
 	display:none;
	position:absolute;
	left: 50%;	
	margin-left: -43px;
	width:100%;
	max-width:100px;
	height:300px;
	z-index: 0;
}


/* for the metal color option icon */
#myimage {
	position:absolute;
	margin: -45px 0px 0px 245px;
	width:80px;
	height:auto;
}

/* colors the prompt text in text fields */
/* do not group these rules */
::-webkit-input-placeholder {
    color: #CC3300;
    opacity: .5 !important;
}

:-moz-placeholder { /* Firefox 18- */
    color: #CC3300;
    opacity: .5 !important;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #CC3300;
    opacity: .5 !important;
}

:-ms-input-placeholder {  
   color: #CC3300;
    opacity: .5 !important;
}
