@charset "utf-8";
/* CSS Document */
/* Site Dudes Mobile Site CSS */

/* - Reset - */

a { outline:0; border:0; text-decoration:none; }
img { border:0 }
.clear { clear:both }


/* - Setup - */

body { background:url(images/bg.jpg) center center no-repeat fixed #fff; background-size:cover; margin:0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; }

.logo { padding: 10px 0; width:60%; float:left; box-sizing:border-box; }
.logo img{ width:100%;}

.slogan { 
	color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	border-bottom:1px solid #ddd; 
	padding:10px 2px;
	-webkit-border-radius: 0;
	background:url(images/topBG.jpg) bottom center no-repeat;
	background-size:cover;
}

.homeLeft  {
	float:left;
	margin-left:10px;
}

.homeRight  {
	float:right;
	text-align:right;
	width:40%;
	box-sizing:border-box;
	padding:15px 0px;
	padding-right:10px;
}

.icon{
	color:#111;
	font-size:2.5em;
	text-decoration:none;
	text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.75);
}
.topLink {
	padding:2px 0px;
	width:100%;
	text-align:center;
}

.topLink a{
	color:#111;
	font-size:15px;
	text-decoration:none;
	font-weight:bold;
	text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.75);
}

.topLink .fas {
	font-size:1.3em;
}

a.phone_link:link, a.phone_link:active, a.phone_link:visited { font-size:12px; font-weight:normal; color:#111; }
a.phone_link:hover { color:#ccc;}

.imgBorder { width:100%; margin:0;}

/* - Main Content/Container - */

#mainContent { 
	margin: 10px;
	background:#fff;
}

.body_text{	
	padding:10px;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
}


.contentAdjust { padding: 0 15px; }

.page_heading {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; color:#002f7d; border-top:#35352c 1px dashed; border-bottom:#35352c 1px dashed;padding-bottom:5px; padding-top:15px; margin-bottom:5px; margin-left: 0px
}

.gallery { list-style: none; padding: 0; margin: 0; }
.gallery:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.gallery li { float: left; width: 33.33333333%; }
.gallery li a { display: block; margin: 5px; border: 1px solid #3c3c3c; }
.gallery li img { display: block; width: 100%; height: auto; }

a.text_link:link, a.text_link:visited{color: #333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;  text-decoration:none}
a.text_link:hover{color:#00416a; text-decoration:underline}

.seo_text, a.seo_link:link, a.seo_link:hover, a.seo_link:visited {color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5em; margin: 0px; text-decoration:none;}

/* - Nav Settings - */

#navContainer { 
	margin:5px;
	padding:5px 10px;
}

/* - View Full Site - */

.view { background:#fff; border:1px solid #ddd; border-left:none; border-right:none; width:100%; height:35px; margin:5px auto 5px; }

.viewText, .viewText a { color:#000; padding: 7px 0; font-size:15px; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* - Footer - */

#footer { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003f8f+0,002976+100 */
background: rgb(0,63,143); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,63,143,1) 0%, rgba(0,41,118,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,63,143,1) 0%,rgba(0,41,118,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,63,143,1) 0%,rgba(0,41,118,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003f8f', endColorstr='#002976',GradientType=0 ); /* IE6-9 */
font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#ffffff; 
	border-top: 3px #000 solid;
	padding:15px 0; text-align:center; }

a.footer_link:link, a.footer_link:active, a.footer_link:visited { color: #ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;  text-decoration:none }
a.footer_link:hover { color:#ffffff; text-decoration:underline }

/* - Contact Form Setup - */

#contactForm div { margin:1px 3px }

.contact_text {
	font-size:13px;
	padding:2px 0 5px 0;
}


input, textarea { background-color:#fff;
	border:1px solid #002f7d;
	color:#002f7d; width:100%; margin-bottom:5px; }

/* - Custom CSS Fades - */

.gradientFade {
background:#fff;
background: -moz-linear-gradient(top, rgba(169,3,41,0.86) 0%, rgba(109,0,25,0.84) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,0.86)), color-stop(100%,rgba(109,0,25,0.84))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(169,3,41,0.86) 0%,rgba(109,0,25,0.84) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(169,3,41,0.86) 0%,rgba(109,0,25,0.84) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(169,3,41,0.86) 0%,rgba(109,0,25,0.84) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dba90329', endColorstr='#d66d0019',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(169,3,41,0.86) 0%,rgba(109,0,25,0.84) 100%); /* W3C */
}

.top-phone {
	
	box-shadow: 0 1px 4px rgba(0,0,0,.6);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.6);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.6);
	-o-box-shadow: 0 1px 4px rgba(0,0,0,.6);
	
	width: 90%;
	position:relative;
	margin-bottom:-15px;
	z-index:999;
	background:#fff;
	padding:10px;
}


.phone {
	text-decoration:none;
	color:#333;
	font-weight:bold;
}