/* -----------Display Areas----------- */

html{height: 100%;}

body{
	height: 100%;
	background-color: #231f20;	
	padding: 0px; 
  margin: 0px;
  font-family: Arial; 
  font-size: .68em;
}

#container{
        min-height: 100%;
        width: 1102px;
        margin:0 auto;
        margin-bottom: -45px;
        font-family: Arial; 	    
		    position: relative; 
		    background-color: #FFF;
		    background: url(mainbkgd.png) repeat;	
	} 

/* -----------Top----------- */

#header
{ height: 180px;
  width: 100%;
  background-color: #000;
  float: left;
  position: relative;
}

#menu 
{ 
	height: 30px;
	width: 1102px;
  background: url(menubkgd.png) repeat;	
  float: left;
  position: relative;
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: #14275f; 
}

#menu ul {
	list-style-type: none;
  float: left;
  margin: 0;
  padding: 0;
}

#menu ul li {
	display: inline;
}	


.firstbutton 
{
	padding: 0px 2px 0px 7px;
}	

.menubutton 
{
	padding-right: 2px;
}	

/* -----------Left Side ----------- */

#left
{ 
	width: 200px;
	float: left;	
	font-size: 13px;
}

.box1 {
	width: 186px;
	margin: 16px 0px 12px 16px;
	padding-bottom: 1px;
	background-color: #f1f1f1;
}

.skypebutton {
	padding-left: 8px;
}	

.box2 {
	width: 184px;
	margin: 12px 0px 12px 16px;
	padding-bottom: 10px;
	background-color: #FFF;
  border-width: 1px;
  border-style: solid;
  border-color: #AAA; 
}

.tcentre {
  padding: 0px 5px 0px 8px;
}	

.ycentre {
  padding: 0px 6px 0px 0px;
}

.box3 {
	width: 186px;
	margin: 12px 0px 0px 16px;
	padding-bottom: 12px;
	background-color: #f1f1f1;
}

.lcentre {
	padding-left: 8px;
}	

#left h1
{ font-family: Arial;
  font-size: 105%;
  font-weight: bold;
  padding-left: 8px;
  color: #de3f29;
}

#left h2
{ font-family: Arial;
  font-size: 100%;
  padding-left: 8px;
  color: #000;
}

#left h3
{ font-family: Arial;
  font-size: 75%;
  padding-left: 8px;
  margin:0 auto;
  color: #000;
}

#left h4
{ font-family: Arial;
  font-size: 100%;
  font-weight: normal;
  padding: 0px 8px 0px 0px;
  color: #000;
}

#left h5
{ font-family: Arial;
  font-size: 105%;
  font-weight: bold;
  padding-left: 8px;
  margin: 20px 0px 10px 0px;
  color: #de3f29;
}

#left h6
{ font-family: Arial;
  font-size: 105%;
  padding: 0px 0px 25px 8px;
  margin:0 auto;
  color: #000;
}

/* -----------Middle----------- */

#middle
{
	width: 702px;
  float: right; 
  margin: 0 auto;
  font-size: 13px;
  text-align: justify;  
 } 

.textcentre {
  margin-left: 16px;
  margin-right: 16px;
}	

#middle h1
{ font-family: Arial;
	padding: 10px 0px 0px 0px; 
  margin: 0px 0px 0px 0px; 
  font-size: 130%;
  font-weight: bold;
  color: #000;
  text-align: center;
}

#middle h2
{ font-family: Arial;
  padding: 0px 0px 0px 0px; 
  margin: 0px 0px 0px 0px; 
  font-size: 140%;
  font-weight: bold;
  color: #14285f;
  line-height: 1.5em;
}

#middle h3
{ font-size: 12px;
	padding: 0px 0px 0px 0px; 
  margin: 0px 0px 0px 0px; 
  font-family: Arial;
  font-weight: bold;
  color: #FFF;
}

#middle h4
{ font-family: Arial;
	padding: 10px 0px 10px 0px; 
  margin: 0px 0px 0px 0px; 
  font-size: 140%;
  font-weight: bold;
  color: #2d5cdd;
}

#middle h5
{ font-family: Arial;
	padding: 0px 0px 0px 0px; 
  margin: 0px 0px 0px 0px; 
  font-size: 120%;
  font-weight: bold;
  color: #14285f;
  line-height: 2em;
}

#middle h6
{ font-family: Arial;
	padding: 0px 0px 0px 0px; 
  margin: 0px 0px 0px 0px; 
  font-size: 105%;
  font-weight: bold;
  font-style: italic;
  color: #414141;
  line-height: 1.5em;
}

/* -----------Right Side----------- */

#right {
	width: 200px;
  float: right; 
 }
 
.pic1 {
  margin: 0px 16px 12px 16px;
 }	
 
 .pic2 {
  margin: 12px 16px 12px 16px;
 }	

a.ablack:link {color:#000; font-size: 11px; text-decoration:none;}
a.ablack:visited {color:#000; font-size: 11px; text-decoration:none;}
a.ablack:hover {color:#000; font-size: 11px; text-decoration:none;} 
 
/* Index (margin-left controls horizonal)*/

.slidetitle{
  background: url(contactbkgd.png) repeat-x;
  margin-left: 17px;
  margin-right: 15px;
  padding-top: 20px;
}

.slidecentre {
	width: 578px;
	margin-left: 25px;
  padding: 15px 20px 15px 20px; 	
  background-color: #aaaaaa;
  border-width: 1px;
  border-style: solid;
  border-color: #000; 
}	

.ibottom {
	float: left;
	width: 300px;
  margin: 20px 0px 20px 17px; 
  padding: 5px 14px 0px 12px;
  background: url(indexbkgd.png) repeat-x;
}


.vidtitle {
  background: url(contactbkgd.png) repeat-x;
  margin-left: 17px;
  margin-right: 15px;
  margin-top: 230px;
}

.vidcentre {
	width: 578px;
	margin-left: 25px;
	margin-bottom: 20px;
  padding: 15px 20px 15px 20px; 	
  background-color: #aaaaaa;
  border-width: 1px;
  border-style: solid;
  border-color: #000; 
}	

.linkalign {
  text-align: right;
}

a.linkcolour:link {color:#14285f; text-decoration:none;}
a.linkcolour:visited {color:#14285f; text-decoration:none;}
a.linkcolour:hover {color:#14285f; text-decoration:underline;}

/* -----------Product Page---------- */

.pbottom {
	float: left;
	width: 300px;
  margin: 20px 0px 20px 18px;
  padding: 5px 14px 0px 10px;
  background: url(indexbkgd.png) repeat-x;
} 

/* -----------Contact Page----------- */

.cbottom {
	float: left;
	width: 300px;
  margin: 20px 0px 20px 18px;
  padding: 5px 14px 0px 10px;
  background: url(contactbkgd.png) repeat-x;
}

/* -----------Testimonials----------- */

.testcentre {
	height: 235px;
	width: 578px;
	margin-left: 41px;
  padding: 15px 20px 15px 20px; 	
  background-color: #aaaaaa;
  border-width: 1px;
  border-style: solid;
  border-color: #000; 
}	

.testpic {
	float: left;
	clear: left;
  padding-right: 20px;
  padding-bottom: 26px;
}
.ftestcentre {
	height: 275px;
	width: 578px;
	margin-left: 41px;
  padding: 15px 20px 15px 20px; 	
  background-color: #aaaaaa;
  border-width: 1px;
  border-style: solid;
  border-color: #000; 
}	

.ftestpic {
	float: left;
	clear: left;
  padding-right: 20px;
  padding-bottom: 20px;
}


/* -----------Bottom----------- */

.clearfooter {
	height: 45px;
	clear: both;
}

.footertext {
	font-family: Arial;
  font-size: 10px;
  text-align: center;
  padding-top: 45px;
  padding-bottom: 10px;
}

#footer {
	height: 57px;
	width: 1103px;
	background: url(footer.jpg);
	margin:0 auto;
	padding-top: 5px;
	position: relative;
	background-color: #231f20;
}

a.grey:link {color:#9e9c9c;}
a.grey:visited {color:#9e9c9c;}
a.grey:hover {color:#615f60;}

/* Default Text Properties*/

a:link {color:#0066cc;}
a:visited {color:#0066cc;}
a:hover {color:#615f60;}

p {
  margin: 1em 0;
  line-height: 1.5em;
}

ul {
	margin: 1em 0;
  line-height: 1.5em;
  padding: 0em 2em 0px 2em;
}