body {
	background: url('images/bg.jpg') center top;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size:14px;
}
#container {
	max-width:989px;
	margin:auto;
	width:100%;
}
#header {
	color:black;
}
#header-left {
	float:left;
}
#header-right {
	float:left;
	padding-top:14px;
}
#nav {
	
}
#nav ul {
	list-style-type:none;
}
#nav li {
	display:inline;
}
#nav a:active, #nav a:visited, #nav a:link {
	color:black;
	font-size:16px;
	text-decoration:none;
	padding-left:26px;
	padding-right:26px;
}
#nav a:hover {
	text-decoration:underline;
}


#nav a.home:active, #nav a.home:visited, #nav a.home:link {
	padding-left:4px;
}
#nav a.contac:active, #nav a.contact:visited, #nav a.contact:link {
	padding-right:0px;
}
/* Hide the list item that contains the link that should open and close the topnav on small screens */
#nav ul.topnav li.icon {
    display: none;
}
#address {
	text-align:center;
	margin-top:30px;
}
#slideshow {
	margin-top:15px;
}
#progress { 
    position: absolute; 
    bottom: 0; height: 3px; 
    width: 0px; 
    background: white; 
    z-index: 500;
}
#container-2 {
	max-width:989px;
	margin:auto;
	width:100%;
}
#labels {
	margin-top:5px;
}
#label-1 {
	float:left;
}
#label-2 {
	float:left;
	margin-left:28px;
}
#label-3 {
	float:left;
	margin-left:28px;

}
#label-4 {
	float:left;
	margin-left:28px;

}
#wrapper {
	background-color:white;
	margin-top:5px;
	line-height:22px;
}
#wrapper-op {
	background-color:white;
	margin-top:5px;
	line-height:22px;
	margin-top:15px;

}



#wrapper-info {
	max-width:989px;
	margin:auto;
	padding:10px;
	width:100%;
}
#wrapper-left {
	width:450px;
	float:left;
	line-height:22px;
}
#wrapper-left-op {
	
	
}



#wrapper-middle {
	float:left;
	margin-left:30px;
}
#wrapper-right {
	float:left;
	margin-left:50px;
}
#icons {
	text-align:center;
	margin-top:20px;
}
#footer {
	text-align:center;
	margin-top:10px;
	color:white;
}

#sig {
	font-size:11px;
	text-align:center;
	margin-top:10px;
	color:white;
}


/* CLASSES */

.picture {
	vertical-align:middle;
}
.text {
	color:#005900;
	font-weight:bold;
}
.center {
	text-align:center;
}



/* MEDIA QUERIES */


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

body {
 background-image:none;

}

#header-left {
	float:none;
	text-align:center;
	width:100%;
}
#header-right {
	float:none;
	padding-top:14px;
	width:100%;
}

#label-1 {
	float:none;
	text-align:center;
}
#label-2 {
	float:none;
	margin-left:0px;
	text-align:center;
	margin-top:5px;
}
#label-3 {
	float:none;
	margin-left:0px;
	text-align:center;
	margin-top:5px;

}
#label-4 {
	float:none;
	margin-left:0px;
	text-align:center;
	margin-top:5px;

}
#wrapper-left {
	
	float:none;
	width:100%;
}
#wrapper-middle {
	float:none;
	margin-left:0px;
	margin-top:5px;
}
#wrapper-right {
	float:none;
	margin-left:0px;
	margin-top:5px;
}
#wrapper-info {
		box-sizing: border-box;
}
#footer {
	text-align:center;
	margin-top:10px;
	color:black;
}


}

@media screen and (max-width:1038px) {
  #nav ul.topnav li:not(:first-child) {display: none;}
  #nav ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:1038px) {
  #nav ul.topnav.responsive {position: relative;}
 #nav ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
    
  }
  #nav ul.topnav.responsive  {
	
}
  
  
  #nav ul.topnav.responsive li {
    float: none;
    display: inline;
   
   
  }
 #nav ul.topnav.responsive li a {
    display: block;
    text-align: left;
    margin-top:8px;
    margin-left:-24px;
 
    
  }
#nav a.home:active, #nav a.home:visited, #nav a.home:link {
	margin-left:-24px;
}
}