@charset "UTF-8";
/* copyright Sphere Builder LLC */


body {
background: #668a94;
text-align: center;
padding: 0px;
margin: 0px;
}

html, table, td, tr, th {
font-family: Arial, Helvetica, sans-serif;
color: #5d573f;
font-size: 11px;
}
#wrapper {
background: ;
width: 933px;
margin: 20px auto;
text-align: left;
}
#wrapperInside {
background: url(../images/content_BG2.gif) no-repeat 1px top;
width: 933px;
margin: 20px auto;
text-align: left;
}
#contentWrapper {
background: url(../images/contentshadow_BG.gif) 1px 0 repeat-y;
}
#content {
background: #f0e9d5 url(../images/content_BG.gif) repeat-x;
width: 910px;
margin: 0 0 0 6px;
padding: 0;
}
#contentInside {
background: #f0ead6 url(../images/content_insideBG2.gif) no-repeat;
width: 910px;
margin: 0 0 0 6px;
padding: 0;
}

#dividersHome {
background: url(../images/dividers.gif) repeat-y 0px 40px;
}
#dividersInsideS {
background: url(../images/dividersSearch.gif) repeat-y ;
height: 100%;
}

/*********  -----{ HEADER }----- *********/
#masthead {
background: url(../images/menubar_BG.gif) no-repeat 1px bottom;
height: 11px;
height: 45px;
}
#mastheadInside {
height: 11px;
height: 45px;
}

#firstMenu {
margin: 0 0 0 32px
}

#secMenu {
float: left;
margin: 25px 0 0 170px;
color: #fefefe;
}

#secMenu li {
display: inline;
list-style-type: none;
padding: 0 5px 0 5px;
}

#secMenu li a {
color: #fefefe;
text-decoration: none;
text-transform: capitalize;
}

/* Tabs */
a.buyON {
background:  url(../images/buyOn_tab.gif);
width: 147px;
height: 45px;
float: left;
display: block;
text-decoration: none;
}
a.sellOFF {
background:  url(../images/sellOFF_tab.gif);
width: 147px;
height: 45px;
float: left;
display: block;
text-decoration: none;
}


a.buyOFF {
background:  url(../images/buyOFF_tab.gif);
width: 147px;
height: 45px;
float: left;
display: block;
text-decoration: none;
}
a.sellON {
background:  url(../images/sellOn_tab.gif);
width: 147px;
height: 45px;
float: left;
display: block;
text-decoration: none;
}

/* END HEADER */


/*********  -----{ LEFT COLUMN }----- *********/
#leftColumn {
float: left;
width: 299px;
padding: 26px 0 0 0;
}
#leftColumn h2 {
text-transform: capitalize;
}
#stepOne {
background:  url(../images/step_one.gif) no-repeat;
min-height:53px;
height:auto !important;
height:53px;
margin: 0 0 0 -8px;
position: relative;
}

#register {
margin: 0 0 0 75px;
padding: 30px 0 0 0;
}
#register h2 {
margin: 2px 0 2px 0;
text-transform: capitalize;
}

#register p {
margin: 0 0 10px 0;
padding: 0;
}

#stepTwoBuy {
background:  url(../images/step_twoBuy.gif) no-repeat;
min-height:31px;
height:auto !important;
height:31px;
margin: 10px 0 0 -8px;
position: relative;
}

#stepTwoSell {
background:  url(../images/step_twoSell.gif) no-repeat;
min-height:31px;
height:auto !important;
height:31px;
margin: 10px 0 0 -8px;
position: relative;
}

#mlsSearchFE {
margin: 0 0 0 75px;
width: 190px;
padding: 35px 0 0 0;
}

#mlsSearchFE p {
margin: 0 0 10px 0;
padding: 0;
}

#mlsSearchFE h2 {
padding: 0;
margin: 2px 0 2px 0;
}

#mlsSearchFE h3 {
margin: 0;
padding: 0;
}

#mlsSearchFE p a {
padding: 0 25px 0 0;
}

#buySearchFE {
margin: 0 0 0 75px;
padding: 35px 0 0 0;
}

#buySearchFE p {
margin: 0 0 10px 0;
padding: 0;
}

#buySearchFE h2 {
padding: 0;
margin: 2px 0 2px 0;
}


#buySearchFE p a {
padding: 0 25px 0 0;
}



#mlsBarContent {
margin: 0px auto;
}

#mlsBarContent p span {
padding: 0 0 0 10px;
}

#mlsBarContent img {
border: none;
}

.mlsSearchBtn {
margin: 10px 0 10px 0;
background: transparent;
border: none;
}

/* left column -- logged in */
#leftColumnReg {
	float: left;
	width: 299px;
	padding: 6px 0 0 0;
}

#leftColumnReg #stepOne, #leftColumnReg #stepTwoBuy {
	background:  none;
}

#leftColumnReg #stepTwoSell {
	background:  url(../images/home_value_search.gif) no-repeat;
}

#leftColumnReg #stepTwoBuy {
	padding-top: 0px;
}

#leftColumnReg #mlsSearchFE {
	padding-top: 0px;
	padding-left: 2px;
}

#mlsSearch h2 {
	font-size: 14px;
	font-weight: bold;
}

/* LEFT COLUMN NO SEARCH */
#leftColumnNS {
background:  url(../images/divider_BG_NS.gif) top right no-repeat;
width: 719px;
float: left;
text-align: center;
min-height:400px;
height:auto !important;
height:400px;
}
#leftColumnNSContent {
margin: 0px auto;
width: 660px;
padding: 40px 0 0 0;
text-align: left;
}
#leftColumnNSContent h1 {
font-family: Georgia, "Times New Roman", Times, serif;
text-transform: uppercase;
font-size: 22px;
color: #8c3e1c;
margin: 0;
}
#leftColumnNSContent h1:first-letter  {
font-size: 28px;
}
#leftColumnNSContent h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #8c3e1c;
margin: 0 0 5px 0;
}
#leftColumnNSContent h3 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
text-transform: capitalize;
margin: 0 0 5px 0;
}

/* LEFT COLUMN SEARCH */
#leftColumnS {
float: left;
width: 182px;
text-align: center;
}
#leftColumnS h2 {
text-transform: capitalize;
}
#leftColumnContentS {
background: url(../images/divider_BG.gif) top right repeat-y;
margin: 0px auto;
width: 162px;
text-align: left;
padding: 40px 0 20px 0;
}
.mlsSearchS {
margin: 0px auto;
width: 158px;
}
.mlsSearchS h2 {
margin: 2px 0 2px 0;
}
.mlsSearchS h3 {
margin: 0;
padding: 0;
}



/* END LEFT COLUMN */



/*********  -----{ RIGHT COLUMN }----- *********/
#rightColumn {
background:  url(../images/right_column_BG.gif) no-repeat top right;
float: left;
width: 610px;
z-index: 1;
}

#rightColumn h1 {
font-family: Georgia, "Times New Roman", Times, serif;
}

#rightColumnContent {
margin: 50px 0 0 0;

}

#welcome {
float: left;
width: 420px;
text-align: center;
}

#welcomeContent {
width: 370px;
margin: 0px auto;
text-align: left;
line-height: 16px;
}

#logo {
float: right;
width:155px;
height: 240px;
margin: -95px 0 0 0;
position: relative;
background:  url(../images/First&Elm_Logo.gif) no-repeat;
}

#centerTop {
float: left;
width: 610px;
}

#welcomeContent h1 {
text-transform: uppercase;
font-size: 18px;
color: #863615;
margin: 0 0 10px 0;
}

#welcomeContent h1:first-letter {
font-size: 22px;
}

#contentLower {
float: left;
width: 420px;
background:  url(../images/divider_BG.gif) top right repeat-y;
text-align: center;

}

#shadowBox {
width: 370px;
margin: 0px auto 60px auto;
background:#c3d3d0 url(../images/shadowbox_BG.gif) no-repeat;
text-align: center;
}

#shadowBoxContent {
width: 320px;
margin:0px auto;
padding: 10px 0 10px 0;
text-align: left;
}

#shadowBoxContent h1 {
text-transform: uppercase;
font-size: 16px;
color: #863615;
margin: 0 0 10px 0;
}

#shadowBoxContent h1:first-letter {
font-size: 20px;
}

#shadowBoxContent h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
color: #8c3e1c;
margin: 0;
}

#shadowBoxContent p {
margin: 0 0 10px 18px;
font-size: 12px;
}

#shadowBoxBtm {
margin-top: -10px;
}

#countyContent {
	text-align: left;
	padding: 0px 15px;
}

#rightBottom {
float: right;
width: 189px;
height:131px;
margin: 40px -16px 0 0;
position: relative
}


/* CSS IMAGE MAP */
#cssImageMap {
background:  url(../images/rightbottom.gif) no-repeat;
width: 189px;
height: 131px;
position: absolute;
text-decoration: none;
}
#cssImageMap a {
position: absolute;
height: 27px;
width: 184px;
top: 0px;
text-decoration: none;
}
#cssImageMap a i {
visibility: hidden;
}
a#searchCommunity {
top: 4px;
left: 20px;
}
a#findMortgage {
top: 37px;
}
a#chatLive {
top: 92px;
left: 9px;
width: 155px;
height: 15px;
}
a#searchCommunity:hover, a#findMortgage:hover,
a#chatLive:hover {
border: none;
}


/* RIGHT COLUMN NO SEARCH  */
#rightColumnNS {
width: 189px;
float: left;
margin: 0;
}
#rightTopNS {
height: 160px;
}

#rightBottomNS {
width: 189px;
height: 131px;
margin: 85px -20px 0 0;
position: relative
}

.icons td {
padding: 20px 10px 20px 0;
}
.iconsLower td {
padding: 0 10px 0 0;
}

/* RIGHT COLUMN SEARCH */
#rightColumnS {
float: left;
width: 728px;
}
#rightColumnContentS {
margin: 0px auto;
line-height: 16px;
width: 708px;
padding: 0;
}
#rightColumnContentS h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
line-height: 22px;
color: #8c3e1c;
text-transform: uppercase;
}
#rightColumnContentS h2:first-letter {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 22px;
color: #8c3e1c;
}
#rightColumnContentS p {
width: 450px;
line-height: 16px;
}
#liveChat {
width: 326px;
height: 24px;
margin: 0 0 0 250px;
}
#liveChatMap {
background:  url(../images/live_chat.gif) no-repeat;
width: 306px;
height: 24px;
position: absolute;
text-decoration: none;
}
#liveChatMap a {
position: absolute;
height: 14px;
width: 154px;
top: 10px;
text-decoration: none;
}
#liveChatMap a i {
visibility: hidden;
}


/* END RIGHT COLUMN */



/*********  -----{ FOOTER }----- *********/
#ftr {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #f6f2e8;
text-align: center;
margin: 0 0 20px 0;
padding: 5px 0 0 0;
}
#ftr a {
font-weight: normal;
color: #f6f2e8;
text-decoration: none;
text-transform: capitalize;
}
#bottomShadow {
background:  url(../images/footer_BG.gif) no-repeat;
height: 40px;
}
#bottomShadowNS {
background:  url(../images/footer_BG_NS.gif) no-repeat;
height: 40px;
margin: -8px 0 0 0;
}
#bottomShadowS {
background:  url(../images/footer_BG_S.gif) no-repeat;
height: 40px;
}

/* END FOOTER */



.floatPicRight {
float: right;
width: 216px;
margin: 30px 0 20px 20px;
}
.floatPicRight img {
border: 2px solid #5e573d;
}
.outerImage {
display: block;
}
.feBrand {
font-family:Georgia, 'Times New Roman', Times, serif; 
font-size: 16px;
color:#363223;
}
div.img-decRowOdd {
	background-color: #ada183;
	clear: right;
	float: right;
	margin: 0 0 0 3px;
	padding: 0;
	position: relative;
}

div.img-decRowOdd img {
	display: block;
	margin: -3px 3px 3px -3px;
	position: relative;
}


div.img-decRowEven {
	background-color: #ada183;
	clear: right;
	float: right;
	margin: 0 0 15px 3px;
	padding: 0;
	position: relative;
}

div.img-decRowEven img {
	display: block;
	margin: -3px 3px 3px -3px;
	position: relative;

}

/* New Float */

	
.line {
	position: relative;
	float: left;
	width: 100%;
	}
.input {	
	position: relative;
	float: left;
	left: 100%;
	}
#firstNameContact {
	margin-left: -100%;
	width: 50%;
	
	}
#lastNameContact {
	margin-left: -50%;
	width: 50%;
	
	}

#contactLeft {
	margin-left: -100%;
	width: 50%;
	
	}
#contactRight {
	margin-left: -50%;
	width: 50%;
	
	}



.clear {
clear: both;
height: 0px;
line-height: 0px;
padding: 0px;
margin: 0px;
}

/* CSS Rollovers */
a.schedule {
display: block;
width: 252px;
height: 40px;
text-decoration: none;
background:url(../images/sav_large.gif);
margin: 0 0 10px 0;
}
a.schedule:hover {
background-position: -252px 0;
margin: 0 0 10px 0;
}
a.showing {
display: block;
width: 50px;
height: 50px;
text-decoration: none;
background: url(../images/showing_buttonALT_on.gif);
margin: 0;
}
a.showing:hover {
background-position: -50px 0;
margin: 0;
}
a.moreInfo {
display: block;
width: 50px;
height: 50px;
text-decoration: none;
background: url(../images/moreinfo_buttonALT_on.gif);
margin: 0;
}
a.moreInfo:hover {
background-position: -50px 0;
margin: 0;
}

a.print {
display: block;
width: 50px;
height: 50px;
text-decoration: none;
background: url(../images/print_buttonALT_on.gif);
margin: 0;
}
a.print:hover {
background-position: -50px 0;
margin: 0;
}

a.forward {
display: block;
width: 50px;
height: 50px;
text-decoration: none;
background: url(../images/forward_buttonALT_on.gif);
margin: 0;
}
a.forward:hover {
background-position: -50px 0;
margin: 0;
}

a.save {
display: block;
width: 50px;
height: 50px;
text-decoration: none;
background: url(../images/save_buttonALT_on.gif);
margin: 0;
}
a.save:hover {
background-position: -50px 0;
margin: 0;
}

a.viewmap {
display: block;
width: 50px;
height: 50px;
text-decoration: none;
background: url(../images/viewmap_buttonALT_on.gif);
margin: 0;
}
a.viewmap:hover {
background-position: -50px 0;
margin: 0;
}

a.results {
display: block;
width: 50px;
height: 50px;
text-decoration: none;
background: url(../images/results_buttonALT_on.gif);
margin: 0;
}
a.results:hover {
background-position: -50px 0;
margin: 0;
}

/* Caluclator */

#calculator p {
margin: 0 0 10px 0;
}
#calculator span {
font-size: 14px;
}
.calcInputs {
width:185px;
height:24px;
border: 1px solid #bdb08f;
font-size: 12px;
color: #333;
display: block;
}


#loan, #monthly {
background: #fff url(../images/dollar.gif) top left no-repeat;
padding: 5px 0 2px 15px;
}
#rate {
background: #fff url(../images/percentage.gif) top right no-repeat;
padding: 5px 15px 0 0;
}
#years {
	padding: 5px 15px 0 0;
}

#aboutFloatRightBox {
float:right; 
background-color: transparent; 
width: 300px; 
height: 300px; 
margin: 0 0 0 20px;
}
#calcFloatRightBox {
float:right; 
width:344px; 
height:259px;
}
#consultant {
min-height: 205px;
height: auto !important;
height: 205px;
}
/* Global */
a {
color: #3d769a;
text-decoration: underline;
}
a:visited {
color: #85599a;
text-decoration: underline;
}
a img {
border: none;
}

blockquote {
background: #efd2bd;
width: 50%;
padding: 15px;
}
p {
margin: 0 0 18px 0;
}
ul {
margin: 0px;
padding: 0px;
list-style: square;
list-style-image: url(../images/list_bullet.gif);
list-style-position: inside;
}

h1 {
color: #8c3e1c;
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0 0 13px 0;
}
h2 {
font-size: 11px;
}
h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
margin: 0 0 10px 0;
}
input, select {
border: 1px solid #bdb08f;
font-size: 11px;
}
td {
text-align: left;
}