footer{
	background-color:#aea5a3;
	
	 color:#ffffff;
	 
	}
	
#surfooter{
	background-color:#f7f7f7;
	margin-bottom:20px;
	padding:15px;
	color:#000;
	font-size:1.2em;
}

#surfooter img{
	padding:0 30px 0 0;
}

#footer2 div.container{
padding-left:0;
padding-right:0;
margin-left:0;
margin-right:0;
}
#surfooter .btn-newsletter{

  color: #fff;
  background-color: #000;
   border: none;
  border-radius: 0px;
  padding: 0px 5px;
  height: 25px;
  margin:0 0 0 5px;

}
#surfooter .form-control{
	margin:0px;
	background-color:#ffffff;
	color:#000;
	border:0px;
	-webkit-box-shadow: none;
    box-shadow: none;
	border-radius: 0px;
	height: 25px;
	margin:0px;
	font-style:italic;
}

.footer{
	padding-right:0px;
	padding-left:0px;
}
#footer{
	padding-right:0px;
	padding-left:0px;
}
#footer ul {
/* some margin is set in the footer padding */
   margin: 0px;
/* calling a specific side, left in this case */
   margin-left: 95px;
   padding: 0px;
/* remove any default bullets, image used in li call */
   list-style: none;
   font-size:13px;
   width:100%;
}
@media (max-width: 1200px) {
  #footer ul  {
     margin-left: 15px;
  }
}

#footer ul li {
	text-transform:uppercase;
	color:#fff;
	list-style: none;
   float:left;
   margin: 0px 0px 0px;
   border:0px solid red;
  /* padding: 0px 55px 5px 10px;*/
	padding: 0 0 5px 10px;
	text-align:left;

   border-left:1px solid #ccc8c5;
 /* max-width:200px;*/
  width:20%;

}

#footer ul li a {
/* this will make the "a" link a solid shape */
   display:block;
   margin:0px;
   padding: 0 5px 5px 0px;
   text-transform:uppercase;
   color:#ffffff;
   width:100%;
}
#footer ul li a:hover {
color:#fff;
text-decoration:none;
}
#footer ul li li {
   list-style: none;
   border:0px solid black;
   float:none;
   margin: 0px;
   padding: 0px 0px 0px 0px;

}

#footer ul li li a {
   display:block;
   margin: 0px;
   padding: 0px;
   text-transform:none;
}

#footer ul li ul li{
	width:100%;
}

/* fix for IE6 */
* html #footer ul li a {
   margin: 2px 0px 0px;
   padding: 0px 5px 5px 5px;
}
* html #footer ul li li a {
   margin: 0px 0px 0px;
   padding: 0px 5px 0px 5px;
   text-transform:none;
}
/* End fix for IE6 */
#footer ul ul {
/* remove float so they line up under top li */
   float:none;
/* a little margin to offset it */
   margin: 0px 0px 0px 0px;
   padding: 0;
}
#footer ul ul ul {
/* remove float so they line up under li above it */
   float:none;
/* a little margin to offset it */
   margin: 0px 0px 0px 8px;
   padding: 0;
}