@charset "UTF-8";
/* CSS Document */

body{
	font-family: 'Open Sans', sans-serif;
	background-image: url(uploads/bg-pattern.gif);
	background-position: top center;
	background-repeat: repeat;
	margin: 0 auto;
	padding:0	

}


#masthead{
	width:94%;
	height:auto;
	margin:0 auto;
	border-top: thick solid #007161;
	position:relative;
	padding: 0 3% 2% 3%;
}

#nav{
	width:100%;
	height: auto;
	margin:0 auto;
	background-color: #ffd685;
	border-top:medium solid #65c5c6;
	border-bottom:medium solid #65c5c6;
	position:relative;
}

.menu-left{
	width: 25%;
	height: auto;
	padding: 0;
	text-align: center;
	margin: 0 0 0 3%;
	z-index:9999;
	float:left;
}

.menu-right{
	width: 28%;
	height: auto;
	padding: 0;
	text-align: center;
	margin: 0 auto;
	z-index:9999;
	float:right;
}

.facebook{
	width: 20%;
	height: auto;
	padding: 2.5% 0 0 0;
	text-align: center;
	margin: 0 auto;
	z-index:9999;
}


#logo{
	width:40%;
	height: auto;	
	z-index: 9999;
	margin: 0 0 0 30%;
	position:absolute;
}

#tagline{
	width:23%;
	height: auto;	
	float:left;
	margin: 3% 0 0 2%;
	position:relative;
}

#phonenumbers{
	width:23%;
	height: auto;	
	float:right;
	margin: 3% 0 0 0;
	position:relative;
}

#promo{
	width:100%;
	height:auto;
	margin:0 auto;
	border-bottom: thick solid #65c5c6;
	padding: 0;
}

#content{
	width:80%;
	height:auto;
	margin:0 auto;
	position:relative;
	padding: 2% 10% 3% 10%;
}

#home-content{
	width:80%;
	height:auto;
	margin:0 auto;
	padding: 2% 10% 3% 10%;
	text-align:center;
}

#boxes{
	width:100%;
	height:auto;
	background-color:#dadada;
	margin:0 auto;
	position:relative;
	padding: 1% 0 1% 0;
}

#parts-u-pick{
	width:32%;
	height:auto;
	margin:0 auto;
	float: left;
	text-align: left;
	padding: 1% 0 1% 3%;
}

#parts-u-pick img{
	padding: 2% 2% 0 0;
}

#search{
	width:20%;
	height:auto;
	margin:0 auto;
	float: left;
	text-align: center;
	padding: 1% 0 1% 6%;
}

#contact{
	width:30%;
	height:auto;
	margin:0 auto;
	float: right;
	text-align: center;
	padding: 2% 0 1% 1%;
}

#footer{
	width:100%;
	height:auto;
	background-color:#007161;
	margin:0 auto;
	position:relative;
	padding: 2% 0 2% 0;
	text-align: center;
}

/* Internal */

#internal-promo{
	width:100%;
	height:auto;
	padding:0;
	margin:0 auto;
}

#internal-content-wrapper{
	width:92%;
	height: auto;
	padding: 2% 4% 2% 4%;
	margin:0 auto;
}

#internal-content-left{
	width:65%;
	height: auto;
	margin:0 auto;
	padding:0;
	text-align:left;
	float:left;
}

#internal-content-right{
	width:29%;
	height: auto;
	margin:0 auto;
	padding:2% 2% 0 4%;
	text-align:center;
	float:right;
}

.contact-box{
	width:100%;
	height: auto;
	margin: 0 auto;
	padding: 2% 0 2% 0;
	text-align:center;	
	background:#dadada;
	border-top: medium solid #007161;
}

.home-headline{
	margin:0 auto;	
}
.clear{
	clear:both;
}
/* Desktop Mobile Clear */
@media only screen and (min-width : 800px)   {
	
#logo-mobile{
	display:none;
}

#promo-mobile{
	display:none;
}

.home-headline-mobile{
	display:none;	
}

#mobile-phone{
	display:none;
}

#mobile-facebook{
	display:none;
}

}

/* Tablets */
@media only screen and (min-width : 480px) 
and (max-width : 800px)   {

#logo {
	display:none;
}

#logo-mobile {
	width:98%;
	height:auto;
	margin:0 auto;
	padding:2% 1% 0 1%;
	z-index:999;
	position:relative;
}

#tagline{
	display:none;
}

#phonenumbers{
	display:none;
}

.facebook{
	display:none;
}

#primary_nav_wrap{
	height:auto;
	width: 70%;
	background-color:transparent;	
	padding: 2% 2% 1% 0;
	margin: -10% 0 0 38%;
	text-align:right;
	z-index:999;
	float:right;
}

#primary_nav_wrap select{
   background: transparent;
   width: 98%;
   padding: 2% 1% 1% 1%;
   font-size: 4em;
   line-height: 1; 
   border: 0;
   border-radius: 0;
   height: auto;
   -webkit-appearance: none;
   text-align:right;
   color: #transparent;
   text-indent: -9999px;
   background: url(uploads/menubutton.svg) no-repeat right;
   }
   
   #promo-mobile{
	display:none;
}

.menu-left{
	width: 23%;
	height: auto;
	padding: 0;
	text-align: center;
	margin: 3% 2% 1% 3%;
	z-index:9999;
	float:right;
}

.home-headline-mobile{
	display:none;	
}

#nav{
	width:100%;
	height: auto;
	margin:0 auto;
	background-color: #ffd685;
	border-top:medium solid #65c5c6;
	border-bottom:medium solid #65c5c6;
	position:relative;
	z-index:9999;
}


#mobile-phone{
	width:30%;
	height: auto;	
	float:left;
	margin: 2.5% 0 1% 10%;
	position:relative;
	text-align:center;
}

#mobile-facebook{
	width:20%;
	height: auto;	
	float:left;
	margin: 4% 0 1% 4%;
	position:relative;
}

.green{
	color: #9f4413;	
	font-size: 19px;
	font-weight:bold;
}

#parts-u-pick{
	width:53%;
	height:auto;
	margin:0 auto;
	text-align: left;
	padding: 2% 0 3% 3%;
	float:left;
}

#parts-u-pick h3{
	font-size: 18px;
	color: #9f4413;
	line-height: 24px;
	font-weight: normal;
	margin: -4% 0 0 0;
	padding: 0px;
}

#parts-u-pick img{
	padding: 2% 4% 0 0;
}

#search{
	width:42%;
	height:auto;
	margin:0 auto;
	text-align: center;
	padding: 1% 1% 1% 1%;
	float:right;
}

#contact{
	width:98%;
	height:auto;
	margin:0 auto;
	text-align: center;
	padding: 3% 1% 1% 1%;
	border-top:thin solid #fff;
}

#internal-content-left{
	width:100%;
	height: auto;
	margin:0 auto;
	padding:0;
	text-align:left;
	float:left;
}

#internal-content-right{
	width:100%;
	height: auto;
	margin:0 auto;
	padding:2% 0% 0 0%;
	text-align:center;
	float:right;
}

#contact h3{
	font-size: 30px;
	color: #9f4413;
	line-height: 34px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;	
}

}

/* Phones */

@media only screen and (min-width : 320px) 
and (max-width : 480px)   {

#masthead{
	width:100%;
	height:auto;
	margin:0 auto;
	border-top: thick solid #007161;
	position:relative;
	padding: 0;
}

.home-headline-mobile{
	margin:0 auto;	
}

.home-headline{
	display:none;	
}

#logo {
	display:none;
}

#logo-mobile {
	width:98%;
	height:auto;
	margin:0 auto;
	padding:1%;
	z-index:999;
	position:relative;
}

#tagline{
	display:none;
}

#phonenumbers{
	display:none;
}

#content{
	width:90%;
	height:auto;
	margin:0 auto;
	position:relative;
	padding: 3% 5% 3% 5%;
}

#home-content{
	width:89%;
	height:auto;
	margin:0 auto;
	padding: 2% 6% 3% 5%;
	text-align:left;
}

#nav{
	width:100%;
	height: auto;
	margin:0 auto;
	background-color: #ffd685;
	border-top:medium solid #65c5c6;
	border-bottom:medium solid #65c5c6;
	position:relative;
	z-index:9999;
}

.menu-left{
	width: 23%;
	height: auto;
	padding: 0;
	text-align: center;
	margin: 0 2% 1% 3%;
	z-index:9999;
	float:right;
}

#mobile-phone{
	width:65%;
	height: auto;	
	float:left;
	margin: 2% 0 1% 4%;
	position:relative;
}

#primary_nav_wrap{
	height:auto;
	width: 70%;
	background-color:transparent;	
	padding: 4% 2% 1% 0;
	margin: -10% 0 0 38%;
	text-align:right;
	z-index:999;
}

#primary_nav_wrap select{
   background: transparent;
   width: 98%;
   padding: 2% 1% 1% 1%;
   font-size: 4em;
   line-height: 1; 
   border: 0;
   border-radius: 0;
   height: auto;
   -webkit-appearance: none;
   text-align:right;
   color: #transparent;
   text-indent: -9999px;
   background: url(uploads/menubutton.svg) no-repeat right;
   }

#promo{
	display:none;
}


#promo-mobile{
	width:100%;
	height:auto;
	margin:0 auto;
	border-bottom: thick solid #65c5c6;
	padding: 0;
}

#parts-u-pick{
	width:97%;
	height:auto;
	margin:0 auto;
	text-align: left;
	padding: 2% 0 3% 3%;
	border-bottom:thin solid #fff;
}

#search{
	width:98%;
	height:auto;
	margin:0 auto;
	text-align: center;
	padding: 1% 1% 1% 1%;
	background: #eaeaea;
	border-bottom:thin solid #fff;
}

#contact{
	width:98%;
	height:auto;
	margin:0 auto;
	text-align: center;
	padding: 3% 1% 1% 1%;
}

.facebook{
	display:none;
}

#mobile-facebook{
	display:none;
}

#contact h3{
	font-size: 24px;
	color: #9f4413;
	line-height: 26px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;	
}

#contact p{
	font-size: 14px;
	color: #000;
	font-weight: normal;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
}

#parts-u-pick h3{
	font-size: 15px;
	color: #9f4413;
	line-height: 18px;
	font-weight: normal;
	margin: -4% 0 0 0;
	padding: 0px;
}
	
#internal-content-left{
	width:100%;
	height: auto;
	margin:0 auto;
	padding:0;
	text-align:left;
	float:left;
}

#internal-content-right{
	width:100%;
	height: auto;
	margin:0 auto;
	padding:2% 0% 0 0%;
	text-align:center;
	float:right;
}

h1 a:link, h1 a:visited, h1 a:active {
	color: #007161;
	font-weight: normal;
	text-decoration: none;
	font-family: 'Open Sans', san-serif;
	font-size: 36px;
	color: #9f4413;
	line-height: 42px;
	font-weight: 400;
	margin: 0px;
	padding: 0 0 3% 2%;
	text-shadow: 1px 1px #fff;
	text-align:center;
}

h3 a:link, h3 a:visited, h3 a:active {
	font-size: 18px;
	color: #9f4413;
	line-height: 20px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
	
}