/* CSS Document */
*{
    margin:0;
    padding:0;
    }
body {
    font:76%/150%;
    background: transparent url(../images/redbanner.gif) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:2em;
    }
#wrapper {
	width:900px;
	/* wrapper keeps the right column from slipping under the left when size of the browser window is reduced  */
	}


/* main navigation */
#navcontainer {
    width: 295px; 
    height: 350px;
    background: url(../images/backflag.gif);
    float:left;
    border-top:#000 solid 45px; }
#navcontainer ul{
    width:295px;
    list-style:none; }
#navcontainer li {
    margin: 0; 
    padding: 0; 
    list-style: none; }
#navcontainer li, #navcontainer a {
    height: 30px; 
    width:295px;
    display: block;
    text-indent:-9999em;
    position:relative; }
	
/* nav hover states  */
#welcome a:hover { background: transparent url(../images/backflag.gif) -295px -30px no-repeat; }
#broker a:hover { background: transparent url(../images/backflag.gif) -295px -60px no-repeat; }
#loans a:hover { background: transparent url(../images/backflag.gif) -295px -90px no-repeat; }
#lending a:hover { background: transparent url(../images/backflag.gif) -295px -120px no-repeat; }
#marketing a:hover { background: transparent url(../images/backflag.gif) -295px -150px no-repeat; }
#news a:hover { background: transparent url(../images/backflag.gif) -295px -180px no-repeat; }
#links a:hover { background: transparent url(../images/backflag.gif) -295px -210px no-repeat; }
#contact a:hover { background: transparent url(../images/backflag.gif) -295px -240px no-repeat; }

#welcome.here { background: transparent url(../images/backflag.gif) -590px -30px no-repeat; }
#broker.here { background: transparent url(../images/backflag.gif) -590px -60px no-repeat; }
#loans.here { background: transparent url(../images/backflag.gif) -590px -90px no-repeat; }
#lending.here { background: transparent url(../images/backflag.gif) -590px -120px no-repeat; }
#marketing.here { background: transparent url(../images/backflag.gif) -590px -150px no-repeat; }
#news.here { background: transparent url(../images/backflag.gif) -590px -180px no-repeat; }
#links.here { background: transparent url(../images/backflag.gif) -590px -210px no-repeat; }
#contact.here { background: transparent url(../images/backflag.gif) -590px -240px no-repeat; }

#logo {
    position:absolute;
    left:75px;
	top:335px;
	/* top : 335px : 6(buttons)x30px + 155px (distance from the top of the page to thetop of the navigation)
		for ever button you add to the website, you must add an additional 30px to the distance from the top */
    }
	
#rightside{
	float:left;
	padding-left:50px;
	margin-top:82px;
	text-align:left;
	border-left:#000 solid 1px;
    }
#linkside{
	float:left;
	padding-left:50px;
	margin-top:82px;
	text-align:left;
	border-left:#000 solid 1px;
	background:transparent url(../images/mountain.jpg) top left no-repeat;
    }

#pagecontent {
    width:536px;
	margin:0;
	padding:0;
	min-height:400px;
    }
#pagecontent ul {
	list-style:none;
	line-height:1.3em;
	}
#pagecontent ul li {
	padding-bottom:18px;
	}
#linkside ul li {
	padding-bottom:12px;
	}
#linkcolumn1 {
	float:left;
	width:275px;
	}
#linkcolumn2 {
	float:left;
	}
#column1 {
	clear:both;
	}
#column1, #column2, #column3, #column4, #column5, #column6 {
	float:left;
	}
#column1, #column2{
	width:182px;
	}
#column4, #column6, #column5 {
	width:150px;
	}
#column1, #column2, #column3, #column4, #column5, #column6 {
	font-size:10px;
	}
#column1 ul li, #column2 ul li, #column3 ul li, #column4 ul li, #column5 ul li, #column6 ul li {
	padding-bottom:12px;
	}
#column4 li, #column5 li, #column6 li {
	text-align:center;
	}
#column4 {
  margin-right: 35px;
}
#column5 {
  margin-right: 35px;
}
.columntitle{
	color:#ED1B24;
	font-weight:bold;
	text-transform:uppercase;
	}
#welcomecontent {
    width:536px;
	margin:0;
	padding:0;
	background-image:url(../images/family.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	height:427px;
    }
.twothirds {
	width:350px;
	}
#examples {
	padding-top:12px;
	width:536px;
	}
#examples img{
	border:1px #ccc solid;
	margin-right:12px;
	}
/* page titles */
#twelcome { background-image:url(../images/title_welcome.gif); }
#tbroker { background-image:url(../images/title_yourbroker.gif); }
#tportlandbroker { background-image:url(../images/title_yourportlandbroker.gif); }
#tsunsetbroker { background-image:url(../images/title_yoursunsetbroker.gif); }
#tvancouverbroker { background-image:url(../images/title_yourvancouverbroker.gif); }
#tmortgageconsultants { background-image:url(../images/title_mortgageconsultants.gif); clear:both; border-bottom:#ccc solid 1px; margin-bottom:12px;}
#tloans { background-image:url(../images/title_customloans.gif); }
#tlending { background-image:url(../images/title_lending.gif); }
#tmarketing { background-image:url(../images/title_marketing.gif); }
#tnews { background-image:url(../images/title_news.gif); }
#ttammydonahoo { background-image:url(../images/title_tammydonahoo.gif); }
#ttopresidential { background-image:url(../images/title_topresidential.gif); }
#tleadingtheway { background-image:url(../images/title_leadingtheway.gif); }
#tlinks { background-image:url(../images/title_links.gif); }
#tcontact { background-image:url(../images/title_contact.gif); }

/* page title height : either single or double line */
.mini {
	height:36px;
	text-indent:-9999em;
	width:532px;;
	}
.single {
	height:54px;
	text-indent:-9999em;
	width:532px;;
	}
.double {
	height:75px;
	text-indent:-9999em;
	width:532px;
		}
.locopy {
	line-height:18px;
	padding-top:18px;
	}
.highboy {
	height:177px;
	text-indent:-9999em;
	width:532px;
		}
.eighteen {
	line-height:24px;
	}
#locations, #brokers {
	border-top:#000 solid 1px;
	width:536px;
	display:block;
	}
#brokers {
	border:none;
	}
#locations img{
	float:left;
	margin:0;
	padding:0;
	}
	
	
#locations img.paddy{
	padding-right: 40px;
	}
#breathingroom{
	clear:both;
	height:30px;
	}
#footer {
    clear:both;
    margin-left:30px;
    width:857px;
    height:40px;
    background: transparent url(../images/footer.gif) 0 0 no-repeat;
    text-indent:-9999em;
    border-top:#000 solid 1px;
    }
   
#magazine {
	float:right;
	border:#ccc 1px solid;
	margin-left:12px;
	margin-bottom:18px;
	}
.quote {
	font-size:11px;
	line-height:15px;
	padding:12px;
	text-align:center;
	font-weight:bold;
	}
a {
	color:#333;
	text-decoration:none;
	font-weight:bold;
	}

a:hover {
	color:#ED1B24;
	text-decoration:underline;
	}