@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@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 }

.btn {
	margin: 10px 0;
	display: inline-block;
	padding: 10px 15px;
	border: 1px solid #fff;
}

/* - Setup - */

body { background-image:url(images/bg.gif); background-repeat: repeat; margin:0; padding:0; font-family: tahoma; }

.logo { width:35%; float:left; }
.logo img{margin:0 auto; width:100%; max-width:115px;}

.slogan { 
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,dbdbdb+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #dbdbdb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#dbdbdb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
}

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

.homeRight  {
	float:right;
	padding:0.75em 0.5em;
}

.icon{
	padding:0.25em;
	color:#1f3763;
	font-size:2.5em;
	text-decoration:none;
}

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:#1D3364;
}

.body_text{	
	padding:10px;
	font-family: tahoma;
	font-size: 12px;
	color: #fff;
	min-height:45vh;
}

.contentAdjust { padding: 0 15px; }

.page_heading {
	font-size: 30px;
	color: #fff;
}

.prodImg {
	border:none;
	width:100%;
	max-width:150px;
}

a.text_link:link, a.text_link:visited {
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
a.text_link:hover {
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}

.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%; overflow: hidden; }
.gallery li a { display: block; margin: 5px; border: 1px solid #3c3c3c; max-height: 245px; }
.gallery li img { display: block; width: 100%; height: auto; }

/* - Nav Settings - */

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

/* - View Full Site - */

.view { 
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,dbdbdb+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #dbdbdb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#dbdbdb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
	border:1px solid #ddd;
	border-left:none;
	border-right:none;
	width:100%;
	margin:5px auto 5px;
}

.viewText, .viewText a { color:#000; padding: 7px 0; font-size:18px; font-weight:bold; }

/* - Footer - */

#footer { 
	font-size: 11px;
	color: #ffffff;
	padding:15px 0;
	text-align:center;
}

a.footer_link:link, a.footer_link:active, a.footer_link:visited {
	font-size: 11px;
	color: #ffffff;
	text-decoration:none;
}
a.footer_link:hover { 
	text-decoration:underline;
}

/* - Contact Form Setup - */

#contactForm { text-align:center; }

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

.submit_button {
	color: #FFFFCC;
	font-weight: bold;
	border: 1px solid #FFFFCC;
	background-color: #333333
}

input, textarea { padding:5px; border:1px solid #ddd; width:90%; }

/* - Custom CSS Fades - */

.sidr{
	position:absolute;
	position:fixed;
	top:0;
	height:100%;
	z-index:999999;
	width:260px;
	overflow-x:none;
	overflow-y:auto;
	font-family: tahoma;
	font-size: 15px;
	font-weight: bold;
	color: #1f3763;
	text-decoration:none;	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,dbdbdb+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #dbdbdb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#dbdbdb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
}
.sidr.right{left:auto;right:-260px}
.sidr.left{left:-260px;right:auto}
.sidr ul{display:block;margin:0 0 15px;padding:0;}
.sidr ul li{display:block;margin:0;line-height:49px;border-bottom: dashed 1px #353b49;}
.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{ color: #03a7cc;}
.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color: #1f3763;}

#simple-menu {
    -moz-user-select: none;
    cursor: pointer;
}

@media all and (max-width:992px) {
	.gallery li a {
		max-height: 185px;
	}
}

@media all and (max-width:768px) {
	.gallery li a {
		max-height: 145px;
	}
}

@media all and (max-width:640px) {
	.gallery li a {
		max-height: 108px;
	}
}

@media all and (max-width:480px) {
	.gallery li a {
		max-height: 80px;
	}
}