@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/site_bg.jpg) top left repeat-x #000; margin:0; padding:0; font-family:Tahoma, Geneva, sans-serif; font-size:14px; }

.logo { position:relative; padding: 0; margin:0 auto 5px; top:-10px; z-index:-1;}

.slogan { 
	color:#fff; 
	text-shadow:0 1px 1px #000;
	border:1px solid #111; 
	border-top:none;
	padding:10px 2px;
	font-weight:bold;
	-webkit-border-radius: 0;
background: rgb(96,96,96); /* Old browsers */
background: -moz-linear-gradient(top, rgba(96,96,96,1) 1%, rgba(45,45,45,1) 49%, rgba(10,14,10,1) 51%, rgba(10,8,9,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(96,96,96,1)), color-stop(49%,rgba(45,45,45,1)), color-stop(51%,rgba(10,14,10,1)), color-stop(100%,rgba(10,8,9,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(96,96,96,1) 1%,rgba(45,45,45,1) 49%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(96,96,96,1) 1%,rgba(45,45,45,1) 49%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(96,96,96,1) 1%,rgba(45,45,45,1) 49%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(96,96,96,1) 1%,rgba(45,45,45,1) 49%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* W3C */
	
	
}


.shadow_top {
width:100%;
background:url(images/shadow_top.png) top center repeat-x;
height:20px;
z-index:1;
}

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

/* - Main Content/Container - */

#mainContent { 
	border:1px solid #000;
	border-right:none;
	margin:0 auto;
	
	padding:15px 2px 5px;
	color:#111;
	
	box-shadow:inset 0 1px 7px #ccc;
	-webkit-box-shadow:inset 0 1px 7px #ccc;
	-moz-box-shadow:inset 0 1px 7px #ccc;
}

.contentAdjust { padding: 0 15px; }

.contentAdjust img { width:95%;  }

/* - Nav Settings - */

#navContainer {
	margin:0 auto;
	width:100%;
	padding:6px 0;
	
	box-shadow:-7px 2px 4px #000;
	-webkit-box-shadow:-7px 2px 4px #000;
	-moz-box-shadow:-7px 2px 4px #000;
	
	border:1px solid #001238;
	border-left:none;
	border-right:none;
}

.nav_text {
	margin-left:10px;
    color: #fff;
    font-size: 25px;
	font-weight:bold;
    text-decoration: none;
	text-shadow:0 1px 1px #000;
}

.nav_text:hover {
	color:#ddd;
}

/* - View Button - */

.view { background:url(images/view.png) no-repeat top center; width:174px; height:35px; margin:10px auto; }

.viewText, .viewText a { color:#fff; padding: 7px 0; font-size:15px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

/* - Footer - */

#footer { color:#fff; font-size:13px; padding:15px 10px; border-bottom:2px solid #222; font-weight:bold; }

.footerShadow { width:100%; height:15px; background:url(images/shadow.png) repeat-x 0 0; }

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

/* - Contact Form Setup - */

#contactForm div { margin:1px 3px }

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

.submit_button {
	padding:3px 15px; 
	color: #333; 
	font-weight: bold; 
	border: 1px solid #555; 
	background-color: #fff;
	margin:8px 0;
	-webkit-border-radius:5px;
	-webkit-box-shadow:none;
}

input, textarea { -webkit-border-radius:5px; padding:5px; border:1px solid #ccc; -webkit-box-shadow:inset 0 1px 3px #111; }

.imgBorder { border:1px solid #453653; -webkit-border-radius:4px; }

/* - Custom CSS Fades - */

.gradientFade {
background: rgb(242,245,246); /* Old browsers */
background: -moz-linear-gradient(top, rgba(242,245,246,1) 0%, rgba(219,219,219,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,245,246,1)), color-stop(100%,rgba(219,219,219,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(219,219,219,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(219,219,219,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(219,219,219,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(242,245,246,1) 0%,rgba(219,219,219,1) 100%); /* W3C */
}

.allFade {
background: #002261; /* Old browsers */
background: -moz-linear-gradient(top, #002261 0%, #001649 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002261), color-stop(100%,#001649)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #002261 0%,#001649 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #002261 0%,#001649 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #002261 0%,#001649 100%); /* IE10+ */
background: linear-gradient(top, #002261 0%,#001649 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002261', endColorstr='#001649',GradientType=0 ); /* IE6-9 */
}