/*========================================================

Global CSS file for The Fry Group

Created by Strawberrysoup - www.strawberrysoup.co.uk

=========================================================*/

body {
	background: url('../cssimages/body_background.jpg');
}

#wrapper {
	background: url('../cssimages/wrapper_background.jpg') top repeat-x ;
	padding: 15px 0 0 0;
}

a:active, a:focus { 
	outline-style: none; -moz-outline-style:none;
}

/*===================================================================
BRANDING
===================================================================*/

#branding h1 a {
	display:block;
	text-indent: -999em;
	width: 910px;
	margin: 0px auto 0 auto;
	height: 79px;
	background: url('../cssimages/branding_logo.png') no-repeat 0 25px;
	*background: none;
	*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/cssimages/branding_logo.png", sizingMethod="crop");
}

/*===================================================================
LINKS TO ASIAN SITES
===================================================================*/

#collaborative_sites {
	position: absolute;
	list-style: none;
	top: -135px;
	right: 0px;
	width: 255px;
}

#collaborative_sites li {
	min-width: 67px;
	margin: 0 10px 0 0;
	float: left;
}

#collaborative_sites li a {
	text-indent: -9999em;
	display: block;
}

#collaborative_sites li.world a {
	width: 81px;
	height: 21px;
	background: url('../cssimages/link_nav_world_a.jpg');
}

#collaborative_sites li.hk a {
	width: 73px;
	height: 21px;
	background: url('../cssimages/link_nav_hk.jpg');
}

#collaborative_sites li.hk a:hover {
	background: url('../cssimages/link_nav_hk_a.jpg');

}

#collaborative_sites li.sg a {
	width: 67px;
	height: 21px;
	background: url('../cssimages/link_nav_sg.jpg');
}

#collaborative_sites li.sg a:hover {
	background: url('../cssimages/link_nav_sg_a.jpg');
}

/*===================================================================
NAVIGATION
===================================================================*/

#main_navigation {
	width: 960px;
	margin: 18px auto 0 auto;
	padding: 0px 0 0 35px;
	list-style: none;
	font-size: 1.2em;
}

#main_navigation li {
	float: left;
	margin: 0 25px 0 0;
}

#main_navigation li a {
	color: #333;
	display: block;
	padding: 5px 10px 5px 10px;
}

#main_navigation li:hover {
	color: #fff;
	background: url('../cssimages/nav_hover_background.jpg') ;
}

#main_navigation li:hover a {
	color: #fff;
}

#main_navigation li:hover ul a {
	color: #000;
}

#main_navigation li:hover ul li a:hover {
	color: #fff;
}

#main_navigation li a:hover {
	color: #fff;
	display: block;
	background: url('../cssimages/nav_hover_background.jpg') ;
}

/*===================================================================
SUB NAVIGATION WITH HOVER
===================================================================*/

#main_navigation ul {
	display: none;
	position: absolute;
	list-style: none;
/*	background: url('../cssimages/subnav_background.png');*/
	background: #fff;
	z-index: 999;
	border-left: solid 1px #b1b1b1;
	border-bottom: solid 1px #b1b1b1;
	border-right: solid 1px #b1b1b1;
}

#main_navigation ul li {
	float: none;
	margin: 0px 0 0px 0;
	border: solid 1px #fff;
}

/*--------------------------SECOND LEVEL NAVIGATION--------------------------*/

#main_navigation li:hover ul.subnavigation_2 {
	display: block;
}

/*====================================IE6 FIX====================================*/

*html #main_navigation li.msieFix ul.subnavigation_2 {
	display: block;
}

*html #main_navigation li.msieFix ul.subnavigation_2 a {
	padding: 5px 5px 5px 10px;
}

*html #main_navigation ul li {
	margin: 0px 0 0px 0;
	padding: 0;
}

/*====================================END FIX====================================*/


/*--------------------------THIRD LEVEL NAVIGATION--------------------------*/

#main_navigation li ul.subnavigation_2 li:hover ul.subnavigation_3 {
	display: block;
	margin: -15px 0 0 169px;
}

/*====================================IE6 FIX====================================*/
*html #main_navigation li ul.subnavigation_2 li.msieFix ul.subnavigation_3 {
	display: block;
	margin: -15px 0 0 169px;
}
/*====================================END FIX====================================*/

/*--------------------------FOURTH LEVEL NAVIGATION--------------------------*/

#main_navigation li ul.subnavigation_3 li:hover ul.subnavigation_4 {
	display: block;
	margin: -26px 0 0 169px;
}

#breadcrumb {
	font-size: 1.2em;
	display: block;
}

#breadcrumb a {
	color: #000;
	text-decoration: underline;
}

#breadcrumb a:hover {
	color: #7B7B7B;
	text-decoration: none;
}

/*====================================IE6 FIX====================================*/
#main_navigation li ul.subnavigation_3 li.msieFix ul.subnavigation_4 {
	display: block;
	margin: -26px 0 0 169px;
}
/*====================================END FIX====================================*/

/*===================================================================
CUSTOMER LOGIN
===================================================================*/
#main_navigation li#customer_login {
	margin: 0px 0 0 365px;
	border-left: solid 1px #c5c5c5;
	border-right: solid 1px #c5c5c5;
}

#main_navigation li#customer_login a {
	color: #1161be;	
}

#main_navigation li#customer_login:hover #library, #main_navigation li#customer_login a:hover  {
	color: #fff;
}

/*====================================IE6 FIX====================================*/
* html li#customer_login ul {
	width: 150px;
}
/*====================================END FIX====================================*/

/*===================================================================
CONTAINER
===================================================================*/

#container {
	position: relative;
	width: 920px;
	margin: 0px auto 0 auto;
	padding: 20px 20px 30px 20px;
	background: #fff;
}

/*===================================================================
BANNER (HOME)
===================================================================*/

#banner, body.subpage404 #subpage_banner {
	width: 921px;
	height: 324px;
	background: url('../cssimages/home_banner.jpg') no-repeat;
	margin: 0 0 20px 0;
}

#banner h2 {
	text-indent: -9999em;
}

#banner p {
	width: 680px;
	margin: 230px 0 0 0;
	padding: 10px 0 0 25px;
	font-size: 1.2em;
	line-height: 1.4em;
}

/*===================================================================
BANNERS ON SUB PAGES
===================================================================*/

#subpage_banner {
	width: 921px;
	height: 196px;
	margin: 0 0 20px 0;	
}

body.hp3 #subpage_banner {
	background: url('../cssimages/banner_about.jpg') no-repeat;
}

body.hp5 #subpage_banner {
	background: url('../cssimages/banner_contact.jpg') no-repeat;
}

/*-----------------------------------OUR SERVICES-----------------------------------*/

body.hp4 #subpage_banner {
	background: url('../cssimages/banner_services.jpg') no-repeat;
}

body.subpage_6 #subpage_banner {
	background: url('../cssimages/banner_uk_retirement.jpg') no-repeat;
}

body.subpage_7 #subpage_banner {
	background: url('../cssimages/banner_expat_retirement.jpg') no-repeat;
}

body.subpage_8 #subpage_banner {
	background: url('../cssimages/banner_uk_financial.jpg') no-repeat;
}

body.subpage_9 #subpage_banner {
	background: url('../cssimages/banner_expat_financial.jpg') no-repeat;
}

/*----------------------------------- PODCASTS -----------------------------------*/

body.subpage_131 #subpage_banner {
	background: url('../cssimages/banner_podcast.jpg') no-repeat;
}

/*-----------------------------------FOOTER PAGES-----------------------------------*/

body.subpage_12 #subpage_banner, body.subpage_13 #subpage_banner, body.subpage_14 #subpage_banner, body.subpage_14 #subpage_banner {
	height: 90px;
}

body.subpage_12 #subpage_banner {
	background: url('../cssimages/banner_reg_info.jpg') no-repeat;
}

body.subpage_13 #subpage_banner {
	background: url('../cssimages/banner_privacy.jpg') no-repeat;
}

body.subpage_14 #subpage_banner {
	background: url('../cssimages/banner_terms.jpg') no-repeat;
}

/*body.subpage_15 #subpage_banner {
	background: url('../cssimages/banner_expat_financial.jpg') no-repeat;
}*/

/*===================================================================
CONTENT (HOME PAGE)
===================================================================*/

#CTA_retirement, #CTA_work {
	width: 452px;
	height: 155px;
	margin: 0 0 20px 0;
	position: relative;
}

#CTA_work {
	float: left;
}

#CTA_retirement {
	float: right;
	background: url('../cssimages/retirement_planning.jpg') no-repeat;
}

#CTA_retirement p, #CTA_work p {
	width: 215px;
	margin: 45px 0 0 201px;
	line-height: 1.2em;
	font-size: 1.2em;
}

#CTA_retirement h3, #CTA_work h3 {
	text-indent: -9999em;
}

.button_residents, .button_expats {
	position: absolute;
	margin: 0;
	top: 80px;
}

.button_residents {
	left: 0px;
}

.button_expats {
	left: 133px;
}

#CTA_retirement .button_residents a, #CTA_work .button_residents a {
	text-indent: -9999em;
	display: block;
	width: 124px;
	height: 22px;
	background: url('../cssimages/uk_residents_button.jpg') no-repeat;
}

#CTA_retirement .button_residents a:hover, #CTA_work .button_residents a:hover {
	background: url('../cssimages/hover_uk_res_button.jpg') no-repeat;
}

#CTA_retirement .button_expats a, #CTA_work .button_expats a {
	text-indent: -9999em;
	display: block;
	width: 108px;
	height: 22px;
	background: url('../cssimages/uk_expats_button.jpg') no-repeat;
}

#CTA_retirement .button_expats a:hover, #CTA_work .button_expats a:hover {
	background: url('../cssimages/hover_uk_exp_button.jpg') no-repeat;
}

/*----------left column-----------*/

#left_column {
	position: relative;
	width: 452px;
	float: left;
}

/*---------------- Exec bios ----------------*/

#cms_content h2.bio_header {
	font-size: 1.6em;
	clear: both;
	margin: 20px 0 20px 0;
	padding: 5px;
	background: #ccc;
}

/*===================================================================
NEWS SECTION (HOME)
===================================================================*/

#news_section {
	border: solid 1px #b1b1b1;
	padding: 12px 20px;
	margin: 0px 0 0 0;
}

#news_section h1 {
	height: 26px;
	width: 235px;
	background: url('../cssimages/news_header.jpg');
	text-indent: -9999em;
}

#news_section p#rss_button {
	position: absolute;
	top: 0px;
	right: 10px;	
}

#news_section p#rss_button a {
	display: block;
	text-indent: -9999em;
	background: url('../cssimages/rss.jpg') no-repeat;
	width: 21px;
	height: 21px;
}

#news_section ul {
	list-style: none;
	margin: 0px 0 0 0;
	font-size: 1.2em;
}

#news_section ul li {
	border-bottom: solid 2px #b1b1b1;
	margin: 20px 0 20px 0;
	padding: 0 0 13px 0;
}

/*-------------------------------------------------IE FIX-------------------------------------------------*/

* html #news_section ul li {
	margin: 20px 0 22px 0;
}

*:first-child+html #news_section ul li {
	margin: 20px 0 22px 0;
}

/*-------------------------------------------------END OF IE FIX-------------------------------------------------*/

/*-------------------------------------------------IE FIX MAYBE NEEDED-------------------------------------------------*/
#news_section ul li:last-child {
	border: none;
}
/*-------------------------------------------------END-------------------------------------------------*/

#news_section h4 a, #news_section p a {
	color: #1161be;
}

/*----------right column-----------*/

#right_column {
	position: relative;
	width: 452px;
	float: right;
}

#CTA_work {
	background: url('../cssimages/working_planning.jpg') no-repeat;
}

/*-------------------------------------------------WANT TO CALL US SECTION-------------------------------------------------*/

#CTA_contact_details {
	width: 216px;
	height: 231px;
	float: left;
	background: url('../cssimages/CTA_contact_background.jpg') no-repeat;
}

#CTA_contact_details h2 {
	text-indent: -9999em;
}

#CTA_contact_details p {
	line-height: 1.2em;
	font-size: 1.2em;
	padding: 10px 15px 0 15px;
}

#CTA_contact_details p#nearest_office {
	margin: 70px 0 0 118px;
	padding: 0;
}

#CTA_contact_details p a {
	display: block;
	width: 88px;
	height: 36px;
	text-indent :-9999em;
	background: url('../cssimages/CTA_contact_button.jpg');
}

#CTA_contact_details p a:hover {
	background: url('../cssimages/hover_CTA_contact_button.jpg');
}

/*-------------------------------------------------EBULLETIN SIGNUP-------------------------------------------------*/

#ebulletin_signup {
	border: solid 1px #b1b1b1;
	width: 192px;
	height: 230px;
	float: right;
	padding: 0px 10px 0 12px;
	background: url('../cssimages/ebulletin_bg.jpg') no-repeat;	
}

#ebulletin_signup h2 {
	text-indent: -9999em;
	width: 118px;
	height: 39px;
	background: url('../cssimages/ebulletin_header.jpg') no-repeat;
	margin: 10px 0 0 0px;
}

#ebulletin_signup p {
	line-height: 1.2em;
	font-size: 1.2em;
}

#ebulletin_signup input.email3 {
	border: solid 1px #b1b1b1;
	padding: 3px;
	width: 186px;
}

#ebulletin_signup input#submit3 {
	text-indent: -9999em;
	width: 84px;
	height: 22px;
	border: none;
	margin: 15px 0 0 110px;
	background: url('../cssimages/ebulletin_subscribe_button.jpg') no-repeat;
}

/*--------------------------------------- IE FIX FOR EBULLETIN SUBSCRIBE BUTTON---------------------------------------*/

* html #ebulletin_signup input#submit3 {
	text-indent: 1px;
	background: url('../cssimages/IE_ebulletin_subscribe_butt.jpg') no-repeat;
}

*:first-child+html #ebulletin_signup input#submit3 {
	text-indent: 1px;
	background: url('../cssimages/IE_ebulletin_subscribe_butt.jpg') no-repeat;
}

#ebulletin_signup input#submit3:hover {
	background: url('../cssimages/hover_subscribe_button.jpg') no-repeat;
}

h3.warning {
	position: absolute;
	top: -18px;
	color: #C90704;
}

/*===================================================================
SUB PAGE CONTENT
===================================================================*/

#main_content {
	width: 650px;
	float: left;
}

#main_content p, #main_content li {
	font-size: 1.2em;
}

#main_content h1, #main_content h2, #main_content h3 {
	margin:0 0 10px 0;
}

#cms_content a, #cms_content a:visited {
	color: #1161BE;
}

#cms_content a:hover {
	color: #1161BE;
	text-decoration: underline;
}

/*podcasts*/

.podcasts {
	width: 100%;
	height: 45px;
}

/*===================================================================
CONTACT FORM
===================================================================*/

dl#contact_form {
	width: 450px;
	font-size: 1.2em;
	margin: 20px 0 20px 0;
}

dl#contact_form dt {
	width: 227px;
	float:left;
	clear: left;
	margin: 5px 0 20px 0;
}

dl#contact_form dd {
	float:left;
	margin: 0 0 20px 0;
}

dl#contact_form dd input, dl#contact_form dd textarea {
	border: solid 1px #b1b1b1;
	padding: 5px;
}

#submit2 {
	background: url('../cssimages/grey_strip_background.jpg');
	font-size: 1.2em;
}

h2.contact_response {
	font-size: 1.8em;
	color: #039300;
}

#main_content h3.contact_warning {
	color: #C90704;
	margin: 10px 0 0 0;
}

/*===================================================================
ASSET LIST
===================================================================*/
#asset_list {
	list-style: none;
	margin: 20px 0 0 10px;
}

#asset_list a {
	display: block;
	padding: 10px;
	background: #ccc;
	color: #333;
}

#asset_list a:hover {
	color: #fff;
}

#asset_list li {
	margin: 5px 0 0 0;
}

/*===================================================================
ADDITIONAL CONTENT (SIDEBAR)
===================================================================*/

#additional_content {
	width:216px;
	float:right;
}

#additional_content #ebulletin_signup, #additional_content #CTA_contact_details, #additional_content #CTA_download_brochure {
	float: none;
	margin: 0 0 20px 0;
}

#additional_content #ebulletin_signup {
	margin: 0;
	position: relative;
}

#additional_content #CTA_download_brochure {
	width: 216px;
	height: 239px;
	background: url('../cssimages/CTA_download_background.jpg') no-repeat;
}

#additional_content #CTA_download_brochure h2 {
	text-indent: -9999em;
}

#additional_content #CTA_download_brochure p {
	padding: 0 10px 0 10px;
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 45px 0px 0 3px ;
}

#additional_content #CTA_download_brochure p#download_button {
	margin: 105px 0 0 113px;
}

#additional_content #CTA_download_brochure p#download_button a {
	display: block;
	text-indent: -9999em;
	width: 84px;
	height: 22px;
	background: url('../cssimages/download_button.jpg');
}

#additional_content #CTA_download_brochure p#download_button a:hover {
	background: url('../cssimages/hover_download_button.jpg');
}

/*===================================================================
SITE MAP
===================================================================*/

#main_content.sitemap ul {
	width: 700px;
	list-style: none;
	position: relative;
}

#main_content.sitemap ul a {
	display: block;
	color: #C44F26;
	padding: 4px;
	border: solid 1px #ccc;
}

#main_content.sitemap ul a:hover {
	color: #E2A73D;
}

#main_content.sitemap ul li {
	font-size: 1.4em;
	float: left;
	margin: 5px 15px 5px 20px;
	position: relative;
}

#main_content.sitemap ul ul {
	position: absolute;
	width: 120px;
	font-size: 0.7em;
	border-left: solid 1px #ccc;
	padding: 10px 0 0 5px;
}

/*====================================IE FIX====================================*/

* html #main_content.sitemap ul ul {
	position: absolute;
	left: 0;
	margin: 0px 0 0 0;
	padding-top: 20px;	
}

*:first-child+html #main_content.sitemap ul ul {
	position: absolute;
	left: 0;
	margin: 0px 0 0 0;
	padding-top: 20px;	
}

/*====================================END OF IE FIX====================================*/

#main_content.sitemap ul ul li {
	float: none;
	margin: 5px 0px 15px 0;
}

#main_content.sitemap ul ul li a {
	border: none;
	padding: 0;
}

/*===================================================================
FOOTER
===================================================================*/

#footer {
	clear: both;
	width: 920px;
	border-top: solid 1px #b1b1b1;
	margin: 20px 0 0 0;
}

#footer_nav, #development {
	list-style: none;
	float: left;
	padding: 10px 0 0 0;
	font-size: 1.3em;
	color: #333;
}

#footer_nav a, #development a {
	color: #333;
}

#footer_nav a:hover, #development a:hover {
	text-decoration: underline;
	color: #646464;
}

#footer_nav {
	clear: both;
	width: 755px;
}

#footer_nav li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: solid 1px #636363;
}

#footer_nav li:last-child {
	border: none;
}