@charset "UTF-8";
/* CSS Document */

html{
padding:0;
margin:0;
height:100%;

}

body{
padding:0;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#e3f1d0;
height:100%;
}


#centre{
margin:0 auto;
width:762px;
background-color:#FFF;
padding:0 0 0 21px;
border:1px solid #fff;


}

p{
color:#333;
font-size:12px;
}
#textarea li{
color:#333;
font-size:12px;
margin:10px 0 0 0;
}
#textarea ul{
margin:20px 0 20px 0;
padding:0 0 0 18px;
}
#textarea ol{
margin:20px 0 20px 0;
padding:0 0 0 18px;
}

h1{
color:#8cc641;
font-size:16px;
font-weight:bold;
}

#head{
margin:0;
width:741px;
float:left;
}

#logo a{
width:232px;
height:77px;
background-image:url(images/logo.gif);
background-repeat:no-repeat;
text-indent:-9999px;
outline:none;
float:left;
}

#extras{
float:right;
width:509px;
height:62px;

}

#extras ul{
float:right;
margin:33px 0 0 0;
}

#extras li{
font-size:9px;
float:left;
list-style:none;
margin:0 10px 0 0;
padding:0 10px 0 0;
}

#extras a{
float:left;
color:#333;
}


.main #top{
width:741px;
background-image:url(images/face.jpg);
background-repeat:no-repeat;
background-position:right top;
float:left;

}

.family #top{
width:741px;
background-image:url(images/family.jpg);
background-repeat:no-repeat;
background-position:right top;
float:left;

}

.services #top{
width:741px;
background-image:url(images/service_image.jpg);
background-repeat:no-repeat;
background-position:right top;
float:left;

}

.professional #top{
width:741px;
background-image:url(images/adviser_image.jpg);
background-repeat:no-repeat;
background-position:right top;
float:left;

}


#quickarea{
width:232px;
float:left;
margin:0;
padding:0;

}
#quickarea p{
font-size:12px;
color:#000;
margin:0;
padding:0;

}

#quickarea h4{
margin:0;
padding:0;
font-size:14px;

}
#quickhead{
width:222px;
background-image:url(images/quick_head.gif);
background-repeat:no-repeat;
height:21px;
color:#fff;
font-weight:bold;
font-size:12px;
padding:5px 0 0 10px;
margin:0;

}

#quickform{
width:212px;
margin:0;
padding:10px;
background-image:url(images/quick_bg.gif);
background-repeat:no-repeat;
font-size:10px;
color:#000;
float:left;
}
#quickform p{
margin:0 0 3px 0;
}

#banner{
width:509px;
float:left;


}

#navigation{
width:741px;
background-image:url(images/nav_base.gif);
background-repeat:no-repeat;
background-position:bottom;
float:left;
margin:0 0 10px 0;
}

#navigation ul{
float:left;
padding:10px 0 0 20px;
margin:0;
}

#navigation li{
float:left;
list-style:none;
margin:0 20px 5px 0;
height:24px;

}

#navigation a{
float:left;
font-size:12px;
color:#FFF;

}
#threebuttons{
float:left;
margin:0 0 20px 0;
}

#services, #quote, #contact{
float:left;
margin:0;
padding:0;
height:145px;

}

#services a{
float:left;
width:255px;
height:145px;
background-image:url(images/services_all.gif);
background-repeat:no-repeat;
text-indent:-9999px;
outline:none;
background-position:0 0;
}


#services a:hover{
background-image:url(images/services_all.gif);
background-repeat:no-repeat;
outline:none;
background-position: 0px -145px;
}

#quote a{
float:left;
width:255px;
height:145px;
background-image:url(images/quote_all.gif);
background-repeat:no-repeat;
text-indent:-9999px;
outline:none;
background-position:0 0;
}

#quote a:hover{
background-image:url(images/quote_all.gif);
background-repeat:no-repeat;
outline:none;
background-position: 0px -145px;
}

#contact a{
float:left;
width:244px;
height:145px;
background-image:url(images/contact_all.gif);
background-repeat:no-repeat;
text-indent:-9999px;
outline:none;
background-position:0 0;
}

#contact a:hover{
background-image:url(images/contact_all.gif);
background-repeat:no-repeat;
outline:none;
background-position: 0px -145px;
}

#side{
width:255px;
float:left;

}

#textarea{
margin-left:255px;
padding:0 30px 0 0


}
#footertop{
width:741px;
background-image:url(images/footer_top.gif);
background-repeat:no-repeat;
padding:0 0 0 0;
height:11px;
margin:20px 0 0 0;
font-size:3px;
background-color:#8cc63f;
}

#footer{
width:741px;
background-image:url(images/nav_base.gif);
background-repeat:no-repeat;
background-position:bottom;
padding:0 0 10px 0;
margin:0 0 30px 0;
background-color:#8cc63f;

}
#content{
margin:0;
width:741px;
background-color:#fff;
}

#footer p{
color:#FFF;
font-size:11px;
margin:0 10px 3px 10px
}

#footer a{
color:#FFF;
font-size:11px;
font-weight:bold;
}

.right{
float:right;
}
.left{
float:left;
}
.testimonial{
border-top:1px solid #ccc;
margin:20px 0 30px 0;

}

.testimonial h2{
font-size:14px;
font-weight:bold;

}
.testimonial a{
color:#322c60;

}

.client_text{
font-size:14px;
font-weight:bold;
color:#322c60;

}

.name {
font-size:0.7em;
font-style:italic;
text-align:right;
}
.red{
color:#FF0000;

}
#formarea p{
font-size:12px;

}

#sidenav {
padding:20px 5px 0 0;
float:left;
}

#sidenav a{
font-size:12px;
color:#333;
}

#sidenav a:hover{
font-size:12px;
color:#000;
}

#sidenav h3{
font-size:12px;
color:#333;
margin:0 0 0 10px;
}

.image{
float:left;
margin:0 10px 10px 0

}
.firstimage{
float:left;
margin:19px 10px 10px 0

}
.centre{
text-align:center;
}

.logo1 a{
float:left;
margin:0 0 10px 0;
background-image:url(images/LIA_logo.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
outline:none;
width:472px;
height:118px;
}

.logo2 a{
float:left;
margin:0 0 10px 0;
background-image:url(images/LS_logo.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
outline:none;
width:472px;
height:118px;
}

.logo3 a{
float:left;
margin:0 0 10px 0;
background-image:url(images/LA_logo.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
outline:none;
width:472px;
height:118px;
}

#textarea h2{
font-size:14px;
font-weight:bold;
color:#322c60;
margin:20px 0 0 0;

}
.send{
background-image:url(images/send_button.gif);
background-repeat:no-repeat;
outline:none;

}
.send: hover{
background-image:url(images/send_button_over.gif);
background-repeat:no-repeat;
outline:none;

}