/*

Theme Name: Urban Mortgage 2009 Redesign

Description: Urban Mortgage red and white themed template.

Version: 2.0

Author: Eric Anderson

Author URI: http://urbanmortgage.ca/

Tags: red, feature slideshow, fixed width, two columns, widgets

*/



/*General HTML items*/



*, html, body{

	margin: 0;

	padding: 0;

}



body{

	background: #FFF;

}



/*Layout Items*/



#header-bg{

	width: 100%;

	padding: 0;

	background: url(images/header-footer_bg.png);

}



#header{

	position: relative;

	width: 968px;

	height: 176px;

	margin: 0 auto;

	background: url(images/header.png) no-repeat;

}



div.center{

	text-align: center;

}



/*The homepage wrapper*/



#content{

	width: 968px;

	margin: 0 auto -20px auto;

	padding: 8px 0 20px 0;

	background: url(images/content.png);

	min-height:200px;

  	height:auto !important;

  	height:200px;

}



/*The inner page wrappers*/



#content-internal{

	width: 968px;

	margin: 0 auto;

	padding: 0 0 20px 0;

	background: url(images/content_internal.png);

}



#content-inner-internal{

	width: 702px;

	float: left;

}



#sidebar{

	width: 262px;

	float: left;

}



#sidebar-top{

	width: 262px;

	height: 20px;

	background: url(images/sidebar_top.png);

}



#footer-bg{

	width: 100%;

	background: url(images/header-footer_bg.png);

}



#footer{

	margin: 0 auto;

	width: 968px;

	height: 515px;

	background: url(images/footer.png);

}



#footer-inner{

	padding: 20px;

	position: relative;

}



div.footer-left{

	float: left;

	width: 350px;

	position: relative;

}

div.footer-right{

	float: left;

	padding: 0 0 0 15px;

	width: 525px;

	position: relative;

}

div.footer-right h1,h2{

	text-align: left !important;

}

div.footer-divider{

	width: 1px;

	float: left;

	height: 386px;

	background: url(images/footer_divider.png);

}



/*Sticky Footer styling*/



	html, body, #wrapper{

		height: 100%;

	}

	

	.wrapper {

		min-height: 100%;

		height: auto !important;

		height: 100%;

		margin: 0 auto -515px; /* the bottom margin is the negative value of the footer's height */

	}

	.push {

		height: 515px; /* .push must be the same height as .footer */

	}

/*Menubar Styling*/



#menubar{

	width: 968px;

	margin: 0 auto;

	padding: 0 0 40px 0;

	position: relative;

	background: url(images/content.png);

	z-index: 100;

}



#nav{

	width: 800px;

	position: relative;

	margin: 0 auto;

	padding: 20px 0 0 0;

	list-style-type: none;

	z-index: 9999;

}



#nav li.page_item{

	float: left;

	margin: 0 10px;

}



#nav li.page_item a{

	display: block;

	font-weight: bold;

	color: #000;

	text-decoration: none;

	font-size: 26px;

	letter-spacing: -0.05em;

	font-family: "Helvetica", Sans Serif;

}



#nav li.page_item a:hover, #nav li.current_page_item a, #nav li.current_page_parent a{

	color: #AB0000;

	text-decoration: underline;

}



#nav li.page_item ul{

	list-style-type: none;

	visibility: hidden;

	width: 170px;

	position: absolute;

	background: #FFF;

	border: 1px solid #686E6F;

	z-index: 9999;

	padding: 0 6px 0 0;

}



#nav li.page_item ul li.page_item{

	float: none;

	padding: 0;

	margin: 0;

}



#nav li.page_item ul li.page_item a{

	text-decoration: none;

	display: inline-block;

	font-family: Helvetica;

	font-size: 14px;

	color: #000;

	margin: 0 0 0 0;

	padding: 7px 0 7px 6px;

	width: 100%;

	font-weight: normal;

}



#nav li.page_item ul li.page_item a:hover, #nav li.page_item ul li.current_page_item a{

	color: #FFF;

	background: url(images/submenu-bg-active.png);

	text-deoration: none;

}



/*Do not display sub-sub child menu items -> these will only exist for internal pages*/

#nav li.page_item ul li.page_item ul{

	display: none;

}



/*Top menu section styling (including search input area)*/



a.logo-link, a.logo-link:link, a.logo-link:active, a.logo-link:hover, a.logo-link:visited{

	text-decoration: none;

	width: 240px;

	height: 176px;

	display: block;

	float:left;

	outline-color: #000;

}



a.email-text, a.email-text:link, a.email-text:active, a.email-text:visited{

	text-decoration: none;

	float:left;

	color: #FFF;

}

a.email-text:hover{

	text-decoration: underline;

	float:left;

	color: #FFF;

}

ul.header-nav{

	display: block;

	margin: 0;

	padding: 0;

	position: absolute;

	left: 290px;

	top: 12px;

	list-style-type: none;

}



ul.header-nav li{

	display: block;

	float: left;

	margin: 0 5px 0 0;

	color: #000000;

}



ul.header-nav li a{

	color: #000000;

	font-family: Helvetica;

	font-size: 0.85em;

	font-weight: bold;

}



/*Searchbar CSS*/



div.searcharea{

	display: block;

	margin: 0;

	position: absolute;

	top: 10px;

	left: 670px;

}



#searchform{

	position: relative;

}

#s{

	font-size: 0.9em;

	font-family: Helvetica, Sans Serif;

	font-weight: normal;

	float: left;

	display: block;

	border: 2px solid #6C6A6A;

	padding: 3px 0;

}

#searchbutton{

	position: absolute;

	left: 170px;

	top: 0px;

}

div.nothing-found{

	padding: 20px 0 0 40px;

}

h2.nothing-found{

	margin: 40px 0 20px 0;

}

/*Content Item Styling*/



h1,h2,h3,h4{

	font-family: "Helvetica", Sans Serif;

	color: #000;

}



h1{

	font-size: 1.75em;

}

h2{

	font-size: 20px;

}

h3{

	font-size: 18px;

}

h3 a{

	font-size: 18px;

	font-family: "Helvetica", Sans Serif;

}

div.sub-middle h3, div.sub-header h3{

	color: #FFF;

}

h4{

	font-size: 16px;

}

h2.top{

	padding: 15px 15px 0 0;

}



h2.page-title{

	padding: 0 0 20px 0;

}

div.entry a, div.sub-content a, div.homepage-text a, #slideshow a, #sidebar a{

	color: #AB0000;

	font-family: "Helvetica", Sans Serif;

	font-weight: bold;

	font-size: 14px;

}

div.entry a:hover, div.sub-content a:hover, div.homepage-text a:hover, #slideshow a:hover, #sidebar a:hover{

	color: #c06c00;

}

a.post-title{

	font-size: 0.95em;

	display: block;

	margin: 20px 0 0 0;

}

a.more-link{

	display: block;

	padding: 10px 0 15px 0;

}

#content-internal li{

	color: #000;

	font-family: Verdana;

	font-size: 14px;

	line-height: 1.5em;

}



/*A standard UL in the content*/	

	

	div.entry ul, .homepage-text ul{

		margin: 0 0 20px 45px;

		padding: 0;

		list-style-image: url(images/arrow_right.gif);

		font-family: Helvetica;

		font-size: 0.9em;

	}



ul.checkmark-list{

	list-style-image: url(images/li.gif);

	margin: 0 0 0 25px;

	padding: 0;

}



ul.checkmark-list li{

	margin: 15px 0 0 0;

}



#footer h2{

	color: #FFF;

}



#footer p{

	color: #FFF;

	font-family: "Helvetica", Sans Serif;

	font-size: 16px;

}

#footer a{

	font-family: "Helvetica", Sans Serif;

}



.info-image{

	float: left;

	margin: 0 10px 0 0;

}



/*This content p styling is for the homepage, a second one is required because styling all p's under #content conflicts with the feature section*/



.homepage-text{

	padding: 25px 15px;

}



.homepage-text p{

	color: #000;

	font-family: Verdana;

	font-size: 0.82em;

	line-height: 1.5em;

	margin: 10px 0px;

}

.homepage-text h1{

	text-align: center !important;

}

div.entry{

	margin: 0 20px;

}



div.entry h2{

	margin: 20px 0px;

}



div.search h3{

	margin: 10px 0 0 0;

}



.page-title{

	margin: 20px 20px;

}



div.entry p, div.bb-wrapper{

	font-family: Verdana;

	font-size: 0.82em;

	color: #000;

	margin: 15px 0;

}



/*Search Page Styling (the results list)*/

	div.searchentry{

		margin: 0 20px;

	}

	

	div.searchentry a{

		font-size: 16px;

	}

	

	div.searchentry p{

		margin: 0;

		padding: 0;

	}



#sidebar p{

	color: #000;

	font-family: Lucida Grande;

	font-size: 14px;

	padding: 5px 10px 10px 10px;

}



#sidebar ul.widgetlist-left, #sidebar ul.widgetlist-right{

	width: 110px;

	float: left;

	margin: 15px 0 0 0;

	list-style-image: url(images/arrow_right.gif);

}



#sidebar ul.widgetlist-left{

	margin: 15px 0 0 30px;

}



p.small-print{

	font-family: Arial;

	font-size: 11px;

	color: #CCC;

	border-top: 1px solid #ccc;

}



td{

	font-family: Verdana;

	font-size: 14px;

	color: #000;

}



#sidebar h2{

	color: #FFF;

	background: #ab0000;

	padding: 7px;

	margin: 0 0 15px 0;

}



br.clear{

	clear: both;

}



/*Sub sections styling (sub areas with red header and rounded header corners)*/



div.sub-area-home{

	margin: 0 0 0 18px;

}



div.sub-section{

	width: 300px;

	float: left;

	margin: 0 15px 25px 0;

}

div.sub-header{

	height: 34px;

	width: 300px;

	background: url(images/sub-header.png) no-repeat;

}

div.sub-header h3{

	padding: 10px;

	margin: 0 auto;

}

div.sub-content{

	clear:left;

	background: #F0F0F0;

	border: 1px solid #CCCCCC;

	width: 298px;

	height: 350px;

}

div.sub-content p{

	font-family: Lucida Grande;

	font-size: 14px;

	padding: 10px;

	color: #000;

	line-height: 1.7em;

}



/*Sidebar Styling*/



#sidebar ul{

	list-style-image: url(images/arrow_right.gif);

	margin: 15px 0 15px 30px;

	padding: 0;

}



/*Footer items*/



img.map{

	position: absolute;

	left: 230px;

	top: 80px;

}

a.map-link{

	position: absolute;

	z-index: 500;

	font-family: Helvetica;

	font-size: 1.3em;

	font-weight: bold;

	text-decoration: none;

	top: 230px;

	left: 280px;

	color: #FFF;

}

a.map-link:hover{

	border-bottom: 2px solid #FFF;

}

img.info{

	float:left;

	margin: -10px 0 0 0;

	padding: 0 10px 0 0;

}
img.socialmedia{
	float:right;
	margin-left: 10;
	padding-left: 10;
}



div.bottom-links{

	position: absolute;

	left: 450px;

	top: 480px;

}



div.bottom-links a{

	color: #FFF;

}



/*Contact page CSS - classes added in WP content*/



div.contact-left, div.contact-right{

	float: left;

}

div.contact-right{

	margin: 0 0 0 25px;

}



/*Glossary Page*/



ul.glossary-list{

	list-style-type: none;

	margin: 0 20px;

	padding: 0;

}



ul.glossary-list li{

	display: block;

	float: left;

	margin: 5px;

}



ul.glossary-list li a, ul.glossary-list li a:link, ul.glossary-list li a:visited{

	font-family: Lucida Grande;

	font-size: 16px;

	font-weight: 700;

}



ul.glossary-list li a:hover{

	font-family: "Helvetica", Sans Serif;

	font-size: 16px;

	font-weight: 700;

	color: #AB0000;

}



/*Agent Profiles*/



div.agent-info{

	float: right;

	background: url(images/ProfileBG.jpg) repeat-x #EEEEEE;

	border: 1px solid #DDDDDD;

	padding: 10px;

	margin: 10px;

}



div.agent-info img{

	display: block;

	margin: 0 auto;

}

div.agent-info p{

	display: block;

}



/*New Slideshow Feature CSS*/



#slideshow div h3{

	font-family: "Verdana", Sans Serif;

	margin: -340px 0 0 530px;

	text-align: center;

}

#slideshow div p{

	font-family: "Verdana", Sans Serif;

	font-size: 0.85em;

	width: 285px;

	line-height: 1.5em;

	margin: 35px 0 0 560px;

}

#slideshow{

	margin: 0 0 3px 0;

	position: relative;

	z-index: 10;

}

a.feature-btn{

	width: 132px;

	height: 63px;

	background: url(images/feature-btn.png) no-repeat;

	float: left;

	margin: 0 3px 0 0;

	line-height: 4.0em;

	text-align: center;

	text-decoration: none;

	color: #000;

	font-family: "Helvetica", Sans Serif;

	font-weight: normal;

	font-size: 16px;

	outline: none;

	display: block;

}

a.feature-btn:hover{

	width: 132px;

	height: 63px;

	background: url(images/feature-btn-hover.png) no-repeat;

	float: left;

	margin: 0 3px 0 0;

	color: #FFF;

}

a.activeSlide, a.activeSlide:hover{

	width: 132px;

	height: 99px;

	background: url(images/feature-btn-active.png) no-repeat;

	float: left;

	margin: -36px 3px 0 0;

	color: #FFF;

	position: relative;

	z-index: 500;

	text-decoration: none;

	color: #FFF;

	font-family: "Helvetica", Sans Serif;

	font-weight: normal;

	font-size: 16px;

	outline: none;

	line-height: 8.5em;

	text-align: center;

	display: block;

}

a.apply-btn{

	width: 190px;

	height: 48px;

	background: url(images/apply-btn.png) no-repeat;

	display: block;

	position: absolute;

	top: 260px;

	right: 55px;

}

#feature{

	margin: 20px auto 15px auto;

	width: 865px;

	height: 430px;

	position: relative;

	overflow: hidden;

}

#feature-nav{

	position: absolute;

	top: 359px;

	left: 0px;

	z-index: 1000;

}



/*Comment Styling*/



.commentlist{

	margin: 25px 0;

	padding: 0;

	list-style-type: none;

}

.commentlist li{

	border-top: 1px solid #CCC;

	border-bottom: 1px solid #CCC;

	margin: -1px 0 0 0;

}

.commentlist li p{

	margin: 10px 0 15px 5px;

}

#comments{

	margin: 50px 0;

}

.author{

	font-family: "Helvetica", Sans Serif !important;

	font-weight: bold;

	color: #AB0000 !important;

	font-size: 1.4em !important;

	padding: 0 !important;

	margin: 5px !important;

	float: left;

}

.comment-info{

	margin: 6px 0 0 0 !important;

	float: left;

	font-size: 0.8em !important;

}



/*Blog Styling*/



.navigation{

	margin: 0 30px 0 30px;

}

.alignleft{

	float: left;

}

.alignright{

	float: right;

}

.blog-nav a{

	font-size: 1.15em;

}



/*Application Form Table Row Header Styling*/



span.style10{

	color: #FFF;

	font-size: 1.3em;

	padding: 0 5px;

	height: 20px;

}



/*Agent List Styling*/

#content-internal #content-inner-internal .entry #agentlist{

	list-style-type: none !important;

	margin: 0;

}

#agentlist li{

	border: 1px solid #CCC;

	background: url(images/ProfileBG02.jpg) repeat-x #EEEEEE;

	overflow: hidden;

	margin: -1px 0 0 0;

	display: inline;

	float: left;

	width: 650px;

	height: 225px;

}

.agentlist-left{

	float: left;

	display: block;

	width: 175px;	

}

.agentlist-right{

	float: left;

	display: block;

	padding: 10px;

}

.agentlist-right p{

	margin: -2px 0 !important;

	padding: 0;	

}

.agentlist-right hr{

	border: 1px;	

	color: #000;

	background-color: #000;

	height: 1px;	

}

.contest{

	padding: 0 20px;	

	margin: 0 0 0 160px;

}
#roll_calgary {display:block; width:652px; height:147px; text-indent:-999em; background:url("http://www.urbanmortgage.ca/wp-content/themes/UrbanMortgage/images/but_calgary_rest.jpg");
}
#roll_calgary:hover {background:url("http://www.urbanmortgage.ca/wp-content/themes/UrbanMortgage/images/but_calgary_roll.jpg");
}

#roll_edmonton {display:block; width:652px; height:147px; text-indent:-999em; background:url("http://www.urbanmortgage.ca/wp-content/themes/UrbanMortgage/images/but_edmonton_rest.jpg");
}
#roll_edmonton:hover {background:url("http://www.urbanmortgage.ca/wp-content/themes/UrbanMortgage/images/but_edmonton_roll.jpg");
}

#roll_reddeer {display:block; width:652px; height:147px; text-indent:-999em; background:url("http://www.urbanmortgage.ca/wp-content/themes/UrbanMortgage/images/but_reddeer_rest.jpg");
}
#roll_reddeer:hover {background:url("http://www.urbanmortgage.ca/wp-content/themes/UrbanMortgage/images/but_reddeer_roll.jpg");
}

#roll_drumheller {display:block; width:652px; height:147px; text-indent:-999em; background:url("http://www.urbanmortgage.ca/wp-content/themes/UrbanMortgage/images/but_drumheller_rest.jpg");
}
#roll_drumheller:hover {background:url("http://www.urbanmortgage.ca/wp-content/themes/UrbanMortgage/images/but_drumheller_roll.jpg");
}

#roll_lethbridge {display:block; width:652px; height:147px; text-indent:-999em; background:url("http://www.urbanmortgage.ca/wp-content/themes/UrbanMortgage/images/but_lethbridge_rest.jpg");
}
#roll_lethbridge:hover {background:url("http://www.urbanmortgage.ca/wp-content/themes/UrbanMortgage/images/but_lethbridge_roll.jpg");
}