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

body {
	top: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../images/gradient-background2.jpg);
	background-repeat: repeat-x;
	background-color: #FFF;
	background-attachment: fixed;
	background-position: bottom;
}

h1 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #FFF;
	line-height: 30px;
}

h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #0A3E10;
}

h3 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	line-height: 30px;
}

h4 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	margin-bottom: 0px;
}

h5 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999;
	margin-top: 0px;
	margin-bottom: 0px;
}



.footer-text{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #999;
	line-height: 15px;
}

.main-header-text{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #FFF;
}

a:link{color: #3E5B31;}
a:visited{color: #3E5B31;
	text-decoration: underline;
}
a:hover{
	color: #000;
	text-decoration: underline;
}

a.right-link:link {
	color: #CCC;
	text-decoration: none;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a.right-link:visited {
	color: #FFF;
	text-decoration: underline;
	font-weight: bold;
}
a.right-link:hover {
	color: #FFF;
	text-decoration: underline;
}

a.NEWS:link {
	color: #FFF;
	text-decoration: underline;
}

a.NEWS:visited {
	color: #FFF;
	text-decoration: underline;
}
a.NEWS:hover {
	color: #CCC;
	text-decoration: underline;
}

.pic-float-right {

float: right;
padding: 5px;

}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

#main_container
{
	width: 100%;
	background-image: url(../images/main-top-background.jpg);
	background-repeat: repeat-x;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	height: 89px;
	background-attachment: scroll;
	background-position: left top;
	background-color: #FFFFFF;
}

#container
{
	width: 800px;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 20px;
	height: auto;
	background-attachment: scroll;
	background-image: url(../images/main-top-background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFF;
}

#top-links{
	float: none;
	height: 20px;
	width: 800px;
	text-align: right;

}

#header{
	height: 89px;
	width: auto;
	margin-top: 0px;
	margin-bottom: 10px;
}

#sub-header-text{
	height: 145px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	width: 200px;
}

#home-header{
	height: 162px;
	width: 800px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../images/main-images/Home-Page-Main-Image.jpg);
	}

.sub-header{
	height: 162px;
	width: 800px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
}

.sub-header-homepage{background-image: url(../images/main-images/Home-Page-Main-Image.jpg);}

.sub-header-personal{background-image: url(../images/main-images/Personal-Insurance-Main-Image.jpg);}
	.sub-header-home{background-image: url(../images/main-images/Home-Insurance-Main-Image.jpg);}
	.sub-header-car{background-image: url(../images/main-images/Car-Insurance-Main-Image.jpg);}
	.sub-header-other{background-image: url(../images/main-images/Other-Insurance-Main-Image.jpg);}
	
.sub-header-commercial{background-image: url(../images/main-images/Commercial-Insurance-Main-Image.jpg);}
	.sub-header-sector{background-image: url(../images/main-images/Sector-Based-Insurance-Main-Image.jpg);}
	.sub-header-bespoke{background-image: url(../images/main-images/Bespoke-Business-Insurance-Main-Image.jpg);}
	
.sub-header-financial{background-image: url(../images/main-images/Financial-Services-Main-Image.jpg);}
	.sub-header-pension{background-image: url(../images/main-images/Pensions-Main-Image.jpg);}
	.sub-header-investment{background-image: url(../images/main-images/Investments-Main-Image.jpg);}
	.sub-header-company{background-image: url(../images/main-images/Group-Company-Scheme-Main-Image.jpg);}
	.sub-header-protection{background-image: url(../images/main-images/protection.jpg);}
	
.sub-header-risk{background-image: url(../images/main-images/Risk-Services-Main-Image.jpg);}
	.sub-header-health{background-image: url(../images/main-images/Health-Safety-Main-Image.jpg);}
	.sub-header-loss{background-image: url(../images/main-images/Loss-Recovery-Main-Image.jpg);}
	
.sub-header-contact{background-image: url(../images/main-images/Contact-Us-Main-Image.jpg);}
.sub-header-aboutus{background-image: url(../images/main-images/About-Us-Main-Image.jpg);}

.sub-header-news{
	background-image: url(../images/main-images/News-Main-Image.jpg);
}

#sub-header-commercial{
	height: 162px;
	width: 800px;
	background-attachment: scroll;
	background-image: url(../images/main-images/Commercial-Insurance-Main-Image.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#sub-header-financial-services{
	height: 162px;
	width: 800px;
	background-attachment: scroll;
	background-image: url(../images/main-images/Financial-Services-Main-Image.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#sub-header-risk-services{
	height: 162px;
	width: 800px;
	background-attachment: scroll;
	background-image: url(../images/main-images/Risk-Services-Main-Image.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#header-logo
{
	height: 67px;
	width: 100px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: left;
	float: left;
	margin-top: 12px;
}

#container2 {
	width: 800px; /* this overrides the text-align: center on the body element. */
	padding-top: 15px;
	float: none;
} 

#sidebar-left {
	width: 550px;
	margin-top: 15px;
	float: left;
	margin-bottom: 10px;
	margin-left: 5px;
} 

#sidebar-left-home{
	float: right;
	height: auto;
	width: 180px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	margin-left: 10px;
	padding-top: 0px;
	margin-top: 0px;
	padding-left: 8px;
}

#excerpt-text{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
}

#quick-links-text{
	padding: 5px;
	width: 170px;
	font-size: 12px;
}

#quick-links-main {
	width: 550px;
	height: auto;
	margin-top: 5px;
	float: left;
	margin-bottom: 10px;
	
	}
	
.quick-links{
	width: 550px;
	height: 165px;
	margin-top: 5px;
	float: left;
	background-attachment: scroll;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	margin-left: 5px;
	}
	
	.quick-links-personal{background-image: url(../images/quick-links/Personal-Quick-Links.jpg);}
	.quick-links-commercial{background-image: url(../images/quick-links/Commerical-Quick-Links.jpg);}
	.quick-links-financial{background-image: url(../images/quick-links/Financial-Quick-Links.jpg);}
	.quick-links-risk{background-image: url(../images/quick-links/Risk-Quick-Links.jpg);}

#sidebar-right {
	float: right; /* since this element is floated, a width must be given */
	width: 230px;
	padding-bottom: 0px;
	margin-top: 20px;
	text-align: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #053A0C;
}

#sidebar-right h2 {
	font-size:16px;
	text-align:left;
	color:#47631D;
	width:220px;
	height:25px;
	background:url(images/sidebarh2.png) top left no-repeat;
	margin:0 0 5px 0;
	padding:5px 0 0 10px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #004004;
	font-weight: bold;
	}

#sidebar-right ul {
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	}

#sidebar-right li {
	list-style:none !important;
	list-style:outside;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
	}

#sidebar-right ul li {
	list-style:none;
	padding:3px 0 3px 0;
	margin:0px 0px 0px 10px;
	font-size:11px;
	}	

#sidebar-right ul li a {
	color:#333;
	font-weight:bold;
	text-decoration:none;
	}

#sidebar-right ul li a:hover {
	color:#3474E6;
	}

.postdate {
	padding-left:15px;
	color:#808080;
	}

.rightbox a, .leftbox a {
	color:#4180DA;
	text-decoration:none;
	}

.rightbox img {
	border:1px solid #333;
	}


#right-boxes-text {
	height: 70px;
	width: 125px;
	padding-top: 15px;
	padding-left: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
}

.right{
	height: 94px;
	width: 227px;
	margin-bottom: 15px;
	}
	
.personal-right{background-image: url(../images/right-images/personal-insurance-right.jpg);}
	.home-right {background-image: url(../images/right-images/home-insurance-right.jpg);}
	.car-right {background-image: url(../images/right-images/car-insurance-right.gif);}
	.other-right {background-image: url(../images/right-images/other-insurance-right.jpg);}
	
.commercial-right{background-image: url(../images/right-images/commercial-insurance-right.jpg);}
	.sector-right{background-image: url(../images/right-images/sector-based-insurance-right.jpg);}
	.bespoke-right{background-image: url(../images/right-images/Bespoke-Business-Insurance-Right.jpg);}
	
.financial-right{background-image: url(../images/right-images/financial-services-right.jpg);}
	.pensions-right{background-image: url(../images/right-images/Pensions-Right.jpg);}
	.investments-right{background-image: url(../images/right-images/Investments-Main-Right.jpg);}
	.company-right{background-image: url(../images/right-images/Group-Company-Scheme-Right.jpg);}
	.protection-right{background-image: url(../images/right-images/protection-right.jpg);}
	
	
	
.risk-advisory-right{background-image: url(../images/right-images/Health-Safety-Right.jpg);}
.loss-recovery-right{background-image: url(../images/right-images/Loss-Recovery-Right.jpg);}

.blog-right{
	background-image: url(../images/right-images/blog-right.jpg);
}
	

#contact-form-box{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #053A0C;
	height: 60px;
	width: 222px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-left: 5px;
}

#providor-box{
	height: auto;
	width: 227px;
	margin-top: 20px;
	
	}


#FSA-box {
	float: right; /* since this element is floated, a width must be given */
	width: 230px;
	padding-bottom: 0px;
	text-align: center;
	padding-top: 5px;
	margin-top: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #053A0C;
	margin-bottom: 10px;
	}


#footer {
	bottom:0;
	height:auto;
	width:100%;
	float: left;
	background-color: #FFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E1E1E1;

}

#footer-left{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
	float: left;
	height: auto;
	width: 600px;
	margin-top: 20px;
	margin-left: 5px;
}

#footer-right{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999;
	float: right;
	height: auto;
	width: 180px;
	margin-top: 95px;
	text-align: right;
	line-height: 20px;
	margin-right: 5px;
}


#footer-image {
	bottom:0;
	height:12px;
	width:100%;
	background-attachment: scroll;
	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	margin-bottom: 15px;

}


#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}