/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color: #F3F2E6;
} 
 
#pagetop{ 
 width:800px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;
}


#pagewidth{ 
 width:800px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;
 background-color:#ffffff;
}


#subfooter{ 
 width:800px; 
 text-align:right;  
margin-left:auto; 
 margin-right:auto; 
 }
 
#header{
 position:relative; 
 height:114px; 
 width:100%;
   background: url("images/top_banner.jpg"); 
   background-repeat:no-repeat;
} 


.bluebox{
width:544px;
height:147px;
border: 1px solid #1E417D;
margin-left:15px;
margin-top:10px;
margin-bottom:10px;
}

.blueboxtext{
padding:10px;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color: #1E417D;
line-height:150%
}

.blueboxquote{
width:252px;
height:199px;
float:right;
margin-right:20px;
background: url("images/Blue_box.jpg"); 
background-repeat:no-repeat;
}

.bluequotetext{
padding:20px;
font-size: 13px;
font-family:Arial, Helvetica, sans-serif;
color: #ffffff;
line-height:150%
}
 
#maincol{  
 float: right; 
 display:inline; 
 position: relative; 
 width:780px;
 margin-top:10px;
 margin-left:20px;
 }
 
#footer{
margin-top:20px;
 height:26px; 
  background-color:#FFFFFF; 
 clear:both;
 border-top: 2px solid #1E417D;

 } 
 
 
 #nav{
 position:relative; 
 height:38px;  
 width:800px;
}

 .navbar
{
 width:798px;
 height:38px;
 background: url('images/nav_bar.jpg');
}

 .navtext {
padding-top:10px;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color: #1E417D;
text-align:center;
 margin-left:2px;
 margin-right:2px;
 text-decoration:none;
 }
 
 .navtext a{
text-decoration:none;
 }
 
 .navtext a:hover{
color: #7184B4;
text-decoration:underline;
 }
 
 .nav-active{
color: #7184B4;
text-decoration:none;
 }
 
.nav a:hover{
color: #662F8E;
font-size: 12px;
text-decoration:underline;
}


.telephone-text{
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color: #1E417D;
padding-left:370px;
padding-top:50px;
line-height:140%;
}

.consultancy-banner{
position:relative;
float:left;
width:600px;
height:185px;
}

.quote-banner{
position:relative;
float:left;
width:155px;
height:185px;
margin-left:10px;
}


h1{
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
color: #1E417D;
margin-top:30px;
margin-left:25px;
margin-right:15px;
font-weight:100;
}


p, li, td{
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color: #1E417D;
line-height:150%;
padding-right:80px;
}

a {
color: #7184B4;
text-decoration:underline;
 }
 
.purple {
color: #1E417D;
font-weight:bold;
font-size:12px;
 }
 

.text-quote{
padding:10px;
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
color: #662F8E;
line-height:150%
}

.text-quote-green{
padding:10px;
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
color: #34642D;
line-height:150%
}





.twocols-left{
width:340px;
padding-right:15px;
position:relative;
float:left;
}
 
.twocols-right{
width:340px;
padding-right:10px;
padding-left:15px;
position:relative;
float:left;
} 

.footer-text{
padding-left:10px;
padding-top:10px;
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
color: #808284;
}





 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */