/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address, img {  
    display: block;  
} 

/***** END RESET *****/


body {
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-weight: 300;
  background-color: #fff;
  font-size: 18px;
  line-height: 30px;}

p{
  font-size: 18px;
  line-height: 25px;}

h1, h2, h3, h4, h5 {
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-weight: 700;
  line-height: normal;}

h1{
  color: #000;
  margin-bottom: 10px;}

strong {
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-weight: 700;}
a:link, a:visited, a:active {text-decoration:none; color:#000000;}
a:hover {text-decoration:underline; color:#000;}

img {
  max-width:100%;
  height: auto;}

header {
  background-color: #fff;
  max-width: 100%;
  height: auto;}

.wrapper {
  text-align: center;
  width: 100%;
  }

* {box-sizing: border-box;}


#side1{
	box-sizing: border-box;
    width: 30%;
    height: 255px;
    /*padding-left: 3%;*/
	float: left;
}
#middle{
	box-sizing: border-box;
	margin: auto;
	width:30%;
	height: 255px;
	float: left;
}
#side2 {
    box-sizing: border-box;
    width: auto;
    height: 255px;
    padding-left: 5%;
    float: left;
}



.logo{
  /*width: 100%;*/
  height: auto;
  position: relative;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);}

.logo img {
  height: auto;
  display: inline-block;
  padding-top: 10px;
  /*max-width: 100%;*/}

.hours {
  position: relative;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%)}

.hours h5{
  color: #005826;
  font-weight: 800;
  font-size: 25px;}

.hours p{
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;}

.location {
  position: relative;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%)}

.location2 {
  position: relative;
  top: 45%;
  left: 46%;
  transform: translate(-50%, -50%)}

.location p{
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;}

.location2 p{
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;}

.fa, .fas {
  font-weight: 900;
  font-size: 20px;}

header .fa, header .fab, header .fad, header .fal, header .far, header .fas {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  color: #005826;
  margin: 0 8px 0 0;}

/*  SCROLLING INVENTORY
------------------------------------------------*/
.scroll-frame {
  width: 100%;
  height: 90px;
  background: #c3c5c4;
  padding:  5px 0 0 0;
  overflow: hidden;}

.scroll-frame iframe {
  width: 100%;
  height: 90px;
  display: block;}

/*  END OF SCROLLING INVENTORY
------------------------------------------------*/
/*  HeroImage
------------------------------------------------*/
.hero-image {
  height: auto;
  box-sizing: border-box;
  width: 100%;
  }
/*  Search Bar
------------------------------------------------*/
.container{ margin: 0 15%; }

/*#search{margin: 10px 0;}*/

#search select{
  float: left;
  width: 200px;
  padding: 14px 10px;
  background: #f5f5f5;
  font-size: 13px;
  font-weight: bold;
  border: 1px #ccc solid;
  color: #005826;
  cursor: pointer;}

.search{
  display: none;
  position: relative;
  float: left;
  width: calc(100% - 200px);}

.search:before{
  position: absolute;
  top: 15px;
  right: 16px;
  color: #ccc;}

.search input[type="text"]{
  width: 100%;
  padding: 15px;
  font-size: 14px;
  border: 1px #ccc solid;
  border-left: none;
  box-shadow:inset 0 1px 2px hsla(0,0%,4%,.1);}

.search input[type="text"]:focus{
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow .5s,border-color .25s ease-in-out;
  outline: none;}

.search input[type="submit"]{
  position: absolute;
  top: 0;
  right: 0;
  height: 47px;
  cursor: pointer;
  width: 250px;
  background: #005826;
  text-align: center;
  color: #fff;
  border-radius: 0 5px 5px 0;
  font-size: 20px;}


.cf{zoom: 1;} 
.cf:before, 
.cf:after{content: ""; display: table;} 
.cf:after{clear: both;} 
.clear{clear: both;} *{box-sizing: border-box;}

.wrap {
    width: 100%;
    max-width: 100%;
    position: static;
    top: auto;
    padding: 10px 5px 5px;
    z-index: 900;
}


/*  end of Search Bar and Hero Image
------------------------------------------------*/
/* Buttons for Main Page */

.buttons{margin: 10px 0;}

.button1{
 display: inline-block;
 padding: 0 15px 0 15px;}

.button2{
 display: inline-block;
 padding: 0 15px 0 15px;}

/* ----------------------- */
/*  Map Section
---------------------------*/

.bottom-wrap{
  width: 100%;
  margin: 0px auto;
  display: block;
  overflow-y: auto;
  position: relative;
  background-color: #c3c5c4;
  padding: 10px 40px;}

.maprow:after{
  content: "";
  display: table;
  clear: both;}

.info{
  float: right;
  width: 50%;}


.left1 {
  display: inline-block;
  float: right;
  max-width: 100%;
  margin: 45px 26% 0 0 ;}

.left1 h2{
  font-weight: bold;
  color: #000;
  font-size: 20px;}

.left1 p{
  font-weight: bold;
  color: #000;
  font-size: 18px;}

.left1 a{
  font-weight: bold;
  color: #005826;
  font-size: 18px;
  text-decoration: none}

.left2{
  display: inline-block;
  float: right; 
  max-width: 100%;
  margin: 5px 28% 0 0;}

.button {
  background-color: #005826; 
  border: none;
  color: #fff;
  padding: 10px 70px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  margin-top: 20px;}    

.map{
  display: inline-block;
  float: right;
  padding: 5px;
  width: 100%;}
/*  End Map Section
---------------------------*/

/*  footer
--------------*/
footer {background-color: #005826;}

.f-row {
  background-color: #005826;
  content: "";
  display: block;
  clear: both;
  height: 140px;
  padding: 15px 0}

.f-column {
  float: left;
  width: 33.33%;}

.r-column {
  float: right;
  width: 33.33%;}

.m-column {
  float: left;
  width: 33.33%;}

.main {
  position: relative;
  left: 25%;
  text-align: left;
  float: left;}

.main h3 {
  font-weight: bold;
  font-size: 20px;
  color: #fff;
  float: left;}

.main p {
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  float: left;
  color: #fff;
  text-align: left;}

.main a {
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  float: left;
  color: #fff;
  text-align: left;}

.divfooter {
  background-color: #fff;
  color: #000;
  text-align: center;
  font-size: 12px;
  transition: all 0.3s;
  padding: 0 5px;}

.divfooter a {
  color: #000;
  transition: all 0.3s;}

.divfooter a:hover {opacity: 0.6;}

.footertext {
	text-align: center;
	padding: 0 30px;}
.footertext p {
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	line-height: normal;}
.footertext a {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
    line-height: normal}

/*  end footer
--------------*/

/*--Conact Page---*/
.cleft{
  display: inline-block;
  float: right;
  max-width: 100%;
  margin: 45px 15% 0 0 ;}

.cleft h2{
  font-weight: bold;
  color: #000;
  font-size: 20px;}

.cleft p{
  font-weight: bold;
  color: #000;
  font-size: 18px;}

.cleft a{
  font-weight: bold;
  color: #005826;
  font-size: 18px;
  text-decoration: none}



@media screen and (max-width: 1346px)  {
	.container{ margin: 0 auto; padding: 0 10px 0 20px;}
	
}
@media screen and (max-width: 1340px)  {

/*  Search Bar
------------------------------------------------*/


/*  end of Search Bar and Hero Image
------------------------------------------------*/
	
#side1{
	box-sizing: border-box;
    height: 105px;
	float: none;
	margin: 0 35%
}
#middle{
	box-sizing: border-box;
	margin: auto;
	height: 110px;
	float: none;
	width: 100%;
}
#side2{
	box-sizing: border-box;
    height: 110px;
    float: none;
	width: 100%;
	}

	
.logo{padding-top:50px;}
	
.logo img {padding-bottom: 5px;}
	
.hours {
  padding-top: 40px;
  position: relative;
  top: 0;
  left: 0;
  margin-right: 0;
  transform: translate(0, 0) }

.location {
 padding-top: 40px;
 display: inline-block;
 left: 5%;}
	
.location2 {
  padding-top: 40px;
  margin-left: 5px;
  display: inline-block;
  left: 5%;
  top: 35%;}
	
/*  Map Section
---------------------------*/
.bottom-wrap {
  width: 100%;
  padding: 0 20px;}

.info{
  float: right;
  width: 50%;}

.left{margin: 45px 25% 0 0 ;}

.left2{
  display: inline-block;
  float: right; 
  max-width: 100%;
  margin: 5px 30% 0 0;}

/*  End Map Section
---------------------------*/
/*--Conact Page---*/
.cleft{margin: 45px 15% 0 0 ;}
.wrap{
  width: 100%; }	
}
@media screen and (max-width: 1134px)  {
/*--Conact Page---*/
.cleft{margin: 45px 5% 0 0 ;}
.cleft p {font-size: 16px}
.cleft a {font-size: 16px}
.cleft h2 {font-size: 18px}
}





@media screen and (max-width: 930px)  {
	
.location {
  margin-right: auto;
  left: 65px;}
	
.location2 {
  margin-right: auto;
  padding: 0;
  top: 20%;}	
	
/*  Map Section
---------------------------*/
.bottom-wrap{width: 100%;}

.info{
  float: none;
  width: 100%;}

.left1 {
    display: inline-block;
    float: right;
    max-width: 100%;
    margin: 0 30% 0 0;
}
.left{
  padding: 0 20% 0 20%;
  margin: 10px 0 0 0;
  float: left;}

.left2{
  display: inline-block;
  padding: 0 15px 0 15px;
  width: 100%;
  margin: 0 0 0 2%;
  float: left;}

.button {width: 95%;}    

.map{
  display: inline-block;
  width: 100%;}
	
	
/*  End Map Section
---------------------------*/
	
/*--Conact Page---*/	
.cleft{
  padding: 0 20% 0 20%;
  margin: 10px 0 0 0;
  float: left;}	
	
}

@media screen and (max-width: 855px)  {

/*  footer
--------------*/
	
.f-row {padding: 15px 20px 0 0;}
.f-column {
  float: left;
  width: 33.33%;}
	
.r-column {
  float: right;
	width: 33.33%;}
  
.m-column {
  float: left;
  width: 33.33%;}

.main {
  position: relative;
  left: 15%;
  float: left;}
	
.main h3 {
  font-weight: bold;
  font-size: 20px;
  line-height: 35px;
  color: #fff;
  float: left;}

.main p {
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  float: left;
  color: #fff;
  text-align: left;}

.main a {
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  float: left;
  color: #fff;
  text-align: left;}
	
	
.footertext p {font-size: 10px;}
.footertext a {	font-size: 10px;}
	

/*  end footer
--------------*/
}

@media screen and (max-width: 730px)  {
	
	#search select {
    float: left;
    width: 200px;
    padding: 14px 10px;
    background: #f5f5f5;
    font-size: 13px;
    font-weight: bold;
    border: 1px #ccc solid;
    color: #005826;
    cursor: pointer;
    margin: auto 0 ;
}

.search input[type="text"] {
    width: 100%;
    padding: 15px;
    font-size: 14px;
    border: 1px #ccc solid;
    border-left: none;
    box-shadow: inset 0 1px 2px hsla(0,0%,4%,.1);
    margin: auto 0 ;
}	
.search input[type="submit"] {
    position: absolute;
    /*top: auto 0;*/
    right: 0;
    height: 47px;
    cursor: pointer;
	font-size: 16px;
	width: auto;
}	
	
	
	
	
}
@media screen and (max-width: 712px)  {
	
.search{
  display: none;
  position: relative;
  float: left;
  width: calc(100% - 200px);}
.search:before{
  position: absolute;
  top: 15px;
  right: 16px;
  color: #ccc;}

.search input[type="submit"]{position: absolute;}
.cf{zoom: 1;} 
.cf:before, 
.cf:after{content: ""; display: table;} 
.cf:after{clear: both;} 
.clear{clear: both;} *{box-sizing: border-box;}


.wrap{
  width: 100%;
  left: auto;}


/*--Conact Page---*/
.cleft{margin: 0  0 0 15%; padding: 0 10px 0 10px}
.cleft p {font-size: 14px}
.cleft a {font-size: 14px}
.cleft h2 {font-size: 16px}
}


@media screen and (max-width: 630px)  {
	
.search input[type="submit"] {font-size: 14px;}	
		
#side1{
	box-sizing: border-box;
    height: 125px;
	float: none;

}	

/*  footer
--------------*/
	
.f-row {padding: 5px 20px 0 0;}
.f-column {
  float: left;
  width: 35%;}
	
.r-column {float: right;width: 50%;}

.m-column {float: left;	width: 40%;}
 

.main {
  position: relative;
  text-align: left;
  float: left;
  padding-top: 10px;}
/*  end footer
--------------*/
}

 @media screen and (max-width: 595px)  {
	
/* Searh Bar  */
.searchTerm {height: 40px;}

/*---------------------*/
#side1{height: 95px;}
#middle{height: 95px;}
#side2{height: 95px;}
	
.location {
  padding-top: 40px;
  margin-right: auto;}
	
.location2 {
  padding-top: 40px;
  margin-right: auto;
  left: 10%;
  top: 40%;}	
	
.location p{
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;}
	
.location2 p{
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;}

	
.hours {
  padding-top:60px;
  position: relative;
  top: 0;
  left: 0;
  margin-right: 0;
  transform: translate(0, 0)}
	
.hours h5{
  color: #005826;
  font-weight: 800;
  font-size: 18px;}
	
.hours p{
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;}
	
.logo{padding-top:60px;}
	
.logo img {padding-bottom: 5px;}	

.fa, .fab, .fad, .fal, .far, .fas {margin: auto;}
}
@media screen and (max-width: 540px) {
/*-------Search	Bar-----*/
#search select {
    float: left;
    padding: 09px 10px;
    background: #f5f5f5;
    font-size: 13px;
    font-weight: bold;
    border: 1px #ccc solid;
    color: #005826;
    cursor: pointer;
    margin: auto;

}

.search input[type="text"] {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    border: 1px #ccc solid;
    border-left: none;
    box-shadow: inset 0 1px 2px hsla(0,0%,4%,.1);
    margin: auto;
}
.search input[type="submit"] {
    position: absolute;
    top: 37px;
    right: 0;
    height: 35px;
    cursor: pointer;
    width: 100%;
	font-size: 14px;}
	
	
.wrap {top: 83%;} 
.buttons {
    margin: 30px 0;
}
	
}	
	
@media screen and (max-width: 524px) {
.buttons {
    margin: 35px 0 10px 0;
}
}

@media screen and (max-width: 512px) {
/*  Map Section
---------------------------*/

.bottom-wrap{
  width: 100%;
  }

.info{
  float: none;
  width: 100%;}

.left{
  padding: 0 25px 0 23px;
  margin: 10px 0 0 0;
  float: left;}
	
.left2{
  display: inline-block;
  padding: 0 15px 0 15px;
  width: 100%;
  margin: 0 0 0 2%;
  float: left;}

.button {width: 95%;}    

.map{
  display: inline-block;
  width: 100%;}
/*  End Map Section
---------------------------*/
/*---conact page---*/
.cleft{
  padding: 0 25px 0 23px;
  margin: 10px 0 0 0;
  float: left;}	
	
.wrap{top: 82%;}
}


@media screen and (max-width: 460px)  {
#side1{height: 55px;}
#middle{height: 105px;}
#side2{height: 105px;}

.location {
 padding-top: 40px;
 left: 10%;
 width: 80%;
}
	
.location2 {
  padding-top: 40px;
  left: 45%;
  top: -35%;
  width: 40%;
}	

/* search bar
----------------*/
.search input[type="submit"] {
    height: 35px;
	}
.search input[type="text"] {
    margin: auto;
}
.search {
    width: 58%;
}
	
#search select {
    width: 145px;
    margin: auto;
}
	
search {
    margin: 10px 0;
}

	.wrap {
		width: 100%;}
/*--------------------------------------*/
.left1 {
    display: inline-block;
    float: right;
    max-width: 100%;
    margin: 0 10% 0 0;
}
	
/*  footer
--------------*/
	
.f-row {padding: 5px 20px 0 0;}
.f-column {
  float: left;
  width: 50%;}
	
.r-column {
  float: right;
  width: 50%;}

.m-column {
  float: left;
	width: 50%;}
 
.main {
  position: relative;
  text-align: left;
  float: left;
  padding-top: 10px;}

.main h3 {
  font-size: 18px;
  line-height: 25px;}
.main p {
  font-size: 13px;
  line-height: 14px;}

.main a {
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;}

/*  end footer
--------------*/	
/*--Conact Page---*/
.cleft{margin: 0 ; padding: 0 10px 0 10px}
.cleft p {font-size: 14px}
.cleft a {font-size: 14px}
.cleft h2 {font-size: 16px}
}

@media screen and (max-width: 395px)  {
	
.search {
	width: 67%;
    margin: auto;
}	
	
.search input[type="submit"] {
    position: absolute;
    top: 30px;
    left: 0;
    /*height: 22px;*/
    cursor: pointer;
    width: 100%;
}
	
.search input[type="text"] {
    width: 100%;
    font-size: 10px;
    border: 1px #ccc solid;
    border-left: none;
    box-shadow: inset 0 1px 2px hsla(0,0%,4%,.1);
  
}

#search select {
    float: left;
    width: 100px;
    background: #f5f5f5;
    font-size: 10px;
    font-weight: bold;
    border: 1px #ccc solid;
    color: #005826;
    cursor: pointer;
   
}
	.wrap{top:83%}
	
}

@media screen and (max-width: 380px)  {
#side1 {height: 55px; padding-top: 20px;}
#middle{height: 100px;}
#side2{height: 100px;}

	
/*.location {left: 105px;}*/
	
/*--Conact Page---*/
.cleft{margin: 0 ; padding: 0 10px 0 10px}
.cleft p {font-size: 13px}
.cleft a {font-size: 13px}
.cleft h2 {font-size: 16px}
}

@media screen and (max-width: 368px){
.left1 {margin: 0 0 0 0;}}

@media screen and (max-width: 360px)  {


	
.hours{padding-top: 60px;}	
	
.location {
  width: 100%;
  float: left;
  display: inline-block;
  left: 70px;}
	
.location2 {
 left: 45%;
}	
	
.location p{
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;}
	
.location2 p{
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;}
	
/*--Conact Page---*/
.cleft{margin: 0 ; padding: 0 5px 0 5px}
.cleft p {font-size: 13px}
.cleft a {font-size: 13px}
.cleft h2 {font-size: 16px}
}

@media screen and (max-width: 355px)  {
	
.searchButton {
    width: 100%;
    background: #005826;
    text-align: center;
    color: #fff;
    border-radius: 0 5px 5px 0;
    font-size: 14px;
    position: absolute;
    float: left;
}	
	
.search input[type="submit"] {
    position: absolute;
    top: 36px;
    left: 0;
    height: 25px;
    cursor: pointer;
    width: 100%;
}
	
.search input[type="text"] {
    width: 100%;
    padding: 08px;
    font-size: 12px;
    border: 1px #ccc solid;
    border-left: none;
    box-shadow: inset 0 1px 2px hsla(0,0%,4%,.1);
    margin: 10px 0 0 0;
}

#search select {
    float: left;
    width: 95px;
    padding: 04px;
    background: #f5f5f5;
    font-size: 09px;
    font-weight: bold;
    border: 1px #ccc solid;
    color: #005826;
    cursor: pointer;
    margin: 10px 0 0 0;
}

	
}


@media screen and (max-width: 354px)  {
	.wrap{
		padding: 0;
	}
.hero-image {padding-top: 0;}
  
.location {
    width: 64%;
    left: 20%;}
	
.location2 {width: 50%;}

.location p{
	font-weight: bold;
	font-size: 13px;
	line-height: 16px;}
	
.location2 p{
	font-weight: bold;
	font-size: 13px;
	line-height: 16px;}
.hours h5{
  color: #005826;
  font-weight: 800;
  font-size: 16px;}

.hours p{
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;}	
/*  Map Section
---------------------------*/

.bottom-wrap{
	width: 100%;
	padding: 0 05px;}

.info{
	float: none;
	width: 100%;}

.left{
    padding: 0 25px 0 23px;
    margin: 10px 0 0 0;
    float: left;}

.left h2 {font-size: 16px;}
	
.left p {font-size: 14px;}

.left a {font-size: 14px;}

.left2{
	display: inline-block;
    padding: 0 15px 0 15px;
    width: 100%;
    margin: 0 0 0 0;
    float: left;}

.button {
 	width: 95%;
    padding: 5px 70px;
    display: inline-block;
    font-size: 14px;
    margin-top: 15px;}    

.map{
	display: inline-block;
    width: 100%;}
	
/*  End Map Section
---------------------------*/	


	
/*  footer
--------------*/

.main h3 {
	font-size: 16px;
	line-height: 20px;
		
}
.main p {
	font-size: 11.5px;
	line-height: normal;
		
}

.main a {
	font-size: 11.5px;
	line-height: normal;
	
}
	
.f-row {padding: 5px 20px 0 0;}
.f-column {
  float: left;
  width: 50%;}
	
.r-column {
  float: right;
  width: 50%;}

.m-column {
  float: left;
  width: 50%;}
 

.main {
  position: relative;
  text-align: left;
  float: left;
  padding-top: 10px;}
/*  end footer
--------------*/
}
@media screen and (max-width: 320px)  {
#side1 {height: 55px; padding-top: 20px;}
#middle{height: 95px;}
#side2{height: 95px;}
.location {
    width: 64%;
    left: 26%;}
	
	.location2 {left: 52%;}

.location p{
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;}
	
.location2 p{
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;}	
	
.left1 {
    display: inline-block;
    float: right;
    max-width: 100%;
    margin: 0 0 0 0;
}	
	
	
	
/*--Conact Page---*/
.cleft{margin: 0 ; padding: 0 5px 0 5px}
.cleft p {font-size: 12px}
.cleft a {font-size: 12px}
.cleft h2 {font-size: 14px}
	
	
#search {margin: 0;}
#search select {
    float: left;
    width: 100%;
    padding: 04px 0;
    background: #f5f5f5;
    font-size: 12px;
    font-weight: bold;
    border: 1px #ccc solid;
    color: #005826;
    cursor: pointer;
	margin: -10px 0 0 0 ;
  }	

.search {width: 100%;}	
.search input[type="text"] {
    width: 100%;
    padding: 05px;
    font-size: 12px;
    border: 1px #ccc solid;
    border-left: none;
    box-shadow: inset 0 1px 2px hsla(0,0%,4%,.1);
    margin: 2px 0 0 0;
}

.searchButton {
    width: 100%;
    background: #005826;
    text-align: center;
    color: #fff;
    border-radius: 0 5px 5px 0;
    font-size: 12px;
    position: absolute;
    float: left;
}
.search input[type="submit"] {
    position: absolute;
    top: 32px;
    left: 0;
    height: 25px;
    cursor: pointer;
    width: 100%;
}	
	
.container {
    margin: 0 auto;
    padding: 20px 10px;
}

}