body {
	background: #ddd;
	margin: 0;
	padding: 0;
	border: 0;
}

* {margin: 0; padding: 0; border: 0; font-family: Verdana, Arial, Helvetica, sans-serif}


/* ------------------------ Layout ----------------------- */

#containershadow {
	margin: 0 auto;
	width: 770px;
	background: url(images/shadow.gif) repeat-y 50% 0
}

#container {
	margin: 0 auto;
	padding-bottom: 10px;
	width: 750px;
	background: #fff;
	overflow: hidden;
}

#shadowbttm, #shadowtop  {
	width: 770px;
	height: 20px;
	background: url(images/shadowbttm.gif) bottom left no-repeat 
}

#shadowtop {background: url(images/shadowtop.gif) bottom left no-repeat #ddd}

#hdr {
	position: relative;
	width: 750px;
	height: 150px;
	background: url(images/hdr.jpg) 0 0 no-repeat #fff
}

#navbar {
	float: left;
	width: 750px;
	height: 30px;
	background: #1d5700
}

#lftcol {
	float: left;
	width: 155px;
	background: url(images/lftcol.gif) top right no-repeat #fff;
	padding-bottom: 30px
	}

#rgtcol {
	float: right;
	width: 595px;
	background: #fff;
	padding-bottom: 30px
}

#bttmbar {
	float: left;
	padding: 15px 0;
	width: 750px;
	background: #fff;
	border-top: 1px solid #eee
}


#ffscrollbarfix {     
            position: absolute;
            top: 0;
            bottom: -0.1px;
            width: 1em;
            z-index: -1;
}


iframe {margin: 10px 0 0 5px; width: 590px}


/* ----------------------- TOP MENU ----------------------- */

ul#topmenu {
	position: absolute;
	right: 0;
	top: 6px;
	width: 298px;
	height: 30px
}

ul#topmenu li {float: left; list-style: none;}

#topmenu li a {display: block; height: 30px; background-position: 0 0}

#topmenu li a span {display: none}

#topmenu li a:hover, #topmenu li a.current {background-position: 0 -30px}

#topmenu a#home {background-image: url(images/home-button.gif); width: 78px}
#topmenu a#site-map {background-image: url(images/site-map-button.gif); width: 100px}
#topmenu a#contact-us {background-image: url(images/contact-us-button.gif); width: 120px}


/* ----------------------- MAIN NAV ----------------------- */


ul#mainnav {
	float: left;
	height: 30px
}

ul#mainnav li {float: left; list-style: none;}

#mainnav li a {display: block; height: 30px; background-position: 0 0}

#mainnav li a span {display: none}

#mainnav li a:hover, #mainnav li a.current {background-position: 0 -30px}

#mainnav a#buy-to-let {background-image: url(images/buy-to-let-button.gif); width: 110px}
#mainnav a#insurance {background-image: url(images/insurance-button.gif); width: 105px}
#mainnav a#mortgages {background-image: url(images/mortgages-button.gif); width: 112px}
#mainnav a#adverse-credit {background-image: url(images/adverse-credit-button.gif); width: 140px}
#mainnav a#foreign-currency {background-image: url(images/foreign-currency-button.gif); width: 159px}
#mainnav a#commercial {background-image: url(images/commercial-button.gif); width: 120px}

/* --------------------------- LINKS ----------------------------- */


a:link, a:visited, a:active {color: #267100}
a:hover {color: #ff7800}


/* --------------------------- SIDE NAV -------------------------- */

ul.sidenav {margin: 20px 0; font-size: 0.70em; line-height: 2.30em}
.sidenav li {list-style: none}
.sidenav li a {padding-left: 32px; margin-left: 8px; color: #267100; text-decoration: none; background: url(images/sde-bullet.gif) 0 50% no-repeat}
.sidenav li a:hover, .sidenav li a.current {color: #ff7800; text-decoration: underline}


/* --------------------------- HEADINGS -------------------------- */
h1 {margin: 0; position: absolute; left: 23px; top: 30px; display: block; width: 200px; height: 103px}
h1 span {display: none}

h2 span {display: none}

h3 {margin: 15px 12px 0 20px; font-size: 0.95em; line-height: 1.90em; color: #555; border-bottom: 1px solid #bbb}

h4 {margin: 15px 12px 0 20px; font-size: 0.75em; line-height: 1.70em; color: #555}


/* ---------------------------- TEXT ----------------------------- */
p {margin: 15px 20px 0 20px; font-size: 0.75em; line-height: 1.70em; color: #444}
#bttmbar p {text-align: center; color: #555; font-size: 0.70em; line-height: 1.50em}
#bttmbar p.big {font-size: 0.75em}

strong.address {color: #d7300f; font-weight: bold}


/* ---------------------------- LISTS ----------------------------- */
#rgtcol ul {margin: 15px 35px 0 45px; font-size: 0.75em; line-height: 1.70em; list-style: outside square;}

#rgtcol table {width: 510px; margin: 0}
#rgtcol table td {width: 50%; background: #fff}


/* --------------------------- IMAGES ---------------------------- */
.rgtimg {float: right; margin: 15px 22px 15px 10px}

.graph {float: right; margin: 20px 40px 20px 0}