/*

----- Howes Percival screen stylesheet -----
----- Fuse Digital 2007 -----

----- enjoy. -----

----- Colours -----

	Main Body: #555
	Main Blue: #0b1560
	Main Green: #cee513

----- Site Dimensions -----

	Width: 918px
	Main Column: 175px
	End Column: 167px
	Gutter: 10px

*/

* {
	margin: 0; /* global reset of margin and padding */
	padding: 0;
	outline: none;
}

/* ----- tags ----- */
body {
	background: #fff;
	text-align: center; /* centre in IE */
	font: small Arial, Helvetica, sans-serif;
	color: #555;
	padding-bottom: 20px;
}
ul {
	list-style: none; /* no bullets on lists by default */
}
a {
	color: #0b1560;
	font-weight: bold;
	text-decoration: none;
}
a:hover, a:hover span {
	color: #cee513;
}
a img{
border: none;

}
em {
	
}
blockquote {
	
}
cite {
	
}

/* ----- universal styles ----- */
.hide {
	display: none;
}

/* ----- main containers ----- */
#container {
	width: 918px;
	margin: 0 auto;
}
#content {
	width: 918px;
	clear: both;
	float: left;
	margin: 15px 0 20px 0;
	/*text-align: left;*/
	text-align: justify;
	font-size: 85%;
}
#align-left{
text-align: left;
}

/* ------ header ------ */
#header {
	width: 918px;
	float: left;
}
h1 {
	width: 130px;
	height: 48px;
	margin: 14px 0 10px 0;
	float: right;
}
h1 a {
	display: block;
	width: 130px;
	height: 48px;
	text-indent: -1000em;
	background: url(../images/howes_percival_logo.gif) 0 0 no-repeat;
}


/* ------ global nav ------ */
#global-nav {
	width: 918px;
	clear: both;
	float: left;
	margin-bottom: 6px;
}
#global-nav li {
	float: left;
}
#global-nav li a {
	display: block;
	height: 27px;
	text-indent: -1000em;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-right: 2px;
}
#global-nav li a:hover {
	background-position: 0 -200px;
}
#nav1 {
	width: 97px;
	background-image: url(../images/nav/nav_1.gif);
}
#nav2 {
	width: 121px;
	background-image: url(../images/nav/nav_2.gif);
}
#nav3 {
	width: 143px;
	background-image: url(../images/nav/nav_3.gif);
}
#nav4 {
	width: 123px;
	background-image: url(../images/nav/nav_4.gif);
}
#nav5 {
	width: 194px;
	background-image: url(../images/nav/nav_5.gif);
}
#nav6 {
	width: 91px;
	background-image: url(../images/nav/nav_6.gif);
}
#global-nav #nav7 {
	width: 137px;
	background-image: url(../images/nav/nav_7.gif);
	margin-right: 0;
}
#about #nav1, #remortgage #nav2, #sale-and-purchase #nav3, #right-to-buy #nav4, #hips #nav5, #careers #nav6, #contact #nav7 {
	background-position: 0 -200px;
}

/* ------ footer ------ */
#footer {
	width: 898px;
	clear: both;
	float: left;
	background: #0b1560 url(../images/footer_bg.gif) 0 0 repeat-x;
	text-align: left;
	color: #fff;
	font-size: 85%;
	margin: 10px 0 20px 0;
	padding: 12px 10px 6px 10px;
}
#footer ul {
	float: left;
}
#footer ul li {
	float: left;
	margin-right: 14px;
}
#footer ul li a {
	color: #fff;
	text-decoration: none;
}
#footer ul li a:hover {
	color: #cee513;
}
#footer p {
	float: right;
}

/* ------ columns ------ */
#col-primary {
	width: 730px;
	float: left;
}

#col-primary-2 span{
	font-weight: bold;
}
#col-primary-2 {
	width: 515px;
	float: left;
}
#col-primary-3 {
	width: 730px;
	float: left;
}
#contact #col-primary {
	margin-left: -10px;
}
#col-primary ul li {
	margin-left: 10px;
	margin-top: 15px;
	color:#555;
}
#col-primary ul li a {
	color:#555;
	font-weight:normal;
}
#col-primary ul li a:hover {
	font-weight:normal;
	color: #cee513;
}
#col-end {
	width: 167px;
	float: right;
}
.col-row, .col-contact {
	width: 740px;
	float: left;
	margin-left: -10px;
	margin-bottom: 15px;
}
.col-contact {
	width: 730px;
	margin-left: 0;
}
.col-doub {
	width: 360px;
	float: left;
	margin-left: 10px;
	display: inline; /* correct IE double margin bug */
}
.col-sing, .col-sing-1 {
	width: 175px;
	float: left;
	margin-left: 10px;
	display: inline; /* correct IE double margin bug */
}
#contact .col-sing,#contact .col-sing-1 {
	width: 171px;
	margin-top: 10px;
}
#contact .col-sing-1 {
	width: 175px;
}
.col-contact .col-sing-1 {
	margin-left: 185px;
}
#col-nav {
	width: 175px;
	float: left;
	margin-right: 20px;
}
#col-sup {
	width: 185px;
	float: right;
}

/* ------ sub nav ------ */
#col-nav ul li a {
	color: #666;
	background: url(../images/icons/bullet_1.gif) 0 50% no-repeat;
	padding-left: 10px;
}
#col-nav ul li a:hover, #col-nav ul li a.selected {
	color: #0b1560;
}

/* ------ breadcrumbs ------ */
#breadcrumbs {
	width: 720px;
	float: left;
}
#breadcrumbs li {
	float: left;
	margin-right: 3px;
}

/* ------ heading & text styles ------ */
h2 {
	width: 100%;
	border-bottom: 2px solid #cee513;
	margin-bottom: 10px;
	color: #0b1560;
}
#contact #col-primary h2 {
	margin-left: 10px;
	width: 720px;
}
h3, h4 {
	font-size: 100%;
	color: #0b1560;
}
h3.sub {
	margin: 30px 0 10px 0;
}
h4 {
font-size: 100%;
color: #555;

}
#content p {
	margin-bottom: 15px;
}
#content p.thumb {
	margin-bottom: 6px;
}
a span {
	color: #555;
}
ul.list {
	list-style: inside disc;
}
ul.list2 {
	list-style: disc;
}
a.pdf {
	display: block;
	background: url(../images/icons/pdf_icon.gif) 0 0 no-repeat;
	padding: 0 0 4px 36px;
}

/* ------ list styles ------ */
#content ul {
	margin-bottom: 16px;
}
#content ul li {
	margin-bottom: 4px;
}

/* ------ info boxes ------ */
h2.info {
	background: #e0ed76;
	border-bottom: none;
	font-size: 100%;
	margin-bottom: 2px;
	padding: 8px 10px;
	width: 165px;
}
h2.info a:hover, .info a:hover {
	color: #fff;
}
.info {
	background: #e0ed76;
	padding: 8px 10px;
	width: 165px;
	margin-bottom: 10px;
	text-align: left;
}

/* ------ people lists ------ */
ul.people li {
	display: block;
	float: left;
	list-style-type: none;
	width:80px;
	
}
ul.people li span {
display: block;
	float: left;
	width:170px;
}
ul.indepthinfo{float: left;}
ul.indepthinfo li {
	display: block;
	list-style-type: none;
	width:250px;
	
}
ul.indepthinfo li.name{
font-weight: bold;
font-size: 120%;
}
ul.indepthinfo li.question{
font-weight: bold;
}
.imagefloatleft{
width:190px;
display: block;
float: left;
}
/*------------contact form---------*/
.contact-form th, .contact-form td{
	padding-bottom: 5px;
	color: #0b1560;
	font-weight: bold;
}
.contact-form th{
font-weight: bold;
width:100px;
text-align:left;
}
.contact-form td{
text-align:right;
}

.contactform {
	width: 400px;
	
}
/*------------table styles------------*/
.tableclass td{
width:129px;
border-bottom-style:solid;
border-bottom-color:#cee513;
border-bottom-width:thin;
padding: 5px 0 5px 14px;
}


.tableclass td.tabletop{
border-bottom:none;

}
.tabletop{
background: #e9f29a;
color: #0b1560;
font-weight: bold;
height:15px;
}
ul.list-extended {
	list-style: inside disc;
}
ul.list-extended li{
	list-style: inside disc;
	padding-bottom:10px;
}

#padded-list p{
	display:block;
	margin-left:10px;
	font-weight: normal;
}
.box238 {float:left;width:238px;margin:15px 22px 0px 0px;}

.box238end {float:left;width:238px;margin:15px 0px 0px;}
.navy11bold { font-family:Arial; font-size:1.1em; color:#0b1560; font-weight:bold; }
.grey9 { font-family:Arial; font-size:0.9em; color:#555; }
#ContactBox{height:130px;}
.textwrap

{

	float:left; 

	clear:left;

	margin: 0px 10px 0px 0px;

}