﻿body
{ background: #eee url(images/backgroundgradient2.jpg) top left repeat;
  font-family: Arial,Verdana,Sans-serif;
  color: #999; 
  font-size: 8pt;
  text-align:center;}

h1
{  color:#d92427;
  font-size:12pt;
  font-weight:bold;
  margin-top:0;
  margin-bottom:5px;}

h2 { color:#d92427;
  font-size:10pt;
  font-weight:BOLD;
  margin-top:0;
  margin-bottom:0;}

ul {text-align:left;
	padding: 3px 0 3px 15px;
	margin-left: 10px}

.arrow ul { list-style:none;
  margin: 5px;
  padding:0;}

.arrow li { padding:0 4px 8px 10px;
  background: url(images/arw.gif) 0 3px  no-repeat;}

.img { border:0;}
  
a:link, a:visited, a:active
{ text-decoration: none; color:#0000ff;}
a:hover
{ text-decoration: underline; color:#80acc1;}

#header { 
   width:880px;
  padding: 1px;
  margin-top:10px;
  margin-left:auto;
  margin-right:auto;  
  border:#CCC 1px solid;}

#header p{
	font-size:20pt;
	font-weight:BOLD;
	margin: 20px 0px 0px 170px;
	text-align: left;

}
#header img {width:880px;}

 .headleft {
 	height:98px;
	width:265px;
	float: left;
  	background: #eee url(images/headerback1.jpg) top left repeat;
  }
  .headright {
	height:98px;
	width:560px;
	float: right;
  	background: #eee url(images/headerback2.jpg) top left repeat;
  }

 .logo
{ 
  float:left;
  text-align:left;
  padding: 3px 0px 0px 2px;
  overflow: hidden;
  }
  
#main {
  height: auto;
  width:880px;
  padding: 1px;
  margin-top:10px;
  margin-left:auto;
  margin-right:auto;  
  border:#CCC 1px solid;
  background-color:#fff;
  color:#666;
  font-size:9pt;
  color:#666;
  overflow: hidden;
  }

#content { width:530px;
  float:right;
  padding:10px;
  text-align:justify;
  }

.mid
{ width:240px;
  float:left;
  margin:10px 15px 10px 0;
  text-align:justify;  
  overflow: hidden;}

.right 
{ width:240px;
  float:left;
  margin:10px 15px 10px 0;
  text-align:left;  
  overflow: hidden;} 

    
 .left
{ width:310px;
  float:left;
  margin:10px 0px 10px 15px;
  text-align:left;  
  overflow: hidden;
  border-right : 1px solid #d6d6d6;
  }
  
 #training {
	background-color: #e5e7cd;
	width:280px;
	padding: 10px 10px 15px 10px;
	overflow : hidden;
	border: 1px solid #d6d6d6;
}

#testimonials  {
	background-color: #ffcc00;
	width:280px;
	padding: 10px 10px 15px 10px;
	overflow : hidden;
	border: 1px solid #d6d6d6;
}
  
.formbox{
	background-color: #e5e7cd;
	width:280px;
	margin: 10px 0 10px 0;
	padding: 10px 10px 15px 10px;
	overflow : hidden;
	border: 1px solid #d6d6d6;
}

.products 
{ width:350px;
  float:left;
  margin:10px 15px 10px 20px;
  text-align:left;  
  overflow: hidden;} 


 #footer
{ height:30px;
  width:880px;
  margin-top:10px;
  margin-left:auto;
  margin-right:auto;
  padding:10px 0;  
  border:#ccc 1px solid;
  background-color: #fff;
  font-size:9pt;
  color:#999;
  text-align:center;}

#footer a:link, #footer a:visited, #footer a:active
{ background-color: #fff; text-decoration: none; color:#80acc1;}
#footer A:hover
{ background-color: #fff; text-decoration: none; color:#FFCC99;}

.footer 
{ clear: both; 
  background:#fff;
  color:inherit;
  height:1px;}
  
.dkbar{
	height: 25px;
	width: 325px;
	background: #015982;
	float:left;}
	
.bar { 
	clear: both;
	font-size: 10pt;
	height: 25px; 
	width: 555px;
	color: #d92427;
	background: #0692d8;
	float:right;
}
	.bar ul { 
		list-style:none;
		margin: 0 80px 0 0px;
	}
	.bar li { 
		padding: 3px 12px 3px 12px;
		background: #0692d8;
		float: left; 
		}
		
	.bar li.active { 
		background: #015982; 
		color: #d92427;
		font-weight: bold; 
		
	}
	.bar li:hover, .bar a:hover{ 
		background: #015982;
		color: #ffffa0;
		font-weight: bold;
		cursor:pointer; 
	}
	.bar a:hover { 
		background: #015982;
		color: #ffffa0;
		font-weight: bold;
		cursor:pointer; 
	}
		
	.bar li a { 
		font-weight: bold;
		color: #fff; 
		background: #0692d8;
		text-decoration: none;
	} 

