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

body {
   /* font-family:"Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif; */
font-family: Calibri, Verdana, Ariel, sans-serif;
	color:#666;
	font-size:14px;
	margin:0 0 0 0;
	background:#5f5f5f;
}


body {
    margin: 0 ;
}



a, span {color:#000e6f; text-decoration: none; }

a:hover {color:#000000;}

#crumbs li a:hover, #crumbs li a:focus {
color:#2a3354;
}

}
a:focus { /* ie mac */
    outline: none
    }


body, td, th {
   /* font-family:"Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif; */
    /*font-size: 85% ;*/
  font-size: 102% ;
    }
p, ol ,dl, blockquote, h1, h2, h3, h4, h5, h6, hr {
    line-height: 1.5em ;
    margin-top: 0 ;
    }
ul{
    margin-top: 0 ;
}
li {
    line-height: 1.5em ;
}
h1 {
    color:#000e6f;
    font-size: 1.9em ;
    margin-bottom: 5px ; 
 /*    font-family:"Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif; */
	 font-weight:normal;    }
h2 {
   color:#000e6f;
    font-size: 1.63em ;
    margin-bottom: 5px ; 
/*    font-family:"Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif; */
	font-weight:normal; 
    }

h3 {
    color:#000e6f;
    font-size: 1.51em ;
/*     font-family:"Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif; */
     margin-bottom: 5px ; 
	 font-weight:500;

    }

h4, h4 a {
    color:#000e6f;
    font-size: 1.15em ;
/*     font-family:"Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif; */
    margin-bottom: 0px ; 
	font-weight:normal;
    }

#wrapper_div {
position:relative;
max-width:950px;
max-width:970px;   /* Make buttons larger */
width:100%;
height:200px;
float:right;
}

.wrapper_content {
width:800px;                  /* 950 - 140 */  /* buttons larger need reduce */
max-width:800px;
width:100%;
height:100%;
float:right;
background-color:#ffffff;
z-index:100;
}

#strapline {
  position:absolute;
  left:250px;
  top:0;
  margin:0px 0 0 0px;
  padding:0 0 0 0;
  width:450px;
  color:#ffffff;
  z-index:500;
  list-style-type:none;
  font-size: 1.2em ;
 
  
}

#strapline p {font-weight:normal; line-height: 43px;}

#contactus {
  position:absolute;
  right:0;
  top:0;
  margin:10px 0 0 0px;
  padding:0 0 0 0;
  width:130px;
  color:#ffffff;
  z-index:500;
  list-style-type:none;
  cursor:pointer;
  font-size: 0.9em ;
  line-height: 63px;
  text-transform:uppercase;
}

#contactus a {
  color:#ffffff;
  text-decoration:none;
  
}

#logo {
    position:relative;
	margin:10px 0 0 0;
	padding:0 0 0 0;
	color:#fff;
	font-weight:bold;
	font-size:30px;
	z-index:999;
	
    /*border:2px #252b51 solid;*/
   /*border:2px #2a3354 solid;*/
border:2px #ffffff solid;
	padding:0;
width:189px;
height:110px;
    background: url(../images/kennetfinancial-logo.jpg) no-repeat; 
	text-align:center;
	cursor:pointer;
	text-transform:uppercase;
	z-index:1000 !important;
}

#lighthouse_thumbnail {
  position:relative;
  background: url('../images/lighthouse_black.jpg') no-repeat; 
  width: 86px;
  height:47px;
  margin:10px auto 0 auto;
}

#lighthouse_logo {
  float:right;
  padding:0 0 10px 10px;
  background: url('../images/lighthouse_black.jpg') no-repeat; 
  width: 123px;
  height:123px;
}

#client-login  {
	width:120px;
	width:140px;  /* Make buttons larger */
	height:25px;
    background:rgba(255, 255, 255, 1); 
	background: #252b51;
	padding: 15px 6px 15px 10px;
  	margin:0;
	list-style-type:none;
	cursor:pointer;
    border:2px  #ffffff solid; 
    font-size: 0.9em ;
    height:45px; 
    line-height: 63px;
	text-transform:uppercase;
}

#client-login a {
   color:#ffffff;
   text-decoration:none;
}

#client-login a:hover {
	
	color:#666666;

	font-weight:900;
    
}

#clients_area {

position:relative;
height:100px;
width: 450px;
margin: 45px 0 0 0;
padding:0 0 0 0;


}
 .main {
	width:100%;
	height:100%;
	height:100vh;
	overflow:hidden;
}

.bgwrapper {

background: #ffffff url('../images/kennetfinancial-exlarge.jpg');
	position:fixed;
	background-position:bottom left;
	bottom:86px;
	height:100%;
	width:100%;
    background-size: cover !important;
	/* overflow:hidden; */

}


.homepage_left {left:0; }
.otherpage_left {	left:-140px; }



.wrapper {
	height:100%;
	position:absolute;
	right:0px;
	z-index:10;
	background:url('../images/wbg-smaller.png');   /* has transparent area same size as buttons */
	margin-left:-160px;
	overflow:hidden;
}


.calc_text, .financial_text, .newsletter_text {

width:65%;
}

.homepage_width {	width:140px; }
.otherpage_width {	width:950px; }

.homepage_width {	width:160px; }  /* Make buttons larger */
.otherpage_width {	width:970px; }

#loadcontent {
	position:absolute;
	top:104px;
	top:124px;
	top:90px;
	left:420px;
	left:310px;
	left:330px; /* increaded when buttons increased */
	width:600px;
	overflow:hidden;
	height:70%;
	overflow-y:scroll;
	padding-right:20px;
	padding-bottom: 20px;
}

#content {
margin:10px 0 20px 0;

}

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

#menu ul {
    margin:100px 0 0 0;
	margin:180px 0 0 0;
	padding-top:0px;
	padding-bottom:20px;
	padding-left:0px;
}


#menu li {
	width:120px;
	width:140px;  /* Make buttons larger */
	height:30px;
	height:25px;
  /*background:#666666;
	background:#3C4042;
 	background: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(59,63,65)), color-stop(0.55, rgb(72,76,77)), color-stop(0.78, rgb(75,77,77)) );
	background: -moz-linear-gradient( center bottom, rgb(59,63,65) 9%, rgb(72,76,77) 55%, rgb(75,77,77) 78% );
	background: -o-linear-gradient( center bottom, rgb(59,63,65) 9%, rgb(72,76,77) 55%, rgb(75,77,77) 78% );*/
background: #000e6f;
color:#fff;
	padding:15px 6px 15px 10px;
    padding-top:15px;
	padding-left:10px;
	padding-right:6px;
	margin-bottom:15px;
	list-style-type:none;
	cursor:pointer;
    /*border:2px  #252b51 solid; */
	/*border:2px #ffffff solid;*/
border:2px #ffffff solid;
    font-size: 0.9em ;
    height:45px; 
    line-height: 63px;
	text-transform:uppercase;
}

#menu li.last-child {margin-bottom:0;} 

#menu a {
   color:#ffffff;
    /*color:#3c632e;*/
   text-decoration:none;
}

#menu li.contact {
 margin-top:50px;
}

#menu li:hover, #menu a:hover {
	background:rgba(4,31,66, 1); 
/*background:#252b51;*/
background:#ffffff;
background:#e5e5e5;
	color:#000e6f

}

/*#menu li:hover { border:2px #2a3354 solid;}*/

#menu li.current{
background:#252b51;
background:#ffffff;
	color:#ffffff;
color:#3c632e;
	    border:2px #000e6f;solid;



}

#menu a.current{
	color:#041f42;
	color:#ffffff;
	color:#000e6f
}

#subnav {
	position:absolute;
	top:180px;
	top:145px;
	left:200px;
	left:150px;
	left:170px; /* Changes */
	width:145px;
	padding-right:20px;
	padding: 0 0 0 0;
	
}

/* .whatwedo {top:120px !important;} */

#subnav ul {
   padding: 0 0 0 5px;
   margin:0 0 0 0;

}

#subnav ul.whatwedo {
   padding: 0 0 0 5px;
  margin:0 0 0 0; /* In case gets a bit long */

}

#subnav li {
	cursor:pointer;
	list-style-type:none;
	display:block;
	padding:5px 5px 5px 5px;
	border-bottom:1px dotted #e3e3e3;
    color:#424242;
    font-size: 1.05em ;
font-size: 0.95em ;
	
}

#subnav a {
    color:#424242;
    text-decoration:none;
}

#subnav li:hover, #subnav a:hover {
	background:#f5f4f4;
	color:#000e6f
}

#subnav li.current{
	background:#041f42
	
	color:#fff;
}



#alternative_menu
{
        width: 180px;
		position:relative;
		height:30px;
		 background:#666666;
		border:1px solid #ffffff;
        border:1px #252b51 solid;
		margin:5px 0 10px 5px;
        display:none;
		padding:0 0 0px 10px;
		font-weight:bold;
		z-index:600;
		color:#ffffff;
}


#loadspin {
	position:fixed;
	top:0px;
	left:0px;
	z-index:99999999;
	
}


::-webkit-scrollbar{width:9px;height:9px;}
.menu-fd-container ::-webkit-scrollbar-button:start:decrement,#doc ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
 ::-webkit-scrollbar-track-piece{background-color:#fff;-webkit-border-radius:0;-webkit-border-bottom-right-radius:8px;-webkit-border-bottom-left-radius:8px;}
 ::-webkit-scrollbar-thumb:vertical{height:50px;background-color:#484848;-webkit-border-radius:8px;}
 ::-webkit-scrollbar-thumb:horizontal{width:50px;background-color:#484848;-webkit-border-radius:8px;}
 
#alternate-footer {
display:none;
clear:both;
position:relative;
width:100%;
height:auto;
background: #929292;
border-top:2px #ffffff solid; 
color:#ffffff;
padding:0 0 20px 0 ;
font-size: 90% ;
}

#footer {
	width:100%;
	height:60px;
	height:70px;
	height:75px;
	background: #000e6f;
    border-top:2px #ffffff solid; 


	position:fixed;
	/*bottom:-80px;*/
	left:0px;
	z-index:99999999;
	color:#ffffff;
	padding:0 0 20px 0 ;
    font-size: 80% ;
}

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


.footer_home     { bottom:-70px; }
.footer_nothome { bottom:0; }  /* we don't want to animate footer on all pages other than home */

#footer a{
	color:#fff;
}

#footer a:hover {color:#c2c2c2}

#footer_text {
   position:relative;
   margin:5px auto 5px auto;
   width:100%;
   max-width:950px;
   text-align:left;  
  
}

#footer_text p {
    font-size: 1.0em ;
	text-align:center;
	padding:0 0 0 0;
	margin:0 0 0 0;
    width:auto;
	
}


#footer_text p.larger {
    font-size: 1.4em ;
	margin:0 0 0 0;
	padding:0 0 0 0;
   
}

#main-menu .nav-bar { list-style:none; }
#main-menu .nav-bar li { display:inline; padding:0 5px 0 0; margin:10px 0 0 0; }
#main-menu { margin: 5px auto 0 auto; width:750px;}
#main-menu .nav-bar li a {
  text-decoration: none;
  padding-left: 10px;
  text-transform: uppercase;
  color:#000000;
  font-size:1em;

}

.nav-bar .nav-button a { background:url(../images/dot-white.png) no-repeat 0px 8px transparent; }

#header {
	width:100%;
	height:40px;
	background:#000e6f;
    border-bottom:2px #ffffff solid;
/*  border-bottom:2px #dbe96f solid; */

	position:fixed;
	top:0px;
	left:0px;
	z-index:50;
	color:#fff;
	padding:0 0 0 0;
    font-size: 70% ;
}

#header p {
    position:fixed;
	top:0px;
	left:650px;
	color:#fff;
    margin-top:0;
    text-align:left;
   padding:10px 0 0px 0;
   text-transform:uppercase;
    font-size: 1.63em ;
    font-family:"Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif;
	font-weight:600;
}

  

/* Information */

#feedwind {
    position: relative;
	float:right;
	margin: 15px 0 0 0;
	width: 200px;
	height: 300px;
	background:#ffffff;
	
}


#feedwind a {                            
		position:relative;
		margin:0 0 0 0;
}


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


/* Responsive */
/* Laptop changes - wide but not deep */
@media (max-height:745px)
{

#menu li {
	height:25px; 
    line-height: 30px;
	text-transform:uppercase;
}

#client-login  {
	height:25px;
    line-height: 30px;
	text-transform:uppercase;
}

#subnav {	top:105px; }

#menu ul { margin:100px 0 0 0; }
#menu ul { margin:160px 0 0 0; }

}

@media (max-height:550px)
{

#menu li {
	height:25px; 
    line-height: 30px;
	text-transform:uppercase;
}


#client-login  {
	height:25px;
    line-height: 30px;
	text-transform:uppercase;
}

#menu ul { margin:50px 0 0 0; }

}

/* End Laptop Changes */


@media (max-width: 1310px)  
{
#main-menu { margin: 5px auto 0 auto; width:80%;}
}

@media (max-width:935px)
{

html {overflow-x: scroll;}

#footer_text p {width:95%}
#footer_text p.guidance {padding-left:0px;} 
#footer {height:110px;}
#main-menu {font-size:80%; width:80%;}

/* alternative menu */
#alternative_menu
        {
                display:block;
				z-index:500;
        }

.footer_nothome {display:none;}
#alternate-footer {display:block;}

#client-login {display:none;}

#logo {margin:35px 0 0 5px;} /* sit under mobile navigation */
#menu {display:none;}

.otherpage_width {	width:100%; }
#content {padding:2% 1% 2% 1%;width:98%; float:left;}
/*#loadcontent {top:104px; left:0px; float:right; }*/
#loadcontent {top:110px; left:0px; width:100%; }
#contactus {display:none;}
#subnav {display:none !important;}
.wrapper_content {float:left; width:935px;}

}

@media (max-width: 600px)  
{
#strapline {font-size:85%;}
#main-menu, #lighthouse_logo {display:none;}
#loadcontent {top:140px;}
}

@media (max-width: 450px)  
{

}

@media (max-width: 400px)  
{
#strapline {display:none;}

}