/* CSS Document */

/* CODE PROTECTED BY COPYRIGHT */
/* AUTHOR: Mike Laye - http://www.image-access.net - mail@image-access.net */
/* CODE PROTECTED BY COPYRIGHT */

* {
margin:0;
padding:0;
border: 0;
}

body {
background-color: #726D93;
color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

p, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


#holder {
position: relative;
width: 771px;
margin: 0 auto;
background-color:#D2E4EF;
border:1px solid #fff;
}

/* Header */

#header {
height:60px;
padding-top: 14px;
color: #fff;
background-color: #85639E;
}

#header p {
	font-size: 11px;
	/*font-weight: bold;*/
	margin-left: 577px;
	margin-top: 5px;
}

#logo {
float: left;
position:relative;
top: -14px;
left: 105px;
}

/* Main Nav Bar */

#main_nav {
position: relative;
height: 18px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
background-color: #C9BBD5;
}

#main_nav ol {
list-style: none;
position: absolute;
left: 140px;
top: 0px;
}

#main_nav li {
float: left;
/*font-weight: bold;*/
text-align: left;
}

#main_nav a:link, #main_nav a:visited, #main_nav a:active {
display: block;
text-decoration: none;
color: #fff;
font-size: 13px;
width: 100px;
}

#main_nav a:hover {
color: #85639E;
}

#main_nav a.selected {
/*color: #85639E;*/
color: #000;
}

/* Sub Nav Bar */

#sub_nav {
position:relative;
float: left;
width: 120px;
height:239px;
overflow:hidden;
}

#sub_nav ol {
list-style: none;
background-color: #E5E3E7;
background-image:url(../images/sub_nav_bg.jpg);
}

#sub_nav li {
border-bottom: 1px solid #9B9A9B;
}

#sub_nav a:link, #sub_nav a:visited, #sub_nav a:active {
display: block;
text-decoration: none;
color: #9B9A9B;
height:18px;
padding: 2px 5px 0 5px;
font-size: 12px;
}

#sub_nav a#double {
height: 33px;
}

#sub_nav a#double2 {
height: 32px;
}


#sub_nav a:hover {
color: #383839;
}

#sub_nav a.selected {
color: #000;
}

#IFA_logo {
position: absolute;
bottom: 60px;
left: 34px;
}

/* Main Body */

#main_body {
position: relative;
float:left;
width: 456px;
background-color:#fff;
overflow: auto;
height: 644px;
}

#main_body h2 {
font-size: 17px;
color:#85639e;
padding: 27px 0 30px 20px;
}

#main_body h3 {
margin: 0;
padding: 0;
color:#85639e;
padding-left: 20px;
padding: 0px 20px 2px 20px;
font-size: 14px;
}

#main_body p {
font-size: 14px;
margin: 0px 20px 20px 20px;
line-height: 120%;
}

#main_body ul {
font-size: 14px;
margin-top: 0;
margin-bottom: 15px;
line-height: 120%;
}

#main_body ul {
	list-style-position: outside;
	list-style-type: disc;
}

#main_body li {
margin: 5px 50px;
padding: 0 10px;
}

#main_body.colour_bg {
background-color: #C9BBD5;
}

/* Home page */

#home_text h2 {
padding: 30px 0 10px 20px;
}

#home_text p {
font-size: 14px;
margin: 10px 20px 10px 20px;
line-height: 130%;
}

#home_text img.float_right {
float: right;
padding: 5px  0 0px 20px;
}

/* Pensions page */

#pensions h3 {
color:#ca7e4f;
}

#pensions_menu {
list-style: none;
padding-top: 26px;
margin-bottom: 53px;
}

#pensions_menu li {
margin: 0;
padding: 0;
font-weight: bold;
}

#pensions_menu a:link, #pensions_menu a:visited, #pensions_menu a:active {
text-decoration: none;
font-size: 17px;
color:#aaa;
padding-left: 20px;
}

#pensions_menu a:hover {
color:#85639e;
}

#pensions_menu a.selected {
color:#85639e;
}

#pensions_menu a.pensions_menu_hilite {
color: #85639E;
}

/* Mortgages page */

#mortgages h3 {
color:#B1273C;
}

/* Contact page */

#contact p {
font-size: 14px;
line-height: 130%;
}

#contact p.details {

line-height: 200%;
}

#pensions p.advisory, #mortgages p.advisory {
font-size: 10px;
color: #666;
border-top: 1px solid #999;
padding-top:10px;
}

/* Sub body */

#sub_body {
float: right;
width: 195px;
/*background-color:#D2E4EF;*/
}

#sub_text {
padding-top: 20px;
/*height: 377px;*/
border-left: 1px dashed #999;
height: 374px;
}

/* Footer */

#footer {
clear:both;
color:#fff;
font-size: 10px;
background-color: #85639E;
padding: 10px 20px;
height: 30px;
}

/* SPECIAL CLASSES */

.purple {
color: #85639E;
}

.make_hidden {
	visibility: hidden;
}

.make_visible {
	visibility: visible;
}

.make_none {
display: none;
}

.make_block {
display: block;
}
