/* ::::: 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; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
input, textarea, select {  }
body { font: 13px/1.231 arial,helvetica,clean,sans-serif; }
body { text-align: center; }
#ft { clear: both; }
.yui-gb .yui-u, .yui-g .yui-gb .yui-u, .yui-gb .yui-g, .yui-gb .yui-gb, .yui-gb .yui-gc, .yui-gb .yui-gd, .yui-gb .yui-ge, .yui-gb .yui-gf, .yui-gc .yui-u, .yui-gc .yui-g, .yui-gd .yui-u { float: left; }
.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-gb .yui-u, .yui-g .yui-gb .yui-u, .yui-gb .yui-g, .yui-gb .yui-gb, .yui-gb .yui-gc, .yui-gb .yui-gd, .yui-gb .yui-ge, .yui-gb .yui-gf, .yui-gc .yui-u, .yui-gc .yui-g, .yui-gd .yui-u { width: 32%; margin-left: 1.99%; } - commented by Haik*/
.yui-gb .yui-u, .yui-g .yui-gb .yui-u, .yui-gb .yui-g, .yui-gb .yui-gb, .yui-gb .yui-gc, .yui-gb .yui-gd, .yui-gb .yui-ge, .yui-gb .yui-gf, .yui-gc .yui-u, .yui-gc .yui-g, .yui-gd .yui-u { width: 32%; padding-right: 1.33%; }
.yui-gb .yui-u {  }
.yui-g .yui-gb div.first, .yui-gb div.first, .yui-gc div.first, .yui-gd div.first { margin-left: 0pt; }
#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: .3em 0pt; }
h1, h2, h3, h4, h5, h6, strong { font-weight: bold; }
blockquote, ul, ol, dl { margin: 1em; }
ol, ul, dl { margin-left: 2em; }
ul li { list-style: disc outside none; }
p, fieldset, table, pre { margin: 0 1.6em 1.3em 0; }
input[type="text"], input[type="password"], textarea { width: 12.25em; }
/* ::::: http://www.firstnationalrealty.com/css/site.css ::::: */

html { height: 100%; margin-bottom: 1px; }
.clear { clear: both; }
form .clear { clear: none; }
.right { text-align: right; }
html { background: none repeat scroll 0% 0% rgb(237, 226, 184); }
html { background: none repeat scroll 0% 0% rgb(255, 255, 255); }
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; }
h4 { font-size: 16px; }
.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; }
html #bd { background: none repeat scroll 0% 0% transparent; }
html div#middle { background: url('fnr_bd_bg.png') repeat-x scroll 0% 0% rgb(237, 226, 184); padding-bottom: 2em; padding-top: 2em; margin-bottom:20px; border-bottom: 2px solid rgb(213, 213, 207); }
html div#middle #top, div.sell-a-home #bd div#top, div.find-a-home #bd div#top { background: none repeat scroll 0% 0% rgb(0, 0, 0); -moz-border-radius: 6px 6px 6px 6px; height: 273px; }
#bd #top h3 { margin-bottom: 0pt; font-size: 20px; }
#bd #top h4 { font-weight: normal; font-size: 12px; }

/*#bd #top div.heroshots { float: left; } - commented by Haik*/
#bd #top div.heroshots { float: left; position:absolute;}

html div#middle #top .right, div.find-a-home #bd #top div.right, div.sell-a-home #bd #top div.right { float: right; width: 314px; text-align: left; padding-right: 1.5em; color: rgb(255, 255, 255); }
html div#middle #bottom { margin-top: 2em; }
html div#middle #bottom #featured_prop_slider { background: none repeat scroll 0% 0% rgb(0, 0, 0); -moz-border-radius: 6px 6px 6px 6px; height: 194px; width: 948px ! important; float: left; overflow: hidden; color: rgb(255, 255, 255); position: relative; }
html div#middle #bottom #featured_prop_slider h3 { color: rgb(255, 255, 255); font-size: 16px; margin: 0pt; font-weight: normal; }
html div#middle #bottom #featured_prop_slider .padding { margin: 1em; }
html div#middle #bottom #featured_prop_slider a.prev { position: absolute; bottom: 10px; left: 10px; border: 0pt none; text-indent: -9999px; display: block; width: 13px; height: 11px; background: url('slider_prev.png') no-repeat scroll 0pt 0pt transparent; }
html div#middle #bottom #featured_prop_slider a.next { position: absolute; bottom: 10px; right: 10px; border: 0pt none; text-indent: -9999px; display: block; width: 13px; height: 11px; background: url('slider_next.png') no-repeat scroll 0pt 0pt transparent; }
html div#middle #bottom #featured_prop_slider ul { margin: 10px 0pt 0pt; padding: 0pt; width: 2000px; }
html div#middle #bottom #featured_prop_slider ul li { list-style: none outside none; margin: 0pt 10px 0pt 0pt; padding: 0pt; float: left; width: 126px; display: block; height: 112px; }
html div#middle #bottom #featured_prop_slider a { border: 0pt none; }
html div#middle #bottom #featured_prop_slider ul li img { border: 3px solid rgb(204, 204, 204); }
html div#middle #bottom #featured_prop_slider ul li a:hover img, html div#middle #bottom #featured_prop_slider ul li a.selected img { border-color: rgb(245, 185, 33); }
html div#middle #bottom #featured_prop_slider ul li h4 { display: none; }
html div#middle #bottom #featured_prop_slider div#feat_info { position: absolute; width: 540px; left: 25px; bottom: 10px; text-align: center; }
html div#middle #bottom #news_side { float: right; width: 323px; margin-right: 1em; }
html div#lower {  }
html div#lower h3 { color: rgb(61, 55, 37); font-size: 17px; margin-bottom: 0.25em; }
#bd .yui-u, #bd div.full_width { margin-top: 3em; }
html #bd .yui-u { margin-top: 0pt; }
#bd .padding { margin: 1.5em; }
div.contact_info { text-align: left; }
div.contact_info strong { color: rgb(153, 102, 51); }
#bd #lower .yui-u {  }
#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; }
html #ft div.logos div.nrba { background-image: url('ft_nrba_home.png'); }
html #ft div.logos div.united_housing { background-image: url('ft_united_housing_home.png'); }
html #ft div.logos div.other { background-image: url('ft_other_home.png'); }
form { margin-top: 0.5em; width: 310px; }
div.form-element { position: relative; margin: 0pt 0pt 0.5em; }
div.form-element label { display: block; color: rgb(0, 0, 0); width: 110px; position: absolute; top: 2px; left: 4px; 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-type-submit { text-align: right; 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%; }
form .odd { float: left; }
form .even { float: right; margin-right: 0pt; }
form#ms_form { display: none; }
h5#state_select a { border-bottom: 0pt none; }
h5#state_select a.selected { color: rgb(138, 138, 138); cursor: default; }
form p.adv_search { position: absolute; left: 0pt; bottom: 0px; top:120px; font-size: 12px; }
#bd #top .right form { position: relative; }
#bd #top .right form select { font-size: 11px; background: none repeat scroll 0% 0% rgb(255, 255, 255); border: 0pt none; width: 48%; margin-top: 0.5em; margin-bottom: 0.5em; }
#bd #top .right form div.form-element label { width: 30px; }
#bd #top .right form div.form-element input.input-text { padding-left: 32px; width: 278px; }
#bd #top .right form div.select_options { display: block; clear: both; }
#bd #top .right form .clear { clear: both; }
.big { font-size:14px;}