html, body { /*  Sets up the document and removes auto 10px margin at top of page*/
	margin:0;
	padding:0;
	}

body{ /* Sets up the page and aligns everything to center */
	padding:0;
	margin:0 auto 0;/* makes MOZ center everything*/
	width: 771px; 
	text-align:center; /* makes IE center everything*/
	background:#fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 78%; 
	color:#1F4076;
	line-height:140%;
	background: url(../images/grad.jpg) top center repeat-x;
	}
	
#container{ 
	float:left;
	position: relative;
	text-align:left;
	padding:0px 14px 0px 17px;
	background: url(../images/background.jpg) top center no-repeat;
	}
	
#containerInner{ 
	float:left;
	text-align:left;
	width:742px;
	}
	
a:link, a:active, a:visited{
	color:#CC6C02;
	text-decoration:none;
	}

a:hover{
	color:#1F4076;
	text-decoration:underline;
	}
	
img{
	border:0px;
	}
	
	/*  ------------------------------------------- header area --------------------------------------------------------------------*/
	
#banner {
	width:739px;
	 margin:10px 0px 0px 0px;
	}
	
#banner1{
	background: url(../images/topBanner1.jpg) top left no-repeat;
	width:739px;
	 margin:10px 0px 0px 0px;
}
#banner2{
background: url(../images/topBanner2.jpg) top left no-repeat;
	width:739px;
	 margin:10px 0px 0px 0px;
 
}
	
#logo{
	margin:12px 0px 19px 0px;
	}
	
#mainNav{
		background: url(../images/navBack.gif) bottom left repeat-x #5BADFF;
		width:739px;
		float:left;
		margin:3px 0px 0px 0px;
		padding:0px 0px 2px 0px;
	}
	
#mainNav ul{
		margin:0px;
		padding:0px;
		 list-style-type:none;
		 color:#fff;
		 font-weight:bolder;
	}
	
#mainNav #main {
		width:590px;
		float:left;
	}
	

#mainNav ul li{
		margin:0px;
		padding:0px 0px 0px 0px;
		display:inline;
		float:left;
	}
	
#mainNav ul li a{
		margin:0px;
		 padding:3px 7px  5px 7px;
		 color:#fff;
		 background:url(../images/nav.jpg) bottom right no-repeat;
		 display:block;
		 float:left;
	}
	
#mainNav  ul .current a {
		/*background:url(../images/nav.jpg) right -90px no-repeat;*/
        background:url(../images/nav.jpg) right -90px no-repeat;
	}
	
 #contact{
		
		text-decoration:underline;
		 
	}
	
#mainNav ul li a:hover {
		 text-decoration: none;
		 background:url(../images/nav.jpg) right -90px no-repeat;
	}
	

#sub{
	 text-decoration:none;
		width:110px;
		position: absolute;
		top: 0px;
		right: 20px;
		 list-style-type:none;
	}
	
	
#sub li{
		 margin:3px 8px 3px 0px;  
		 font-weight:normal;
		 float:right;
	}
	
#sub li a{
		 margin:0px;  
		 padding:0px;
		 font-weight:bold;
		 background:none;
		 color: #1E5DAD;
	}
	
#sub li a:hover{
		 text-decoration:underline;
	}
	
/*  ------------------------------------------- content --------------------------------------------------------------------*/
	
#content{
		background: #2C313A;
		width:739px;
		float:left;
		margin:1px 0px 0px 0px;
		padding:0px 0px 20px 0px;
		
	}
	
#left{
		background:url(../images/mainBottom.gif) bottom left no-repeat  #E6E6E6;
 		margin:24px 0px 00px 15px;
		float:left; 
    width:469px;
	
	}
	
#leftInner{
		background: url(../images/mainTop.gif) top left no-repeat ;
		width:469px;
		float:left;
		padding:0px 0px 20px 0px;
	 
	}
	
#leftContent{
	 	
	 margin:0px  10px 0px 12px;
		float:left;
	padding:0px;
	 
	}
	
#leftContent h1{
	font-weight:normal;
	line-height:134%;
	color:#006BD0;
	margin:0px;
	font-size:1.8em;
	}
	
#leftContent  h2{

	line-height:134%;
	color:#006BD0;
	/*margin:10px 0px 10px 0px;	*/margin:22px 0px 16px 0px;
	font-size:1.1em;
 
	}
	
#leftContent  h3{

	line-height:134%;
	
	margin:10px 0px 10px 0px;
	font-size:1.0em;
 
	}
	
#leftContent  img{
float:left;
margin:4px 10px 10px 0px;
 
	}
	
#leftContent #h1Sub{

	margin:13px 0px 0px 0px;
 
	}
	
#contentStyle  h1{
margin:13px 0px 0px 0px;
 
	}
	
#contentStyle  h2{
2
padding:0px 0px 12px 0px;
margin:16px 0px 10px 0px;
/*border-bottom:1px dashed #7CAEDC;*/
 
	}
	
#contentStyle img{
 
margin:14px 10px 10px 0px;
	}	

	
#left .square{
background: url(../images/mainTop2.gif) top left no-repeat ;
  
	}
	
#navTabs{
background-color:#2C313A;
  float:left;
  width:469px;
	}
	
#navTabs ul{
margin:0px;
padding:0px;
	}
	
#navTabs ul li{
margin:0px 2px 0px 00px;
padding:0px;
 display:inline;
  background: url(../images/tab2.gif) top right no-repeat ;
   float:left;
	}
	
#navTabs ul .blue1{

  background: url(../images/tab2Blue.gif) top right no-repeat ;
 
	}
	
#navTabs ul li a{
 background: url(../images/tab.gif) top left no-repeat ;
 padding:4px 8px 3px 8px;
display:block;
color:#006CD2;
 
	}
	
#navTabs ul li .blue2{
 background: url(../images/tabBlue.gif) top left no-repeat ;
 padding:4px 8px 1px 8px;
color:#fff;
border-bottom:2px solid #2C313A;
	}
	
.buy{
float:left;
width:450px;
 margin:00px 0px 10px 0px;
}

#leftContent .buyImg{
 
 margin:20px 0px 14px 0px;
}

	
#right {
	float:right;
	width:246px;
	}
	
#rightTop {
	margin:24px 13px 10px 0px;
	float:right;
	 
	}
	
#rightTop h1{
	 text-indent:-9000px;
	 width:227px;
	 height:65px;
	 background: url(../images/consultancy-button.jpg) top left no-repeat ;
	 margin:0px;
	 padding:0px;
	}
	
#rightTop h1 a{
	  display:block;
	 width:227px;
	 height:65px;
	}
	
#rightMid {
	margin:0px 13px 10px 0px;
	float:right;
	}
	
#rightMid  a{
	padding:0px; 
	margin:0px;
	float:right;
	}
	
#rightMidLower, #rightJustgo {
	margin:0px 13px 10px 0px;
	float:right;
	 
	}
	
#rightMidLower h1, #rightJustgo h1 {
	 text-indent:-9000px;
	 width:227px;
	 height:65px;
	 background: url(../images/ourSystem.jpg) top left no-repeat ;
	 margin:0px;
	 padding:0px;
	}

#rightJustgo h1 { background: url(../images/rightJustgo.jpg) top left no-repeat ; }

#rightMidLower h1 a, #rightJustgo h1 a {
	  display:block;
	 width:227px;
	 height:65px;
	}
	
#rightBot{
	margin:0px 13px 10px 0px;
	float:right;
	}
	
#rightBot  a{
	padding:0px; 
	margin:0px;
	float:right;
	}
/*  ------------------------------------------- footer --------------------------------------------------------------------*/
	
#footer{
		background: #22262D;
		width:739px;
		float:left;
		border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	color:#999999;
	font-size:.8em;
	text-align:center;
	 
	}
	
#footer p{
		margin:3px 0px 3px 0px;
		padding:0px;
	}
	
#botTile {
	width:739px;
	height:300px;
	float:left;
	background:url(../images/botTile.jpg) repeat-x top left;
	}
	
	
 
	/* ---------------------------------  the contact form --------------------------------------------*/		
#form{

	padding:16px 0px 16px 0px;
	background:url("../../images/formGrad.jpg") top right repeat-x;
	
	float:left;
	}
	
#form input{
	width:440px;
	margin:6px 0px 14px 0px;
	background-color:#D2DFEE;
	border:2px solid #0074C4;
	}
	
#form #question{
	height:120px;
	}
	
#form #button{
	width:100px;
	background-color:#0074C4;
	font-weight:bolder;
	color:#fff;
	}
	
#form p{
	margin:0px;
	font-size:.9em;
	font-weight:bolder;
	}
	
/* ---------------------------------  benefits --------------------------------------------*/	

#benefits h2{
	margin:22px 0px 16px 0px;

 
	 
	}
	
#benefits .header2{
	margin:33px 0px 16px 0px;
	}


#benefits ul{
	margin:0px 0px 14px 0px;
	padding:0px;
	list-style-type:none;
	}

	
#benefits ul li{
	margin:6px 0px 6px  0px;
	padding:0px 0px 0px  14px;
	background:url(../images/listArrow.gif) 0px 4px no-repeat;
	}
	
#benefits ul li ul li{
	list-style-type:disc;
	margin:6px 0px 6px 14px;
	padding:0px 0px 6px  0px;
	background:none;
	}
	
	
#leftContent .ach ul{
	padding:18px 0px 0px 0px;
	}
	
#caseStudies{
width:227px;
padding:14px 0px 0px 0px;
float:left;
background:url(../images/caseStudiesTop.jpg) top left no-repeat;
} 

#caseStudies h1{
font-size:1.2em;
color:#E6E6E6;
padding:6px 0px 0px 10px;
margin:0px;
font-family:Arial, verdana, Helvetica, sans-serif;
} 

#caseStudies h1 a{
float:left;
color:#E6E6E6;
padding:00px;
 margin:0px;
} 

#caseStudies p{
 width:120px;
 color:#E6E6E6;
padding:14px 0px 0px 10px;
 font-size:.9em;
} 

#caseStudies #find{
 
padding:14px 0px 0px 8px;
 
} 

#caseStudies p a{
float:left;
color:#FFFFFF;
padding:0px 0px 16px 0px;
 margin:0px;
 width:208px;
 height:32px;
 text-indent:-9000px;
 background:url(../images/findOutHow.jpg) top left no-repeat;
} 

#caseStudiesBot{
width:227px;
padding:0px 0px 0px 0px;
float:left;
background:url(../images/caseStudiesBtm.jpg) bottom left no-repeat;
} 

#rightBotTop{
width:227px;
padding:14px 0px 0px 0px;
float:left;
background:url(../images/caseStudiesTop.jpg) top left no-repeat;
} 

#rightBotBot{
width:227px;
padding:6px 0px 0px 0px;
float:left;
background:url(../images/newsBack.jpg) bottom left no-repeat;
} 

#rightBotBot h1{
font-size:1.1em;
color:#7AB9F3;
padding:0px 0px 0px 10px;
margin:0px;
font-family:Arial, verdana, Helvetica, sans-serif;

} 

#rightBotBot h1 a{
float:left;
color:#7AB9F3;
padding:00px;
 margin:0px;
 
} 

#rightBotBot p{
 width:220px;
 color:#E6E6E6;
padding:0px 0px 00px 10px;
 font-size:.9em;
 
} 

#rightBotBot p a { 
color:#FFFFFF;
float:left;
margin:0px;
padding:6px 10px 22px 0px;
} 

#imgBypass{
float:left;
width:444px;
}

