@charset "utf-8";


img, object, embed, video {
	max-width: 100%;
	padding-top: 0;
}

.ie6 img {
	width:100%;
}


body {
	background-color: #ffffff;
	padding:0; 
	margin:0;
	font-family: 'Open Sans', sans-serif;
}

.fluid {
	clear: both;
	margin: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

.zeroMargin_mobile {
margin-left: 0;
}

.hide_mobile {
display: none;
}

hr {
	border-top: 1px solid;
	width: 96%;
	margin: auto;
  border-color: #ccc; }

#line { width: 70%;
height: 1px;
background-color: #ccc;
text-align: center;
margin: 0 0 0 15%; }

#social {
	position: relative;
	width: 200px;
	margin: 10px auto; 
	padding: 5px 0 40px 0;
	z-index: 10; }

#facebook {
	position: relative;
	width: 30px;
	display: inline-block;
	margin: 0 15px 0 0; }
#facebook img {
  position: absolute;
  left: 0;
    width: 100%;
    height: auto; }
#facebook img.top:hover {
  opacity: 0; }
  
#instagram {
	position: relative;
	width: 30px;
	display: inline-block;
	margin: 0 15px 0 0; }
#instagram img {
  position:absolute;
  left:0;
    width:100%;
    height:auto; }
#instagram img.top:hover {
  opacity:0; }

#pinterest {
	position: relative;
	width: 30px;
	display: inline-block;}
#pinterest img {
  position:absolute;
  left:0;
    width:100%;
    height:auto; }
#pinterest img.top:hover {
  opacity:0; }
  
#rights {
	margin: 20px auto;
	z-index: 10;
}

#ariel a {
	color: #434343;
	text-decoration: none;
	margin: 30px 0 0 0;
	padding: 0 0 30px 0;
	font-size: 13px;
}
#ariel a:hover {
	color: #44a901;
	font-weight: 500;
	text-decoration: none; 
 }
 
	
/* Mobile Layout: 688px and below. */
@media only screen and (max-width: 43em) {
	
#logo-menu-slider {
	border: 0; }

.gridContainer {
	width: 100%;
	padding: 0;
	margin-top: 0;
	clear: none; }
	
#header {
background-color: #fff;
	height: 83px;
	padding: 0;
	width: 100%;
	margin: 0 auto; 
	z-index: 1600;
	position: fixed; }
	
#header-left {
	display: inline-block;
	padding: 0;
	height: auto;
	width: 100%;
	float: left; 
	margin: 0; 

	position: absolute; }
	
#header-right {

	display: block; }
	
#company-name a{
	margin: 0.5em auto 0.2em auto;
	font-size: 105%;
	font-weight: 600;
	color: #000;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
	padding: 0;
	display: block;
	position: relative;
	letter-spacing: 0.02em;
  z-index: 500;}
	
#company-name a:hover {
	color: #7ab463; 
	font-weight: 600;
	padding: 0;
	display: block;
	position: relative;
  z-index: 500;
	letter-spacing: 0.05em; } 
	
	#head-text {
	width: 100%;
	letter-spacing: 1px;
	margin: 0; 
	font-size: 0.9em;
	font-weight: 500;
	text-transform: uppercase;
	color: #000;
	text-align: center;
	padding: 0; }

#heading-page {
	font-size: 0.85em;
	font-weight: 600;
	color: #000;
	text-align: center;
	padding: 0;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	letter-spacing: .08em; }
	
	#logo {
	position: absolute;
    width: 100%;
	height: auto;
    left: 0;
	z-index: 9000;
	margin: 0;
	display: block;
	text-align: right;
	padding: 0; }
	
#logo1 {
	padding: 0.7em 0 0 0;
	position:relative;
	width: 60px;
	margin: 0 1em 0 0;
	display: block;
	z-index: 9000 !important; 
	float: right; }

#logo1 img {
	position:absolute;
	left:0;
    width:100%;
    height:auto;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out; }
  
#logo1 img.top:hover {
  opacity:0; }

#body {
	display: block;
	padding: 0;
	margin: 0;  }

#slideshow { display: none; }

#img-mobile {
	width: 100%;
	position: relative;
	display: block;
	margin: 4.25em 0 0.5em 0; }
	 
hr {display: none; }

#top-page {
	display: block;
        width: 0;
        height: 50px;
        position: relative;
        top: -50px;
        margin-top: -50px;
	visibility: hidden; }

IMG.displayed {
    display: block;
	padding: 5px 0 0 0;
    margin: 0 auto; }


#footer {
width: 100%;

position: relative;
	text-align: center;
	font-size: 0.6em;
	color: #707070;
	background-color: #ffffff;
	padding: 15px 0 30px 0;
	z-index: 200;
	margin: 50px 0 0 0;  }

.zeroMargin_mobile {
margin-left: 0;  }

.hide_mobile {
display: none; }

.callnow {
	float: left;
	margin: 20px 0 0 0;
	display: block; }
	
.callnow:hover {
	opacity: .7; }

.hide_tablet {
display: none;  }

.zeroMargin_tablet {
margin-left: 0; }

#feedback a {
	font-size: 15px;
	font-style: italic;
	font-weight: 400;	
	color: #7ab463;}

#feedback a:hover {
	font-size: 15px;
	font-style: italic;
	font-weight: 400;	
	color: #000; }

}



/* Tablet Layout: 688px to 992px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 43.1em) {


.gridContainer {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	clear: none;
	float: none;
}

#header {
	background-color: #ffffff;
	height: 86px;
	padding: 0;
	position: fixed;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.9);
	top: 0;
	display: block;
	text-align: center;
	z-index: 1000;
	color: #888; 
	border-bottom: 1px solid;
	border-color: #fff; }

#header-left {
	display: inline-block;
	padding: 0;
	width: 1%;
	margin: 0 auto; 
  float: left; }
	
#header-right {
	display: inline-block;
	padding: 0;
	width: 84%;
	float: right;
	margin: 0 auto; 
}


#company-name a{
	margin:0 auto;
	font-size: 28px;
	font-weight: 600;
	color: #000;
	padding: 0;
	display: inline;
	position: relative;
	letter-spacing: .1em;
	top: 10px; }
	
#company-name a:hover {
	margin:0 auto;
	font-size: 28px;
	font-weight: 600;
	color: #7ab463;
	padding: 0;
	display: block;
	position: relative;
	letter-spacing: .1em;
	top: 10px;}
	
#head-text {
	width: 100%;
	letter-spacing: .1em;
	margin: 10px  0 0 0; 
	font-size: 1.15em;
	font-weight: 500;
	text-transform: uppercase;
	color: #000;
	text-align: center;
	padding: 0; }
	
#heading-page {
width: 100%;
  font-size: 1.5em;
	color: #000;
	font-weight: 400;
	text-align: center;
	padding: 15px 0 0 0;
	letter-spacing: .1em;
	margin: 0;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	z-index: 1800;	}

#body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	display: block;
	padding: 0;
	width: 100%;
	margin: 86px 0 0 0;
	position: relative;
	text-align: center;
}


#slideshow {
  position: relative;
	z-index: 1800;
	float: right;
	display: block;
	right: 0;
	width: 84%;
	height: 100%;
	margin: 0;
	padding: 0;	}


#img-mobile { display: none; }

#top-page {
	display: block;
	padding-top: 98px;
	margin-top: -98px;
	visibility: hidden;
}

IMG.displayed {
    display: block;
	padding: 8px 0 0 0;
    margin: 0 auto; }


#footer {
	text-align: center;
	font-size: 11px;
	color: #707070;
	background-color: #ffffff;
	width: 100%;
	margin: 50px 0 0 0;
	padding: 20px 0 0 0;
}

.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}

.callnow {
	display: none;
}

.zeroMargin_desktop {
margin-left: 0;
}

.hide_desktop {
display: none;
}

#feedback {
	display: none;
}

#logo {
	position: absolute;
    width: 16%;
	height: auto;
    left: 0;
	z-index: 5000;
	margin: -10px auto 0 auto;
	display: block;
	text-align: center;
	padding: 0; 
	opacity: 1;}
	

#logo1 {
	position: relative;
  width: 70%;
  height: auto;
  margin: 0;
  z-index: 5000;
  display: inline-block; }

#logo1 img {
	position:absolute;
	left:0;
    width:100%;
    height:auto;
	opacity: 1;
	z-index: 5000;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;  }
  
#logo1 img.top:hover {
  opacity:0;
  z-index: 5000;
}

#line { width: 60%;
height: 1px;
background-color: #ccc;
margin: 0 0 0 15%;
 }

}

/* Desktop Layout: 922px to a max of 1920px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width:   62em) {

.gridContainer {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	clear: none;
	float: none;
}
#header {
	margin: 0 auto;
	background-color: rgba(255, 255, 255, 0.9);
	color: #888;
	height: 108px;
	padding: 0;
	position: fixed;
	width: 100%;
	top: 0;
	display: block;
	text-align: center;
	z-index: 2000;
	border-width: 0; }


#header-left {
	display: inline-block;
	padding: 0;
	width: 16%;
	margin: 0 auto; 
  float: left; }
	
#header-right {
	display: inline-block;
	padding: 0;
	width: 84%;
	height: 100%;
	margin: 0 auto; 
  border-color: rgba(255, 255, 255, 1);
  border-left: 0;
  border-bottom: 0;
  z-index: 2100;
  position: relative;
  float: right; }


#body {
	position: relative;
	text-align: center;
	margin: 108px auto 0 auto;

}

#img-mobile { display: none; }

IMG.displayed {
    display: block;
	padding: 12px 0 0 0;
    margin: 0 auto; }
	
#company-name a{
	margin:0 auto;
	font-size: 36px;
	font-weight: 600;
	color: #000;
	padding: 0;
	display: block;
	position: relative;
	letter-spacing: .1em; }
	
#company-name a:hover {
	color: #7ab463; 
	margin:0 auto;
	font-size: 36px;
	font-weight: 600;
	padding: 0;
	display: block;
	position: relative;
	letter-spacing: .1em; }
	
#head-text {
	width: 100%;
	letter-spacing: .1em;
	margin: 12px  0; 
	font-size: 1.4em;
	font-weight: 500;
	text-transform: uppercase;
	color: #000;
	text-align: center;
	padding: 0; }

#heading-page {
width: 100%;
  font-size: 1.5em;
	color: #000;
	font-weight: 500;
	text-align: center;
	padding: 15px 0 0 0;
	letter-spacing: .1em;
	margin: -5px 0 10px 0;
	text-transform: uppercase;
	position: relative;
z-index: 1800;	}

#featured {
	display: block;
	margin: 10px 0;
	width: 100%;
	padding: 0;
  z-index: 1850;
  position: relative;
background-color: #fff;   }

#top-page {
	display: block;
	padding-top: 120px;
	margin-top: -120px;
	visibility: hidden; }

#slideshow {
	position: relative;
	z-index: 1800;
	float: right;
	display: block;
	right: 0;
	width: 84%;
	height: 100%;
	margin: -17px 0 0 0;
	padding: 0;
	border: 0;	}
	

#footer {
	text-align: center;
	font-size: 12px;
	color: #707070;
	background-color: #ffffff;
	border-width: 0;
	margin: 50px 0 0 0;
	z-index: 50;
	padding: 15px 0 0 0;
}
	
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}

#feedback {
	display: none;
}

#logo-menu-slider {
	width: 100%;
	display: inline-block;
	height:  auto;
	margin: 18px 0 0 0;
	z-index: 1000;
background-color: #fff; 	}
	

 #logo {
	position: absolute;
    width: 16%;
	height: auto;
    left: 0;
	z-index: 5000;
	margin: 0 auto;
	display: block;
	text-align: center;
	padding: 0; 
	opacity: 1;}

#logo1 {
  position: relative;
  width: 80%;
  height: auto;
  max-width: 202px;
  margin: 0 auto;
  z-index: 5000;
  display: inline-block; }

#logo1 img {
  position:absolute;
  left:0;
    width:100%;
    height:auto;
	max-width: 202px;
	z-index: 5000;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out; }
  
#logo1 img.top:hover {
  opacity:0;

}

.vl {
  border-left: 1px solid #fff;
  height: 5.45em;
  position: absolute;
  left: 16%;
  margin: 0;
  top: 0;
}


}