/*
Theme Name: Assured Future
Theme URI: http://www.assured-future.co.uk/
Description: Assured Future Site Theme.
Version: 1.0
Author: MAW Associates
Tags: MAW, Purple, two column
*/

html
	{
	color:#888;
	background:#f1f1f1;
	}
	
	
body
	{
	margin:0;
	padding:0;
	}
	

/*container*/
#maw
	{
	width:100%;
	text-align:left;
	position:relative;
	background-image:url(../images/main_bg.jpg);
	background-repeat:repeat-x;
	padding:0;
	margin:0;
	}


/*skip navigation*/
.skip-nav, .top
	{
	display:none;
	}


/*******************************  maw css  *******************************/	
/* Header CSS											    		     */
/*******************************  maw css  *******************************/	


/*header*/
#maw #head
	{
	background:none !important;
	position:relative;
	z-index:2;
	width:100%;
	}

/*top panel*/
#header-area
	{
	width:100%;
	height:160px;
	/*overflow:hidden;*/
	padding: 0;
	margin: 0;
	}

.header-left
	{
	width:250px;
	float:left;
	padding:0;
	margin:0;
	}

.header-right
	{
	width:650px;
	float:right;
	padding:0;
	margin:0;
	}

.head-dash
	{
	border-bottom:dotted 1px #e3e3e3;
	padding:0 0 10px 0;
	float:left;
	}
	

/*site logo*/
.logo
	{
	color:#FFFFFF;
	width:180px;
	float:left;
	padding:20px 10px 0 10px;
	margin:0;
	}
	

/* Contact Details */
.contact-details
	{
	width:450px;
	float:right;
	padding:0;
	margin:0;
	}

.tel
	{
	font:normal 2.0em Arial, Helvetica, sans-serif;
	color:#9f35be;
	float:left;
	padding:0 10px 0 0;
	margin:10px 0 0px 0;
	width:440px;
	text-align:right;
	}
	
.email
	{
	font:normal 0.9em Arial, Helvetica, sans-serif;
	color:#be84cf;
	float:left;
	padding:0 10px 0 0;
	margin:0 0 10px 0;
	width:440px;
	text-align:right;
	}
	
.email a
	{
	color:#be84cf;
	text-decoration:none;
	}

.email a:hover
	{
	color:#be84cf;
	text-decoration:underline;
	}

.tag-line
	{
	font:normal 1.0em Arial, Helvetica, sans-serif;
	color:#be84cf;
	float:left;
	padding:0 20px 0 50px;
	margin:0 0 10px 0;
	width:480px;
	
	}

	

/*******************************  maw css  *******************************/	
/* Header CSS											    		     */
/*******************************  maw css  *******************************/




/*******************************  maw css  *******************************/	
/* Navigation CSS											    		 */
/*******************************  maw css  *******************************/	

.navigation-area
	{
	width:650px;
	float:left;
	padding:0;
	margin:10px 0 0 0;
	height:30px;
	}

#nav, #nav ul { /* all lists */
	margin:2px 10px 0 0;
	padding:0 0 0 10px;
	list-style:none;
	float:right;
}

/*#nav li a 
	{
	display: block;
	float:left;
 	padding:4px 6px;
 	font:normal 0.9em Arial, Helvetica, sans-serif;
 	color:#aab0b0;
 	text-decoration:none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color:#e3e3e3;

	}
	
#nav li a:hover
	{
	color:#fff;
  	background:#c559f4 none no-repeat center right;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

  	}*/

#nav li 
	{ /* all list items */
	/*width: 10em;*/ /* width needed or else Opera goes nuts */
	float:left;
	margin:0 0 0 5px;
	padding:0;
	background:none;
	z-index:2000;
	list-style:none;
	}



#nav li ul { /* second-level lists */
	position: absolute;
	/*background: orange;*/
	background-color:#e3e3e3;
	/*width: 10em;*/
	width:180px;
	top:130px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding:0px;
	margin:0px;
}

#nav li ul li { /* second-level lists */
	background-image:none;
	/*border-bottom:solid 1px #666666;*/
	width:180px;
	margin:0;
	padding:0;
	
}

#nav li ul li a
	{
	padding:5px 10px;
	margin:0;
	}

#nav li ul li a:hover
	{
	background-color:#c559f4;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	padding:5px 10px;
	width:160px;
	}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

	
#on 
	{
	padding:4px 6px;
	}
	
#on a
	{
	display: block;
	float:left;
 	padding:4px 6px;
 	font:normal 0.9em Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none; 
	background-color:#c559f4;
  	}

#on a:hover
	{
	display: block;
	float:left;
	color:#fff;
	padding:4px 6px;
	text-decoration:underline; 
  	}

#off a 
	{
	display: block;
	float:left;
 	padding:4px 6px;
 	font:normal 0.9em Arial, Helvetica, sans-serif;
 	color:#aab0b0;
 	text-decoration:none;
	background-color:#e3e3e3;

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

/*******************************  maw css  *******************************/	
/* Navigation CSS											    		 */
/*******************************  maw css  *******************************/	




/*******************************  maw css  *******************************/	
/* Content CSS											    		     */
/*******************************  maw css  *******************************/	

.content
	{
	width:900px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	}	

.content-head
	{
	width:900px;
	margin:0 auto;
	position:relative;
	/*overflow:hidden;*/
	}

#content-bg
	{
	width:880px;
	height:390px;
	float:left;
	padding:10px;
	margin:20px 0px 40px 0px;
	}	

#content-blog-bg
	{
	width:880px;
	height:390px;
	overflow:auto;
	float:left;
	padding:10px;
	margin:20px 0px 40px 0px;
	}

.home-content
	{
	width:436px;
	height:260px;
	padding:0;
	margin:0 14px 10px 0;
	float:left;
	background-image:url(../images/page-overlay.png);
	background-repeat:no-repeat;
	}

.home-content h1
	{
	font:bold 2.0em Arial, Helvetica, sans-serif;
	padding:10px 10px;
	margin:0;
	color:#666666;
	}
	
.home-content h2
	{
	font:bold 1.2em Arial, Helvetica, sans-serif;
	padding:0px 10px 15px 10px;
	margin:0;
	color:#666666;
	}

.home-content h3
	{
	font:bold 1.0em Arial, Helvetica, sans-serif;
	padding:0px 10px 15px 10px;
	margin:0;
	color:#666666;
	}

.home-content p
	{
	font:normal 0.8em Arial, Helvetica, sans-serif;
	padding:0px 10px 15px 10px;
	margin:0;
	color:#666666;
	}

.home-content a
	{
	text-decoration:none;
	color:#9f35be;
	}

.home-content a:hover
	{
	text-decoration:underline;
	color:#9f35be;
	}
	


.main-content
	{
	width:436px;
	height:390px;
	padding:0;
	margin:0 14px 10px 0;
	float:left;
	background-image:url(../images/main-page-overlay.png);
	background-repeat:no-repeat;
	}

.main-content h1
	{
	font:bold 2.0em Arial, Helvetica, sans-serif;
	padding:10px 10px;
	margin:0;
	color:#666666;
	}
	
.main-content h2
	{
	font:bold 1.2em Arial, Helvetica, sans-serif;
	padding:0px 10px 15px 10px;
	margin:0;
	color:#666666;
	}

.main-content h3
	{
	font:bold 1.0em Arial, Helvetica, sans-serif;
	padding:0px 10px 15px 10px;
	margin:0;
	color:#666666;
	}

.main-content p
	{
	font:normal 0.8em Arial, Helvetica, sans-serif;
	padding:0px 10px 15px 10px;
	margin:0;
	color:#666666;
	}

.main-content a
	{
	text-decoration:none;
	color:#9f35be;
	}

.main-content a:hover
	{
	text-decoration:underline;
	color:#9f35be;
	}

.main-content hr
	{
	width:90%;
	border-bottom:dotted 1px #999999;
	border-top:none;
	border-left:none;
	border-right:none;
	padding:0;
	margin:0 0 10px 0 auto;
	}
	
.main-content ul
	{
	padding:0;
	margin:10px 20px 10px 30px;
	color:#666666;
	}	

.main-content li
	{
	font:normal 0.8em Arial, Helvetica, sans-serif;
	padding:0 10px 10px 0;
	margin:0;
	color:#666666;
	}



.main-content-short
	{
	width:436px;
	height:260px;
	padding:0;
	margin:0 14px 10px 0;
	float:left;
	background-image:url(../images/page-overlay.png);
	background-repeat:no-repeat;
	}


.main-content-short h1
	{
	font:bold 2.0em Arial, Helvetica, sans-serif;
	padding:10px 10px;
	margin:0;
	color:#666666;
	}
	
.main-content-short h2
	{
	font:bold 1.2em Arial, Helvetica, sans-serif;
	padding:0px 10px 15px 10px;
	margin:0;
	color:#666666;
	}

.main-content-short h3
	{
	font:bold 1.0em Arial, Helvetica, sans-serif;
	padding:0px 10px 15px 10px;
	margin:0;
	color:#666666;
	}

.main-content-short p
	{
	font:normal 0.8em Arial, Helvetica, sans-serif;
	padding:0px 10px 15px 10px;
	margin:0;
	color:#666666;
	}

.main-content-short a
	{
	text-decoration:none;
	color:#9f35be;
	}

.main-content-short a:hover
	{
	text-decoration:underline;
	color:#9f35be;
	}

.main-content-short ul
	{
	padding:0;
	margin:10px 20px 10px 30px;
	color:#666666;
	list-style:none;
	}	

.main-content-short li
	{
	font:normal 0.8em Arial, Helvetica, sans-serif;
	padding:0 10px 10px 0;
	margin:0;
	color:#666666;
	}



.blog-content
	{
	width:416px;

	padding:0;
	margin:0 14px 10px 0;
	float:left;
	background-image:url(../images/page-overlay.png);
	background-repeat:no-repeat;
	}

.blog-content h1
	{
	font:bold 2.0em Arial, Helvetica, sans-serif;
	padding:10px 10px;
	margin:0;
	color:#666666;
	}
	
.blog-content h2
	{
	font:bold 1.2em Arial, Helvetica, sans-serif;
	padding:0px 10px 15px 10px;
	margin:0;
	color:#666666;
	}

.blog-content h3
	{
	font:bold 1.0em Arial, Helvetica, sans-serif;
	padding:0px 10px 15px 10px;
	margin:0;
	color:#666666;
	}

.blog-content p
	{
	font:normal 0.8em Arial, Helvetica, sans-serif;
	padding:0px 10px 15px 10px;
	margin:0;
	color:#666666;
	}

.blog-content a
	{
	text-decoration:none;
	color:#9f35be;
	}

.blog-content a:hover
	{
	text-decoration:underline;
	color:#9f35be;
	}

.blog-content small
	{
	padding:5px 0 10px 10px;
	float:left;
	width:390px;
	}


.page-right-content-short
	{
	width:430px;
	height:260px;
	float:left;
	padding:0;
	margin:0 0 10px 0;
	background-image:url(../images/right-page-overlay-short.png);
	background-repeat:no-repeat;
	}

.page-right-content-short p
	{
	font:normal 0.8em Arial, Helvetica, sans-serif;
	padding:10px 10px 15px 10px;
	margin:0;
	color:#666666;
	}

.page-right-content-short a
	{
	text-decoration:none;
	color:#9f35be;
	}

.page-right-content-short a:hover
	{
	text-decoration:underline;
	color:#9f35be;
	}
	



.page-right-content
	{
	width:430px;
	height:260px;
	float:left;
	padding:0;
	margin:0 0 10px 0;
	}

.page-right-content ul
	{
	padding:0;
	margin:0 0 0 20px;
	}

.page-right-content li
	{
	font:normal 0.9em Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	color:#666666;
	line-height:1.4em;
	list-style:none;
	}

.page-right-content a
	{
	text-decoration:none;
	color:#9f35be;
	}

.page-right-content a:hover
	{
	text-decoration:underline;
	color:#9f35be;
	}


.start-btn
	{
	float:right;
	width:284px;
	height:50px;
	padding:0;
	margin:110px 10px 0 0;
	background-image:url(../images/start_btn_bg.png);
	background-repeat:no-repeat;
	}
	
.start-btn h2
	{
	font:bold 1.4em Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:10px 0 0 10px;
	margin:0;
	float:left;
	}

.start-btn h2 a
	{
	color:#FFFFFF;
	text-decoration:none;
	}

.start-btn h2 a:hover
	{
	color:#FFFFFF;
	text-decoration:underline;
	}

.start-btn h3
	{
	font:bold 1.0em Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:15px 0 0 10px;
	margin:0;
	float:left;
	}

.start-btn h3 a
	{
	color:#FFFFFF;
	text-decoration:none;
	}

.start-btn h3 a:hover
	{
	color:#FFFFFF;
	text-decoration:underline;
	}
	

.solutions-btn
	{
	float:right;
	width:284px;
	height:50px;
	padding:0;
	margin:20px 10px 0 0;
	background-image:url(../images/start_btn_bg.png);
	background-repeat:no-repeat;
	}
	
.solutions-btn h2
	{
	font:bold 1.4em Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:10px 0 0 10px;
	margin:0;
	float:left;
	}

.solutions-btn h2 a
	{
	color:#FFFFFF;
	text-decoration:none;
	}

.solutions-btn h2 a:hover
	{
	color:#FFFFFF;
	text-decoration:underline;
	}
	
.solutions-btn h3
	{
	font:bold 1.0em Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:15px 0 0 10px;
	margin:0;
	float:left;
	}

.solutions-btn h3 a
	{
	color:#FFFFFF;
	text-decoration:none;
	}

.solutions-btn h3 a:hover
	{
	color:#FFFFFF;
	text-decoration:underline;
	}

.main-right-content
	{
	width:410px;
	height:370px;
	float:left;
	padding:10px;
	margin:0;
	background-image:url(../images/right-page-overlay.png);
	background-repeat:no-repeat;
	}

.main-right-content h2
	{
	font:bold 1.6em Arial, Helvetica, sans-serif;
	padding:15px 0px;
	margin:0;
	color:#666666;
	}

.main-right-content p
	{
	font:normal 0.8em Arial, Helvetica, sans-serif;
	padding:65px 10px 15px 10px;
	margin:0;
	color:#666666;
	}

.main-right-content a
	{
	text-decoration:none;
	color:#9f35be;
	}

.main-right-content a:hover
	{
	text-decoration:underline;
	color:#9f35be;
	}


.page-callouts
	{
	padding:0;
	margin:0;
	float:left;
	}

.page-callouts ul
	{
	padding:0;
	margin:0;
	list-style:none;
	float:left;
	}
	
.page-callouts li
	{
	width:130px;
	height:110px;
	margin:0 6px 0 0;
	padding:0;
	border:solid 5px #eaeaea;
	float:left;
	background-color:#FFFFFF;
	}

.call-1
	{
	padding:0;
	margin:0;
	float:left;
	background-image:url(../images/women-women-bg.jpg);
	background-repeat:no-repeat;
	}

.call-1 h2
	{
	font:bold 0.9em Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:5px;
	margin:10px 0 0 5px;
	/*background-color:#333333;*/
	background-image:url(../images/call-over-bg.png);
	}
	
.call-1 p
	{
	font:normal 0.8em Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:0 5px 5px 5px;
	margin:0;
	}

.call-2
	{
	padding:0;
	margin:0;
	float:left;
	background-image:url(../images/investment-bg.jpg);
	background-repeat:no-repeat;
	}

.call-2 h2
	{
	font:bold 0.9em Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:5px;
	margin:10px 0 0 5px;
	/*background-color:#333333;*/
	background-image:url(../images/call-over-bg.png);
	}
	
.call-2 p
	{
	font:normal 0.8em Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:0 5px 5px 5px;
	margin:0;
	}

.call-3
	{
	padding:0;
	margin:0;
	float:left;
	background-image:url(../images/protection-bg.jpg);
	background-repeat:no-repeat;
	}

.call-3 h2
	{
	font:bold 0.9em Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:5px;
	margin:10px 0 0 5px;
	/*background-color:#333333;*/
	background-image:url(../images/call-over-bg.png);
	}
	
.call-3 p
	{
	font:normal 0.8em Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:0 5px 5px 5px;
	margin:0;
	}

.call-4
	{
	padding:0;
	margin:0;
	float:left;
	background-image:url(../images/mortgaes-bg.jpg);
	background-repeat:no-repeat;
	}

.call-4 h2
	{
	font:bold 0.9em Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:5px;
	margin:10px 0 0 5px;
	/*background-color:#333333;*/
	background-image:url(../images/call-over-bg.png);
	}
	
.call-4 p
	{
	font:normal 0.8em Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:0 5px 5px 5px;
	margin:0;
	}

.call-5
	{
	padding:0;
	margin:0;
	float:left;
	background-image:url(../images/retirement-bg.jpg);
	background-repeat:no-repeat;
	}

.call-5 h2
	{
	font:bold 0.9em Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:5px;
	margin:10px 0 0 5px;
	/*background-color:#333333;*/
	background-image:url(../images/call-over-bg.png);
	}
	
.call-5 p
	{
	font:normal 0.8em Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:0 5px 5px 5px;
	margin:0;
	}

.call-6
	{
	padding:0;
	margin:0;
	float:left;
	background-image:url(../images/inheritance-bg.jpg);
	background-repeat:no-repeat;
	}

.call-6 h2
	{
	font:bold 0.9em Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:5px;
	margin:10px 0 0 5px;
	/*background-color:#333333;*/
	background-image:url(../images/call-over-bg.png);
	}
	
.call-6 p
	{
	font:normal 0.8em Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:0 5px 5px 5px;
	margin:0;
	}

.frame	
	{
	overflow: auto;
	width:430px;
	height:180px;
	padding:0;
	margin:0;
	}

.frame-large	
	{
	overflow: auto;
	width:430px;
	height:260px;
	padding:0;
	margin:0;
	}



.text-field
	{
	border:none;
	background-color:#e8e8e8;
	padding:5px;
	margin:0 5px 0 0;
	}

.call-content
	{
	float:left;
	width:120px;
	height:80px;
	margin:0 0 5px 0;
	padding:0;
	}
	
.learn
	{
	float:right;
	padding:2px 5px;
	margin:0;
	background-color:#9f35be;
	color:#FFFFFF;
	font:normal 0.8em Arial, Helvetica, sans-serif;
	top:100px;
	}

.learn a
	{
	color:#FFFFFF;
	text-decoration:none;
	}

.learn a:hover
	{
	color:#FFFFFF;
	text-decoration:underline;
	}

.submit-btn
	{
	float:left;
	height:25px;
	width:70px;
	background-image:url(../images/submit-btn.png);
	background-repeat:no-repeat;
	color:#FFFFFF;
	border:0;
	padding:0;
	margin:0;
	}

.submit-btn a
	{
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	padding:0;
	margin:0;
	}



.submit-btn a:hover
	{
	color:#FFFFFF;
	text-decoration:underline;
	}

/* Form CSS */

.page-form
	{
	padding:0;
	margin:0;
	}

.form-item
	{
	width:400px;
	float:left;
	padding:0;
	margin:0 0 5px 0;
	}

.form-item-check
	{
	width:400px;
	float:left;
	padding:0;
	margin:0;
	}

.form-lable
	{
	width:100px; 
	float:left;
	padding:0;
	margin:0 10px 0 0;
	font:0.8em Arial, Helvetica, sans-serif;
	}

.form-lable-checkbox
	{
	width:300px; 
	float:left;
	padding:0;
	margin:0 10px 10px 0;
	font:0.8em Arial, Helvetica, sans-serif;
	}

.checkbox
	{
	width:130px;
	
	float:left;
	padding:0;
	margin:0 0 10px 0;
	font:0.8em Arial, Helvetica, sans-serif;
	/*background-color:#666666;*/
	}

.checkbox-box
	{
	width:20px;
	float:left;
	padding:0;
	margin:0;
	}

.checkbox-lable
	{
	width:100px;
	float:left;
	padding:0;
	margin:0 0 0 10px;
	}

.form-btn
	{
	float:right;
	padding:0;
	margin:0;
	}

.form-submit-btn
	{
	float:left;
	width:70px;
	background-image:url(../images/submit-btn.png);
	background-repeat:no-repeat;
	color:#FFFFFF;
	border:0;
	padding:4px 0 10px 0;
	margin:0;
	}

/* Form CSS */



/*******************************  maw css  *******************************/	
/* Content CSS											    		     */
/*******************************  maw css  *******************************/	




/*******************************  maw css  *******************************/	
/* Footer CSS											    		     */
/*******************************  maw css  *******************************/

.footer-area
	{
	border-top:dotted 1px #e3e3e3;
	padding:0 0 10px 0;
	float:left;
	width:900px;
	}

.footer-copy
	{
	width:450px;
	float:left;
	padding:0;
	margin:0;
	}

.footer-copy p
	{
	font:normal 0.7em Arial, Helvetica, sans-serif;
	padding:20px 10px;
	margin:0;
	}

.footer-copy a
	{
	text-decoration:none;
	color:#9f35be;
	}

.footer-copy a:hover
	{
	text-decoration:underline;
	color:#9f35be;
	}

.footer-form
	{
	padding:0;
	margin:0;
	}

.footer-form ul
	{
	padding:0;
	margin:0;
	list-style:none;
	}

.footer-form li
	{
	padding:0;
	margin:0 0px 0 0;
	float:left;
	}

.footer-newsletter
	{
	padding:0;
	margin:0;
	}

.footer-newsletter h3
	{
	font:normal 1.2em Arial, Helvetica, sans-serif;
	color:#c559f4;
	padding:10px 0;
	margin:0;
	}