body,html {
    margin:0;
    padding:0;
	background-color: #CCCC99;
}
body {
    min-width:760px;
	font-size: 62.5%;
}
.hidden {
	display: none;
}

#page {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	background-color: #6699CC;
	border-top: 1px solid #003399;
	border-right: 1px solid #003399;
	border-bottom: 0px solid #003399;
	border-left: 1px solid #003399;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* HEADER */
#header {
	height: 89px;
	background-color: #99CCFF;
	background-image: url(../images/header/website-header_07-05-23.gif);
}
#header a.email {
	height: 11px;
	width: 218px;
	display: block;
	position: relative;
	left: 453px;
	top: 69px;
}


/* MAIN */
#main {
	z-index: 1;
	background:#FFFFFF url(../images/maincorner.gif) no-repeat right top;
	float:left;
	width:415px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding-bottom: 10px;
	padding-top: 10px;
}
#main h2, #main h3, #main p {
    padding:0 10px;
	line-height:18px;
}
#main h2 {
	padding: 0px 0px 0px 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 8px;
}
#main2 {
	z-index: 1;
	background:#FFFFFF url(../images/maincorner.gif) no-repeat right top;
	float:left;
	width:415px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding-bottom: 10px;
	padding-top: 10px;
	height: 455px;
}
#main2 h2, #main2 h3, #main2 p {
    padding:0 10px;
}
#main2 h2 {
	padding: 0px 0px 0px 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 8px;
	font-size:18px;
	line-height:20px;
}
.title-online-enquiry-form {
	background-image: url(../images/title-online-enquiry-form.gif);
	height: 16px;
	width: 179px;
	background-repeat: no-repeat;
	background-position: center center;
}
.title-remortgage-articles {
	background-image: url(../images/title-remortgage-articles.gif);
	height: 16px;
	width: 179px;
	background-repeat: no-repeat;
	background-position: center center;
}
.title-about-us {
	background-image: url(../images/title-about-us.gif);
	height: 19px;
	width: 192px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 10px;
	left: 10px;
	position: relative;
	margin-bottom: 0px;
	padding-top: 0px;
}
.title-problems-explained {
	background-image: url(../images/title-problems-explained.gif);
	height: 19px;
	width: 192px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 10px;
	left: 10px;
	position: relative;
	margin-bottom: 0px;
	padding-top: 0px;
}
.title-terms-and-conditions {
	background-image: url(../images/title-terms-and-conditions.gif);
	height: 19px;
	width: 192px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 10px;
	left: 10px;
	position: relative;
	margin-bottom: 0px;
	padding-top: 0px;
}
.title-why-remortgage {
	background-image: url(../images/title-why-remortgage.gif);
	height: 19px;
	width: 192px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 10px;
	left: 10px;
	position: relative;
	margin-bottom: 0px;
	padding-top: 0px;
}
.title-mortgage-calculator{
	background-image: url(../images/title-mortgage-calculator.gif);
	height: 19px;
	width: 275px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 10px;
	left: 10px;
	position: relative;
	margin-bottom: 0px;
	padding-top: 0px;
}
.main-hr {
	margin-left: 10px;
	color: #003399;
	height: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #99CCFF;
	width: 384px;
	background-color: #003399;
	margin-bottom: 6px;
}

#main2 li {
	padding: 5px 0px 0px 20px;
	font-size:12px;
	line-height:20px;
}

/* SIDEBAR */
#sidebar {
	z-index: 1;
    background:#6699CC;
    float:right;
    width:345px;
}
#sidebar ul {
    margin-bottom:0;
}
#sidebar h3, #sidebar p {
    padding:0 10px;
}
div.video {
	background-color: #003399;
	height: 275px;
	width: 320px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/concept/video.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
ul.sidebar {
	list-style-type: none;
	margin: 8px 0px 6px;
	padding: 0px;
	float: right;
}
ul.sidebar li a {
	background-color: #99CCFF;
	display: block;
	padding: 5px;
	width: 323px;
	margin-bottom: 4px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #003366;
}
ul.sidebar li a:hover {
	color: #FFCC00;
	background-color: #003399;
}




/* FOOTER */
#footer {
	background:#003399;
	clear:both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
}
#footer a {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer a:hover {
	text-decoration: none;
}



#mainandsidebar {
	clear: both;
	display: block;
	float: left;
}