html {overflow-x: hidden;}
body {
	margin: 0 ;
}

a {
	color: #7f459a;
	text-decoration:none;
	}

a:hover {
   color: #c2c2c2;
	}

a:focus { 
	outline: none
	}

body {
	font-family: Arial, Helvetica sans-serif ;
	font-size: 0.9em;
    border-top-color:#bfa2d0;
	border-top-style:solid;
	}
	
body {background: #ffffff;}

/* Responsive font sizes with media queries */

html {
    font-size: 18px;
}
.unbehaved-element {
    font-size: 1.5em;
}
@media(max-width: 1580px) {
  html {
    font-size: 16px;
  }
  .unbehaved-element {
    font-size: 1.7em; /* Fine tune unbehaved elements */
  }
}
@media(max-width: 980px) {
  html {
    font-size: 14px;
  }
}

p, ol ,dl, blockquote, h1, h2, h3, h4, h5, h6, hr, ul {
	line-height: 1.5em ;
	margin-top: 0 ;
	margin-bottom: 1em ;
	color:#616161;
	}
	
li {color:#7f459a;}

span {
	color:#7f459a;
	font-weight:bold;
}	

  span.phone {
	color:#7f459a;
	font-size:1.1em;
}	
ul{
	margin-top: 0 ;
}
ol {
	list-style-position: inside;
}

li {
	line-height: 1.5em ;
}


h1 {
    color:#7f459a;
	font-size: 1.6em ;
	margin-bottom:12px; 
	font-family: Arial, Helvetica, sans-serif ;
    text-shadow:0 1px 1px 1px #ffffff;
	width:130%;
	font-weight:normal;
	}

h2 {
     color:#7f459a;
	font-size: 1.45em ;
	margin-bottom: 5px ; 
	font-family: Arial, Helvetica, sans-serif ;
    text-shadow:0 1px 1px 1px #ffffff;
font-weight:normal;
	}

h3 {
    color:#7f459a; !important;
	font-size: 1.25em ;
	font-family: Arial, Helvetica, sans-serif ;
    text-shadow:0 1px 1px 1px #ffffff;
font-weight:normal;
	}


h4 {
     color:#7f459a;
	font-size: 1.10em ;
	font-family: Arial, Helvetica, sans-serif ;
    text-shadow:0 1px 1px 1px #ffffff;
font-weight:normal;
	}

h1.home-page {
    color:#7f459a;
	font-size: 1em ;
	font-family:Times New Roman,Georgia,Serif !important;
    text-shadow:0 1px 1px 1px #ffffff;
	margin:0 0 10px 0;
	font-weight:900;
	}

h2.home-page {
    color:#7f459a;
	font-size: 1.6em ;
    text-shadow:0 1px 1px 1px #ffffff;
	margin:0 0 0 0;
    font-weight:normal;
		}
 

 
hr {
	border-style: none ;
	border-top: 1px solid #a8bbc9 ;
	height: 0px ;
	margin: 0 0 5px 0 ;
	padding: 0 ;
	width:100%;
	}


li {color:#666666;}

span {
	color:#00005a;
	}

ul{
	margin-top: 0 ;
}
ol {
	list-style-position: inside;
}

li {
	line-height: 1.5em ;
}
.content-image {
    float: right;
    width: auto;
    margin: 0px 0 15px 25px;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 3px;
}



#crumbs {
        float:right; 
		width:72% !important;
		margin: 10px 0 0 0 !important;
		padding:0 !important;
	/*	margin-right:3% !important;*/
		text-align:left;
        color: #616161;
		background:#ffffff;
        z-index:20;
box-sizing: border-box;
 -moz-box-sizing: border-box;
height:2.4em !important;
}

#breadcrumbs ul {padding-left: 0 !important;}

#crumbs li a:hover, #crumbs li a:focus {
color:#152950 !important; 
}

#crumbs li a {background: url('http://www.ifawebpro.com/images/crumbs.gif') no-repeat right center !important;}

.content-box {
clear:both;
position:relative;
    background: #e9edf2;
	width:100%;
    border: 1px solid #D2D8E5;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    overflow: hidden;
	
}
	
#wrapper {
    position:relative;
	width:100%;
	max-width: 960px;
	margin:0 auto;
    background: #ffffff;
	
}

#wrapper_left {
    position:relative;
	float:left;
	margin:0;
    background: #ffffff;
}

a	{ color:#00005a; }


a:hover				{ color: #666666; text-decoration: underline; }

.header_wrapper a {color:#ffffff; text-decoration: none;}	
.header_wrapper a:hover {color:#ffffff; text-decoration: underline;}	

/*div		{ color: #FFFFFF; font: 0.95em arial, sans-serif; font-weight: normal; }*/

#top_images		{
		height:180px;
		width:960px;
		max-width:100%;
		margin: auto;
		margin-bottom:0;
}	

#logo {
		float:left;
		background: url('../images/KML_logo.jpg') 0 0 no-repeat;
		height:160px;
		width:118px;
		margin: 5px 0 0 0px;
  } 

#ifa_logo {
		float:right;
		background: url('../images/IFA_logo.png') 0 0 no-repeat;
		height:65px;
		width:72px;
		margin: 0 0 0 0;
		}

  #unbiased {
position:relative;
width:256px;
height:69px;
margin:10px 0 0 -15px;
background: url('../images/unbiased.jpg') 0 0 no-repeat;

}

#right_area {
  position:relative;
  float:right;
  margin:0px 10px 0 0;
  height:100px;
  width:340px;
}

p.strapline {
	float: right;
	width: 340px;
	margin: 17px 0px 0 0px ;
	color:#7f459a;
	font-size:22px;
	text-align:right;
}
p.strapline2 {
	float: right;
	width: 380px;
	margin: 5px 0px 0 -100px ;
color:#00005a
	font-size:14px;
	text-align:right;
}
#right_area a {
    float: right;
	width: 340px;
	margin: 7px 0px 0 0px ;
	color:#999999;
	font-size:19px;
	text-align:right;
	text-decoration:none;
}

#right_area a:hover {
  text-decoration: underline;
  color:#666666;
}


span {
	color:#666666;
	color:#00005a
} 

#banner {
  position:relative;
   margin: 10px 0 0 0;
  height:246px;
  width: 742px;
  z-index:0;
background:#fff url('../images/kml-banner.jpg' ) no-repeat ;
}

#banner2 {
  position:relative;
   margin: 10px 0 0 0;
  height:203px;
  width: 960px;
  max-width:100%;
  z-index:0;
background:#fff url('../images/kml-financial-services.jpg' ) no-repeat ;
}

#content_main {
	position:relative;
	width:100%;
	max-width: 960px;
	padding: 0 0 0 0 ; 
	margin:0px 0 0 0;
	background: #ffffff;
}

#content-home {
	position:relative;
	width:100%;
	max-width: 760px;
	padding: 0 0 0 0 ; 
	margin:0px 0 0 0;
	background: #ffffff;
}

#page {
    position:relative; 
    width:1000px;
}


#content {
        float:left; 
		width:70%;
		max-width:670px;
		margin: 20px 0px 20px 3%;
		text-align:left;
        color: #616161;
        z-index:20;
}


#content ul {
	list-style-type: disc;
	color: #055056;
}

#content ul li span {
	color: #666666;
	text-align: left;
}

#wrapper-home {
max-width:742px;
max-width:100%;
position:relative;
}

#content-home-left {
        float:left; 
		width:48%;
		max-width:480px;
		margin: 10px 2%  20px 0%;
		padding:0 0 20px 0;
		text-align:left;
        color: #616161;
        z-index:20;
}

#content-home-right {
        float:right; 
		width:48%;
		max-width:480px;
		margin: 10px 2% 20px 0;
		padding:0 0 20px 0;
		text-align:left;
        color: #616161;
        z-index:20;
}

/*#content ul, #content_home ul  {
	color: #f5781b;
	list-style-image: url('http://www.wottonwebsites.co.uk/ifawebpro/designs/designd/images/bullet_point.jpg');
}*/

/*#content ul, #content_home ul  {
	
	list-style-image:  url('../images/left-menu-indent.png');
	}*/
#content li {
    padding-left: 10px;

}


#sidenav {
    clear:both;
    position:relative;   
	float:left;
    max-width: 240px ;
	width:25%;
    font-size: 0.9em ;
    margin: 25px 0px 20px 0;
}

#sidenav ul {
    margin: 0 0 30px 0 ;
    list-style-type: none ;
    padding: 0px 1px 0 0;
}

#sidenav li  {
    padding: 0 0 2px 0 ;
    
}

#sidenav li.home a {
    margin: 0 ;
}

#sidenav li a {
    display: block ;
    background-color: #ffffff ; /* Grey (Colour) */
    margin: 1px 0 0 0 ; 
    padding: 5px 0 10px 15px ; 
    color: #666666 ;
	/*text-transform:uppercase;*/
	font-weight:strong;
    font-size:16px;
    text-decoration: none ;
	border-bottom: 2px solid #dddddd;
}

#sidenav li a:hover {
    text-decoration:underline;
}

#sidenav ul li ul li.subnav a:visited {
     font-weight:bold;
     color: #000000;
}
 
#sidenav h3 {                      
    font-size: 12px;
    padding: 5px 0 5px 15px ;
    color: #fff ;
    font-weight: normal ;
    margin: 1px 0 1px 0 ;
    border-bottom: 2px solid #dddddd;
	text-decoration:none;
    text-shadow:none;
}

#sidenav li:hover>a, #sidenav li>a:hover { color: #c2c2c2; }
#nav li.active>a {color:#c2c2c2;}


#page {
	float: left ;
	width: 100%;
	margin: 0 6px 15px 6px ;
	max-width:800px;
}

#footer {
	width:100%;
	
	height:auto;
	overflow:hidden;
	margin:0 0 20px 0;

background:#7f459a;
    border-top:2px #666666 solid;
	position:relative;
	clear:both;
	z-index:99999999;
	color:#fff;
	padding:0 0 20px 0 ;
}

#footer_div {
position:absolute;
bottom:0;
right:0;
width:950px;
height:60px;
margin:0 0 0 0;
padding:0 0 0 0;
z-index:9999999999;
}


#footer a{
color:#c2c2c2;
text-decoration:none;
}

#footer a:hover{
color:#ffffff;
text-decoration:underline;
}

#footer-wrapper {
position:relative;
max-width:960px;
width:100%;
margin:0 auto;
}

#footer-text {
margin:10px 0 0 10px;
}
#footer-text-left {
   float:left;
   width:48%;
   margin:0;
   margin-top:10px;
   text-align:left;
   padding: 0 2% 0 0;
   
}

#footer-text-right {
   float:right;
   width:48%;
   margin:0;
   margin-top:10px;
   text-align:left;
   padding: 0 0 0 2%;
   
}

#footer-text-left p, #footer-text-right p {
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#ffffff;
}


#header-menu-wrap {
	position: relative;	
	background: #7f459a; 
	z-index: 15;
	height:50px; 
	width:100%;

border-bottom:2px solid #bfa2d0;

}

/* Navigation */

#navigation {
clear:both;
position:relative;
width: 100%;
max-width:960px;
margin: 0 auto 0 auto;
height:50px;
z-index:500;
}

/*style the main menu*/
.myMenu {
	margin:0;
	padding:0;
	float:left;
	margin:0 0 0 0;
	z-index:500;
	font-weight:normal;
}

.myMenu li {
	list-style:none;
	float:left;
	font-size:1em;
	font-weight:normal;
	z-index:500;
}

.myMenu li a:link, .myMenu li a:visited {
	display:block;
	text-decoration:none;
    /*background-color:#ffffff;*/
	padding: 0.7em 1.9em 1em 0.5em ;
	margin:0 0 0 0;
	color:#ffffff;

	z-index:500;
}

.myMenu li a:hover {
	color:#a8bbc9;
	z-index:500;
	
}

/*style the sub menu*/
.myMenu li ul {
	position:absolute;
	visibility:hidden;
	/*border-top:1px solid #fff;*/  /* Arrgggh this stopped sub menu connecting with main menu */ 
	margin:0;
	padding:0;
	z-index:500;
}

.myMenu li ul li {
	display:inline;
	float:none;
	z-index:500;
    font-size:0.8em;
    font-weight:normal;
}

.myMenu li ul li a:link, .myMenu li ul li a:visited {
	background-color:#ffffff;
    background-color:#7f459a;
	width:138px;
	width:170px;
    border: 1px solid #ffffff;	
    z-index:500;
    padding: 0.5em 1.5em 0.5em 1.5em;
	font-weight:normal;
}

.myMenu li ul li a:hover {
    background-color:#bbbbbb; 
	color:#ffffff;
	text-decoration:none;
	z-index:500;
}

/* Third Level & beyond */
.myMenu > li > ul li > ul{   
    display:none;
}
.myMenu > li > ul li:hover > ul{
    display:block;
    position:absolute;
    left:100%;
    top:0;
    width:auto;
}

.myMenu > li > ul li.business:hover > ul{
    display:block;
    position:absolute;
    left:100%;
    top:0;
    width:auto;
	margin-top:200px;
}

.myMenu > li > ul > li ul > li{
   display:block;
   white-space:nowrap;
   font-size:1em;
}


/* Footer */
.footerMenu {
	margin:10px 0 0 0;
	padding:0;
	float:left;
	z-index:500;
}

.footerMenu li {
	list-style:none;
	float:left;
	font-size:1.0em;
	font-weight:normal;
	z-index:500;
}

.footerMenu li a:link, .footerMenu li a:visited {
	display:block;
	text-decoration:none;
    background-color:#ffffff;
	padding: 0.7em 2.8em 0.7em 0;
	margin:0;
	color:#7f459a;;
	color:#004777;

	z-index:500;
}

.footerMenu li a:hover {
	color:#a8bbc9;
	z-index:500;
	
}


#alternative_menu
{
        width: 150px;
		position:relative;
		height:30px;
		background-color:#ffffff;
		color:#7f459a;;
		border:1px solid #7f459a;;
		margin:0 0 10px 10px;
        display:none;
		padding:0 0 0px 10px;
		font-weight:bold;
}


/*******************************************************************************************************************************************************/

#side {
    clear:both;
   	position:absolute;
	top:0;
	right:0;
    max-width: 200px ;
	width:25%;
    font-size: 1.0em ;
    margin: -5px 0 0 0;
	padding:0;
}

.side_detail {
width:200px;
margin:5px 0 10px 0;
padding:0;
}

.side_detail h2 {
margin:0 0 2px 0;
padding:5px 0 1px 5px;
color:#ffffff;
background:url('../images/side_detail_heading.jpg') no-repeat top right;
height:28px;
text-shadow:none;
}

.side_detail h2 a {
   
text-decoration:none;
	color:#ffffff;
	line-height:10px;
	padding: 0 0 0 10px;  
      font-family:arial, sans-serif !important;
	  font-size:13px;
	  margin:0;
font-weight:normal;
}

.side_detail ul { list-style:none; padding-left:0; }

.side_detail ul {
margin: 0 0 1px 0;
padding: 5px 0 5px 0px;
list-style-type: none;
background-color: #666666;
color: #fff;
}

.side_detail li {
background-image: url('../images/side_detail_headingsm.jpg');
background-position: 0px 2px;
background-repeat: no-repeat;
padding: 0 0 0 12px;
margin:0 0 0 0;
border-bottom:1px solid #ffffff; 
}

.side_detail li.last-child {border-bottom:none;}

.side_detail li a {
color: #ffffff !important;
text-decoration: none;
font-size:0.8em;
padding:0 0 0 10px;

}

.side_detail h2 a:hover, .side_detail li a:hover {
	text-decoration: none;
	color:#7f459a;;
}

.side_detail a {
text-decoration:none;
}


#feedwind {
    position: relative;
	float:right;
	/*position: absolute;
    top:270px;
	right:0;*/
	margin: 15px 0 0 0;
	width: 200px;
	height: 300px;
	/*z-index: 20;*/
	background:#eaeaea;
	
}


#feedwind a {                              /* feedwind link */
		/*position:absolute;*/
		/*top:420px;     */                    /* height feedwind minus 15px */
		/*right:0;*/
		position:relative;
		margin:0 0 0 0;
}


iframe {                                     /* feedwind */
    margin:0 0 0 0px;
	background:#eaeaea
}


 
 #taxation {
		float:right;
		height:52px;
		width:168px;
		margin: 0 0 0 0;
		z-index:200;
	}

.testcont{text-shadow:1px 1px white;background-color:#eee;
              padding:10px 10px 10px 10px;
			  border:2px solid #bfa2d0;-moz-border-radius:3px !important;border-radius:3px !important ; 
              margin:10px 0 8px 0;}

.testcont a{display:block; padding:3px 0;}

.testcont a, .testcont p {
  color:#444444;
  text-decoration:none;
  font-size:0.85em;
  }

.arthead {
  padding:0 0 2px 0; 
  border-bottom:1px solid #ccc;
  margin:0 0 10px 0; 
  font-weight:bold; 
  font-size:1.1em;   /* Heading on side */
  margin:0 0 5px 0;
  color:#7f459a;
  }
  
  .testcont a:hover {
	text-decoration: underline;
	color:#424242;
}

/* Life Stages */

#lifestages {
	position: relative;
	float: left;
	width: 620px;
	height:560px;
	margin: 20px 0px 0px 10px;
	z-index: 100;
    /*background: #ffffff url('http://www.wottonwebsites.co.uk/ifawebpro/images/lifestages_back.jpg') 0 0 no-repeat;*/
}

#lifestages a {
    text-decoration:none;
}

#lifestages .lifestages {
	position: relative;
	margin:3px 3px 3px 3px;
	width: 300px;
	height: 280px;
}

#lifestage1.lifestages, #lifestage2.lifestages  {
    margin-top:10px;   
	}

	
#lifestages .lifestages p.title {
	float: right;
	width: 300px;
	margin: 6px 15px 4px 15px;
}
#lifestages .lifestages p.title a {
	color: #026898;
	color:#333666;
	font-size: 14px;
	font-weight:strong;
	text-decoration: none;
    text-shadow:0 1px 1px 1px #ffffff;
}
#lifestages .lifestages p.title a:hover {
	text-decoration: underline;
}

#lifestages .lifestages img {
	float: right;
	margin: 5px 15px 4px 15px;
}

#lifestages .lifestages p.serv_text {
	float: right;
	color: #616161;
	font-size: 12px;
	margin: 5px 15px 0px 15px;
	width: 300px;
	line-height: 13px;
}

#lifestages .lifestages p.more {
	float: right;
	width: 300px;
	font-size: 12px;
	margin: 0px 15px 4px 15px;
	text-align: right;	
	position: absolute;
	bottom: 6px;
	right:20px;
}
#lifestages .lifestages p.more a {
	text-decoration: none;
	color:#3366ff;
	              
	text-decoration: underline;
}
#lifestages .lifestages p.more a:hover {
	color:#026898;  
	
}


#news_feed {
   position:relative;
   float:left;
   width:210px;
   margin: 0 0 0 0;
   padding:0 15px 0 0;
   height:auto;
}


#news_column1  {float:left; width:300px;padding-right:5px;}
#news_column2  {float:left; width:300px;}

.contact_table {width:800px}

.contact_table_col1, .contact_table_col3 {width:300px;}
.contact_table_col2 {width:80px;}

/* Responsive CSS */

@media (max-width: 935px),  
{
html {overflow-x: scroll;}

#side {display:none;}

body {background: #ffffff;}

#wrapper_top {height:20px; background: #ffffff;}

#wrapper, #top_images_hr,  #content_main  {
	width:98%;
	padding: 0 1% 0 1%;
}

/*#middle_area, #right_area {display:none; }*/


#content, #content_home {
        margin: 5px 0 65px 0;
		width:65%;
}

#logo {
		clear:both;
		position:relative;
        display:block; 
		
  } 

.myMenu li a:link, .myMenu li a:visited {
	padding: 0.7em 2em 0.7em 0;
}

#footer .wrapper .column
{
		width:15%;
        margin-left:0 !important;
		margin-right:0 !important;
}

#footer .wrapper .column.fourth {
         margin-top:2%;
		 margin-left:2%;
}

#sidenav {
	width:20%;}


.contact_table {width:400px}

.contact_table_col1, .contact_table_col3 {width:150px; float:left;}
.contact_table_col2 {width:10px;}
}

@media (max-width: 800px) 
{

/* alternative menu */
#alternative_menu
        {
                display:block;
        }
        .myMenu, #sidenav 
        {
                display:none;
        }

/* Header items */

#header-menu-wrap {
    background: none;
    height:0;
    border-bottom: none;
}

#content, #content_home {
        float:left; 
		width:97%;
		max-width:790px;
        margin: 5px 0 5px 0;
}

#special .special {
	width: 48%;
}

}

 @media (max-width: 765px) 

 {

#footer .wrapper .column.fourth {
	   margin-top:2em;
}


#container, #special  { background-color: #ffffff; height:300px;}
#services, .grey-arrow  {display:none;}


 }

@media (max-width: 560px),  
{

#right_area {
display:block;
float:none;
clear:both;

}

#top_images {height:auto; overflow:hidden;}
p.strapline {float: left; text-align:left;}
#right_area a {float:left; text-align:left;}

.logo  {
float:none;
position:relative;
}

#social_media, #login_area, #footer .wrapper .column {
width:50%;
}

#footer {height:21em;}


#footer .wrapper .column.fourth {
	   margin-top:0;
 
 }




#footer .wrapper .column.second, #footer .wrapper .column.third, #footer .wrapper .column.fifth {display:none;}

#news_feed {padding:0;}
#news_feed, #twitter_feed {width:100%; margin:0 auto}

#special .special {
	width: 98%; margin:0 auto;
}

#container  { background-color: #ffffff; height:400px;}

}