@charset "utf-8";

/* CSS Document */



body, html {

	background: #fff url(../images/bg.jpg) 0 0 repeat-x;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #555;

	padding: 0;

	margin: 0;

	}

	

/* - - - - Main Body Links - - - - */



a {

	color: #555;

	text-decoration: underline;

	}

	

a:hover {

	text-decoration: none;

	}

	

/* - - - - Big Target - - - - */



.hlist{

	margin: 0; 

	padding: 0; 

	list-style-type: none; 

	}

.hlist li{

	border-right: 1px dotted #ccc;; 

	float: left; 

	font-size: 10px; 

	margin: 0; 

	padding: 8px;

	width: 221px;

	height: 330px;

	}

.hlist li.hover{ 

	cursor:pointer;

	background: #f1f7f8;

	}



/* - - - - Common Elements - - - - */



img {

	border: none;

	}



ul {

	padding: 0;

	margin: 0;

	}

	

li {

	padding: 0;

	margin: 0;

	}

	

i {

	display: none;

	}

	

hr {

	clear: both;

	height: 0;

	border: none;

	border-top: 1px solid #fff;

	}

	

.general-hr {

	background: url(../images/footer-line2.gif) 0 0 repeat-x;

	border: none;

	height: 1px;

	clear: both;

	padding: 0;

	margin: 0;

	}

.general-hr2 {

	background: url(../images/footer-line2.gif) 0 0 repeat-x;

	border: none;

	height: 1px;

	clear: both;

	padding: 0;

	margin: 12px 0 0 0;

	}

	

.general-list {

	padding: 0;

	margin: 18px;

	}

.general-list li {
	background: url(../images/bullets/default.gif) 6px 9px no-repeat;
	list-style: none;
	padding: 8px 6px 8px 28px;
	}
	
.tick-list2 {
	padding: 0;
	margin: 18px;
	}

.tick-list2 li {
	background: url(../images/bullets/tick.gif) 4px 8px no-repeat;
	list-style: none;
	padding: 8px 6px 8px 28px;
	}

.general-list2 {

	padding: 0;

	margin: 6px 6px;

	}

.general-list2 li {

	background: url(../images/bullets/arrows.gif) 0 6px no-repeat;

	list-style: none;

	padding: 6px 0 6px 16px;

	border-bottom: 1px dashed #ccc;

	}

.general-list3 {

	padding: 0;

	margin: 18px 0 10px 0;

	}

.general-list3 li {

	background: url(../images/bullets/default.gif) 0 0 no-repeat;

	list-style: none;

	padding: 0 0 8px 22px;

	}

	

.tick-list {

	padding: 0;

	margin: 6px 6px;

	}

.tick-list li {

	background: url(../images/bullets/tick.gif) 0 8px no-repeat;

	list-style: none;

	padding: 6px 0 6px 18px;

	border: none;

	border-bottom: 1px dashed #ccc;

	width: auto;

	display: block;

	height: auto;

	}

.q-list {

	padding: 0;

	margin: 6px 18px 6px 6px;

	}

.q-list li {

	list-style: none;

	background: url(../images/bullets/q.gif) 0 8px no-repeat;

	padding: 7px 0 7px 18px;

	border: none;

	border-bottom: 1px dashed #ccc;

	text-decoration: none;

	display: block;

	height: auto;

	width: auto;

	}

	

/* - - - - Default Headings - - - - */



h1 {

	font-size: 28px;

	font-weight: normal;

	letter-spacing: -1px;

	color: #333;

	padding: 0 0 12px 0;

	margin: 0;

	display: block;

	}

#dropdowns2 h1 {

	font-size: 24px;

	font-weight: normal;

	letter-spacing: -1px;

	color: #333;

	padding: 0 0 12px 0;

	margin: 0;

	display: block;

	}

h2 {

	font-size: 18px;

	color: #379098;

	font-weight: bold;

	}

#main-boxes h2, .main-boxes h2 {

	font-size: 16px;

	color: #333;

	padding: 10px 0 10px 44px;

	margin: 0 0 18px 0;

	}

#main-boxes h2 a, .main-boxes h2 a{

	font-size: 16px;

	color: #333;

	text-decoration: none;

	}

h3 {

	background: url(/images/footer-line2.gif) bottom right repeat-x;

	padding: 12px 0;

	display: block;

	}

h4 {

	background: url(../images/icons/tick.gif) 0 6px no-repeat;

	color: #379098;

	padding: 6px 0 6px 24px;

	margin: 0;

	font-size: 16px;

	}

h5 {

	background: url(../images/icons/question.gif) 0 6px no-repeat;

	color: #379098;

	padding: 6px 0 6px 24px;

	margin: 0;

	font-size: 16px;

	}

	

/* - - - - Header, Logo & Navigation - - - - */



#header {

	background: none;

	width: 954px;

	height: 192px;

	padding: 0;

	margin: 0 auto;

	}

	

#logo {

	width: 292px;

	height: 100px;

	float: left;

	padding: 0;

	margin: 0;

	}

	

#nav {

	float: right;

	width: 504px;

	height: 68px;

	padding: 32px 0 0 0;

	margin: 0;

	}

	

/* - - - - Main Image, Strap Line & List - - - - */



#main-image {

	background: url(../images/main-image-bg.jpg) bottom left repeat-x;

	width: 954px;

	height: 279px;

	padding: 0;

	margin: 0 auto;

	}

#picture {

	width: 664px;

	height: 279px;

	float: left;

	padding: 0;

	margin: 0;

	}	

#why {
	width: 263px;
	height: auto;
	float: left;
	padding: 0 0 0 0;
	margin: 70px 0 0 18px;
	border-left: 2px dotted #fff;
	color: #fff;
	}

	

#why h1 {

	font-size: 18px;

	color: #fff;

	padding: 0;

	margin: 0 0 12px 18px;

	}

	

/* - - - - Front List - - - - */



.front-list {

	padding: 0 0 0 0;

	margin: 0;

	}

.front-list li{

	padding: 0;

	margin: 0;

	list-style: none;

	height: 1%;

	}

.front-list a {

	background: url(../images/bullets/house.gif) 2px 6px no-repeat;

	padding: 4px 0 4px 18px;

	margin: 0 0 0 18px;

	text-decoration: none;

	color: #fff;

	font-size: 11px;

	display: block;

	}

.front-list a:hover {

	background: url(../images/bullets/house.gif) 2px 6px no-repeat;

	padding: 4px 0 4px 18px;

	margin: 0 0 0 18px;

	text-decoration: underline;

	color: #fff;

	font-size: 11px;

	display: block;

	}

	

/* - - - - Form Boxes - - - - */



#main-boxes {

	width: 954px;

	height: 360px;

	padding: 0;

	margin: 24px auto 0 auto;

	}

.main-boxes {

	width: 954px;

	padding: 0;

	margin: 24px auto 0 auto;

	}

.box {

	background: #eee url(../images/footer-line.gif) top right repeat-y;

	width: 218px;

	height: auto;

	float: left;

	padding: 0 10px 0 0;

	font-size: 10px;

	margin: 0;

	}

#get-quote {

	background: url(../images/footer-line.gif) top right repeat-y;

	width: 218px;

	height: auto;

	float: left;

	padding: 0 10px 0 0;

	font-size: 10px;

	margin: 0;

	}

	

#account {

	background: url(../images/footer-line.gif) top right repeat-y;

	width: 218px;

	height: auto;

	float: left;

	padding: 0 0 0 10px;

	font-size: 10px;

	}

#account p {

	font-size: 10px;

	}

#callback {

	background: url(../images/footer-line.gif) top right repeat-y;

	width: 218px;

	height: 332px;

	float: left;

	padding: 0 0 0 10px;

	font-size: 10px;

	}

#hips {

	width: 218px;

	height: 318px;

	float: left;

	margin: 0 0 32px 0;

	padding: 0 0 0 10px;

	}

	

#hips img {

	margin: 0 0 0 0;

	}

	

.will-button {

	width: 218px;

	height: 80px;

	padding: 0;

	margin: 0 0 12px 0;

	}

.will-button2 {

	width: 218px;

	height: 80px;

	padding: 0;

	margin: 0;

	}

	

.small-list {

	padding: 0;

	margin: 6px;

	}

.small-list li {

	background: url(../images/bullets/small-bullet.gif) 0 8px no-repeat;

	list-style: none;

	padding: 6px 6px 6px 18px;

	margin: 0;

	}

	

.find-button {

	width: 140px;

	height: 42px;

	margin: 0 0 0 52px;

	padding: 0;

	}

.find-button2 {

	width: 140px;

	height: 42px;

	margin: 12px 0 0 64px;

	padding: 0;

	}

	

.read-more {

	background: url(../images/read-more-bg.jpg) 0 3px no-repeat;

	display: block;

	padding: 4px 0 4px 22px;

	margin: 12px 0 0 6px;

	}

.read-more2 {

	background: url(../images/read-more-bg.jpg) 0 3px no-repeat;

	display: block;

	padding: 4px 0 4px 22px;

	margin: 14px 0 0 6px;

	}

	

/* - - - - Headings - - - - */



.heading-get-quote {

	background: url(../images/headings/start.gif) 0 0 no-repeat;

	width: 200px;

	height: 52px;

	padding: 0;

	margin: 0;

	}

.heading-my-account {

	background: url(../images/headings/newsletter.gif) 0 0 no-repeat;

	width: 200px;

	height: 52px;

	padding: 0;

	margin: 0 0 18px 0;

	}

.heading-call-back {

	background: url(../images/headings/call-me-back.jpg) 0 0 no-repeat;

	width: 195px;

	height: 52px;

	padding: 0;

	margin: 0;

	}

.heading-why-use {

	background: url(../images/headings/why-use.gif) 0 0 no-repeat;

	width: 210px;

	height: 52px;

	padding: 0;

	margin: 0;

	}

.heading-hips {

	background: url(../images/headings/hips-new.gif) 0 0 no-repeat;

	width: 210px;

	height: 52px;

	padding: 0;

	margin: 0;

	}

.heading-welcome {

	background: url(../images/headings/welcome.gif) 0 0 no-repeat;

	width: 368px;

	height: 23px;

	padding: 0;

	margin: 0 0 18px 0;

	clear: both;

	}

.heading-offices {

	background: url(../images/headings/our-offices.gif) 0 0 no-repeat;

	width: 190px;

	height: 23px;

	padding: 0;

	margin: 0 0 18px 0;

	clear: both;

	}

.heading-getintouch {

	background: url(../images/headings/get-in-touch.gif) 0 0 no-repeat;

	width: 190px;

	height: 23px;

	padding: 0;

	margin: 0 0 18px 0;

	clear: both;

	}

.heading-about {

	background: url(../images/headings/about.gif) 0 0 no-repeat;

	width: 368px;

	height: 23px;

	padding: 0;

	margin: 0 0 18px 0;

	clear: both;

	}

.heading-lpa {

	background: url(../images/headings/lpa.gif) 0 0 no-repeat;

	width: 368px;

	height: 23px;

	padding: 0;

	margin: 0 0 18px 0;

	clear: both;

	}

.heading-inheritance {

	background: url(../images/headings/inheritance.gif) 0 0 no-repeat;

	width: 368px;

	height: 23px;

	padding: 0;

	margin: 0 0 18px 0;

	clear: both;

	}

.heading-probate {

	background: url(../images/headings/probate.gif) 0 0 no-repeat;

	width: 368px;

	height: 23px;

	padding: 0;

	margin: 0 0 18px 0;

	clear: both;

	}

.heading-will {

	background: url(../images/headings/will.gif) 0 0 no-repeat;

	width: 368px;

	height: 23px;

	padding: 0;

	margin: 0 0 18px 0;

	clear: both;

	}

.heading-jargon {

	background: url(../images/headings/jargon.gif) 0 0 no-repeat;

	width: 368px;

	height: 23px;

	padding: 0;

	margin: 0 0 18px 0;

	clear: both;

	}

.heading-faq {

	background: url(../images/headings/faq.gif) 0 0 no-repeat;

	width: 368px;

	height: 23px;

	padding: 0;

	margin: 0 0 18px 0;

	clear: both;

	}

.heading-callus {

	background: url(../images/headings/call-us.gif) 0 0 no-repeat;

	width: 272px;

	height: 23px;

	padding: 0;

	margin: 0 0 18px 0;

	clear: both;

	}

.heading-links {

	background: url(../images/headings/links.gif) 0 0 no-repeat;

	width: 368px;

	height: 23px;

	padding: 0;

	margin: 0 0 18px 0;

	clear: both;

	}

.heading-callback {

	background: url(../images/sidebar/callback.jpg) 0 0 no-repeat;

	width: 260px;

	height: 30px;

	padding: 0;

	margin: 12px 0 18px 0;

	clear: both;

	}

.heading-whychoose {

	background: url(../images/sidebar/why.jpg) 0 0 no-repeat;

	width: 260px;

	height: 30px;

	padding: 0;

	margin: 12px 0 18px 0;

	clear: both;

	}

.heading-willquestions {

	background: url(../images/sidebar/will-questions.jpg) 0 0 no-repeat;

	width: 260px;

	height: 30px;

	padding: 0;

	margin: 12px 0 18px 0;

	clear: both;

	}

.heading-contact {

	background: url(../images/headings/contact.gif) 0 0 no-repeat;

	width: 368px;

	height: 23px;

	padding: 0;

	margin: 0 0 18px 0;

	clear: both;

	}

.heading-account {

	background: url(../images/headings/account.gif) 0 0 no-repeat;

	width: 540px;

	height: 23px;

	padding: 0;

	margin: 0 0 18px 0;

	clear: both;

	}

.heading-sitemap {

	background: url(../images/headings/sitemap.gif) 0 0 no-repeat;

	width: 300x;

	height: 23px;

	padding: 0;

	margin: 0 0 18px 0;

	clear: both;

	}

	

/* - - - - Secondary Content - - - - */



/* - - - - Useful Informtion - - - -*/



demo-show {

  width: 100%;

  margin: 0;

  padding: 0;

}

.demo-show h5 {

  margin: 8px 0;

  padding: 6px 8px 6px 8px;

  background: #fff url(../images/useful-bg.gif) 0 0 repeat-x;

  border: 1px solid #ccc;

  cursor: pointer;

  display: block;

  font-size: 14px;

  }

  

 .useful-icon {

 	background: url(../images/icons/add.gif) 0 7px no-repeat;

	padding: 6px 0 6px 22px;

 	}

	

/* - - - -  Lead In Text - - - - */

	

#lead-in {

	border-top: 1px dotted #ccc;

	width: 954px;

	padding: 24px 0 0 0;

	margin: 0 auto 0 auto;

	clear: both;

	}

#main-content {

	width: 954px;

	padding: 22px 0 0 0;

	margin: 0 auto 32px auto;

	clear: both;

	}



#primary {

	float: left;

	width: 664px;

	}

	

/* - - - - Links Table - - - - */



#linktable {

	padding: 0;

	width: 100%;

	}

#linktable td {

	background: #eee;

	padding: 6px;

	width: 50%;

	border: 1px solid #e3e3e3;

	}

#linktable td a {

	color: #379098;

	}

	

/* - - - - Maps - - - - */



.maps {

	width: 176px;

	height: 212px;

	float: right;

	margin: 12px 12px 2px 0;

	padding: 0;

	border: 1px solid #ccc;

	}

	

/* - - - - Footer - - - - */



#footer {

	background: #eee;

	border-top: 1px solid #ccc;

	width: 100%;

	height: 280px;

	padding: 0;

	margin: 0;

	clear: both;

	}

	

#footer P {

	padding: 0 0 8px 0;

	margin: 0;

	}

	

#footer-info {

	width: 954px;

	margin: 0 auto;

	padding: 32px 0 0 0;

	}

	

#footer-offices {

	background: url(../images/footer-line.gif) top right repeat-y;

	width: 190px;

	float: left;

	padding: 0;

	margin: 0 24px 0 0;

	font-size: 10px;

	}

	

#footer-contact {

	width: 520px;

	float: left;

	padding: 0;

	margin: 0;
	
	font-size: 10px;

	}

	

.copyright {

	margin: 68px 0 0 0;

	display: block;

	width: 690px;

	height: 30px;

	}

#footer-services, #footer-offices {

	background: url(../images/footer-line.gif) top right repeat-y;

	width: 190px;

	height: 176px;

	float: left;

	padding: 0;

	margin: 0 24px 18px 0;

	font-size: 10px;

	}

#footer-services ul, #footer-offices ul {

	padding: 0 18px 0 0;

	margin: 0;

	}

#footer-services li, #footer-offices li {

	padding: 0;

	margin: 0;

	list-style: none;

	}

#footer-services li a, #footer-offices li a {

	font-weight: bold;

	padding: 4px;

	margin: 0;

	display: block;

	text-decoration: none;

	}

#footer-services li a:hover, #footer-offices li a:hover {

	background: #379098;

	color: #fff;

	font-weight: bold;

	padding: 4px;

	margin: 0;

	display: block;

	text-decoration: none;

	}

.small-text {

	font-size: 10px;

	}

.small-text a {

	font-size: 10px;

	}

	

#footer-copyright {

	clear: both;

	text-align: right;

	padding: 2px 0;

	font-size: 10px;

	}

	

.office-contact {

	float: left;

	width: 156px;

	font-size: 10px;

	padding: 0 26px 0 0;

	margin: 0;

	}

.footer-email {

	clear: both;

	margin: 12px 0 0 0;

	}

	

/* - - - - Contact Form - - - - */



.map-sm {

	width: 100px;

	height: 100px;

	float: right;

	padding: 0;

	margin: 0 0 2px 12px;

	border: 1px solid #ccc;

	}

.map-sm2 {

	width: 100px;

	height: 100px;

	float: right;

	padding: 0;

	margin: 14px 0 2px 12px;

	border: 1px solid #ccc;

	}



/* - - - - Useful Links - - - - */



.useful-links {

	width: 318px;

	height: 180px;

	float: left;

	font-size: 10px;

	margin: 8px 6px 8px 0;

	}

	

.useful-links h2, .useful-links h2 a {

	padding: 0;

	margin: 0;

	text-decoration: none;

	font-size: 14px;

	}

	

.useful-links ul {

	padding: 0;

	margin: 0;

	}

.useful-links li {

	padding: 0;

	margin: 0;

	list-style: none;

	}

.useful-links li a {

	background: #eee url(../images/monitor_go.gif) 4px 4px no-repeat;

	padding: 6px 6px 6px 24px;

	margin: 0;

	display: block;

	text-decoration: none;

	border: 1px solid #ddd;

	}



.links-pic {

	width: 75px;

	height: 75px;

	float: left;

	border: 1px solid #ccc;

	padding: 2px;

	margin: 0 12px 2px 0;

	}

	

/* - - - - Breadcrumb Navigation - - - - */



#breadcrumb {

	display: block;

	font-size: 10px;

	color: #555;

	padding: 0 0 12px 0;

	margin: 0;

	}

	

/* - - - - Additional text styles - - - - */



.bigbold {

	font-weight: bold;

	font-size: 18px;

	color: #555;

	}

.bigblue {

	font-weight: bold;

	font-size: 16px;

	color: #379098;

	}

	

/* - - - - PDF Icon - - - - */



.pdf {

	padding: 0;

	margin: 0;

	}

.pdf li {

	list-style: none;

	padding: 0;

	margin: 0;

	}

.pdf li a {

	background: url(../images/icons/pdf.jpg) 0 4px no-repeat;

	padding: 12px 0 12px 38px;

	margin: 0;

	display: block;

	text-decoration: none;

	}

	

/* - - - - New Tagline 3rd Nov 2008 - - - - */



#tagline {
	padding: 0;
	margin: 0;
	clear: both;
	}



#tagline h1 {

	font-size: 42px;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-weight: normal;

	padding: 0;

	margin: 0;

	color: #777;

	}

#tagline h1 a {

	text-decoration: none;

	color: #777;

	}





/* - - - - New Sidebar Nov 2008 - - - - */



#sidebar {

	width: 270px;

	float: left;

	padding: 0 0 0 20px;

	margin: 0;

	}

	

.sidebox {

	border: 3px solid #ccc;

	width: auto;

	height: auto;

	padding: 0;

	margin: 0 0 20px 0;

	}

.sidebox h1 {

	font-size: 24px;

	padding: 18px 10px 22px 58px;

	margin: 0;

	border-bottom: 1px solid #ccc;

	}

.sidebox p {

	font-size: 10px;

	padding: 10px 10px 0 10px;

	}

	

.start {

	background: url(../images/blue-arrow.gif) 110px 12px no-repeat;

	display: block;

	padding: 10px;

	}

.start2 {

	background: url(../images/blue-arrow.gif) 104px 3px no-repeat;

	display: block;

	font-size: 12px;

	padding: 0;

	margin: 12px 0 0 8px;

	}

.go {

	}	

.go a {

	background: url(../images/blue-arrow.gif) 94px 3px no-repeat;

	display: block;

	color: #555;

	padding: 0 10px 10px 0;

	margin: 6px 0 0 0;

	font-size: 12px;

	}

.email {

	}	

.email a {

	background: url(../images/blue-arrow.gif) 118px 3px no-repeat;

	display: block;

	color: #555;

	padding: 0 10px 10px 0;

	margin: 6px 0 0 0;

	font-size: 12px;

	}

	

.go-button {

	background: #379098;

	border: 1px solid #379098;

	color: #fff;

	font-weight: bold;

	padding: 3px;

	font-size: 12px;

	cursor: pointer;

	}

	

.services {

	padding: 4px;

	margin: 12px 0 0 0;

	}	

	

dl {

	padding: 0;

	margin: 0;

	}

dt {

	padding: 14px 10px 0 10px;

	margin: 0;

	font-size: 12px;

	font-weight: bold;

	}

dd {

	padding: 0 10px 14px 10px;

	margin: 0;

	font-size: 10px;

	border-bottom: 1px dashed #ccc;

	}

	

form {

	padding: 0;

	margin: 0;

	}
	
.service-list {
	padding: 12px 24px;
	margin: 0;
	}

.service-list dt {
	background: url(../images/icons/tick.gif) 0 4px no-repeat;
	padding: 4px 0 4px 24px;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	color: #379098;
	display: block;
	}
.service-list dt a {
	color: #379098;
	}
	
.service-list dd {
	padding: 0;
	margin: 0 0 12px 0;
	list-style: none;
	font-size: 11px;
	border: none;
	}
.telephone {
	font-size: 18px;
	font-weight: normal;
	color: #333;
	padding: 0 10px;
	}
	
.go-back {
	background: url(../images/homepage-icons.jpg) 0 -540px no-repeat;
	padding: 12px 0 12px 44px;
	margin: 0 0 12px 0;
	display: block;
	font-weight: bold;
	}
	
.arrow {
	background: url(../images/blue-arrow.gif) 0 10px no-repeat;
	padding: 8px 0 8px 12px;
	margin: 0;
	font-weight: bold;
	}