@import "base.css";

/* General */
body { background:White url(../images/home/background.gif) scroll repeat-x 0px 90px; text-align:center }
div.clear { clear:both }

/* Navigation Bar */
table#navigation { position:absolute; top:0; left:0; z-index:-1; width:100%; height:30px }
table#navigation tr td { width:50% }
td#navigationLeft { background-image:url(../images/navleft.gif) }
td#navigationRight { background-image:url(../images/navright.gif) }
div#navigationBar { width:899px; height:23px; background-image:url(../images/home/navbar.gif); padding:7px 0px 0px 2px }
div#navigationBar, div#navigationBar a, div#navigationBar a:visited { color:White; font:11px Arial, Helvetica, sans-serif; text-decoration:none }
div#navigationBar a:hover { color:Yellow; text-decoration:underline }
div#navigationSpacer { height:22px }

/* Container */
div#pageContainer { width:901px; margin-left:auto; margin-right:auto; text-align:left }

/* Menu */
div#menu { height:38px; padding-top:22px; padding-left:1px }
div#menu a { display:block; height:30px; float:left; padding-top:8px; text-align:center }
div#menu a, div#menu a:visited { color:#42516e; font:bold 12px Tahoma, Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none }
div#menu a:hover { color:#900; text-decoration:underline }

/* Quick Links */
div#quickLinks { float:left; border-left:solid White 1px; border-right:solid White 1px }
div#quickLinks div.separator { width:248px; height:1px; background-color:White }
div#quickLinks a { display:block; width:248px; height:93px }
div#hotsheetContainer, a#hotsheet { background-image:url(../images/home/hotsheet.gif) }
div#mlsContainer, a#mls { background-image:url(../images/home/mls.gif) }
div#listingsContainer, a#listings { background-image:url(../images/home/listings.gif) }
div#subdivisionsContainer, a#subdivisions { background-image:url(../images/home/subdivisions.gif) }
a#hotsheet:hover { background-image:url(../images/home/hotsheet-over.gif) }
a#mls:hover { background-image:url(../images/home/mls-over.gif) }
a#listings:hover { background-image:url(../images/home/listings-over.gif) }
a#subdivisions:hover { background-image:url(../images/home/subdivisions-over.gif) }

/* Listings */
div#listings { float:left; border-right:solid White 1px }
div#pocatellorealestate { float:left; border-right:solid White 1px; width:149px; height:281px; background:#42516e url(../images/home/pocatello_real_estate.gif) scroll no-repeat left top }
div#office { float:left; border-right:solid White 1px; border-top:solid White 1px; width:149px; height:93px; background:#42516e url(../images/home/office.jpg) scroll no-repeat left top }

/* Brand */
img#logo { margin-top:24px; margin-bottom:12px }
div#brand { float:left; width:240px; text-align:right; font:bold 12px Arial, Helvetica, sans-serif; line-height:20px; padding-right:40px }

/* Content */
div#content { float:left; width:621px; text-align:left; margin-top:25px; font:13px Tahoma, Arial, Helvetica, sans-serif }
div#tag { position:absolute; padding-left:188px; padding-top:16px }
div#introduction { margin:46px 0px 0px 20px; }
div#introduction ul li, div#introduction ul li a { font:13px Tahoma, Arial, Helvetica, sans-serif }
div#introduction ul li a { font-weight:bold }
div#introduction ul li a:hover { color:#900 }
img.new { width:50px; height:13px; margin-left:10px }

/* Headings */
h1, h2 { color:#42516e }

/* Tooltips */
table.toolTip { width:auto }
table.toolTip tr td.image { padding-right:10px }
table.toolTip tr td.content { text-align:left; font:11px Arial, Helvetica, sans-serif }

/* Status Colors */
.active { color:Green }
.uc { color:#00f }
.pending { color:#f90 }
.sold { color:#f00 }

/* Equal Housing Opportunity */
div#ehoBlock { margin-top:20px; font-size:11px }
img#eho { margin-right:10px; width:20px; height:16px }