@charset "utf-8";
/* CSS Document central holder for styles 
this file contains the main layout styles for the page 
*/

/* all files are imported */
@import url(reset.css);
@import url(typography.css);
@import url(media.css);
@import url(ie.css);
@import url(buttons.css);
@import url(contact.css);


/* page structure */
#wrap {
	width:900px;
	margin:0 auto 0 auto;
	position:relative;
}

#main_holder {
	position:relative;
	padding:0px 0px 0px 0px; /* from 150px for call to action buttons */
	min-height:600px; /* will need and ie6 fix */
	background-repeat:no-repeat;
	clear:both;
	height:auto;
}

#main {
	width:660px; /* from 660 */
	float:right;
	height:auto;
	z-index:0;
	/* extra styles to justify the text 
	padding:0 30px 0 0;*/
}

#main_right_text_bar {
	/* background-color:#333333; */
	/* background-color:rgba(51,51,51,0.6); taken out to fix ie 8*/
	background:transparent url(../img/home/twitter_bg_ex.png) scroll repeat 0 0;
	width:236px;
	height:423px;
	float:right;
	margin-right:3px; /* will have to fix this in ie6 */
	margin-top:174px;
	display:inline-block;
	overflow:hidden;
	
}

#about_profile {
	width:200px; /* from 218 */
	min-height:300px;
	float:right;
	padding:100px 0 0px 15px; /* will have to fix this in ie6 */
	border-left:#eff2e7 solid 1px;
	margin-right:5px;
	display:inline-block;
	clear:left;
	z-index:3;	/* code added to fix profile heads */
	position:relative;
	
}

* html #about_profile {
	width:200px;
	clear:none;
	padding:0;

}

#about_keydetails {
	width:140px; /* from 118 */
	margin:46px 0 0 280px;
	display:inline-block;
	text-align:right;
	position:absolute;
	right:235px;
	z-index:5;
	top: 33px;
}

* html #about_keydetails {
	width:125px; /* from 118 */
	margin:100px 0 0 170px;
	display:inline;
}

#home_main_left {
	width:410px;
	float:left;
	min-height:300px;
	padding-left:7px;
}

#header {
	height:200px;
}

#secondary {
	width:230px;
	float:left;
	border-right:#eff2e7 solid 1px;
}

/* new style added */
#banners_wrap {
	width:230px;
	height:550px;
	position:relative;
	clear:left;
	position:absolute;
	bottom:0;
	left:0;
}

/* fixes for selected low quantity pages */


#banners ul#adverts {
	padding:0 0 0 10px;
}

#footer {
	background-color:#323232;
	color:#FFFFFF;
	width:950px;
	padding-top:100px;
	position:relative;
	padding:10px;
}

#footer_credits {
	margin:20px 0 0 0;
	padding:0 0 0 30px;
	clear:both;
}

.footer_nav {
	width:140px;
	float:left;
	padding:0 0 0 30px;
}

#footer_nav_container {
	width:100%;
	margin-top:130px;
}

#logo {
	padding-top:30px;

}

/* home page styles subnavigation */

#iphone_app {
	background:transparent url(../img/home/financial_planning_box.png) scroll no-repeat 0 0;
	width:180px;
	height:200px;
	/*margin-top:174px; */
	position:absolute;
	top:225px;
	left:633px;
	
	display:none;
}

#home_private_nav {
	background:transparent url(../img/home/financial_planning_box.png) scroll no-repeat 0 0;
	width:180px;
	height:200px;
	/*margin-top:174px; */
	position:absolute;
	top:225px;
	
}

#home_corporate_nav {
	width:180px;
	height:200px;
	background:transparent url(../img/home/corporate_box.png) scroll repeat 0 0;
	position:absolute;
	top:225px;
	left:440px;
}


#home_private_nav ul, #home_corporate_nav ul {
	padding-top:60px; /* from 15px when callout removed */	
}

#twitter_box {
	/*background:transparent url(../img/home/twitter_title.png) scroll no-repeat 15px -15px;
	padding-top:130px; */
	position:absolute;
	top:450px;
	left:225px;
	width:300px;
	color:#333;
	
}

#home_corporate_links, #home_private_links {
	padding:0;
}

#home_corporate_nav ul, #home_private_nav ul {
	padding-left:5px;
}

#home_corporate_links li, #home_private_links li {
	margin:0 0 0 0px;	
	list-style:none;
}

#home_corporate_links a, #home_private_links a {
	text-decoration:none;
	color:#333;
	display:block;
	width:100%;
	line-height:15px;
}

#home_corporate_links a:hover, #home_private_links a:hover {
	color:#FFF;	
}
/* nav styling */
#nav {
	width:100%;
	height:80px;
	position:absolute;
	top:150px;
	left:0;
}
#nav li {
	float:left;
	min-width:1px;
	display:inline-block;
}

#nav li a {
	display:block;
	height:40px;
	text-indent:-999em;
	z-index:3;
	min-width:1px;
	width:100%;
	float:left;
}



#nav_home, #nav_about, #nav_privateclients, #nav_coprorateclients, #nav_news, #nav_links, #nav_contact {
	background-image:url(../img/navigation/nav.png);
	background-repeat:no-repeat;
	background-attachment:scroll;
	display:inline-block;
}

#nav_home a.current, #nav_home a:hover, #nav_about a.current, #nav_about a:hover, #nav_privateclients a.current, #nav_privateclients a:hover, #nav_coprorateclients a.current, #nav_coprorateclients a:hover, #nav_news a.current, #nav_news a:hover, #nav_links a.current, #nav_links a:hover, #nav_contact a.current, #nav_contact a:hover{
	background-image:url(../img/navigation/nav_over.png);
	background-repeat:no-repeat;

}

#nav_home, #nav_home a.current, #nav_home a:hover {
	background-position:10px 0px;
	width:70px;
}

#nav_about, #nav_about a.current, #nav_about a:hover {
	background-position:-60px 0px;
	width:80px;
}


#nav_privateclients, #nav_privateclients a.current, #nav_privateclients a:hover {
	background-position:-140px 0px;
	width:130px;
}

#nav_coprorateclients, #nav_coprorateclients a.current, #nav_coprorateclients a:hover {
	background-position:-270px 0px;
	width:150px;
}

#nav_news, #nav_news a.current, #nav_news a:hover {
	background-position:-420px 0px;
	width:130px;
}

#nav_links, #nav_links a.current, #nav_links a:hover {
	background-position:-550px 0px;
	width:50px;
}

#nav_contact, #nav_contact a.current, #nav_contact a:hover {
	background-position:-600px 0px;
	width:130px;
}

/* left sidebar navigation */
#subnav a {
	display:block;
	height:25px;
	width:220px;
}


#nav_about_overview a.current, #nav_about_overview a:hover, #nav_about_ourpeople a.current, #nav_about_ourpeople a:hover, #nav_about_vacancies a.current, #nav_about_vacancies a:hover, #nav_about_brochure a.current, #nav_about_brochure a:hover {
	background-image:url(../img/navigation/subnav_about_over.gif);
}

#nav_about_overview, #nav_about_overview a.current, #nav_about_overview a:hover {
	background-position:-6px -10px; /* left then top */
}

#nav_about_ourpeople, #nav_about_ourpeople a.current, #nav_about_ourpeople a:hover {
	background-position:-6px -35px;
}

#nav_about_vacancies,  #nav_about_vacancies a.current, #nav_about_vacancies a:hover {
	background-position:-6px -60px;
}

#nav_about_brochure, #nav_about_brochure a.current, #nav_about_brochure a:hover {
	background-position:-6px -105px;
	/* margin-top:28px; */
}

#nav_privateclients_protection, #nav_privateclients_wealthmanagement, #nav_privateclients_inheritancetax, #nav_privateclients_pensions, #nav_privateclients_investment, #nav_privateclients_mortgages, #nav_privateclients_generalinsurance, #nav_privateclients_wills, #nav_privateclients_generaltax {
	display:block;
	background-color:transparent;
	height:24px;
	width:220px;
	text-indent:-9999em;
	background-image:url(../img/navigation/subnav_private.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}

#nav_privateclients_protection a.current, #nav_privateclients_protection a:hover, #nav_privateclients_wealthmanagement a.current, #nav_privateclients_wealthmanagement a:hover, #nav_privateclients_inheritancetax a.current, #nav_privateclients_inheritancetax a:hover, #nav_privateclients_pensions a.current, #nav_privateclients_pensions a:hover, #nav_privateclients_investment a.current, #nav_privateclients_investment a:hover, #nav_privateclients_mortgages a.current, #nav_privateclients_mortgages a:hover, #nav_privateclients_generalinsurance a.current, #nav_privateclients_generalinsurance a:hover, #nav_privateclients_wills a:hover, #nav_privateclients_wills a.current, #nav_privateclients_wills a:hover, #nav_privateclients_generaltax a:hover, #nav_privateclients_generaltax a.current, #nav_privateclients_generaltax a:hover {
	background-image:url(../img/navigation/subnav_private_over.gif);
}

/* position 1 in navigation size between words is 23px */
#nav_privateclients_protection, #nav_privateclients_protection a.current, #nav_privateclients_protection a:hover {
	background-position:-6px -10px;
}

/* position 2 in navigation */
#nav_privateclients_pensions, #nav_privateclients_pensions a.current, #nav_privateclients_pensions a:hover {
	background-position:-6px -33px;
}

/* position 3 in navigation */

#nav_privateclients_investment, #nav_privateclients_investment a.current, #nav_privateclients_investment a:hover  {
	background-position:-6px -56px;
}

/* position 4 in navigation */
#nav_privateclients_mortgages, #nav_privateclients_mortgages a.current, #nav_privateclients_mortgages a:hover {
	background-position:-6px -79px;
}

/* position 5 in navigation */
#nav_privateclients_generalinsurance, #nav_privateclients_generalinsurance a.current, #nav_privateclients_generalinsurance a:hover {
	background-position:-6px -104px;
}

/* position 6 in navigation */
#nav_privateclients_inheritancetax, #nav_privateclients_inheritancetax a.current, #nav_privateclients_inheritancetax a:hover {
	background-position:-6px -127px;
}

/* position 7 in navigation */
#nav_privateclients_generaltax, #nav_privateclients_generaltax a.current, #nav_privateclients_generaltax a:hover {
	background-position:-6px -150px;
}

/* position 8 in navigation */
#nav_privateclients_wills, #nav_privateclients_wills a.current, #nav_privateclients_wills a:hover {
	background-position:-6px -174px;
}

/* position 9 in navigation */
#nav_privateclients_wealthmanagement, #nav_privateclients_wealthmanagement a.current, #nav_privateclients_wealthmanagement a:hover {
	background-position:-6px -197px;
}



#nav_contact_email, #nav_contact_request, #nav_contact_locations {
	display:block;
	background-color:transparent;
	height:25px;
	width:220px;
	text-indent:-9999em;
	background-image:url(../img/navigation/subnav_contact.gif);
	background-repeat:no-repeat;
}

#nav_contact_email a.current, #nav_contact_email a:hover, #nav_contact_request a.current, #nav_contact_request a:hover, #nav_contact_locations a.current, #nav_contact_locations a:hover {
	background-image:url(../img/navigation/subnav_contact_over.gif);
}

#nav_contact_email, #nav_contact_email a.current, #nav_contact_email a:hover {
	background-position:-6px -10px;
}

#nav_contact_request, #nav_contact_request a.current, #nav_contact_request a:hover {
	background-position:-6px -35px;
}

#nav_contact_locations, #nav_contact_locations a.current, #nav_contact_locations a:hover {
	background-position:-6px -60px;
}


#nav_corporateclients_overview, #nav_corporateclients_protection, #nav_corporateclients_finance, #nav_corporateclients_employee, #nav_corporateclients_pensions {
	display:block;
	background-color:transparent;
	height:25px;
	width:220px;
	text-indent:-9999em;
	background-image:url(../img/navigation/subnav_corporate.gif);
	background-repeat:no-repeat;
}

#nav_corporateclients_overview a.current, #nav_corporateclients_overview a:hover, #nav_corporateclients_protection a.current, #nav_corporateclients_protection a:hover, #nav_corporateclients_finance a.current, #nav_corporateclients_finance a:hover, #nav_corporateclients_employee a.current, #nav_corporateclients_employee a:hover, #nav_corporateclients_pensions a.current, #nav_corporateclients_pensions a:hover {
	background-image:url(../img/navigation/subnav_corporate_over.gif);
}
#nav_corporateclients_overview, #nav_corporateclients_overview a.current, #nav_corporateclients_overview a:hover {
	background-position:-6px -10px;
}

#nav_corporateclients_protection, #nav_corporateclients_protection a.current, #nav_corporateclients_protection a:hover {
	background-position:-6px -35px;
}

#nav_corporateclients_finance, #nav_corporateclients_finance a.current, #nav_corporateclients_finance a:hover {
	background-position:-6px -60px;
}

#nav_corporateclients_employee, #nav_corporateclients_employee a.current, #nav_corporateclients_employee a:hover {
	background-position:-6px -85px;
}

#nav_corporateclients_pensions, #nav_corporateclients_pensions a.current, #nav_corporateclients_pensions a:hover {
	background-position:-6px -110px;
}

#nav_legal_sitemap, #nav_legal_accessibility, #nav_legal_terms{
	display:block;
	background-color:transparent;
	text-indent:-9999em;
	background-image:url(../img/navigation/subnav_legal.gif);
	background-repeat:no-repeat;
	background-attachment:scroll;
}

#nav_legal_sitemap a.current, #nav_legal_sitemap a:hover, #nav_legal_accessibility a.current, #nav_legal_accessibility a:hover, #nav_legal_terms a.current, #nav_legal_terms a:hover {
 	background-image:url(../img/navigation/subnav_legal_over.gif);
	background-repeat:no-repeat;
	display:block;
 }

#nav_legal_sitemap, #nav_legal_sitemap a.current, #nav_legal_sitemap a:hover {
	background-position:-6px -10px; /* left then top */
}

#nav_legal_accessibility, #nav_legal_accessibility a.current, #nav_legal_accessibility a:hover {
	background-position:-6px -35px;
}

#nav_legal_terms, #nav_legal_terms a.current, #nav_legal_terms a:hover {
	background-position:-6px -60px;
}

#nav_about_overview, #nav_about_ourpeople, #nav_about_vacancies, #nav_about_brochure {
	display:block;
	background-color:transparent;
	height:25px;
	width:220px;
	text-indent:-9999em;
	background-image:url(../img/navigation/subnav_about.gif);
	background-repeat:no-repeat;
}



/* styles for about us staff nav */

#nav_staff a {
	text-decoration:none;
	display:block;
	width:100%;
	color:#333;
}

#nav_staff li a.current {
	color:#9C6;
}

#nav_social li {
	text-decoration:none;
	display:block;
	width:100%;
	margin-bottom:5px;
	padding-right:20px;
	color:#333;
}

#nav_social li a {
	text-decoration:none;
}

/* other styles */

hr, .hide {
	display:none;
}

/* self clearing floats */

.group:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#meet_the_team_link {
	text-indent:-999em;
	display:block;
	position:absolute;
	right:0;
	top:618px;
	width:370px;
	height:60px;
	background-color:transparent;
}

#meet_the_team_link a {
	display:block;	
	width:370px;
	height:60px;
}

/* new footer styles */
#footer_wrap {
	background:#323232 url(../img/layout/footerbg.jpg) scroll repeat-x 0 0;
	width:100%;
	margin-top:-102px;
	padding-top:103px;
	height:700px;
}

#footer_wrap div#footer {
	width:900px;
	margin:0 auto 0 auto;
}

#mortgage_calc_holder {
	padding:0 0 0 30px;
}

.grey_bg {
	background-color:#d7dfc3;
	padding:10px 0 0 0;
	margin:0;
	float:left;
}

.cleared {
	margin-top:60px;
}

#fsa_details {
	width:630px;
	margin-left:30px;
}

#fsa_details {
	margin-bottom:0;
}

#footer_credits #fsa_details {
	width:100%;
	margin-left:0px;
}

/*
Added by Dan
*/

#corporate_quicklinks {
font-size: 12px;
font-weight: bolder;
}
#corporate_quicklinks  a {
color: #8DA05C;
}

/* side bar fiz to get rollovers */

ul#adverts {
	height:270px;
}

#quotes_main {
	width:900px;
	height:780px;
	background:transparent url(../img/quotes/quote_page_bg.jpg) scroll no-repeat 0 0;
}

/* Login Panel */

#panel {
	width: 100%;
	height: 90px;
	position: absolute;
	top: -90px;
	left: 0px;
	z-index: 200;
	background-color: #333;
	color:#fff;
}
#panel a {
	text-decoration:underline;
	color:#fff;
}
#panel .holder {
	width:900px;
	margin:0px auto;
	padding-top:20px;
	color:#fff;
}
#panel .holder p {
	margin-bottom:10px;
}
#panel-tab {
	width: 348px;
	height: 36px;
	position: absolute;
	bottom: -36px;
	left: 50%;
	margin-left:90px;
	color:#333;
	background-color: #b9c69c;
	text-decoration: none;
	text-indent:-99999px;
}
#panel:hover .holder #panel-tab,
#panel-tab:hover {
	color: #b9c69c;
	background-color: #333;
}
#panel-tab:focus {
	outline: none;
}