/*
Theme Name: Custom Website
Author: Pike Graphics/SEOwhat
Description: Design by Pike Graphics and Implementation by SEOwhat
*/

/* Responsive Points for JS Triggers */
body:before { content: "desktop"; display: none; }
@media only screen and (max-width: 767px) {
	body:before { content: "mobile"; display: none; }
}

@font-face {
    font-family: 'eurostilebold';
    src: url('fonts/eurostile_bold-webfont.eot');
    src: url('fonts/eurostile_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/eurostile_bold-webfont.woff') format('woff'),
         url('fonts/eurostile_bold-webfont.ttf') format('truetype'),
         url('fonts/eurostile_bold-webfont.svg#eurostilebold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'eurostileregular';
    src: url('fonts/eurostile-webfont.eot');
    src: url('fonts/eurostile-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/eurostile-webfont.woff') format('woff'),
         url('fonts/eurostile-webfont.ttf') format('truetype'),
         url('fonts/eurostile-webfont.svg#eurostileregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bankgothicbold';
    src: url('fonts/bankgothic_bold-webfont.eot');
    src: url('fonts/bankgothic_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bankgothic_bold-webfont.woff') format('woff'),
         url('fonts/bankgothic_bold-webfont.ttf') format('truetype'),
         url('fonts/bankgothic_bold-webfont.svg#bankgothicbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bankgothicregular';
    src: url('fonts/bankgothic-webfont.eot');
    src: url('fonts/bankgothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bankgothic-webfont.woff') format('woff'),
         url('fonts/bankgothic-webfont.ttf') format('truetype'),
         url('fonts/bankgothic-webfont.svg#bankgothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

a { color: #8f0004; }
a:hover { text-decoration: none; }
html { height: 100%; }
img { border: 0; }
h1 { background: url(images/bg-page-heading.jpg) top right no-repeat; width: 315px; margin-top: 0px; padding: 3px 0px 0px 20px; font: normal 20px/36px "eurostileregular", "Franklin Gothic Medium"; font-style: italic; }
h2 { font: normal 20px 'bankgothicbold'; text-transform: uppercase; margin-bottom: 0px; }
body {
	font-size: 13px;
  font-family: "Arial Narrow",Arial,"Helvetica Neue",Helvetica,sans-serif;
	margin: 0 auto;
	padding: 0 auto;
	background: #000 url(images/bg-headerB.jpg) 0 -110px repeat-x;
	/*text-align: center;*/
	color: #ffffff;
	position: relative;
	height: 100%;
}
#container {
	width: 1020px;
	margin: 0 auto;
	text-align: left;
}

/*  Add dial to bottom of Contact Us page  */
body.page-id-38 #container { background: url(images/img-dialB.png) -300% 85% no-repeat; }
#header { background: url(http://www.redlinesignworks.com/wp-content/uploads/img-headerB1.gif) 0 -110px no-repeat; height: 174px; position: relative; }
#header .hours { position: absolute; top: 10px; width: 850px; text-align: right; color: #fff; font-size: 14px; font-weight: bold; }
#header .call { position: absolute; bottom: 50px; right: 165px; font-size: 18px; color: white; text-decoration: none; text-decoration: none; display: block; text-align: center; }
#header .call .fas { display: block; font-size: 40px; font-family: FontAwesome; }
#header ul { margin: 0px; padding: 0px; padding-top: 133px; padding-left: 18px; list-style: none; }
#header li { float: left; }
#header li img { display: block; }
#header p {
	margin: 0px;
	padding: 0px;
}
#top-navigation { /*clear: both; height: 35px;*/ margin-bottom: 20px; padding: 8px 0px; background: url(images/bg-top-nav.gif) top left repeat; }
#top-navigation ul { margin: 0px; padding: 0px; list-style: none; text-align: center; }
#top-navigation li { display: inline; }
#top-navigation li a { padding: 2px 5px; }
body.home #mainContent {
	background: url(images/img-dialB.png) bottom center no-repeat;
	padding-bottom: 260px;
}
body.home #mainContent h1 { width: 535px !important; }
body.home #mainContent h1 a { color: #fff !important; text-decoration: none; }
#mainContent p { width: 315px; }
body.home #mainContent p { width: auto !important; }
.photo-area { float: right; width: 640px; height: 500px; border: 1px solid #ff0000; background: url(images/bg-photo-box.jpg) top left repeat-x; margin-top: 0px; margin-left: 40px; }
.photo-area p { margin: 10px 30px; }

body.page-template-page-wide-php #mainContent h1, body.page-template-page-wide-php #mainContent p { width: auto !important; }
body.page-template-page-wide-php .photo-area { display: none; }

#footer {
	/*background: url(images/bg-bottom.jpg) bottom left repeat-x;
	padding-bottom: 25px;*/
}
#footer p {
	margin: 0;
	padding: 10px 0;
}
.site-credit, .site-credit a { color: #8f0004; font-style: italic; }
#footer p.links { color: #8f0004; text-align: center; font: normal 11px/15px "Franklin Gothic Medium"; font-style: italic; letter-spacing: 1px;	 }
.bottom { background: url(images/bg-bottom.jpg) bottom left repeat-x; padding-bottom: 20px; }
/*.bottom { background: url(images/bg-bottom.jpg) bottom left repeat-x; position: absolute; bottom: 0; left: 0; width: 100%; height: 20px; z-index: -1; }*/







img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
/*  Top Navigation Styles  */

ul#nav li a.main-link { border-left: 0 !important; }
ul#nav li a.main-link:hover { background-color: black !important; }

ul#nav {
margin: 0px;
padding: 0px;
padding-top: 133px;
padding-left: 17px;
list-style-type: none;
}

ul#nav li {
list-style-type: none;
margin: 0px;
padding: 0px;
position: relative;
float: left;
}

ul#nav li a {
font-size: 12px;
text-decoration: none;
display: block;
border: 0px solid red;
}

ul#nav li a:hover, ul#nav a:hover, ul#nav li:hover {
background-color: #ffffff;
}








ul#nav li ul
{ margin: 0px;
  padding: 0px 13px 20px;
  background: url(images/bg-top-nav-flyout.jpg) top left repeat-x;
/*  height: 610px;*/
  display: none;
  position: absolute; 
  top: 30px;
  left: -33px;
  width: 285px;
  z-index: 999;
  zoom: 1;
}

ul#nav ul li, ul#nav ul li.over
{ padding: 0px;
  margin: 0px;
  list-style: none; }

ul#nav li.top { margin: 0px; padding: 0px; padding-left: -5px; }
ul#nav li.top a { border-left: 0px; padding-left: 0px; }
ul#nav li.top a:hover { background-color: #000; }

ul#nav ul li a
{ color: #ffffff;
  text-decoration: none;
  display: block;
  width: 287px;
  margin: 0;
  padding: 0px;
  padding-left: 10px;
  border-left: 1px solid #9d0000;
  font: normal 12px/23px "Franklin Gothic Medium";
  text-transform: uppercase; }

ul#nav ul li a:hover {
  background-color: #9d0000;
  color: #ffffff;
}

ul#nav li > ul {
  top: 30px;
  left: -33px;
  z-index: 999;
  }

ul#nav li:hover ul, ul#nav li.over ul { display: block;
clear: left; }


/*  cForms styles  */
.cform { clear: none !important; width: 350px; margin: 10px 0 0 0; }
p.cf-sb { text-align: center; }
.linklove { display: none; }
div.cf_info { width: 200px; margin: 0px 0px !important; }


/*  NextGen Gallery styles */
div.slideshowlink { text-align: right; margin-bottom: 20px; }
div.slideshowlink a { color: #fff; }
a.slideshowlink { color: #fff; }
.piclenselink { display: none; }
.ngg-albumoverview, .ngg-galleryoverview { margin: 10px 10px 10px 27px; width: 590px !important; z-index: -999; }
.ngg-gallery-thumbnail-box { margin-bottom: 20px; }
.ngg-navigation { padding-top: 0px !important; }
.ngg-navigation .current, .ngg-navigation a.page-numbers, .ngg-navigation a.next, .ngg-navigation a.prev, .ngg-navigation span.page-numbers, .ngg-navigation span.next, .ngg-navigation span.prev { border: 0 !important; color: #fff; font-size: 14px !important }
.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover { background-color: #B80000 !important; }






img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/*  CONTACT US PAGE STYLES  */
body.page-id-38 h1 { width: 580px; }
body.page-id-38 .photo-area { background: none; width: 430px; border: 0px; }
body.page-id-38 .photo-area p { margin: 0px; }

form.contact-form.cform { width: 370px; margin-top: 0px; margin-bottom: 100px; }
form.contact-form.cform textarea, form.contact-form.cform input:not(.sendbutton) { width: 251px; 
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
background-color: #B90000;
border: 1px solid #000000;
color: #fff;
padding: 6px 10px;
}
form.contact-form.cform label { float: right; text-align: left; font: normal 24px 'bankgothicregular'; margin: 0px; padding-top: 9px; }
form.contact-form.cform input.sendbutton { border: 1px solid #000 !important; background: url(images/btn-submit.png) top left no-repeat; width: 107px; height: 28px; float: right; margin-right: 40px; font-size: 0; }
form.contact-form.cform textarea#cf_field_4 { height: 238px; }

.mobmenur-container a.call .fas.fa-phone:last-child { display: none !important; }