/* CSS Document */

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

html{
font-size:100%;
}

body {
font-family: Arial, Helvetica, sans-serif;
/*	font-size: 62.5%;*/
font-size: 1em;
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
text-align: left;
color: #666666;
height:100%;
}
h1{
padding:4px 20px 0 0;
margin:0;
color:#003366;
font-weight:normal;
font-size:1.2em;
float:left;
background:#FFFFFF url(../assets/h1icon.gif) right 4px no-repeat;
}
h2{
padding:0 0 15px 0;
margin:0;
font-size:0.9em;
color:#6699cc;
}
p{
font-size:0.8em;
}

a:link, a:visited  {
color: #006699;
text-decoration: underline;
} 

a:hover, a:active {
color:#6699cc;
text-decoration: none;
} 



#outer-container{
width:100%;
background:url(../assets/site-top-bg.gif) repeat-x top;
}
#inner-container, #content-area{
width:920px;
margin:0 auto 0 auto;
padding: 0 20px 0 20px;
}
#header-area{
height:218px;
background: url(../assets/header-image.gif) no-repeat right top;
position:relative;
}
#logo-area{
display:block;
width:142px;
height:142px;
background:url(../assets/apix-logo.gif) no-repeat top left;
float:left;
margin-top:20px;
}
#oel-button a{
float:right;
display:block;
width:98px;
height:42px;
background:url(../assets/oelgroupsprite.gif) no-repeat top left;
}
#oel-button a:hover{
background:url(../assets/oelgroupsprite.gif) no-repeat 0 -42px;
}
#pri-nav{
padding:0;
margin:0;
float:right;
position:absolute;
list-style:none;
right:0;
bottom:18px;
}
#pri-nav li, #pri-nav a{
float:left;
width:110px;
height:22px;
/*position:absolute;*/
padding:0;
margin:0;
}
#sec-nav{
padding:0 0 15px 0;
margin:0;
list-style:none;
width:100%;
}
#sec-nav li{
float:left;
padding:0 0 0 2px;
margin:0;
font-weight:bold;
font-size:0.75em;
color:#cfcb68;
}
#sec-nav li a:link, #sec-nav li a:visited  {
color: #006699;
text-decoration: none;
} 

#sec-nav li a:hover, #sec-nav li a:active {
color:#6699cc;
text-decoration: none;
} 

#home-button{
background:url(../assets/nav-sprite.gif) left top  no-repeat;
}
#home-button a:hover{
background:url(../assets/nav-sprite.gif) left -22px  no-repeat;
}
#about-button{
background:url(../assets/nav-sprite.gif) -110px 0  no-repeat;
}
#about-button a:hover{
background:url(../assets/nav-sprite.gif) -110px -22px  no-repeat;
}
#centres-button{
background:url(../assets/nav-sprite.gif) -220px 0  no-repeat;
}
#centres-button a:hover{
background:url(../assets/nav-sprite.gif) -220px -22px  no-repeat;
}
#services-button{
background:url(../assets/nav-sprite.gif) -330px 0  no-repeat;
}
#services-button a:hover{
background:url(../assets/nav-sprite.gif) -330px -22px  no-repeat;
}
#testimonials-button{
background:url(../assets/nav-sprite.gif) -440px 0  no-repeat;
}
#testimonials-button a:hover{
background:url(../assets/nav-sprite.gif) -440px -22px  no-repeat;
}
#newsevents-button{
background:url(../assets/nav-sprite.gif) -550px 0  no-repeat;
}
#newsevents-button a:hover{
background:url(../assets/nav-sprite.gif) -550px -22px  no-repeat;
}
#contact-button{
background:url(../assets/nav-sprite.gif) -660px 0  no-repeat;
}
#contact-button a:hover{
background:url(../assets/nav-sprite.gif) -660px -22px  no-repeat;
}
#page-title-bar{
width:100%;
padding:5px 0 0 0;
margin:5px 0 0 0 ;
background:url(../assets/blue-bar-bg.gif) repeat-x;
}
/*#page-title{
padding:0 5px 0 0;
margin:0;
background-color:#FFFFFF;
border:1px red solid;
}*/
#title-info-holder{
background:#FFFFFF url(../assets/infoicon.gif) left 5px no-repeat;
font-size:0.85em;
padding:5px 0 0 20px;
float:right;
}
#further-info{
color:#666666;
}
#phone-number{
color:#003366;
}
#email{
font-size:0.85em;
}
#home-intro-area{
margin:10px 0 0 0 ;
width:920px;
background:#e3e3e3 url(../assets/homepage-image.jpg) left top no-repeat;

}
#home-intro-text{
width:410px;
float:right;
background:#e3e3e3 url(../assets/home-text-bg.gif) top right no-repeat;
padding:20px 25px 25px 25px;
}
#home-three-panel-area, #services-three-panel-area{
margin-top:20px;
width:920px;
border-top:1px solid #cccccc;
background:url(../assets/home-three-panel-bg.gif) top repeat-y;
}
#home-three-panel-bottom, #services-three-panel-bottom{
width:920px;
padding:0;
background:url(../assets/home-three-panel-bottom-bg.gif) bottom left no-repeat;
}
#services-three-panel-area{
margin:0;
}
#services-panel-image-left, #services-panel-image-middle, #services-panel-image-right{
float:left;
width:305px;
height:220px;
padding:0;
margin:0;
}
#services-panel-image-left{
background:url(../assets/image-services-left.jpg) no-repeat top left;
}
#services-panel-image-middle{
width:310px;
background:url(../assets/image-services-middle.jpg) no-repeat top left;
}
#services-panel-image-right{
background:url(../assets/image-services-right.jpg) no-repeat top left;
}
#intro-area{
margin:10px 0 0 0;
width:920px;
}
#intro-area img{
float:right;
padding-bottom:20px;
}
#intro-area-text{
width:595px;
padding-right:20px;
border-right:1px solid #cccccc;
float:left;
}
#footer{
width:920px;
margin: 0 auto 0 auto;
padding-top:15px;
}
#footer-bar, #grey-bar{
width:920px;
background:url(../assets/footer-bar.gif) no-repeat left top;
height:20px;
}
#grey-bar{
background:url(../assets/grey-bar.gif) no-repeat left top;
height:30px;
padding-bottom:10px;
}
#footer-left-text, #footer-right-text{
width:450px;
float:left;
padding-top:15px;
}
#footer-right-text{
float:right;
text-align:right;
}
#footer-left-text p, #footer-right-text p{
font-size:0.6em;
line-height:2em;
}
#valid-html a, #valid-css a{
width:65px;
height:20px;
background:url(../assets/validsprite.gif) no-repeat 0 0;
float:left;
padding-bottom:20px;
display:block;
}
#valid-css a{
background:url(../assets/validsprite.gif) no-repeat -65px 0;
}
#valid-html a:hover{
background:url(../assets/validsprite.gif) no-repeat -130px 0;
}
#valid-css a:hover{
background:url(../assets/validsprite.gif) no-repeat -195px 0;
}
#training-content-holder, #training-image-holder, #training-bottom-holder{
width:920px;
}
#training-bottom-holder{
background:url(../assets/training-panel-bottom-bg.gif) no-repeat bottom left;
}
#training-content-holder{
background:url(../assets/training-panel-bg.gif) repeat-y top left;
}
#training-block-1{
background:url(../assets/image-training-1.gif) no-repeat top left;
}
#training-block-2{
background:url(../assets/image-training-2.gif) no-repeat top left;
}
#training-block-3{
background:url(../assets/image-training-3.gif) no-repeat top left;
}
#training-block-4{
background:url(../assets/image-training-4.gif) no-repeat top left;
}
#training-block-5{
background:url(../assets/image-training-5.gif) no-repeat top left;
}





.leading-text{
padding:0;
font-size:1em;
margin:0;
}
.home-area-content-panel, .home-area-content-panel-middle, .services-area-content-panel, .services-area-content-panel-middle{
width:265px;
float:left;
padding:20px 20px 0 20px;
}
.home-area-content-panel-middle, .services-area-content-panel-middle{
width:270px;
}

.panel-link-home, .panel-link-home-middle, .panel-link-services, .panel-link-services-middle{
width:252px;
background:url(../assets/panel-link-icon.gif) 20px 12px no-repeat;
padding:10px 0 20px 50px;
float:left;

}
.panel-link-training{
width:134px;
background:url(../assets/panel-link-icon.gif) 20px 12px no-repeat;
padding:10px 0 20px 49px;
float:left;
}
.panel-link-home p, .panel-link-home-middle p, .panel-link-services p, .panel-link-services-middle p, .panel-link-training p{
padding:0px;
margin:0;
}
.panel-link-home-middle, .panel-link-services-middle{
width:260px;
}
.panel-link-home a, .panel-link-home-middle a, .panel-link-services a, .panel-link-services-middle a, .panel-link-training a{
font-weight:bold;
}
.komodo-link a:link, .komodo-link a:visited  {
color: #999999;
text-decoration: underline;
} 

.komodo-link a:hover, .komodo-link a:active {
color:#6699cc;
text-decoration: none;
}
.training-block-image{
width:184px;
height:158px;
float:left;
margin-top:10px;
}
.training-block-content{
width:144px;
padding:20px;
float:left;
}
.input td
{
    padding-right:10px;
    padding-bottom:15px;
    vertical-align:top;
}

.titletext2 {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 18px;
	color: #6699CC;
	font-weight: bold;
}

.titletext3 {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;
	color: #6699CC;
	font-weight: bold;
}