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

/* - Reset - */

a { outline:0; border:0; text-decoration:none; }
img { border:0 }
h2, h3 { margin:1px 0; } 
.clear { clear:both }


/* - Setup - */

body { background:url(images/bg.png) top center repeat #000; margin:0; padding:0; font-family: 'Open Sans', sans-serif; font-weight:500; font-size:14px; color:#fff; }

.logo { padding: 10px 0; margin:0 auto; background:#000; }

.slogan { 
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	text-transform:uppercase;
	
	padding:10px 2px;
	-webkit-border-radius: 0;
	background: #16191C;
}

.homeButton  {
    left: 13px;
    position: absolute;
    top: 7px;
    z-index: 9999;
}

.phone_link{
    right: 13px;
    position: absolute;
    top: 7px;
    z-index: 9999;
}

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 { border:1px solid #ddd; padding:5px; width:89%; margin:10px 0 0 0;}

/* - Main Content/Container - */

.homePromo {
	width:90%;
	text-align:center;
	margin:1em auto;
}
.homePromo img {
	width:100%;
	border:none;
	max-width:600px;
}

#mainContent { 
	/*border:1px solid #ddd;*/
	/*margin: 10px;*/
	padding:15px;
	color:#fff;
	/*background:#fff;*/
}

.contentAdjust { padding: 0 15px; }

h1 {
	font-size:40px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#aaa;
}

h4 {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
}

/* - 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; }



.view2 {


width:165px;
margin:0 auto;
border-radius:20px;
margin-top:15px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9c667+0,f79621+100;Orange+3D+%234 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d7e7d+0,0e0e0e+100;Black+3D */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d7e7d+0,0e0e0e+57 */
background: rgb(125,126,125); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(125,126,125,1) 0%, rgba(14,14,14,1) 57%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 57%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 57%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */



}

.viewText, .viewText a { color:#fff; padding: 7px 0; font-size:15px; font-weight:700; font-family: 'Open Sans', sans-serif; }

/* - Footer - */

#footer { color:#fff; font-size:12px; padding:15px 0; text-align:center; font-weight:700; }

a.footer_link:link, a.footer_link:active, a.footer_link:visited { font-weight:normal; color:#fff; font-size:12px }
a.footer_link:hover { color:#333; }

/* - Contact Form Setup - */

#contactForm div { margin:1px 3px }

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

.submit_button {
	padding:3px 15px; 
	color: #333; 
	font-weight: bold; 
	border: 1px solid #ddd; 
	background-color: #fff;
	margin:8px 0;
}

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

/* - Custom CSS Fades - */

.gradientFade {
    background: #000;
}

.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;
}


.allFade {
    background: rgb(192,132,43);
    background: -moz-linear-gradient(top, rgba(192,132,43,1) 0%, rgba(213,172,115,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(192,132,43,1)), color-stop(100%,rgba(213,172,115,1)));
    background: -webkit-linear-gradient(top, rgba(192,132,43,1) 0%,rgba(213,172,115,1) 100%);
    background: -o-linear-gradient(top, rgba(192,132,43,1) 0%,rgba(213,172,115,1) 100%);
    background: -ms-linear-gradient(top, rgba(192,132,43,1) 0%,rgba(213,172,115,1) 100%);
    background: linear-gradient(to bottom, rgba(192,132,43,1) 0%,rgba(213,172,115,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0842b', endColorstr='#d5ac73',GradientType=0 );
}

.banner-bottom {
	height:0;
}

a.text_link:link, a.text_link:visited {
    font-size: 14px;
    color: #CB9A52;
    font-weight: 400;
    text-decoration: none;
}
a.text_link:link:hover {
	text-decoration: underline;
}

input, textarea {
	border-radius:8px;
}

.question {
    position: relative;
    font-size: 1.3em;
    color: #000;
    font-weight: 500;
    background:#F9CF59;
    background-size: cover;
    cursor: pointer;
    padding: 20px;
    display: block;
    margin: 5px 0;
}

#home-special {
	border: solid 6px #ebc151;
	margin:1em 0;
	text-align:center;
	font-size:20px;
	letter-spacing:2px;
	text-transform:uppercase;
}

.home-special-content {
	padding:1.5em;
}