BODY {
	text-align: center; /*centre all for IE*/
	padding:10px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	font-size:76%;
	font-family : Arial, Helvetica, sans-serif;
 	background-image : url(images/grad.gif);
 	background-repeat : repeat-x;
}
#container{
	margin:0 auto;
	min-width: 750px;
	max-width: 895px;
	/*to set min & max for ie*/
	width: expression(document.body.clientWidth < 750? "750px" : document.body.clientWidth > 895? "895px" : "auto");
}
#header{
	height:220px;
	background-image : url(images/header.jpg);
	background-repeat : no-repeat;
	background-position : center;
}
#aldershot_header{
	height:220px;
	background-image : url(images/aldershot.jpg);
	background-repeat : no-repeat;
	background-position : center;
}
#andover_header{
	height:220px;
	background-image : url(images/andover.jpg);
	background-repeat : no-repeat;
	background-position : center;
}
#hw_header{
	height:220px;
	background-image : url(images/hw.jpg);
	background-repeat : no-repeat;
	background-position : center;
}
#hook_header{
	height:220px;
	background-image : url(images/hook.jpg);
	background-repeat : no-repeat;
	background-position : center;
}
#odiham_header{
	height:220px;
	background-image : url(images/odiham.jpg);
	background-repeat : no-repeat;
	background-position : center;
}
#overton_header{
	height:220px;
	background-image : url(images/overton.jpg);
	background-repeat : no-repeat;
	background-position : center;
}
#containernav{
	background-color : #E3E7EE;
	/* top, right, bottom, left*/
	padding:10px 10px 10px 20px;
	font-weight : bold;
	color:black;
	font-size:1.2em;
	text-align:left;
}
#navleft{
	float:left;
	width:33%;
	text-align:center;
}
#navleft a{
	text-decoration:none;
	color:#0888D7;
}
#navleft a:hover{
	text-decoration:underline;
}
#navcentre{
	float:left;
	width:33%;
	text-align:center;
}
#navcentre a{
	text-decoration:none;
	color:#0888D7;
}
#navlcentre a:hover{
	text-decoration:underline;
}
#navright{
	float:left;
	width:33%;
	text-align:center;
}
#navright a{
	text-decoration:none;
	color:#0888D7;

}
#navright a:hover{
	text-decoration:underline;
}
.clear{
	clear:both;
}
form{

	margin: 0px;
}
select {
    margin-top:10px;
    background-color: #E3E7EE;
    padding: 2px;
    border: solid 1px #0888D7;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left:5px;
    cursor: pointer;
}
select:hover {
    background-color: #E3E7EE;
    border: solid 1px #0888D7;
}
#homecontainer, #homecontainer2, #homecontainer3{
    background-color: #ffffff;	
	/* top, right, bottom, left*/
	padding:20px 0px 20px 0px;
}
/*box1outer to get multiple inner boxes in a row centered in moz & opera*/
.box1outer{
	width:33%;
	float:left;
	margin:0px;
}
/* box corners*/
/*http://www.webreference.com/programming/css_borders/2.html*/
.box1 {
  width:200px;
  background:transparent; 
  margin:0 auto; /*fcentre for opera & moz*/
}
  .box1 .boxcontent {
  border-left:1px solid #9EC6F7; 
  border-right:1px solid #9EC6F7;
  text-align:center;
}
.box1 a{
	text-decoration:none;
	color:#0888D7;
	font-size:1.2em;
	font-weight : bold;
}
.box1 a:hover{
	text-decoration:underline;
}
.box1 h1 {
 	font-size:2.2em; 
  	color:#9EC6F7;
	 margin:0 10px;
  }
.box1 h2{
 	font-size:1.2em; 
  	color:black;
	margin-top:5px;
}
.box1 .b1, .box1 .b2, .box1 .b3, .box1 .b4{
  display:block; 
  overflow:hidden;
  font-size:1px;
  }
.box1 .b1, .box1 .b2, .box1 .b3{
  height:1px;
  }
  .box1 .b1 {
  margin:0 5px; 
  background:#9EC6F7;
  }
.box1 .b2 {
  border-left:1px solid #9EC6F7; 
  border-right:1px solid #9EC6F7;
  margin:0 3px; 
  border-width:0 2px;
  }
.box1 .b3 {
  border-left:1px solid #9EC6F7; 
  border-right:1px solid #9EC6F7;
  margin:0 2px;
  }
.box1 .b4 {
  border-left:1px solid #9EC6F7; 
  border-right:1px solid #9EC6F7;
  height:2px; 
  margin:0 1px;
  }
.box2outer{
	width:66%;
	float:left;
	margin:0px;
}
.box2 {
  width:450px;
  background:transparent; 
  margin:0 auto; /*fcentre for opera & moz*/
}
.box2 a{
	text-decoration:none;
	color:#0888D7;
	font-size:1.2em;
	font-weight : bold;
}
.box2 a:hover{
	text-decoration:underline;
}
  .box2 .boxcontent {
  border-left:1px solid #9EC6F7; 
  border-right:1px solid #9EC6F7;
   text-align:center;
}
.box2 a{
	text-decoration:none;
}
.box2 a:hover{
	text-decoration:underline;
}
.box2 h1 {
 	font-size:2.2em; 
  	color:#9EC6F7;
	 margin:0 10px;
  }
.box2 h2{
 	font-size:1.2em; 
  	color:black;
	margin-top:5px;
}
.box2 .b1, .box2 .b2, .box2 .b3, .box2 .b4{
  display:block; 
  overflow:hidden;
  font-size:1px;
  }
.box2 .b1, .box2 .b2, .box2 .b3{
  height:1px;
  }
.box2 .b1 {
  margin:0 5px; 
  background:#9EC6F7;
  }
.box2 .b2 {
  border-left:1px solid #9EC6F7; 
  border-right:1px solid #9EC6F7;
  margin:0 3px; 
  border-width:0 2px;
  }
.box2 .b3 {
  border-left:1px solid #9EC6F7; 
  border-right:1px solid #9EC6F7;
  margin:0 2px;
  }
.box2 .b4 {
  border-left:1px solid #9EC6F7; 
  border-right:1px solid #9EC6F7;
  height:2px; 
  margin:0 1px;
  }
.box3outer{
	width:66%;
	float:left;
	margin:0px;
}
.box3 {
  width:700px;
  background:transparent; 
  margin:0 auto; /*fcentre for opera & moz*/
}
.box3 a{
	text-decoration:none;
	color:#0888D7;
	font-size:1.2em;
	font-weight : bold;
}
.box3 a:hover{
	text-decoration:underline;
}
  .box3 .boxcontent {
  border-left:1px solid #9EC6F7; 
  border-right:1px solid #9EC6F7;
   text-align:center;
}
.box3 a{
	text-decoration:none;
}
.box3 a:hover{
	text-decoration:underline;
}
.box3 h1 {
 	font-size:2.2em; 
  	color:#9EC6F7;
	 margin:0 10px;
  }
.box3 h2{
 	font-size:1.2em; 
  	color:black;
	margin-top:5px;
}
.box3 .b1, .box3 .b2, .box3 .b3, .box3 .b4{
  display:block; 
  overflow:hidden;
  font-size:1px;
  }
.box3 .b1, .box3 .b2, .box3 .b3{
  height:1px;
  }
.box3 .b1 {
  margin:0 5px; 
  background:#9EC6F7;
  }
.box3 .b2 {
  border-left:1px solid #9EC6F7; 
  border-right:1px solid #9EC6F7;
  margin:0 3px; 
  border-width:0 2px;
  }
.box3 .b3 {
  border-left:1px solid #9EC6F7; 
  border-right:1px solid #9EC6F7;
  margin:0 2px;
  }
.box3 .b4 {
  border-left:1px solid #9EC6F7; 
  border-right:1px solid #9EC6F7;
  height:2px; 
  margin:0 1px;
  }
#testimonial{
  font-weight : bold;
  color:#0888D7;
  background-color : #E3E7EE;
  text-align:left;
  /* top, right, bottom, left*/
  padding:5px 10px 5px 10px;
}
#mission{
  color:black;
  background-color : #E3E7EE;
  text-align:left;
  /* top, right, bottom, left*/
  padding:5px 10px 5px 10px;
}
#footer{

  font-size:0.9em;
}
#demo{
  color:black;
  background-color : #E3E7EE;
  text-align:left;
  /* top, right, bottom, left*/
  padding:5px 10px 5px 10px;	
}
#video{

	background-image : url(images/videoback.gif);
	background-repeat : repeat;
	background-position : center;
  /* top, right, bottom, left*/
  padding:5px 10px 5px 10px;	
}
.video{
	background-color : #E3E7EE;
}
#serviceportfolio, #retailportfolio, #newbieguide, #specials{
  color:black;
  background-color : #E3E7EE;
  text-align:left;
  /* top, right, bottom, left*/
  padding:5px 10px 5px 10px;		
}
#serviceportfolio a, #retailportfolio a, #newbieguide a, #specials a{
	font-size:1.0em;
}
table.price {
	margin-top:5px;
	border-width: 2px;
	border-style: solid;
	border-color: #336699;
	border-collapse: collapse;
	font-size:0.9em;
}
table.price th {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
}
table.price td {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
}
.benefit{
  color:black;
  background-color : #E3E7EE;
  text-align:left;
  /* top, right, bottom, left*/
  padding:5px 10px 5px 10px;
}
.benefit ul {
 	list-style:none;
}
.benefit li{
	color: 	#0066CC;
	font-size : 1.1em;
	font-weight : bold;
	background:url(images/bullet.gif) no-repeat left top;
	margin:0px; 
  	/* top, right, bottom, left*/
	padding:2px 0px 0px 22px
}
.error{
	color:red;
	font-weight : bold;
}
#plan{
   width:650px;
   font-size : 1.2em;
   border-style:solid;
   border-width:1px;
   padding: 5px 5px 5px 10px;
}
#form{
	background-color : #0066CC;
	padding-top:10px;
	padding-bottom:10px;
}
.button{
	background-color : #0066CC;
	color : white;
	font-size : 1.0em;
}
.caption{
	font-size : 1.0em;
	height : 15px;
	background-color : white;
}
.slide{
	background-color : #0066CC;
}