/*@font-face {
	font-family: 'LiberationSerifItalic';
	src: url('fonts/liberation_serif/liberationserif-italic-webfont.eot');
	src: local('?'), url('fonts/liberation_serif/liberationserif-italic-webfont.woff') format('woff'), url('fonts/liberation_serif/liberationserif-italic-webfont.ttf') format('truetype'), url('fonts/liberation_serif/liberationserif-italic-webfont.svg#webfontGWfyebhy') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'LiberationSerifRegular';
	src: url('fonts/liberation_serif/liberationserif-regular-webfont.eot');
	src: local('?'), url('fonts/liberation_serif/liberationserif-regular-webfont.woff') format('woff'), url('fonts/liberation_serif/liberationserif-regular-webfont.ttf') format('truetype'), url('fonts/liberation_serif/liberationserif-regular-webfont.svg#webfontBOHW0jwN') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'LiberationSerifBoldItalic';
	src: url('fonts/liberation_serif/liberationserif-bolditalic-webfont.eot');
	src: local('?'), url('fonts/liberation_serif/liberationserif-bolditalic-webfont.woff') format('woff'), url('fonts/liberation_serif/liberationserif-bolditalic-webfont.ttf') format('truetype'), url('fonts/liberation_serif/liberationserif-bolditalic-webfont.svg#webfontm5hmgtw5') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'LiberationSerifBold';
	src: url('fonts/liberation_serif/liberationserif-bold-webfont.eot');
	src: local('?'), url('fonts/liberation_serif/liberationserif-bold-webfont.woff') format('woff'), url('fonts/liberation_serif/liberationserif-bold-webfont.ttf') format('truetype'), url('fonts/liberation_serif/liberationserif-bold-webfont.svg#webfontA7UeCV0q') format('svg');
	font-weight: normal;
	font-style: normal;
}*/
html{
	height:100%;
}
body{
	background:url('images/body/bg.png') #2f2b2c repeat-x bottom left;

	/*Remove this for halloween*/
	/*background:url('images/halloween.jpg');
	background-attachment: fixed;*/
	
	font-family:Arial, sans-serif;
	font-size:14px;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	position:relative;
}
	#bodyCircle{
		position:absolute;
		top:0px;
		left:-220px;
		z-index:0;
		width:794px;
		height:744px;
		background:url('images/body/circle.png') no-repeat top left;		
	}

h1{
	color:#d51938;
	font-weight:bold;
	font-size:21px;
	margin:0px 0px 5px 0px;
	padding:0px;
}
h2{
	color:#231f20;
	font-weight:bold;
	font-size:16px;
	margin:0px 0px 5px 0px;
	padding:0px;
}
h3{
	color:#d51938;
	font-weight:bold;
	font-size:15px;
	margin:0px 0px 5px 0px;
	padding:0px;
}

p,ul,ol,div{
	font-size:14px;
	/*line-height:20px;*/
}


p {
	margin:0px;
	margin-bottom:12px;
}

/*
ol{
	font-style:italic;
}
*/

ol li span{
	font-style:normal;
}

.txtSmall{
	font-size:12px;
}


.app_dropdown{
	width:134px;
}

.app_textbox{
	width:130px;
}

.app_textbox_dollars{
	width:120px;
}


#breadcrumb{
	color:#000000;
	padding-bottom:8px;
	font-size:14px;
}

#breadcrumb a {
	font-size:14px;
	font-weight:bold;
}


a{
	font-size:14px;
	color:#d91939;
	text-decoration:none;

}

a:hover{
	text-decoration:underline;
}

hr{
	color:#d30101;
	background:#d30101;
	line-height:1px;
	height:1px;
	width:100%;
	border:0px;
}

img {
	border:none;
}

.clear{
	clear:both;
}
.required{
	color:#e01a3b;
}

input[type=text] {
	border-top:1px solid #bfbfbf;
	border-bottom:1px solid #c3c3c3;
	border-left:1px solid #bbbbbb;
	border-right:1px solid #bbbbbb;
	/*width:100%;*/
}
select{
	border-top:1px solid #bfbfbf;
	border-bottom:1px solid #c3c3c3;
	border-left:1px solid #bbbbbb;
	border-right:1px solid #bbbbbb;
	/*width:100%;*/
}

/** HEADER **/
#header{
	height:162px;
	background:url('images/header/header.png') repeat-x bottom left;
	
	/*Remove this for halloween*/
	/*background:url('images/halloween.jpg');
	background-attachment: fixed;*/
	
	position:relative;
	color:#fff;
}
	#headerInner{
		width:980px;
		height:162px;
		position:relative;
		margin:0px auto;

	}
#backtoheader{
	height:114px;
	background:url('images/header/backto.jpg') repeat-x top center;
	position:relative;
	color:#fff;
	width:100%;
}

#merrychristmas{
	position:absolute;
	top:28px;
	left:315px;
}

.backbtn{
	margin:40px 0px 0px 0px;
}

#headerCirle{
	position:absolute;
	right:-70px;
	top:0px;
}

#apply_now{
	position:absolute;
	top:10px;
	right:20px;
}

#corp_menu{
	position:absolute;
	right:370px;
	top:20px;
	text-align:right;
}

	#corp_menu a{
		color:#FFFFFF;
		font-size:12px;
	}

.social{
	height:24px;
	position:absolute;
	top:15px;
	left:620px;
}

#fb_like{
	position:absolute;
	top:50px;
	left:660px;
}

#google_plus{
	position:absolute;
	top:50px;
	left:610px;
}

#mobile_app{
	position:absolute;
	top:50px;
	left:260px;
	width:261px;
	height:98px;
}

#google_translate_element{
	position:absolute;
	top:50px;
	left:450px;
}




/*
#logo{
	width:216px;
	height:131px;
	position:absolute;
	right:0px;
	top:15px;
}
	#logo.nocity{
		background:url('images/header/logonocity.png') no-repeat top left;
		width:254px;
		height:126px;
	}
	#logo #city{
		font-family: 'LiberationSerifRegular';
		font-size:60px;
		position:absolute;
		bottom:-10px;
		right:103px;
		text-align:right;
		display:none;
	}


#header_word {
	font-family: 'LiberationSerifRegular';
	font-size:60px;
	position:absolute;
	right:103px;
	top:83px;
	text-align:right;
	display:none;
}
*/


#logo_city{
	position:absolute;
	top:18px;
	left:20px;
	width:210px;
	height:128px;
}

#logo_ottawa{
	position:absolute;
	top:18px;
	left:16px;
	width:278px;
	height:113px;
}

#header_word {	
	position:relative;
	/*top:125px;
	left:75px;*/	
	top:125px;
	left:150px;
	font-family: 'Arial';
	font-size:30px;
	font-weight:bold;
	color:#e01a3b;
}

h4 { 
   position: absolute; 
   top: 50px; 
   left: 620px; 
   width: 100%; 
   color:#ffffff;
   font-size:30px;
}

#contact_info{
	position:absolute;
	bottom:13px;
	right:23px;
	font-family: 'Arial';
	color:#bebfc0;
	/*color:#FF4500;*/
	
	font-size:20px;
	text-align:right;
}
	#contact_info span{
		color:#fff;		
		/*color:#FF4500 ;	*/			
		font-size:18px;
		margin:0px 5px 0px 0px;
	}



/** CONTENT **/
#content{
	position:relative;
	width:980px;
	margin:0px auto 0px auto;
	padding:20px 0px 0px 0px;
}

.spacer{
	height:10px;
	clear:both;
}

.blackCol{
	width:231px;
	height:auto;
	float:left;
	position:relative;
	min-height:300px;
	background:url('images/body/cols/black/mid.png') repeat-y top left;
}

.greyCol{
	background:url('images/body/cols/grey/mid.png') repeat-y top left;
	height:auto;
	float:left;
	position:relative;
	min-height:300px;
	padding:16px 16px 16px 16px;
	width:481px;
}

.greyColCampaign{
	background:url('images/body/cols/grey/mid_big.png') repeat-y top left;
	height:auto;
	float:left;
	position:relative;
	min-height:300px;
	padding:16px 16px 16px 16px;
	width:980px;
}

.posTop{ position:absolute; top:-9px; left:0px; }
.posBottom{ position:absolute; bottom:-9px; left:0px; }


#col1{
	padding:10px 0px 23px 20px;
	width:211px;
	margin-right:2px;
}
	#col1 #menu{

	}
		#col1 #menu .btn{
			width:185px;
			height:20px;
			background:url('images/body/menu/btn.png') no-repeat top left;
			padding:5px 0px 0px 5px;
			margin:0px 0px 3px 0px;
		}

		#col1 #menu .btn a{
			color:#000000;
			text-decoration:none;
		}

		#col1 #menu .btn.open{
			background:url('images/body/menu/btn_press.png') no-repeat top left;
			color:#fff;
		}

		#col1 #menu .btn.open a{
			color:#fff;
		}

		#col1  #menu .sub_menu{
			padding-left:5px;
		}

		#col1  #menu .sub_menu ul{
			color:#fff;
			list-style:none;
			margin:0px 0px 10px 0px;
			padding:0px;
			width:90%;
		}
			#col1  #menu .sub_menu ul li{
				border-bottom:1px solid #464646;
				color:#fff;
				padding:5px 0px 5px 0px;
			}

			#col1  #menu .sub_menu ul li a{
				color:#FFFFFF;
				text-decoration:none;
			}

				#col1  #menu .sub_menu ul li.last{ border:0px; }
				#col1  #menu .sub_menu ul li.selected{ font-weight:bold;}

#col2{
	margin-right:2px;
	height:auto;
	float:left;
	position:relative;

}

#col3{
	padding:10px 0px 23px 0px;
	width:231px;
}

#topImage{
	position:relative;
}
	#applyNow{
		width:141px;
		height:33px;
		position:absolute;
		right:0;
		bottom:-3px;
	}

.redbox{
	background:url('images/body/redbox.png') no-repeat top left;
	width:200px;
	height:65px;
}


#mortgageSold{
	font-family: 'LiberationSerifBold';
	font-size:15px;
	text-align:center;
	color:#fff;
	padding:15px 0px 0px 0px;
	height:52px;
	margin:10px 0px 0px -4px;
}
	#mortgageSold span{
		font-size:12px;
		font-family:Arial, sans-serif;
	}

.adspace{
	background:url('images/body/adspace.png') no-repeat top left;
	width:197px; /* 197 */
	height:95px; /* 140 */
	margin:7px 0px 0px -4px;
	text-align:center;
	color:#aea6a8;
	font-size:16px;
	font-weight:bold;
	padding:45px 0px 0px 0px;
}
	.adspace span{
		font-size:12px;
	}

.container{
	background:#e1e3e4;
	width:170px;
	position:relative;
	padding:50px 10px 0px 10px;
}


#mortgage_calculator{
	margin-left:20px;
}


.colForm .row{
	clear:both;
	float:left;
}
	.colForm .row label{
		font-size:11px;
	}
	.colForm .row .text{
		border-left:1px solid #d2d2d2;
		border-right:1px solid #c3c4c4;
		border-top:1px solid #c2c3c4;
		border-bottom:1px solid #d2d2d2;
		width:160px;
	}
	.colForm .row .dropdown{
		border-left:1px solid #d2d2d2;
		border-right:1px solid #c3c4c4;
		border-top:1px solid #c2c3c4;
		border-bottom:1px solid #d2d2d2;
		width:160px;
	}
.redHeader{
	width:198px;
	height:51px;
	background:url('images/body/boxes/redHeader.png') no-repeat top left;
	position:absolute;
	top:-6px;
	left:-4px;
	color:#fff;
	text-align:center;
	font-family: 'LiberationSerifBold';
	font-size:16px;
	padding:5px 0px 0px 0px;
}

#follow_me{
	margin:0px 0px 25px 20px;
	text-align:center;
}
#our_best_rates .redHeader, #follow_me .redHeader{
	padding-top:12px;
}
#home_buyers{
	margin:20px 0px 10px 20px;
}

#boldchat{
	margin:10px 0px 10px 0px;
}

#navBar{
	background:url('images/agents/nav.png') no-repeat top left;
	width:500px; /* 515 */
	height:32px; /* 47 */
	padding:15px 0px 0px 15px;
	margin:-10px 0px 15px 0px;
	color:#fff;
	text-align:center;
}
	#navBar a{
		color:#fff;
	}

#signup{
	background:url('images/body/boxes/signup/signupbox.png') no-repeat top left;
	width:198px;
	height:93px;
	margin:20px 0px 0px 16px;
	padding:10px 0px 0px 20px;
	font-family: 'LiberationSerifBold';
	color:#fff;
	font-size:17px;
	position:relative;
}
	#signup .text{
		width:120px;
		float:left;
	}
	#signup .go{
		float:left;
		margin:2px 0px 0px 2px;
	}

#our_best_rates{
	padding:40px 0px 0px 0px;
	width:190px;
	margin-left:20px;
}
	#our_best_rates table {
	  border-collapse: collapse;
	  width:100%;
	  font-size:10px;
	}
	#our_best_rates #rate_heading td{
		background:#dcdedf;
		color:#000;
		font-weight:bold;
		font-size:11px;
	}
	#our_best_rates .even{
		background:#dadcdd;
	}



#register_maturity{
	margin-top:12px;
	margin-bottom:10px;
	margin-left:12px;
}



#lender_logos{
	background:url('images/partners/lender_bg.png') no-repeat top left;
	width:190px;
	height:105px;
	margin-left:20px;
	text-align:center;
}

.icon{
	position:absolute;
	top:-4px;
	left:-4px;
}

.contentbox{
	background:url('images/body/content/mid.png') repeat-y top left;
	position:relative;
	width:442px;
	padding:10px 20px 10px 20px;
}

.contentboxCampaign{
	background:url('images/body/content/mid_big.png') repeat-y top left;
	position:relative;
	width:900px;
	padding:10px 20px 10px 20px;
}

#featured_broker{
	width:469px; /* 482 */
	height:102px; /* 182 */
	background:url('images/body/featured/featured.png') no-repeat top left;
	position:relative;
	margin:20px 0px 10px 0px;
	padding:37px 0px 0px 13px;
	color:#fff;
	font-size:15px;
}
	#featured_broker img{
		margin-right:10px;
	}
	#featured_broker .title{
		position:absolute;
		top:6px;
		left:13px;
		font-size:17px;
		font-family: 'LiberationSerifBold';
	}
	#featured_broker .view{
		position:absolute;
		bottom:20px;
		right:10px;
	}
#colCircle{
	position:absolute;
	left:4px;
	bottom:80px;
	z-index:1;
}

/** APPLY ONLINE **/
.applyOnlineTitle{
	color:#433f40;
	font-weight:bold;
}

/** PROFILE **/
#profileMap{
	background:url('images/body/profile/map.jpg') no-repeat top left;
	width:421px;
	height:253px;
	position:relative;
}
.proflileCities{
	float:left;
	width:100px;
	list-style:none;
	margin:0px;
	font-size:11px;
	padding:0px;
	margin-right:40px;

}
	.proflileCities .regionName{
		font-weight:bold;
		color:#433f40;
	}

/** BROKER **/
.brokers{
	float:left;
	border-top:1px solid #bebfc0;
	width:100%;
	padding:5px 0px 0px 0px;
}
	.brokers .individual{
		font-size:11px;
		float:left;
		margin:0px 20px 20px 0px;
	}

/** AGENTS **/

#profile_pic{
	position:absolute;
	top:10px;
	right:20px;
	background-position: top left;
	background-repeat: no-repeat;
}

#hdr_broker_info{
	position:absolute;
	top:10px;
	right:155px;
	text-align:right;
}


.agentName{
	font-size:25px;
}


#aboutRegion{
	margin:15px 0px 0px 0px;
}

#weather{
	width:190px;
	height:93px;
	margin:15px 0px 0px 0px;
	background:url('images/sub/whitebox.png') no-repeat top left;
	text-align:center;
	padding-top:10px;
}

/** FOOTER **/
#footer{
	width:940px; /* 980*/
	position:relative;
	height:80px; /* 89 */
	padding:20px 20px 0px 20px;
	margin:10px auto 0px auto;
	background:url('images/footer/footer.png') no-repeat top left;

}
	#footerLeft{
		float:left;
		color:#fff;
	}
		#footerLeft a{
			color:#fff;
			font-size:12px;
		}
	#footerRight{
		float:right;
		text-align:right;
		color:#a1a1a1;
		font-size:10px;
	}
#copyright{
	position:absolute;
	bottom:13px;
	right:20px;
	font-size:11px;
}
#footerCircle{
	width:404px;
	height:179px;
	background:url('images/footer/circle.png') no-repeat top left;
	bottom:0px;
	right:20px;
	position:absolute;
	z-index:-1;
}


.ptr {
	cursor:pointer;
}

form {
	display:block;
	margin:0px;
	padding:0px;
}


.lnkWhite:link, .lnkWhite:visited {
	color:#FFFFFF;
	text-decoration:none;
}

.lnkWhite:hover {
	color:#FFFFFF;
	text-decoration:none;
}



/* rates */
.even{
	background:#dadcdd;
}

.tblRates th {
	text-align:left;
}


/* claculators */
.button{
	background:#6fa1bb;
	border:1px solid #4d7a92;
	padding:5px 10px 5px 10px;
	color:#fff;
	cursor:pointer;
	text-shadow:0px -1px 0px #538097;
}
	.button:hover{
		background:#477d99;
		border:1px solid #406477;
	}
	.button:active{
		background:#335b6f;
		border:1px solid #2b4350;
	}

.set{
	border:1px solid #999;
	background:#f1f5ff;
	padding:5px;
}



.backto_link{
	color:#fff;
	font-weight:bold;
	font-size:16px;
	display:block;
	width:400px;
	position:absolute;
	top:70px;
}

#backtogo{
	float:left;
	margin:-5px 5px 0px 0px;
}


		#logo.nocity2{
		background:url('images/header/logonocity2.png') no-repeat top left;
		width:144px;
		height:87px;
	}
		#logo #city2{
		font-family: 'LiberationSerifRegular';
		font-size:25px;
		position:absolute;
		bottom:10px;
		right:60px;
		text-align:right;

	}

#slider{
	position:relative;
	overflow:hidden;
}
	#slider > a > img{
		position:absolute;
		top:0;
		left:0;
	}
		#slider > a > img.current{
			z-index:30;
		}