h1, h2, h3 {
	border: none;
	font-family:  Century Gothic, sans-serif;
}

#main-container h1 {
	font-size: 2.5em;
	color: #014a01;
}
h3, h3 a, h3 a:visited {
	color: #7b7263;
	font-weight: 400;
}
a, a:link, a:visited {
	transition: all .5s ease-in-out;
	}
a:hover, a:link:hover, a:visited:hover {
	color:	#CC6600;
	text-decoraction: none;
	}
.mobile {
	display: none;
	}	
.clearfix {
	clear: both;
	display: block;
	width: 100%;
}
body {
	margin: 0px;
	padding: 0px;	
	font-family:  Century Gothic, sans-serif;	
	color: #454545;
	font-size: 16px;
	line-height: 1.75em;
	background: white;
	}


img {
	max-width: 100% !important;
}
.detailText img {
	padding: 8px; 
	max-width: calc(100% - 16px) !important;
	}
#wrapper {
	position: relative;
	margin: 0px;
	padding: 0px;
	display: block;
	}
#default #wrapper, #contact #wrapper {
	background-image: red);
	background-position: 50% 0%;
	background-color: white;
}
#background {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: black;
	width: 100% !important;
	height: 900px;
	overflow: hidden;
	transition: all .5s ease-in-out;
}
#background #slideshow {
	position: relative;
	width: 100% !important;
}	
#background div.unit:last-child, .lastUnit {
	display: block;
}
#background .pod {
	display: block;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
    background-position: center; 
	width: 100% !important;
	height: 900px;
}
#background .pod img {
	display: none;
}
#background #slideshow .content {
	position: absolute;
	z-index: 0;
	left: 50%;
	display: block;
	margin-left: 180px;
	background: rgba(0,80,32,.6);
	height: 900px;
	z-index: 9;
	width: 50%;
	transition: all 1s ease;
	opacity: 1;
	visibility:visible
}
#background #slideshow .overlay.clear {
	opacity: 0;
	visibility: hidden;
}
#background #slideshow .title {
	position: absolute;
	z-index: 10;
	top:  300px;
	left: 50%;
	font-size: 48px;
	font-weight: 800;
	line-height: 75px;
	padding-left: 200px;
	width: 380px;
	text-wrap:none;
	color: #001d0c;
	text-shadow: 4px 4px 3px rgba(255,255,255,.7);
	transition: all .5s ease;
	opacity: 1;
	display: block;
}
#background #slideshow .caption {
	margin: 380px 0px 10px 25px;
	width: 380px;
	color: white;
	font-size: 1.5em;
	font-weight: 800;
	font-style: italic;
	line-height: 1.22em;
}
#background #slideshow  .moreLink {
	width: 380px;
	text-align: right;
	font-size: 1.5em;
	color: yellow;
	font-weight: 800;
	font-style: italic;
}
#slideshow  .moreLink a {
	color: yellow;
}

#background.open {
	top: 70px
	}
	
.container {
	position: relative;
	margin: auto;
}
header {
	position: relative;
	z-index: 99;
	height: 147px;
	overflow:hidden;
}
#default .header {
	background: #EEE;
}
#default .header .green-box, #contact .header .green-box {
    position: absolute;
    top: 0px;
    left: 50%;
    display: block;
    margin-left: 180px;
    background: rgba(0,80,32,.8);
    opacity: .6;
    z-index: 3;
    width: calc(50% - 180px);
    height: 200px;
}
#top-stuff {
	position: absolute;
	z-index:100;
	top: 5px;
	left: 50%;
	margin-left: 200px;
	width: 350px;
	color: #333333;
}
#top-stuff .tag {
	display: inline-block;
	padding-top: 10px;
}
#top-stuff .tag a.button-alt {
	color: #333333;
	font-size: 14px;
	margin-right: 12px;
}
#top-stuff a.button-alt:hover {
	color: yellow;
}
#top-stuff a.button-alt span, #top-stuff span {
	display: block;
	float: left;
	margin-top: 0px;
	font-size: 14px;
}
#top-stuff a.button-alt i, #top-stuff i {
	display: block;
	float: left;
	font-size:30px;
	line-height: 16px;
	padding-left: 8px;
	color: #333333;
}
#top-stuff #basketNumber {
	display: inline-block;
	position: relative;
}
.number {
    font-size: 18px;
    position: absolute;
    top: -1px;
    left: 33px;
    width: 100%;
    text-align: center;
    color: #0C0;
    font-weight: bold;
    text-shadow: 1px 1px 1px black;
	font-size: 20px;
}
.signin {
	padding: 0px 8px;
}

#phone-container {
	width: calc(50% + 170px);
	text-align: right;
	color: white;
	font-weight: 600;
	text-shadow: 1px 1px 1px rgba(0,0,0,.5);
	font-size: 20px;
	padding-top: 8px;
	}
#phone-container .content div, #phone-container .content p {
	float: left;
	line-height: 36px;
	width: auto;
}
#phone-container .content div {
	padding-left: 390px;
}
#phone-container a {
	font-size: 32px;
	font-weight: 800;
	color: #005020;
	text-shadow: 1px 1px 1px rgba(0,0,0,.5);
	float: left;
	line-height: 36px;
	padding-left: 4px;
}
#phone-container .adminLink {
	display: none;
}
#branding-container #branding {
	position: absolute;
	z-index: 100;
	top: 8px;
	left: 20px;
}
#branding-container #siteTagline{
	position: absolute;
	position: absolute;
	z-index: 30;
	top: 70px;
	left: 50%;
	padding-left: 200px;
	font-size: 30px;
	color: #001d0c;
}

header #phone {
	position: absolute;
	left: 786px;
	top: 48px;
	width: 386px;
	height: 185px;
	font-size: 31px;
	color: white;
	z-index: 4;
}
header #phone p {
	margin: 0px 0px 4px 0px;
}
header #phone h3 {
	font-family:  Century Gothic, sans-serif;
	font-size: 58px;
	color: #cb0a10;
	font-weight: bold;
	margin: 0px;
}
.search {
	float: left;
}
.search .form-control {
	padding: 12px 0px 0px 20px;

}
#nav2 .search  {
	margin-top: -12px;
}
.search .form-control label {
	font-size: 24px;
	color: #005020;
	top: 15px;
	left: 30px;
}
.search .form-control.active label, .search .form-control.filled label {
    font-size: 9px;
    color: #005020;
    top: 0px;
    left: 20px;
}
#searchBox input {
	width: 300px;
	font-size: 24px;
	color: #005020;
	margin: 0px;
	padding; 4px 10px;
	margin: 0px 0px 0px 2px;
	border: none;
}
.search i {
	font-size: 24px;
	color: #c1c1c1;
	cursor: pointer;
}
#nav {
	display: block;
	width: 100%;
	height: 61px;
	background: white;
	position: relative;
	z-index: 20;
	margin-top: 1px;
}
#default #nav {
	border-bottom: 2px solid #005020;
}
ul#main-menu {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 770px;
	border-left: 1px solid #484848;
	
}
#main-menu li {
	padding: 0px;
	float: left;
	display: block;
	width: 152px;
	text-align: center;
	position: relative;
}
#main-menu li a {
	color: #005020;
	line-height: 61px;
	display: block;
	font-size: 21px;
	border-right: 1px solid #484848;
	transition: all .5s ease-in-out;
}
#main-menu li a:hover {
	text-decoration: none;
	background: white;
	box-shadow: inset 0px 0px 3px 3px rgba(0,0,0,.5);
}
#main-menu li:first-child {
	
}
#main-menu li:first-child a {
	border-left: 1px solid #6f696a;

}
#main-menu li i {
	display:none;
}
#main-menu li .level_1 {
	position: absolute;
	top: 100%;
	left: -10px;
	background: white;
	margin: 0px;
	padding: 0px;
	transition: all .3s easy;
}
#main-menu li:hover .level_1 {
	border: 2px solid #005020;
	border-top: 2px solid white;
	width: 260px;
	position: absolute;
}
#main-menu li .level_1 li {
	width: 260px;
	height:0px;
	text-align: left;
	transition: all .5s ease;
	visibility:collapse;
	opacity: 0;
	transition: all .6s ease;
	position: initial;
}
#main-menu li:hover .level_1 li {
	height: 36px;
	opacity: 0px;
	visibility: visible;
	opacity: 1;
}
#main-menu li .level_1 div {
	display: none;
}
#main-menu li .level_1 li a {
	border: none;
	font-size: 18px;
	line-height: 36px;
	display: block;
	padding-left: 20px;
	width: 240px;
	position: relative;
}
#main-menu li .level_1 li:hover i {
	display: inline;
	position: absolute;
	z-index: 3;
	left: 100%;
	top: 0px;
	font-size:40px;
	color: #005020;
}
#main-menu li .level_1 li a:after {
}
#main-menu li .level_1 li:last-child a {
	border: none;
	}
#main-menu .level_1 li .level_2 {
	position: absolute;	
	left: 260px;
	top: 0px;
	background: white;
	width: 0px;
	overflow: hidden;
	height: 0px;;
	opacity: 0;
	visibility: collapse;
	transition: all .3s ease;
	margin: 0px;
	padding: 0px;
	transition: all .9s ease;
}
#main-menu .level_1 li:hover .level_2 {
	opacity: 1;
	visibility: visible;
	width: 900px;
	display: block;
	height: auto !important;
	min-height: 502px;
	border: 2px solid #005020;
}

#main-menu li .level_2 li, #main-menu li:hover .level_2 li, #main-menu li .level_2 li:hover {
	height: 150px;
	display: inline-block;
	width: 175px !important;
	text-align: center;
	padding: 15px 0px;
	margin: 0px;
}
#main-menu li .level_2 li:hover { 
	box-shadow: inset 0px 0px 3px 3px rgba(0,0,0,.5);
}
#main-menu li .level_2 div {
	width: 100px !important;
	height: 100px; 
	margin: auto;
	display: block;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	background-repeat: no-repeat;
    background-position: 50% 50%;
	background-color: #c1c1c1;
}		
#main-menu li .level_2 li a {
	padding: 0px;
	line-height: 18px;
	background: none;
	width: 175px !important;
}
#main-menu li .level_2 li a:hover {
	box-shadow: none;
}
#main-menu li .level_2 li i {
	display: none !important;
}
#main-menu li .level_2  ul {
	display: none;
}
#nav h1 {
	display: none;
}
#nav h2 {
	font-weight: 400;
	font-size: 21px;
	color:#A29C97;
	text-align: center;
	line-height: 81px;
	float: left;
	display: block;
	width: 400px;
	font-family:  Century Gothic, sans-serif;
	padding: 0px;
	margin: 0px;
		
}
#nav2 {
	position: fixed;
	top: -42px;
	left: 0px;
	width: 100%;
	height: 41px;
	background: white;
	z-index: 11;
	margin-top: 1px;
	transition: all .4s ease;
	display: none;
}
#nav2.active {
	top: -1px;
}
#nav2 #main-menu li a {
	line-height: 41px;
}
#nav2 #searchBox input {
	margin-top: 4px;
}


	
#home #nav {
	margin-bottom: 690px;
}
#main-container {
	position: relative;
	z-index:4;
	padding: 30px 0px 40px 0px;
	overflow: hidden;
	height: auto;
}

#home #main-container h2 {
	padding: 30px 0px 10px 0px;
	font-size: 42px;
	font-weight: 400;
	font-style: italic;
	font-stretch:expanded ;
	margin: 0px;
}
#default #main-container, .contact #main-container{
	min-height: 300px;
	padding-top:  40px;
	clear: left;
}

#main-container .container {
	position: relative;
	z-index: 3;
	
}



#footer-container {
	background: white none repeat scroll 0% 0%;
	position: relative;
	z-index: 4;
	padding: 0px 0px;
	border-top: 4px solid #555555;
	height: 550px;
	overflow: hidden;
	}
#footer-container .span2of6 {
	background: #005020;
	color: white;
}
#footer-container #welcome {
	margin: 40px 20px;
}
#footer-container #location {
	padding: 20px;
}
#footer-container #hourspod {
	display: block;
	float: left;
	width: 45%;
	color: #005020;
}
#footer-container #mappod {
	display: block;
	float: left;
	width: 45%;
}
#green-bar {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 100%;
	height: 550px;
	background: rgba(0,102,51,.5);
	margin-left: 180px;
}
#footer-container #green-bar {
	background-color: #005020;
	margin-left: 208px;
}
#footer-container #green-bar a {
	color: white;
}
#map iframe {
	width: 100% !important;
	height: 350px !important;
}

#footer-container  h1 {
	color: white;
	font-size: 2.5em;
	margin-bottom: 15px;
}

#sub-footer {
	position: relative;
	background: black;
	padding: 10px 0px;
	color: #484848;
	font-size: 12px;
}
#home #sub-footer { 
	padding-bottom: 150px;
	}
.credits {
	float: left;
	padding-right: 0px;
	font-size: 11px;
}

#sub-footer ul {
	margin: 20px auto;
	padding: 0px;
	list-style:none;
	text-align: center
}
#sub-footer li {
	display: inline-block;
}
#sub-footer a:hover {
	color: white;
	text-decoration:none;
}
#sub-footer a {
	border-right: 1px solid white;
	padding: 0px 4px;
	color: white;
	font-size: 18px;
}

#sub-footer li:last-child a {
	border: none;
}
#footerLogos {
	background: #c1c1c1;
}
#home #footerLogos {
	padding-bottom: 500px;
}
#fixed {
	position: fixed;
	z-index: 999;
	top: 100%;
	right: 5px;
	width: 150px;
	text-align: center;
	padding: 5px;
	border-radius: 8px 8px 0px 0px;
	background: rgba(255,255,255,.95);
	transition: all .5s ease-in-out;
	}
#fixed.closed {
	top: 100% !important;
	}	
#fixed p {
	margin: 0px;
	}
#close {
	position: relative;
	}
#close  .fa-times-circle  {
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
	}		
#fixedfooter {		}
	
/*  ============== custom product ==================*/
.scroll {
	background: white;
	padding: 10px 0px 20px 0px;
	margin-bottom: 20px;
}
#products .short-price {
	
}
#products .short-price .productQuantityDiscounts {
	display: none !important;
}
#products .products-listing .quick-link a:hover {
	background: #005020;
	color: white;
	text-decoration: none;
}
#products .listingImageContainer {
    padding: 0px;
    height: 160px;
    overflow: hidden;
	line-height: 160px;
}
#products .listingImageContainer img {
    vertical-align: middle;
}
.add-to-cart { 
	background: #005020;
}
.orderBox input.formField, input.form-control {
    background: transparent;
    border: 1px solid #121212;
    font-size: 18px;
    border-radius: 8px !important;
    box-sizing: content-box;
	background: rgba(255,155,0,.4);
	padding: 9px 8px;
	}
	
.brands .cover {display: none;visibility: collapse;}	
@media (min-width: 1900px) {
	#default #wrapper, .contact #wrapper {background-size: cover;}

}
@media (min-width: 1200px)  {
	.container {width: 1160px;}
	
}
@media (max-width: 1199px) {			
	.container {width: 940px;}
	#branding-container #siteTagline {font-size: 24px;top: 90px;}
	#background, #background .pod {height: 800px;}
	#background #slideshow .title {top: 220px;left: 50%;width: 300px; overflow:hidden;}
	#background #slideshow .overlay {margin-left: 20px;height: 800px;}
	#background #slideshow .caption {margin: 300px 0px 10px 0px;width: 300px;}
	#background #slideshow .moreLink {width: 300px;}
	#phone-container .content div {padding-left: 350px;}
	#phone-container {font-size: 14px;}
	#phone-container a {font-size: 28px;}
	ul#main-menu  {width: 650px;}
	#main-menu li {width: 130px;}
	#main-menu li:first-child {}
	#main-menu li a {font-size: 20px;}
	#main-menu .level_1 li:hover .level_2 {width: 525px;}
	#main-menu li .level_1 li, #main-menu li .level_1 {width: 240px;}
	#main-menu li .level_1 li a {font-size: 16px;}
	#searchBox input {width: 238px;}
	#home #nav {margin-bottom:550px;}
	#nav h2 {font-size: 21px;width:282px;line-height: 24px;padding: 20px 5px 0px 5px;}

	
}	
@media (min-width: 769px) and (max-width: 979px)  {
		
}
@media (max-width: 979px) {			
	.container {width: 724px;}
	header .container {width: 100%;}
	#logo {max-height: 120px;}
	#branding-container #siteTagline {top: 122px;left: 10px;padding-left: 0px;font-size: 15px;width: 242px;text-align: center;font-style: italic;font-weight: 600;}
	.full .search {display: none;}
	#background, #background .pod, #background #slideshow .overlay, #background #slideshow .content {height: 650px; margin: 0px;}
	#background #slideshow .title {top: 200px; left: 20px; color: white; text-shadow: 2px 2px 2px black;padding: 0px;text-transform: uppercase;font-style: italic;}
	#background #slideshow .content {left: 0px;margin-left: 0px;background: none;postion: relative;width: 100%;}
	#background #slideshow .caption {display: none;}
	#background #slideshow .moreLink {position: absolute; top: 600px; right: 20px;width:auto;color: white; background: #005020; padding: 3px 8px; border-radius: 15px;}
	#slideshow .moreLink a {color: white;}
	#slideshow .moreLink a:hover {color: yellow;}
	#phone-container {margin: 75px 40px 0px  0px; width: auto;float: right;}
	#phone-container .content div {padding: 0px;}
	#top-stuff {top: 5px;left: 0px;width: 100%;text-align: right;margin: 0px;}
	#top-stuff #basketNumber {padding-right: 40px;}
	.number {left: 10px;}
	#green-bar {display: none;}
	ul#main-menu  {width: 724px}
	#main-menu li {width: 144px;}
	#main-menu li:first-child {}
	#main-menu .level_1 li:hover .level_2 {width: 350px;}
	#main-menu li .level_1, #main-menu li .level_1 li {width: 235px;}
	#main-menu li .level_1 li a {font-size: 16px;}
	#nav h2 {display: none;}
	#home #nav {margin-bottom:400px;}
	#nav2 #phone {display:none;}
	#home #main-content, #contact-wrapper #footercontact {width: 45%; padding-right: 5%;}
	#services-container {width: 300px;padding-top: 200px;}
	#services-container #services {font-size: 20px;}
	#contact-wrapper .grey-box, .red-box {margin-left: 0px;height: 1000px}
	#contact-wrapper #phone {width: 275px;font-size: 23px;padding-left: 15px;}
	
}
@media (max-width: 768px) {
	body {margin: 0px 0px;padding: 0px 0px 0px 0px;}
	.full {display: none !important;}
	.mobile {display: block;}
	#wrapper {padding: 0px 0px;background: black; padding-bottom: 60px;}
	section {background-color: white;}
	.container {width: 100%; } 
	#branding-container {position: relative; top: 30px; left: 0px;display: block;width: 100%;text-align: center}
	#branding-container #branding {position: relative; margin: 10px auto; left: 0px;}
	#branding-container #siteTagline {position: relative; top: 0px; left: 0px;display: block;width: 100%;text-shadow: 1px 1px 1px white;}
	#top-stuff {left: 50px; padding-left: 0px; width: calc(100% - 50px);}
	#top-stuff .tag a.button-alt {margin-right: 1px;}
	#top-stuff a.button-alt span, #top-stuff span {display: none;}
	.signin {padding-right: 0px;}
	#top-stuff #basketNumber {padding-right: 20px;}
	.number {left: -4px;}
	#background {opacity: .8}
	#background #slideshow .title {color: black; top: 325px; font-size: 36px; text-shadow: 2px 2px 2px white;}
	#background #slideshow .moreLink {top: 340px;font-size; 22px}
	#home header, #background, #background .pod, #background #slideshow .overlay, #background #slideshow .content {height: 400px;}
	#background .pod {background-attachment: scroll;}
	#default .header {height: 200px;}
	.main-content, #spec-values {padding: 0px 20px !important;width: calc(100% - 40px) !important; float: none !important; }
	.main-content table td {display: block; width: 97%;margin: auto;}
	.listing-width .standard {border: none !important;}
	#footer-container {height: auto;}
	#sub-footer {text-align: center;}
	.credits {float:none; display:block;}
	#sub-footer ul {padding: 20px 0px;float:none;display:block;width: calc(100% - 40px);}
	#sub-footer a {border: none;}
	#footer-container #hourspod, #footer-container #mappod {width: 100%;}
	#default #main-content, .contact #main-content {margin: 0px 20px;}
	#phone-container {position: fixed; z-index: 2; bottom: 0px; left: 0px; background: #005020; color: white;display:block; width: 100%;}
	#phone-container a {float: none; font-size: 22px; line-height: 36px;color:white; display: block; width: 100%; height: 30px;text-align: center}
	#phone-container .content div{display: none;}
	#phone-container .content div, #phone-container .content p {width: 100%;}
	div.thinLine {display: none;}
#mobile-nav-btn {   
	position: fixed;
	z-index: 99;
    top: 10px;
    left: 10px;
    z-index: 10;
	height: 35px;
	width: 35px;
	z-index: 99;
	}	
.full-tall {
	height: 35px;
	width: 35px;
	text-align: center;
}
.menu-btn {
	display: block;
	width: 100%;
	height: 100%;
	transition: all .5s ease-in-out;
	cursor: pointer;
	background: rgba(255,255,255,.3);
	}
	
.menu-toggle-inner {
    width: 100%;
    position: absolute;
    top: 45%;
	transform: translateY(-50%);
	
	border-radius: 2px;
}
.veggieburger {
	position: relative;
}
.veggieburger .lines {
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #000;
    display: inline-block;
    width: 15px;
    height: 2px;
    transition: .3s;
    position: relative;
}
.veggieburger .lines::before, .veggieburger .lines::after {
    display: inline-block;
    background: #000;
    height: 2px;
    transition: .3s;
    position: absolute;
    left: 0;
    right: 0;
    content: '';
    transform-origin: .28571rem center;
    -webkit-transform-origin: .28571rem center;
}
.veggieburger .lines {
    width: 30px;
}
.veggieburger .lines::before {
    top: 5px;
}
.veggieburger .lines::after {
    top: -5px;
}
.menu-btn .menu-toggle-text, .menu-btne:focus .menu-toggle-text {
    display: block;
    margin-top: 5px;
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: 400;
	line-height: 10px;
	text-align: center;
}
.menu-btn:hover .veggieburger .lines::before, .menu-btn:hover .veggieburger .lines::after, .menu-btn:hover .veggieburger .lines {
	background: white;
}
.menu-btn.active {
	background: #005020;
	color: white;
}
.menu-btn:hover, .header-btn-bar .active, #header .active .search-toggle  {
	color: white;
	background: #005020;
	}
.active .veggieburger .lines, .active:hover .veggieburger .lines {
	background: transparent;
}
.active .veggieburger .lines::before, .active .veggieburger .lines::after {
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    top: 0;
    left: 0;
    background: #fff;
}
.active .veggieburger .lines::before {
    transform: rotate3d(0, 0, 1, 45deg);
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	background: #fff;
}
.active .veggieburger .lines::after {
    transform: rotate3d(0, 0, 1, -45deg);
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
	background: #fff;
}
.toggle-content {
	position: fixed;
	z-index: 900;
	top: 0px;
	bottom: 0px;
	right: -100%;
	width: 100%;
	transition: all 1.0s ease;
	background:#ffffff;
	overflow: auto;
	transition: all .5s ease-in-out;
	color: white;
	box-sizing: border-box;
	border: 3px solid #005020;	

 }
 .mobile-menu.active .toggle-content {
	right: 0px;
	top: 44px;	
}
ul#mobile-nav {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
#mobile-nav li {
	display: block;
	margin: 0px;
	padding: 0px;
	}
#mobile-nav li div, #mobile-nav li i {
	display: none;
}
#mobile-nav a {
	color: #005020;
	display: block;
	
	padding-left: 20px;
	font-size: 24px;
	padding: 10px 0px 10px 20px;
}

#mobile-nav ul {
	margin: 0px;
}
#mobile-nav li li a {
	padding: 5px 0px 5px 35px;
	border-top: 1px solid #c1c1c1;
	font-size: 20px;
}
#mobile-nav a:hover {
	box-shadow: inset 0px 0px 2px 2px rgba(0,0,0,.7);
	text-decoration: none;
}
#mobile-nav li li li a {
	padding: 5px 0px 5px 50px;
	font-size: 18px;
}
#mobile-nav ul ul ul {display: none}
 @media (max-width: 600px) {
 	#home header, #background, #background .pod, #background #slideshow .overlay, #background #slideshow .content {height: 300px;}
	#background #slideshow .title {color: black; top: 325px; font-size: 36px; text-shadow: 2px 2px 2px white;}
	#background #slideshow .moreLink {top: 340px;font-size; 22px}

}	
 @media (max-width: 580px) {
 	#sub-footer li {display: block;}
}
 @media (max-width: 420px) {
	header #phone, #contact-wrapper #phone  {font-size: 22px;}
	#phone h3 {font-size: 36px !important;padding-bottom: 10px;}
	#background #slideshow .title {font-size: 42px; line-height: 45px;}
	#main-container h1 {font-size: 2.0em;}
}
@media (max-width: 280px) {
	
}