/*
Theme Name: Hampshire Trust
Theme URI: http://www.theowenagency.co.uk/
Description: Theme for Hampshire Trust 2009 web site
Version: 1.0
Author: Neil Abraham
*/


html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

body{font:13px/1.231 verdana,arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ul li{list-style:disc outside;}ol li{list-style:decimal outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
h1 {margin-top:0;}
body {
	background: url(images/body.gif) #b4c4d5 repeat-x top center;
	color: #333;
	text-align: center;
}

#header {
position: relative;
width: 964px;
margin: 0 auto;
padding: 0px 0 0 0;

}

#header h1,
#header p {
	display: none;
}

#primaryNavigation {
	width: 964px;
	margin: 10px auto 0 auto;
	background: url(images/primary_navigation.gif) no-repeat top left;
}

#primaryNavigation ul {
	float: right;
	margin: 0 20px 0 0;
}

#primaryNavigation li {
	display: inline;
	list-style: none;
	margin: 0;
}

#primaryNavigation a {
	float: left;
	padding: 10px 5px;
	margin: 0 3px 0 3px;
	background: url(images/primary_navigation_item.gif) no-repeat bottom left;
	width: 86px;
	height: 40px;
	text-decoration: none;
	color: #25408f;
	text-align: center;
}

#primaryNavigation a:hover {
	color: #444;
}

#primaryNavigation li.current_page_item a {
	background: none;
}

#container {
	width: 964px;
	margin: 0 auto;
	background: url(images/container.gif) repeat;
	text-align: justify;
}


#breadcrumb {
	margin: 0 0 0 50px;
	padding: 10px 0 0 0;
	font-size: 80%;
}

.fontPicker {
	float: left;
	width: 16px;
	height: 19px;
	border: 0;
}

.fontPicker.small {
	background: url(images/font_small.gif) no-repeat top left;
}

.fontPicker.medium {
	background: url(images/font_medium.gif) no-repeat top left;
}

.fontPicker.large {
	background: url(images/font_large.gif) no-repeat top left;
	margin-right: 10px;
}



#leftColumn {
	float: left;
	width: 250px;
	display:inline;
	margin: 10px 0 20px 45px;
}

#rightColumn {
	float: right;
	width: 585px;
	margin: 5px 45px 20px 0;
	display:inline;
}

#containerBottom {
	width: 964px;
	height: 28px;
	margin: 0 auto;
	background: url(images/container_bottom.gif) no-repeat top left;
	padding-bottom: 10px;
}

.secondaryNavigation {
	margin: 0 0 20px 0;
}

.secondaryNavigation .box {
	width: 237px;
	padding: 0 0 13px 0;
	color: #fff;
	text-align: left;
	margin: 0 0 10px 0;
}

.secondaryNavigation .box .inner {
	padding: 0 15px 0 15px;
}

.secondaryNavigation a.button {
	display: block;
	height: 28px;
	padding: 0;
	margin: 0;
}

.secondaryNavigation a.button span {
	display: none;
}

.secondaryNavigation ul {
	margin: 5px 0 0 0;
	padding: 0 0 0 15px;
}

.secondaryNavigation a {
	color: #fff;
	text-decoration: none;
}

.secondaryNavigation a:hover {
	color: #999;
}

.solicitorsClientFundingBox {
	background: url(images/solicitors_client_funding_bottom.gif) no-repeat left bottom;
}

.solicitorsClientFundingBox .inner {
	background: url(images/solicitors_client_funding_top.gif) no-repeat left top;
}

.solicitorsPracticeFundingBox {
	background: url(images/solicitors_practice_funding_bottom.gif) no-repeat left bottom;
}

.solicitorsPracticeFundingBox .inner {
	background: url(images/solicitors_practice_funding_top.gif) no-repeat left top;
}

.propertyDevelopmentFinanceBox {
	background: url(images/property_development_finance_bottom.gif) no-repeat left bottom;
}

.propertyDevelopmentFinanceBox .inner {
	background: url(images/property_development_finance_top.gif) no-repeat left top;
}

.bridgingLoansBox {
	background: url(images/bridging_loans_bottom.gif) no-repeat left bottom;
}

.bridgingLoansBox .inner {
	background: url(images/bridging_loans_top.gif) no-repeat left top;
}

.savingsAccountsBox {
	background: url(images/savings_accounts_bottom.gif) no-repeat left bottom;
}

.savingsAccountsBox .inner {
	background: url(images/savings_accounts_top.gif) no-repeat left top;
}

.newsAndEventsBox {
	background: url(images/news_and_events_bottom.gif) no-repeat left bottom;
}

.newsAndEventsBox .inner {
	background: url(images/news_and_events_top.gif) no-repeat left top;
}

.aboutUsBox {
	background: url(images/about_us_bottom.gif) no-repeat left bottom;
}

.aboutUsBox .inner {
	background: url(images/about_us_top.gif) no-repeat left top;
}

.contactUsBox {
	background: url(images/contact_us_bottom.gif) no-repeat left bottom;
}

.contactUsBox .inner {
	background: url(images/contact_us_top.gif) no-repeat left top;
}

.propertyFinanceBrokersBox {
	background: url(images/contact_us_bottom.gif) no-repeat left bottom;
}

.propertyFinanceBrokersBox .inner {
	background: url(images/property_finance_brokers_top.gif) no-repeat left top;
}

.newsAndEventsBox a,
.newsAndEventsBox li,
.aboutUsBox a,
.aboutUsBox li,
.propertyFinanceBrokersBox a,
.propertyFinanceBrokersBox li,
.contactUsBox a,
.contactUsBox li {
	color: #666 !important;
}

.newsAndEventsBox a:hover,
.aboutUsBox a:hover,
.propertyFinanceBrokersBox a:hover,
.contactUsBox a:hover {
	color: #fff !important;
}

.callUsToday {
	display: block;
	background: url(images/call_us_today.gif) no-repeat top left;
	width: 236px;
	height: 77px;
}

.callUsToday span {
	display: none;
}

.iAmA {
	background: url(images/i_am_a.gif) no-repeat top left;
	width: 237px;
	height: 138px;
}

.iAmA label {
	display: block;
	color: #073a74;
	padding: 40px 0 0 20px;
}

.iAmA #iAmA {
	display: block;
	width: 200px;
	margin: 10px 0 0 20px;
	font-size: 80%;
}

#footer {
	clear: both;
	border-top: 1px solid #ccc;
	margin: 10px 45px 0 45px;
	font-size: 85%;
	text-align: center;
}

#footer ul {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
}

#footer li {
	display: inline;
	padding: 0 10px 0 0;
	list-style: none;
	margin: 0;
}


.clear {
	clear: both;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Arial, Helvetica, "Sans Serif";
	color: #25408f;
}

h1 {
	font-size: 150%;
}

h2 {
	font-size: 120%;
}

a {
	color: #25408f;
}

a:hover {
color: #444;
}

hr {
	border: none;
	height: 1px;
	border-bottom: 1px dashed #ccc;
}

img {
	border: 0;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; }


img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
#moreInfo h3{
	font-size:150%;
}

#moreInfo{
	padding:10px;
}

#info{
	height:200px;
	overflow:hidden;
	position:relative;
	padding-bottom:10px;
	border-bottom:1px dotted #666;
}

#scroller{
	position:relative;
	width:535px;
	float:left;
}

#info #arrows{
	float:right;
	margin-right:4px;
}

#info #scroller h2, #info #scroller h1{	
	font-size:120%;
	margin:0;
	padding:0 10px 0 0;
}

#info #scroller p{
	margin-top:0;	
	padding:0 10px 5px 0;
}

#info #scroller p.services{
	border-bottom:1px dashed #CCCCCC;
	color:#25408F;
	font-family:"Trebuchet MS",Arial,Helvetica,"Sans Serif";
	font-size:140%;
	font-weight:bold;
	margin:0 10px 10px 0;
	padding:0 10px 5px 0;
}


h3.homeTitle{
	font-size:150%;
	
}