body {
margin:0;
font-family:Arial, Helvetica, sans-serif;
background: #fff url(../images/background.gif) top left repeat-x;
}
#wrapper {
width:1000px;
margin:0 auto;
background-color:#fff;
}
#header {
width:1000px;
float:left;
color:#ff6319;
background:#00285e url(../images/header-back.gif) top left no-repeat;
}
#header img{
float:left;
border:0;
}
#phone {
letter-spacing:0.1em;
font-size:0.9em;
float:right;
padding:10px 40px 10px 0;
color:#FFFFFF;
}
#phone .bigger{
font-size:1.4em;
}
#navbar {
float:left;
width:1000px;
font-size:0.8em;
padding:4px 0 0 0;
color:#1b1c25;
background:#00285e url(../images/nav-back.gif) top left repeat-x;
}
#navbar .divider{
margin:0 0 0 20px;
padding:0;
}
#navbar li{
float:left;
list-style:none;
margin:0;
padding:2px 12px 5px 0; 
}
#navbar a{
text-decoration:none;
color:#1b1c25;
padding:6px 12px 6px 10px;
}
#navbar a:hover{
color:#FFFFFF;
background-color:#f89834;
padding:6px 12px 6px 10px; 
}

#navbar .on{
color:#FFFFFF;
background-color:#f89834;
}
a {
color:#03257d;
}

/*---------------------------------------------------------------------------------------------------*/

#sideon {
float:left;
display:block;
width:310px;
height:18px;
padding:15px 10px;
color:#FFFFFF;
text-decoration:none;
text-align:right;
font-size:1.0em;
background: url(../images/we-deliver.gif) -330px 0 no-repeat;
}
#sidenav01 a {
float:left;
display:block;
width:310px;
height:18px;
padding:15px 10px;
color:#FFFFFF;
text-decoration:none;
text-align:right;
font-size:1.0em;
background: url(../images/we-deliver.gif) top left no-repeat;
}
#sidenav01 a:hover {
background-position: -330px 0;
}
#sidenav02 a {
float:left;
display:block;
width:310px;
height:18px;
padding:15px 10px;
color:#FFFFFF;
text-decoration:none;
text-align:right;
font-size:1.0em;
background: url(../images/dedicated-team.gif) top left no-repeat;
}
#sidenav02 a:hover {
background-position:-330px 0;
}
#sidenav03 a {
float:left;
display:block;
width:310px;
height:18px;
padding:15px 10px;
color:#FFFFFF;
text-decoration:none;
text-align:right;
font-size:1.0em;
background: url(../images/case-studies.gif) top left no-repeat;
}
#sidenav03 a:hover {
background-position:-330px 0;
}
#sidenav04 a {
float:left;
display:block;
width:310px;
height:18px;
padding:15px 10px;
color:#FFFFFF;
text-decoration:none;
text-align:right;
font-size:1.0em;
background: url(../images/latest-news.gif) top left no-repeat;
}
#sidenav04 a:hover {
background-position:-330px 0;
}
#sidenav05 a {
float:left;
display:block;
width:310px;
height:18px;
padding:15px 10px;
color:#FFFFFF;
text-decoration:none;
text-align:right;
font-size:1.0em;
background: url(../images/building-confidence.gif) top left no-repeat;
}
#sidenav05 a:hover {
background-position:-330px 0;
}
#sidenav06 a {
float:left;
display:block;
width:310px;
height:18px;
padding:15px 10px;
color:#FFFFFF;
text-decoration:none;
text-align:right;
font-size:1.0em;
background: url(../images/project-enquiry.gif) top left no-repeat;
}
#sidenav06 a:hover {
background-position:-330px 0;
}
#sidenav07 a {
float:left;
display:block;
width:310px;
height:18px;
padding:15px 10px;
color:#FFFFFF;
text-decoration:none;
text-align:right;
font-size:1.0em;
background: url(../images/blank-blue.gif) top left no-repeat;
}
#sidenav07 a:hover {
background-position:-330px 0;
}
#sidenav08 a {
float:left;
display:block;
width:310px;
height:18px;
padding:15px 10px;
color:#FFFFFF;
text-decoration:none;
text-align:right;
font-size:1.0em;
background: url(../images/blank-blue.gif) top left no-repeat;
}
#sidenav08 a:hover {
background-position:-330px 0;
}
#sidenav09 a {
float:left;
display:block;
width:310px;
height:18px;
padding:15px 10px;
color:#FFFFFF;
text-decoration:none;
text-align:right;
font-size:1.0em;
background: url(../images/blank-blue.gif) top left no-repeat;
}
#sidenav09 a:hover {
background-position:-330px 0;
}

#sidenav10 a {
float:left;
display:block;
width:310px;
height:18px;
padding:15px 10px;
color:#FFFFFF;
text-decoration:none;
text-align:right;
font-size:1.0em;
background: url(../images/blank-blue.gif) top left no-repeat;
}
#sidenav10 a:hover {
background-position:-330px 0;
}

#sidenav11 a {
float:left;
display:block;
width:310px;
height:18px;
padding:15px 10px;
color:#FFFFFF;
text-decoration:none;
text-align:right;
font-size:1.0em;
background: url(../images/blank-blue.gif) top left no-repeat;
}
#sidenav11 a:hover {
background-position:-330px 0;
}

#sidenav12 a {
float:left;
display:block;
width:310px;
height:18px;
padding:15px 10px;
color:#FFFFFF;
text-decoration:none;
text-align:right;
font-size:1.0em;
background: url(../images/blank-blue.gif) top left no-repeat;
}
#sidenav12 a:hover {
background-position:-330px 0;
}

/*---------------------------------------------------------------------------------------------------*/

#main {
float:left;
width:1000px;
background-color:#00285e;
}
#firstpara{
float:left;
width:640px;
color:#FFFFFF;
margin:10px 0 20px 20px;
}
h1{
font-weight:normal;
font-size:0.9em;
line-height:1.3em;
color:#FFFFFF;
margin:0;
padding:0;
}
h2{
font-weight:bold;
font-size:1.3em;
line-height:1.1em;
color:#fff;
margin:0;
padding:340px 8px 8px 8px;
}
h3{
font-weight:bold;
font-size:1.0em;
line-height:0.9em;
color:#FFFFFF;
margin:0;
padding:10px;
}
h3 a{
color:#FFFFFF;
text-decoration:none;
}
h3 a:hover{
color:#FFFFFF;
text-decoration:underline;
}
h4{
font-weight:normal;
font-size:0.9em;
color:#FFFFFF;
margin:0;
padding:0;
}
h4 a{
color:#FFFFFF;
text-decoration:none;
}
h4 a:hover{
color:#FFFFFF;
text-decoration:underline;
}
h5{
font-weight:normal;
font-size:0.85em;
color:#FFFFFF;
margin:0;
padding:0;
}
.underline {
text-decoration:underline;
}
#content {
width:1000px;
float:left;
background-color:#00285e;
}
#content2 {
width:960px;
float:left;
background-color:#00285e;
margin:8px 0 0 0;
padding:0 20px;
}
#content2 p{
font-size:0.75em;
color:#FFFFFF;
margin:0;
padding:5px 0;
}

#col1 {
width:333px;
float:left;
}
.homeimage1 {
width:333px;
background:#b7bbbe url(../images/image-01.jpg) bottom left no-repeat;
}
.homeimage2 {
width:334px;
background:#b7bbbe url(../images/image-02.jpg) bottom left no-repeat;
}
.homeimage3 {
width:333px;
background:#b7bbbe url(../images/image-03.jpg) bottom left no-repeat;
}
#col2 {
width:334px;
float:left;
background-color:#b7bbbe;
}
#col3 {
width:333px;
float:right;
background-color:#b7bbbe;
}
#col4 {
width:311px;
float:left;
background-color:#fff;
}
#col4 h4{
background-color: #00285e;
padding:8px 8px 4px 0;
margin:0;
font-weight:bold;
font-size:0.7em;
color:#FFFFFF;
}
#col4 p{
background-color: #00285e;
padding:8px 0 0 0;
margin:0;
font-weight:normal;
font-size:0.7em;
color:#FFFFFF;
}
#col5 {
width:314px;
float:left;
margin-left:4px;
background-color:#fff;
}
#col5 h4{
background: #00285e url(../images/blue-people.gif) bottom left no-repeat;
padding:70px 8px 4px 8px;
margin:0;
font-weight:bold;
font-size:0.7em;
color:#FFFFFF;
}
#col5 p{
background-color: #00285e;
padding:8px;
margin:0;
font-weight:bold;
font-size:0.7em;
color:#FFFFFF;
}
#col6 {
width:295px;
float:right;
margin:0 0 4px 0;
padding-left:16px;
background:url(../images/orange-divider.gif) top left repeat-y;
}
#col6 h5{
line-height:1.4em;
font-weight:bold;
}
#col6 p{
padding:0 0 8px 0;
}
.underline {
text-decoration:underline;
}
#bulletshead {
float:left;
width:645px;
}
#bulletshead h2{
padding:0;
margin:0;
color:#FFFFFF;
}
.bullets {
float:left;
width:202px;
font-size:0.75em;
line-height:1.25em;
color:#FFFFFF;
margin:2px 6px 0 0;
padding:6px;
padding-left:0;
}
.bulletsbig {
float:left;
width:630px;
font-size:0.75em;
line-height:1.25em;
color:#FFFFFF;
margin:2px 6px 0 0;
padding:6px;
padding-left:0;
}

.bulletlist {
margin:0 0 8px 10px;
padding:0 4px;
list-style-image:url(../images/blue-arrow.gif);
list-style-position:outside;
}
.bulletlist li{
padding:0 0 6px 0;
}
.orangebottom {
width:100%;
float:left;
background:#ff7a1e url(../images/orange-back.gif) bottom left repeat-x;
}
#footer {
width:970px;
background:#a5a9ad url(../images/exor-logos.gif) top right no-repeat;
clear:both;
padding:10px 10px 10px 20px;
border-top:#FFFFFF solid 1px; 
}
#footer p{
margin:0;
padding:0 0 8px 0;
font-size:0.7em;
color:#FFFFFF;
}
#footer a{
color:#FFFFFF;
text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}
#botnav {
width:970px;
clear:both;
margin:10px 0 0 0;
}
#botnav p{
margin:0;
padding:0 0 5px 0;
font-size:0.7em;
color:#999;
text-transform:uppercase;
}
#botnav a{
color:#999;
text-decoration:none;
}
#botnav a:hover{
text-decoration:underline;
}
#credit {
width:1000px;
clear:both;
}
#credit img{
border:0;
}
#valid {
width:1000px;
margin:6px auto 0 auto;
text-align:left;
}
#valid a{
text-decoration:none;
}
#valid img{
border:0;
}
#valid p{
margin:0;
padding:0;
}
.bigger {
font-size:2.5em;
line-height:0.6em;
vertical-align:bottom;
font-weight:bold;
}
.whitelink {
color:#FFFFFF;
}
p.quote {
padding:0;
margin:4px 0;
}
.orange {
color:#f89834;
}
.orange a{
color:#f89834;
text-decoration:none;
}
.orange a:hover{
color:#f89834;
text-decoration:none;
}
.clearfix {
clear:both;
}
.said {
font-style:italic;
}