/* ::::: http://yui.yahooapis.com/2.5.2/build/reset-fonts-grids/reset-fonts-grids.css ::::: */

html { color: rgb(0, 0, 0); background: none repeat scroll 0% 0% rgb(255, 255, 255); }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0pt; padding: 0pt; }
fieldset, img { border: 0pt none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
li { list-style: none outside none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
body { font: 13px/1.231 arial,helvetica,clean,sans-serif; }
body { text-align: center; }
#ft { clear: both; }
.yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf, .yui-gc .yui-u, .yui-gd .yui-g, .yui-g .yui-gc .yui-u, .yui-ge .yui-u, .yui-ge .yui-g, .yui-gf .yui-g, .yui-gf .yui-u { float: right; }
.yui-g div.first, .yui-gb div.first, .yui-gc div.first, .yui-gd div.first, .yui-ge div.first, .yui-gf div.first, .yui-g .yui-gc div.first, .yui-g .yui-ge div.first, .yui-gc div.first div.first { float: left; }
.yui-ge div.first, .yui-gf .yui-u { width: 74.2%; }
.yui-ge .yui-u, .yui-gf div.first { width: 24%; }
#bd:after, .yui-g:after, .yui-gb:after, .yui-gc:after, .yui-gd:after, .yui-ge:after, .yui-gf:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
#bd, .yui-g, .yui-gb, .yui-gc, .yui-gd, .yui-ge, .yui-gf {  }
/* ::::: http://yui.yahooapis.com/2.5.2/build/base/base-min.css ::::: */

h2 { font-size: 123.1%; }
h3 { font-size: 108%; }
h1, h2, h3 { margin: 1em 0pt; }
h1, h2, h3, h4, h5, h6, strong { font-weight: bold; }
blockquote, ul, ol, dl { margin: 1em; }
ol, ul, dl { margin-left: 2em; }
ol li { list-style: decimal outside none; }
ul li { list-style: disc outside none; }
p, fieldset, table, pre { margin-bottom: 1em; }
/* ::::: http://www.firstnationalrealty.com/css/site.css ::::: */

html { height: 100%; margin-bottom: 1px; }
html { background: none repeat scroll 0% 0% rgb(237, 226, 184); }
body { font-family: arial,sans-serif; font-size: 12px; color: rgb(68, 68, 68); line-height: 1.6; }
a { color: rgb(201, 142, 27); text-decoration: none; border-bottom: 1px solid rgb(201, 142, 27); }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
#bd .main h1, #bd .main h2, #bd .main h3, #bd .main h4 { color: rgb(51, 51, 51); text-align: left; }
#bd .main h2 { color: rgb(61, 55, 37); }
.wrapper { width: 948px; margin: 0pt auto; position: relative; }
#hd { background: none repeat scroll 0% 0% rgb(255, 255, 255); }
#hd div#logo { text-indent: -9999px; height: 86px; }
#hd div#logo h2, #hd div#logo h3 { margin: 0pt; padding: 0pt; }
#hd div#logo h2 { float: left; background: url('fnr_logo.png') no-repeat scroll 0pt 50% transparent; height: 86px; width: 193px; display: block; }
#hd div#logo h2 a { display: block; height: 86px; width: 193px; border-bottom: 0pt none; }
#hd div#logo h3 { float: right; background: url('fnr_tagline.png') no-repeat scroll 100% 50% transparent; height: 86px; width: 261px; display: block; }
#hd div#nav { height: 40px; display: block; background: url('nav_bg.png') repeat-x scroll 0% 0% rgb(221, 166, 40); border-top: 1px solid rgb(219, 185, 85); border-bottom: 1px solid rgb(186, 152, 52); margin: 0pt; padding: 0pt; line-height: 40px; }
#hd div#nav ul { height: 40px; display: block; margin: 0pt; padding: 0pt; }
#hd div#nav ul li { list-style: none outside none; float: left; position: relative; display: block; padding: 0pt; height: 40px; overflow: hidden; }
#hd div#nav ul li a { text-indent: -9999px; height: 80px; display: block; float: left; background-position: 0pt 0pt; }
#hd div#nav ul li.nav-home a { background-image: url('nav-home.png'); width: 78px; }
#hd div#nav ul li.nav-find-a-home a { background-image: url('nav-find_home.png'); width: 120px; }
#hd div#nav ul li.nav-sell-a-home a { background-image: url('nav-sell_home.png'); width: 120px; }
#hd div#nav ul li.nav-our-agents a { background-image: url('nav-our_agents.png'); width: 120px; }
#hd div#nav ul li.nav-about a { background-image: url('nav-about.png'); width: 84px; }
#hd div#nav ul li.nav-careers a { background-image: url('nav-careers.png'); width: 99px; }
#hd div#nav ul li.nav-contact a { background-image: url('nav-contact.png'); width: 100px; }
#hd div#nav ul li.nav-login a { background-image: url('nav-login.png'); width: 100px; }
#hd div#nav ul li a:hover, #hd div#nav ul li.selected a, #hd div#nav ul li.ancestor a, div.home #hd div#nav ul li.nav-home a, div.news #hd div#nav ul li.nav-news a, div.find-a-home #hd div#nav ul li.nav-find-a-home a, div.sell-a-home #hd div#nav ul li.nav-sell-a-home a, div.home-financing #hd div#nav ul li.nav-home-financing a, div.our-agents #hd div#nav ul li.nav-our-agents a, div.about #hd div#nav ul li.nav-about a, div.careers #hd div#nav ul li.nav-careers a, div.contact #hd div#nav ul li.nav-contact a { background-position: 0pt -40px; }
#bd { border-top: 1px solid rgb(237, 226, 184); background: url('fnr_bd_bg.png') repeat-x scroll 0% 0% transparent; text-align: justify; }
#bd .main { width: 671px; background: none repeat scroll 0% 0% rgb(255, 255, 255); border: 1px solid rgb(219, 208, 170); -moz-border-radius: 6px 6px 6px 6px; }
#bd .yui-u, #bd div.full_width { margin-top: 3em; }
#bd .padding { margin: 1.5em; }
#bd .sidebar { width: 267px; padding-top: 6px; background: none repeat scroll 0% 0% rgb(0, 0, 0); color: rgb(255, 255, 255); -moz-border-radius: 6px 6px 6px 6px; }
#bd .sidebar h3 { padding: 0.5em 1em; font-weight: normal; margin: 0pt; border-bottom: 1px solid rgb(55, 55, 50); }
#bd .sidebar a { color: rgb(255, 255, 255); text-decoration: none; border-bottom: medium none; }
div.contact_info { text-align: left; }
div.contact_info strong { color: rgb(153, 102, 51); }
div.contact #bd div.sidebar p, div.careers #bd div.sidebar p { margin-left: 18px; margin-right: 18px; }
#ft { height: 40px; border-top: 1px solid rgb(174, 166, 135); color: rgb(152, 152, 147); margin-top: 2em; padding-top: 1em; font-size: 10px; text-align: left; }
#ft p { float: left; margin-right: 2em; width: 25%; }
#ft div.logos { float: right; width: 316px; text-align: right; }
#ft div.logos div { float: left; }
#ft div.logos div.nrba { width: 117px; height: 30px; background: url('ft_nrba.png') no-repeat scroll 0pt 100% transparent; }
#ft div.logos div.united_housing { width: 118px; height: 30px; background: url('ft_united_housing.png') no-repeat scroll 0pt 100% transparent; }
#ft div.logos div.other { width: 81px; height: 30px; background: url('ft_other.png') no-repeat scroll 0pt 100% transparent; }

form { margin-top: 0.5em; width: 310px; }
div.form-element { position: relative; margin: 0pt 0pt 0.5em; }
div.form-element label { display: block; font-weight: bold; color: rgb(0, 0, 0); width: 110px; position: absolute; top: 2px; left: 4px; font-size: 11px; }
div.form-type-textarea label, div.form-type-paragraph label { width: 314px; color: rgb(51, 51, 51); font-size: 11px; }
div.form-element input.input-text, .input-text { border: 1px solid rgb(222, 204, 157); -moz-border-radius: 3px 3px 3px 3px; padding: 2px 2px 2px 112px; width: 198px; color: rgb(85, 69, 23); }
div.form-element textarea.input-textarea { border: 1px solid rgb(222, 204, 157); -moz-border-radius: 3px 3px 3px 3px; padding: 1.5em 2px 2px; width: 550px; height:90px;}
div.form-type-submit { text-align: left; margin-top: 1em; clear: both; display: block; }
div.form-type-submit input.input-submit { font-family: 'Trebuchet MS',sans-serif; text-transform: uppercase; background: url('button-arrow.png') no-repeat scroll 100% 50% rgb(235, 178, 6); color: rgb(255, 255, 255); border: 2px solid rgb(235, 178, 6); -moz-border-radius: 3px 3px 3px 3px; padding: 2px 14px 2px 4px; font-size: 93%; }
div.contact #bd form div.name label, div.contact #bd form div.email label, div.sell-a-home #bd #top form div.name label, div.sell-a-home #bd #top form div.phone label, div.sell-a-home #bd #top form div.email label, div.careers #bd form div.name label, div.careers #bd form div.phone label, div.careers #bd form div.email label { width: 45px; }
div.contact #bd form div.name input.input-text, div.contact #bd form div.email input.input-text, div.sell-a-home #bd #top form div.name input.input-text, div.sell-a-home #bd #top form div.phone input.input-text, div.sell-a-home #bd #top form div.email input.input-text, div.careers #bd form div.name input.input-text, div.careers #bd form div.phone input.input-text, div.careers #bd form div.email input.input-text { padding-left: 47px; width: 263px; }
