body {
    background-color: #F2F2F2;
}

h1{
    color: #585858;
	font-family:tahoma;
    font-size:200%;
}
h2{
color:grey;
font-family:tahoma;
}

h3 {
color:grey;
font-family:tahoma;


}

p {
    color:gray;
	font-family:arial;
	font-size:120%;
	line-height: 150%;
	
}

.header {

    background-color:#F2F2F2;
	width:1024px;
    margin-left:20%;
	margin-right:20%;	
} 

.nav
{
background-color:#F2F2F2;
padding-right:0%;
text-align:right;
font-size:90%;
margin-top:-5.8%;
margin-bottom:5%;
margin-right:0.35%;
}


.article{
width:1024px;
margin-left:20%;
margin-right:20%;
margin-top:1%;
background:white;
}
.article p{
padding:2%;
}

.article h1{
padding:2% ;
padding-bottom:0;
}

.article h2 {
padding:0% 2%;
}


.article h3 {
padding:2%;
}

.center{
width:1024px;
margin-left:20%;
margin-right:20%;
text-align:center;
font-size:90%;
color:green;
}


ul.menu {

    padding-top:0;

}

ul.menu li {
    display:inline;

}

ul.menu li  {
background-color:#F2F2F2;;
    color:#505050;
    padding:3% 1%;
	font-family: arial;
	text-decoration:none;


}

ul.menu li:hover {
  color:black;
  border-top-color:#43A65F;
  border-top-width:4px;
  border-top-style: solid;

 
}
ul.menu li :link {
color:#505050;
text-decoration:none;

}
ul.menu li :visited{
color:#A0A0A0;
text-decoration:none;

}

ul.menu li a:hover {
  color:#505050 ;

}


#active {
  border-top-color:#43A65F;
  border-top-width:4px;
  border-top-style: solid;

}

#active a {
 color:#505050  ;
}

ul.change{
float:left;
padding-left:1%;
}

ul.change li  {
    
    color:#505050;
    margin:2% 2%;
	font-family: arial;
	text-decoration:none;
    list-style-type:none;


}
ul.change li :hover {
    background-color:#43A65F;
}
ul.change li a {
padding:3% 3% 3% 3%;
display: block;
width: 200px;
height:20px;
text-decoration: none;
background-color:white;
}

}

ul.change li a: link{

color:#505050;
padding: 20px 20px;

}
ul.change li a:visited{
color:#A0A0A0;
text-decoration:none;

}

ul.change li a:hover {
color:white;
  
 
}

.logo {
width:25%;
float:relative;
}
.logo2 {
width:25%;

display:inline-block;
margin: 0 5px;
}
.service{
width:412px;
float:left;

}

#content{
width:612px;
float:right;


}
.line{
width:1024px;
margin-left:20%;
margin-right:20%;
}

.middle{
background-color:white;
width:1024px;
height:510px;
margin-left:20%;
margin-right:20%;
margin-top:-2%;
padding-top:2%;
}
p.content {
	font-family:arial;
	font-size:120%;

}

#map {
        width: 350px;
        height: 220px;
        margin-top:10%;
		margin-right:10%;
		float:right;
      }
#map_2 {
        width: 350px;
        height: 220px;
		margin-top:10%;
		margin-right:10%;
		float:right;
      }
	  
.office {
padding-left:10%;

}

.references{
padding-left:15%;


}