@import url(menu.css);
@import url(form.css);


html { margin: 0; padding: 0 0 50px 0; }

body
{
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-align: justify;
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

h1, h2, h3, h4, h5, h6
{
	color: #AA2129;
	font-weight: bold;
}
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3, h4, h5, h6 { font-size: 14px; }

a, a:link, a:visited
{
	color: #333;
	text-decoration: underline;
}
a:hover { text-decoration: none; }

.clearfix { clear: both; }

a img { border: none; }

ul { margin: 0; padding: 0; }
li { list-style: none; }

/****** START top ******/

#header_wrapper
{
	position: absolute;
	top: 0;
	left: 50%;
	width: 960px;
	margin-left: -480px;
}

#logo {  }

#banner 
{ 
	position: absolute; 
	top: 25px; 
	left: 50%; 
	margin-left: 0px;
}

#nav, #nav_homepage, #nav_about, #nav_loans , #nav_mortgages , #nav_contact , #nav_askanexpert , #nav_commercial , #nav_insurance
{
	position: absolute;
    top: 100px;
	left: 50%;
	margin-left: -255px;
	width: 735px;
	height: 49px;
	z-index: 100;
}

.top_box_top 
{
	position: relative;
	top: 16px;
	left: 0;
	height: 12px;
	background: url(../images/top_box_top.jpg) top left no-repeat;
}
#top_box
{
	height: 183px;
	margin-top: 10px;
	padding: 23px 47px 20px 47px;
	border-right: 2px solid #D4D4D4;
	border-left: 2px solid #D4D4D4;
	background: url(../images/top_box_bg.jpg) top left repeat-x;
}
#top_box2
{
	margin-top: 10px;
	padding: 10px;
	border-right: 2px solid #D4D4D4;
	border-left: 2px solid #D4D4D4;
	background: url(../images/top_box_bg.jpg) top left repeat-x;
}
.top_box_callouts
{
	float: left;
	width: 180px;
	margin-right: 18px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #D6D6D6;
}
.top_box_callouts_end { margin-right: 0; }

#top_box h2
{
	float: left;
	color: #AA2129;
	font-size: 14px;
	margin: 0;
	padding: 0;
}
#top_box h2 span
{
	color: #EE7C21;
	font-size: 18px;
}
#top_box p { clear: both; margin: 0; padding: 0; font-size: 11px; }

p.bttn_enquire { text-align: center; }

.top_box_bottom 
{
	height: 10px;
	background: url(../images/top_box_bottom.jpg) top left no-repeat;
}

/****** END top ******/

/****** START secondary_col ******/

#secondary_col_homepage
{
	position: absolute;
	top: 398px;
	left: 0;
	width: 260px;
}
#secondary_col
{
	position: absolute;
	top: 193px;
	left: 0;
	width: 260px;
}
#secondary_col_homepage ul li a, #secondary_col ul li a
{
	display: block;
	width: 240px;
	height: 20px;
	color: #333;
	text-decoration: none;
	font-size: 14px;
	padding: 4px 0 0 20px;
	background: url(../images/bg_list_grey.gif) top left no-repeat;
	border-bottom: 1px solid #fff;
}
#secondary_col_homepage ul li a:hover, #secondary_col ul li a:hover { color: #fff; text-decoration: none; background: url(../images/bg_list_orange.gif) top left no-repeat; }

/****** END secondary_col ******/

/****** START index ******/

#content_wrapper_homepage
{
	margin: 0 auto;
	padding-top: 398px;
}

#content_wrapper
{
	margin: 0 auto;
	padding-top: 193px;
}

#main_col
{
	float: right;
	width: 685px;
	min-height: 400px;
	margin-left: 275px;
	padding-bottom: 20px;
}
#main_col h1
{
	margin-top: 0;
	padding-top: 0;
}
#main_col_left
{
	float: left;
	width: 205px;
}
img.icon { float: left; margin: 0 10px 10px 0; }
#main_col_left h2
{
	float: left;
	color: #AA2129;
	font-size: 18px;
	margin: 0;
	padding: 0;
}
#main_col_left h2 span
{
	color: #EE7C21;
	font-size: 22px;
}
#main_col_left a { color: #EE7C21; font-weight: bold; }
#main_col_left p { clear: both; margin: 0; padding: 0; }

#main_col_right
{
	float: right;
	width: 460px;
}
#main_col_right_top
{
	margin-bottom: 20px;
	padding: 19px;
	background-color: #F0F0F0;
	border: 2px solid #E0DFDF;
}
#main_col_right_top img 
{ 
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #D3D3D3; 
}
#main_col_right_top h1 { margin-top: 0; padding-top: 0; }

#mcrb_left { float: left; width: 200px; }
#mcrb_left img { margin: 3px 0; border: 1px solid #E0DFDF; }
#mcrb_left p { margin: 0; padding: 0; color: #AC2830; font-weight: bold; font-size: 14px; }
#mcrb_left p a { color: #AC2830; }

#mcrb_right { float: right; width: 200px; padding: 16px 20px; background-color: #AC2830; }
#mcrb_right h3, #mcrb_right p { margin: 0; padding: 0; color: #fff; }
#mcrb_right h3 { font-size: 18px; }
#mcrb_right p { font-weight: bold; margin-bottom: 20px; }
#mcrb_right form { margin: 0; padding: 0; }

.bg_input 
{ 
	width: 125px;
	height: 22px;
	margin-bottom: 12px;
	padding: 5px 0 0 8px;
	border: none;
	background: url(../images/input_bg_email.jpg) top left no-repeat; 
}
#bttn_go 
{ 
	position: relative; 
	top: 9px;
	*top: 4px; 
	left: 12px;
	margin-bottom: 12px;
}

/****** END index ******/

/****** START footer ******/

#footer_wrapper
{
	clear: both;
	margin: 0 auto;
	margin-top: 5px;
	padding: 16px 0 10px 38px;
	*padding: 8px 0 0 38px;
	background: url(../images/bg_footer.jpg) top left no-repeat;
}
#footer_wrapper2
{
	clear: both;
	margin: 0 auto;
	margin-top: 5px;
	padding: 16px 0 10px 38px;
	background: url(../images/bg_footer2.jpg) top left no-repeat;
}
#footer_wrapper ul li { float: left; }
#footer_wrapper ul li a { text-decoration: none; }
#footer_wrapper ul li a:hover { text-decoration: underline; }
#footer_wrapper2 ul li { float: left; }
#footer_wrapper2 ul li a { text-decoration: none; }
#footer_wrapper2 ul li a:hover { text-decoration: underline; }
/****** END footer ******/