/* CSS Document */


body {
	background:#dbf4ff url(../graphics/bg.jpg) repeat-x;
	margin:10px auto;
	padding:0;
	color:#022959;
	text-align:center;
	font:12px/1.5em Arial, Helvetica, sans-serif;
	}

/* basic elements*/  
a {	color: #f9ab05   ; text-decoration: none; font-weight:bold;	}
a:hover {color: #ff5918; text-decoration: none;}
img{border:none;}
td {vertical-align:top;	}
ul{
	line-height: 1.3;
	padding:0;
	margin: 0.2em 1% 0.2em 15%;
	}
/*------------------------------------------------------------structure*/

#wrapper{
 	position:relative;
 	width:762px;
	padding:0;
	margin:0 auto;
	text-align:center;
	 }

#logo {	
	background:#ffffff url(../graphics/logo_bg.jpg) no-repeat ;
	width:760px;
	height:65px;
	margin:0;
	padding:0;
	border:1px solid #000;
	overflow: hidden;
	position:relative; 
 }
#logo img{
	float:left;
	margin:0;
	padding:0;
	}

#panorama{
	height:130px;
	margin:3px 0 0 0;
	padding:0;
	border:1px solid #000;
	position:relative;
	}

#content{
	width:760px;
	background:#ffffff;
	padding:0;
	margin:3px 0 0 0;
	text-align:left; 
	border:1px solid #000;
	position:relative;
	height:450px;
 }
#content_int{
	width:760px;
	background:#ffffff url(../graphics/content_bg.gif) repeat-y;
	padding:0;
	margin:3px 0 0 0;
	text-align:left; 
	border:1px solid #000;
	position:relative;
	height:450px;
 }

/*-----------------------------------------------------------------home page columns*/

#col_left {
	background:#fff;
	padding:0; 
	margin:0;
	float: left; 
	width: 430px;
	text-align:left; 
	position: relative
}
#col_right {
	background:#fff;
	float:right; 
	width: 310px;  
	position: relative;	
	padding:0;
	margin:0;
}
/*-----------------------------------------------------------------left columns*/

#left_content{
	 position:relative;
	 top:0px;
	 left:0px;
	 width:190px;
	 height:400px;
	 text-align:left;
}
#left_content p { 
	font-size:22px;
	color:#fff;
	font-weight:lighter;
	text-align:left;
	margin:0;
	padding:0;
}
#left_content h2{
	color: #022959;
	text-transform:uppercase;
	padding:0;
	margin: 0.5em 0 5px 5%;
	display:block;
	font:16px Arial, Helvetica, sans-serif;
	}
.h2_bg {
	background:url(../graphics/h1_bg.gif) repeat-x;
	width:190px;
	height: 33px;
	}

/*-----------------------------------------------------------------right columns*/
#right_header {
	 position:absolute;
	 top:0px;
	 left:200px;
	 width:520px;
	 height:40px;
	 padding:0;
	 overflow:hidden;
}
.right_content {
	position:absolute;
	top:50px;
	left:200px;
	width:540px;
	height:390px;
	margin:0px;
	Padding:0;
	text-align:left;
	overflow:auto;
	background-color: #fff;
}
.right_content p {
	Padding:0px;
	margin: 0.7em 5%;
	font-size: 12px;
	line-height: 1.3em;
	font-weight:lighter;
	color:#000;
}

.right_content h1 {
	text-align: left;
	Padding:0px;
	font-size: 18px;
	line-height:22px;
	font-weight:bolder;
	color:#72b8e7;
}
.right_content h2 {
	background:url(../graphics/bullet_h2_b.gif) no-repeat left;
	padding:0px;
	text-indent:19px;
	line-height: 1.3em;
	margin: 0.7em 5%;
	font-size: 16px;
	font-weight:normal;
	color:#72b8e7;
}
.right_content h3{
	background:url(../graphics/bullet_h3_o.gif) no-repeat left; 	
	text-indent:22px;
	line-height: 1.3em;
	margin: 0.7em 5%;
	font-size: 14px;
	color:#f9ab05; 
	font-weight:normal;}
.right_content h3 a {	
	color:#f9ab05; 
	font-weight:normal;}
.right_content h3 a:hover {color:#ff5918; font-weight:normal;}

.profile img{
	margin: 0.5em 5%;
	border: 1px solid #72b8e7;
	float:left;
	}
/*------------------------------------------------------------navigation*/
#navcontainer{
	width:760px;
	background:url(../graphics/nav_bg.jpg) repeat-x;
	position:relative;
	padding:0;
	height: 33px;
	margin:3px 0 0 0;
	text-align:left;
	border:1px solid #000;
	z-index:5;
	}

/*--------------------------------------------------------------home page buttons*/
.phone{
	background:url(../graphics/phone.gif) left no-repeat;
	height: 40px;
	text-indent:-10000px;
	margin: 0.7em 3%;
	padding:0;
	}
.broker{
	background:url(../graphics/mortgage_broker_logo.gif) left no-repeat;
	height: 64px;
	text-indent:-10000px;
	margin: 0.7em 5%;
	padding:0;
	}

/*-----------------------------------------------------------------home loans buttons*/
dl.loans{
	padding: 0px;  margin:0 0 0 3%; 
}
dl.loans dd {
	display: none;
}
dl.loans dt {
	display: block; margin: 0px 0px 5px 0; width: 284px; text-indent: -10000px; height: 59px;
}
dl.loans dt a#one{
	display: block; width: 282px; height: 59px; background:url(../graphics/expect.gif) no-repeat;
}
dl.loans dt a#one:hover {
	BACKGROUND-POSITION: -282px 0px
}
dl.loans dt a#two{
	display: block; width: 282px; height: 59px;  background:url(../graphics/investors.gif) no-repeat;
}
dl.loans dt a#two:hover {
	BACKGROUND-POSITION: -282px 0px
}
dl.loans dt a#three {
	display: block; width: 282px; height: 59px;  background:url(../graphics/buying.gif) no-repeat;
}	
dl.loans dt a#three:hover {
	BACKGROUND-POSITION: -282px 0px;
}
dl.loans dt a#four {
	display: block; width: 282px; height: 59px;  background:url(../graphics/approval_process.gif) no-repeat;
}	
dl.loans dt a#four:hover {
	BACKGROUND-POSITION: -282px 0px;
}



/*--------------------------------------------------------------product boxes*/
.box_home{
	float: left; 
	width: 170px;
	padding:0.7em 3% 0.7em 5%;
	font-size:11px;
	margin:0 ;
	text-align:left;
	line-height:1.2em;
	}

.box_services img{
	margin:0 0 20px 0;
	}


/*------------------------------------------------------------------------presentation*/

p{
	font-size:12px;
	line-height: 1.3em;
	margin: 0.7em 5%;
	}
h1{
	color: #1C6CAD;
	text-transform:uppercase;
	margin: 0.7em 5%;
	padding:0;
	font: 24px Arial, Helvetica, sans-serif;
	}
h2{
	color:#1C6CAD;
	line-height: 1.3;
	margin: 0.7em 5%;
	font-size: 18px;
	text-transform:uppercase;
	font-weight: normal;
	}

h3{
	color:#1C6CAD;
	font-size:15px;
	font-weight: normal;
	line-height: 1.3;
	margin: 0.7em 5%;
	}
h4{
	color:#1C6CAD;
	font-size:13px;

	font-weight: bold;
	line-height: 1.3;
	margin: 0.7em 5%;
	}


.red{
	color:#FF0000;
	font-size:14px;
	}
.quote{
	font-size: 12px;
	font-style: oblique;
	font-weight: bold;
	}
.indent {
	margin:0 15px;
	}
.small{	font-size: 10px;}
/*----------------------------------------------------------------contact details box*/
.details{
	background: #ECF1F4 ;
	padding:10px 0;
	margin:0 1% 0.7em 0;
	border:1px dotted #08304c;
	border-left:none;
	border-right:none;
	}
	/*----------------------------------------------------------------contact details box*/
.detail-box{
	background: #ECF1F4 ;
	padding:10px 0;
	margin:0 5% 5px 5%;
	border:1px dotted #08304c;
	}

/*----------------------------------------------------------------footer*/
#footer{
	background:#1385db;
	padding:0;
	margin:3px 0 0 0 ;
	width:760px;
	height:25px;
	text-align:right;
	overflow:hidden;	
	border:1px solid #000;
 }
#footer p {
	font-size: 10px;
	margin:0.7em 5%;
	padding: 0;
	color: #ffffee;
	}
#footer a {	color: #b9d7ec   ; text-decoration: none; font-weight:bold;	}
#footer a:hover {color: #ffffff; text-decoration: none;}

/*------------------------------------------------------------clear floats*/
.clearer{
 	height:1px;
 	overflow:hidden;
 	margin-top:-1px;
 	clear:both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*----------------------------------------------------------------------tips buttons*/
dl.tips{
	PADDING: 0px;  MARGIN:0 0 0 5%; 
}
dl.tips dd {
	DISPLAY: none;
}
dl.tips dt {
	DISPLAY: block; MARGIN: 0px 0px 5px 0; WIDTH: 350px; TEXT-INDENT: -10000px; HEIGHT: 71px;
}
dl.tips dt a#one{
	DISPLAY: block; WIDTH: 350px; HEIGHT: 71px;
}
dl.tips dt a#two{
	DISPLAY: block; WIDTH: 350px; HEIGHT: 71px;
}
dl.tips dt a#three {
	DISPLAY: block; WIDTH: 350px; HEIGHT: 71px;
}




dl.tips dt a#one:hover {
	BACKGROUND-POSITION: -350px 0px;
}
dl.tips dt a#two:hover {
	BACKGROUND-POSITION: -350px 0px;
}
dl.tips dt a#three:hover {
	BACKGROUND-POSITION: -350px 0px;
}

/*------------------------------------------------------------top of page link*/	
.top a {
	DISPLAY: block; MARGIN: 0px 0px 5px 380px; padding:0; WIDTH: 21px; TEXT-INDENT: -10000px; HEIGHT: 21px;
	BACKGROUND: url(images/top.gif) no-repeat;
}
.top a:hover {
	BACKGROUND-POSITION: -21px 0px;
}
/*------------------------------------------------------------horizontal rule*/
	
hr {
	margin:0 0 0 10px;
	border-top: 1px dashed #336600;/*the border*/
	width: 98%;
	height: 1px;
	border-right: 0 none;
	border-bottom: 0 none;
	border-left: 0 none;
}