#all { 
  font:14px/1.7 Verdana, sans-serif;  color:#505050;
  }
 @media only screen and (max-width: 800px) {#all {font-size:15px;}}
#heading {
  background-color: #99d3c9;
  background-image :url("pictures/graftonsheader.jpg");height:430px; background-position: left;  background-repeat: no-repeat; background-size: cover;
  position: relative;
  color:white;        
 } 
 @media only screen and (max-width: 800px) {#heading { font-size:1em;
background-image :url("pictures/graftonsheader.jpg");height:200px; background-position: left;  background-repeat: no-repeat; background-size: cover;
  }}
 #headingtelnumber {
	 float:right; font-size: 1.3em;  text-align: right; font-weight: bold;width: 50%; margin-right:5%; 
 }
 @media only screen and (max-width: 800px) {#headingtelnumber { font-size:0.8em;
  height:130px; background-position: left;  background-repeat: no-repeat; background-size: cover;font-weight: bold;
  }}
#headinggraftons {
     font-size: 5em;  text-align: left; font-weight:normal;	width: 40%; margin-left:5%;padding-top:0.5em;
}
 @media only screen and (max-width: 800px) {#headinggraftons { font-size:1.4em;
  height:130px; background-position: left;  background-repeat: no-repeat; background-size: cover;font-weight:bold;
  }}


#menu {
  background-color:#99d3c9;
width:100%;  height:35px;}
@media only screen and (max-width: 800px) {#menu {  height:25px;background-color:#99d3c9;}}
#menu li {
  list-style-type:none;
  font-size:18px;  float: left;  margin-left:25px; font-weight: bold; width:auto; padding-top:0.2em;
 }
@media only screen and (max-width: 800px) {#menu li {font-size:11px;float: left;  margin-left:10px; font-weight: bold; width:auto;padding-top:0.3em;}}
#menu a {
  color:gray;
  text-decoration: none;
}
#menu a:hover {
  color:#ff4b33;
}
#menu 
   .at{
   color:#ff4b33;
   cursor:pointer;
   }
#content {
 float:left;width:45%;  background-color:#f0f0f0; padding:1%;margin-left:4%;margin-right:auto;margin-top:2%;
 }
@media only screen and (max-width: 800px) {#content {width:94%; padding:3%;margin-left:auto;margin-right:auto;}}
p.clients {
		color:blue;
	}
.picture { 
  float:left; margin-top:0.9em; margin-left:0.5em; margin-right:1em;
}
#moreinfo { 
float:right; margin-top:3.0em;  margin-right:4%; width:35%;padding:1%px;

}
@media only screen and (max-width: 800px) {#moreinfo { width:94%; padding:3%;margin-left:auto;margin-right:auto;}}
#headertop {
  background-color:#99d3c9;  width: 100%;  min-height:10px;
}
#headerbot {
  background-color:#99d3c9;  width: 100%;  min-height:10px;
}
#starspacer {
min-height:30px;
}                            
#quotesopen {
margin-bottom:0.5%;
}
#star {
margin-top:4em;font-size:20px;color:red; margin-left:1em;
}
#quotesclose {
float:right;
}
#neartheendsra {
clear:both; text-align:center;margin:auto; padding:50px;margin-top:8em; border:none;max-height:165px;
}


#neartheend {
clear:both;
text-align:center; margin:auto; padding:30px;margin-top:10em;
}
#headertopend {
  background-color:#99d3c9; width: 100%;  min-height:1px; margin-top:2em;
}
#end { 
clear:both; border:none;background-color:#f0f0f0;
text-align: center; min-height:60px; font-size: 10px; color:#858585;
}
#textend {
border:none; 
text-align: center; min-height:60px; font-size: 10px; color:#858585; padding:5px;margin-left:20px;margin-right:20px;
}