@charset "utf-8";
/* CSS Document */

body 
	{
	background-color: #FFFFD4;
	color: #424242;
	font-family: Arial, Sans-serif;
	font-size: 12px;
	clear: left;
	}

	h1, h2, h3, h4, h5, h6 { font-family: Arial, Sans-serif; letter-spacing: 0; }
	h1 { color: #008800; }
	h2 { font-size: 1.4em; }
	
	#ww_container
	{
		width: 955px;
		margin: 0 auto;
		border: solid #dadada;
		border-width: 0 1px 1px;
		background-color: #fff;
	}
	a, a:link, a:visited
	{
		color: #006ebb;
		text-decoration: none;
	}
	a:hover, a:focus
	{
		color: #5b5b5b;
		text-decoration: none;
	}
	
	fieldset 
	{
		padding: 0;
		margin: 0;
		border: 1px solid #66a8fa;
	}
	
	/*
	==============================================
		Header
	==============================================
	*/



	#header
	{
	position: relative;
	height: 60px;
	padding: 5px 55px 21px 0px;
	background-color: #fff;
	font-size: 0.9em;
	}
	#header h1 {
	   font-size: 26px;
	}
	/* logo */
	#header img { float: left; border:none }
	
	/*
	==============================================
		Top bar
	==============================================
	*/
#menu_bar
	{
	height: 44px;
	width: 955px;
	float: left;
	margin: 0;
	border-bottom: 1px solid #c5c5c5;
	background-color: #92befa; 
	padding-left: 0px;
	}

	#top_bar.home_bar #menu_bar { border: none; }

	#menu_bar li#menu_home { width: 86px; border-left: none; }
	#menu_bar li#menu_pensions { width: 122px; }
	#menu_bar li#menu_annuity { width: 133px; }
	#menu_bar li#menu_life { width: 141px; }
	#menu_bar li#menu_investments { width: 148px; }
	#menu_bar li#menu_equity { width: 188px; }
	#menu_bar li#menu_contact { width: 125px; border-right: none; }


	#menu_bar li
	{
		float: left;
		list-style-type: none;
		line-height: 44px;
		text-align: center;
		border-left: 1px solid #6fa8f6;
		border-right: 1px solid #a4c7f7;
	}

	#menu_bar li a
	{
		height: 44px;
		display: block;
		text-decoration: none;
		background-color: #92befa;
		color: #006ebb;
		font-size: 1.6em;
		font-weight: bold;
	}

	#menu_bar li a:hover, #menu_bar li a:focus
	{
		background: url(../images/menu_bar_hover.png) repeat-x;
		color: #fff;
	}

	#menu_bar li.current a
	{
		background: url(../images/menu_bar_hover.png) repeat-x;
		color: #fff;
	}

	#menu_bar li#menu_home img { margin-top: 12px; }
/*********home banner ************/
#home_banner 
	{
	position: relative;
	margin: 0px 0 5px 0px;
	z-index: 10;
	height: 201px;
	clear: left;
	}
	object#home_banner { margin: 0 0 33px; }

	#home_banner .hover_button
	{
	position: absolute;
	bottom: 50px;
	left: 797px;
	z-index: 20;
	}
	#home_banner.home_banner_pension .hover_button {
	bottom: 50px;
	left: 766px;
} 

	#home_banner p
	{
		position: absolute;
		width: 250px;
		height: 31px;
		bottom: 10px; /* 63 */
		left: 527px; /* 150 */
		z-index: 20;
		color: #cfecff;
	}

	#home_banner p a { color: #fff; }


#home_banner_pension 
	{
		position: relative;
		margin: 84px 40px 0;
	}

	#home_banner_pension .hover_button
	{
		position: absolute;
		bottom: 50px;
		right: 240px;
		z-index: 20;
	}
/***********main content **********/

#content {
	margin: 0px 5px 0px 5px;
}

	
	
	.featured_block{
	 padding: 5px;
	 background: #fafafa;
	 border-right: dotted 1px #c5c5c5;
		border-bottom: dotted 1px #c5c5c5;
	}
	
	.featured_block h1 {
		color: #006ebb;
		font-size: 1.6em;
		font-weight: bold;
	}
	
         .featured_block h3 {
                color: #006ebb;
                font-size: 1.4em;
                font-weight: bold;
        }
 	
	
	.featured_block ul { margin: 0; padding: 5px}
	.featured_block ul li
	{
		border-top: 1px solid #fff;
		border-bottom: 1px solid #e4e4e4;
		list-style-type: none;
		padding: 0;
		padding-left: 0px;
		
	}
	.featured_block ul li.last_item { border-bottom-width: 0; }
	
	
	.home_2ndrow_block{
	 padding: 5px;
	 background: #fafafa;
	 border-right: dotted 1px #c5c5c5;
	
	}
	
	.home_2ndrow_block h1 {
		color: #006ebb;
		font-size: 1.6em;
		font-weight: bold;
	}
	.home_2ndrow_block h3 {
		color: #006ebb;
		font-size: 1.1em;
		font-weight: bold;
	}
	.home_2ndrow_block label {
	     font-weight: bold;
	}
	.home_2ndrow_block .msg {
            font-weight: bold;
	    color: green;
       }

       .quote {
          font-size: 35px;
	  color: #008800;
       }
       div.testimonialBox {
         border: 1px solid #cccccc;
	 padding: 10px;
	 margin: 5px;
       }

       h1.testimonial{
          color: #008800;
       }

/************footer **************/
/*
	==============================================
		Footer
	==============================================
	*/



	#footer
	{
	clear: both;
	margin: 0 10px 30px 10px;
	border-top: 1px solid #dcdcdc;
	padding-top: 13px;
	font-size: 1.1em;
	}

	#footer img { float: right; }

	/* footer navigation bar */
	#footer ul
	{
		float: left;
		margin: 0;
	}

	#footer ul li
	{
		float: left;

		/* Center li content vertically */
		height: 17px;
		line-height: 17px;

		padding: 0 8px;
		list-style-type: none;
		background: url(../images/dotted.png) repeat-y right top;
	}
	#footer ul li.first_item { padding-left: 0; }
	#footer ul li.last_item, #footer ul li.nav_hidden { background: none; }

	#footer ul li a { text-decoration: none; }
	#footer ul li a:hover, #footer ul li a:focus, #footer ul li.nav_hidden a:hover, #footer ul li.nav_hidden a:focus
	{
		color: #5b5b5b;
		text-decoration: underline;
	}
	#footer ul li.nav_hidden a { color: #fff; }

	#footer address
	{
		clear: both;
		padding-top: 9px;
		color: #9b9b9b;
		font-style: normal;
		font-size: 90%;
	}
	#footer a.sparklink{
		font-size: 9px;
	       color: #9b9b9b;
	       text-decoration: none;
	}
	#footer a.sparklink:hover {
	       color: #f4309a;
	      text-decoration: none;
	 }


/* other page banner */
#top_banner
	{
		height: 125px;
		padding: 0 40px 0px 10px;
		background: url(../images/topbanner_background.png) repeat-x left bottom;
		border-bottom: 1px solid #dcdcdc;
		font-size: 1.1em;
		position: relative;
	}

	#top_banner h1
	{
		position: absolute;
		margin: 0;
		left: 0;
		bottom: 39px;
		font-size: 30px;
		color: #006ebb;
		font-weight: normal;
	}

	#top_banner img 
	{
		position: absolute;
		margin: 0;
		right: 0px;
		bottom: 0;
	}

	#top_banner img.right_border
	{
		position: absolute;
		margin: 0;
		right: 0;
		bottom: -10px;

		padding-left: 1px;
		background: url(../images/dot.png) repeat-y left top;
	}
