BODY {
	text-align: center; /*centre all for IE*/
	padding:5px 0px 5px 0px;
	margin:5px 0px 5px 0px;
	font-size:76%;
	font-family : Arial, Helvetica, sans-serif;
	background: url(images/back.jpg) fixed;
	background-position:top;
	background-repeat:no-repeat;
}
#andover{
	background: url(images/andover_back.jpg) fixed;
}
#farnborough{

	background: url(images/farnborough_back.jpg) fixed;
}
#fleet{
	background: url(images/fleet_back.jpg) fixed;
}
#hartleywintney{
	background: url(images/hw_back.jpg) fixed;
}
#hook{
	background: url(images/fleet_back.jpg) fixed;
}
#odiham{
	background: url(images/odiham_back.jpg) fixed;
}
#overton{
	background: url(images/overton_back.jpg) fixed;
}
#southampton{
	background: url(images/fleet_back.jpg) fixed;
}
#tadley{
	background: url(images/fleet_back.jpg) fixed;
}
#camberley{
	background: url(images/fleet_back.jpg) fixed;
}
h1{
	font-family:Orbitron,arial;
	color:red;
	font-size:1.2em;
	font-weight:bold;
}
#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");
	background-color:white;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
	filter: alpha(opacity=90);
	opacity: .90;
}
#containernav{
	font-size:1.2em;
	text-align:left;
	padding:10px;
}
#containernav li{
	font-size:0.9em;
}
#header2{
	height:145px;
	background-image : url(images/header2.jpg);
	background-repeat : no-repeat;
	background-position : center;
}
#header{
	height:120px;
	background-image : url(images/header.gif);
	background-repeat : no-repeat;
	background-position : center;
}

#textlinks{
	background-color : #E3E7EE;
	/* top, right, bottom, left*/
	padding:5px 10px 5px 20px;
	font-size:1.2em;
	text-align:left;
	border-left: 5px white solid;
	border-right: 5px white solid;
}
#textlinks a{
	text-decoration:none;
	color:black;
	background-color:white;
	padding:2px;
}
#textlinks a:hover{
	background-color:#cccccc;
	text-decoration:none;

}


.clear{
	clear:both;
}
form{

	margin: 0px;
}

#homecontainer, #homecontainer2, #homecontainer3{

	/* top, right, bottom, left*/
	padding:10px 0px 10px 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;

  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 {

	 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:65%;
	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 {

	 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:870px;
  background:transparent; 
  margin:0 auto; /*fcentre for opera & moz*/
	margin-bottom:20px;
}
.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 h1 {

	 margin:0 10px;
	text-align:center;
  }
.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:#0C5FE1;
  background-color : #E3E7EE;
  text-align:left;
  /* top, right, bottom, left*/
  padding:5px 10px 5px 10px;
	height:154px;
}
#mission{
  color:black;
  background-color : #E3E7EE;
  text-align:left;
  /* top, right, bottom, left*/
  padding:5px 10px 5px 10px;
	height:154px;
}
#callback{
  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;
	
}
#intro{
	background-color : #E3E7EE;

	text-align:left;
  /* top, right, bottom, left*/
  padding:10px 0px 10px 10px;
}
#intro ul {
 	list-style:none;
}
#intro 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 10px 22px
}
#intro p{
	font-size:1.4em;
}
.blue{
	color:#0066cc;
	font-weight : bold;
}
.blue a{
	color:#0066cc;	
}

.video{
  background-color : #E3E7EE;
	float:right;
  /* top, right, bottom, left*/
  padding:7px 10px 7px 10px;
	height:205px;
}
#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{
	padding-top:15px;
	padding-bottom:15px;
}
.button{


	font-size : 1.0em;
}
.caption{
	font-size : 1.0em;
	height : 15px;

}
.slide{
	background-color : #0066CC;
}

