body {

font-weight: bold;
  font-size: 15 px;
  line-height: 1.5;
  padding: 0;
  margin: 0;
/*  background-color: #504E4E; */

  background-color: #F3F9F8;


}

/* globe */
.container {
  width: 80%;
  margin: auto;
  overflow: hidden;
}

/* Header */
header {
  background-color: #1155A2;
  color: #ffffff;
  padding-top: 10px;
  min-height: 58px;
  width: 100%;
  border-bottom: #A23B11 6px solid;

}
header .container {
  padding-left: 0px;
}

header a {

  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;

}

header ul {
  padding: 0;
  margin: 0;
}

header #branding img {

height: 82px;
width: 300px;
  float:  left;
  margin-top: 2px;
  margin-left:  2px;
  margin-bottom: 10px;
  padding-top: 0;
  padding-left: 0px;



}
header li {
  float: left;
  display: inline;
  padding: 0 20px 0 20px;
}

header #branding h1{
  float: left;
padding-left: 80px;

  margin: 0;

}

header #branding nav {

  float:  right;
  padding-top: 20px;
  margin-top: 10px;
  margin-bottom: 5px;
}



header .highlight, header .current a {

  color: #F82605;
  font-weight: bold;
}

header a:hover{
  color: #6485E6;
  font-weight: bold;

}


/* Agents */

 h2 {
   text-align: center;
   color: red;
 }


 .slider {
	width: 624px;
	margin: 2em auto;

}

.slider-wrapper {
	width: 80%;
	height: 300px;
	position: relative;
}

.slide {
	float: left;
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 3s linear;
}

.slider-wrapper > .slide:first-child {
	opacity: 1;
}


#Phones {
  float: right;
}
/* Agents_name1 */
 #Agent_Name1 {
  min-height: 300px;
  float: left;
  width: auto;
  padding-left: 20px;
  padding-right: 30px;
padding-bottom: 6px;
   background-color: #BCCDEC;


}

#Agent_Name3 {
  min-height: 300px;
  float: center;
  width: auto;
  padding-top: 5px;
  padding-right: 20px;
 padding-left: : 20px;
padding-bottom: 6px;
   background-color: #BCCDEC;


}
/* Agents_name1 */
 #Agent_Name2 {
   min-height: 100px;
   text-align: center;
   float: right;
   width: auto;
   padding-right: 20px;
  padding-left: : 20px;
 padding-bottom: 6px;
    background-color: #c2E5EA;
}


/* Showcases */
 #Showcases {
  min-height: 300px;
  background-color: #c2E5EA;
  background-image: url("./img/showcasebackgroud.jpg");
  text-align: center;
  width: 80%;
    margin-left: 100px;
    margin-right: 100px;

}
#Showcases h1 {
  margin-top: 100px;
  font-size: 55px;
  margin-bottom: 20px;

}

#Showcases p {
  font-size: 20px;
}

/* Newsletter */
#Newsletter {
  padding: 15px;
  color: #ffffff;
  background-color: #35442a;
}

#Newsletter h3 {
  float: left;

}
#Newsletter form {
  float: right;
}
#Newsletter input[type = "email"] {
  padding: 5px;
  height: 4px;
  width: 200px;
}


/* boxes_section */

#Phones_Emails {

    color: red;
}

#AboutUs_Statement {

  float: center;
  text-align:center;
  border-bottom: #A23B11 6px solid;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 6px;
   min-height: 300px;

}

#Phones {
  float: center;
  color: red;


}
#Email {
  float: right;
}

.boxes_section {

  border-bottom: #A23B11 6px solid;
}
#box1_section
{
   float: left;
   text-align:left;

   background-color: #BD7A0D;
   width: 15%;
   padding-left: 20px;
   padding-right: 20px;
   padding-top: 6px;
    min-height: 300px;


}


#box2_section
{
   text-align:left;

   float: right;
   width: 15%;
   padding-left: 20px;
   padding-right: 20px;
 padding-bottom: 6px;
    background-color: #BD7A0D;
     min-height: 300px;

}

#box3_section
{
   text-align: center;

}
   #box3_section img
   {
       height: 300px;
       width: 560px;

   }

/* end boxes_section */
/*boxes*/
#boxes {
  padding: 20px;
}

#boxes .box {
margin-top: 0;
  text-align: center;
float: left;
  width: 30%;
  height: 100%;
  color: #ffffff;
  background:  #504E4E;
  padding: 10px;

}
#boxes .box img {
  width: 90px;
}




footer {
  text-align: center;
  background-color: #560808;
  color: #ffffff;
}
