/* CSS Document - Date: 25th, Jun 2010 - */

/* ---------- Default Declaration ---------- */
html,body { min-height:100%;}

body { font-family:Arial, Helvetica, sans-serif; text-align:center; margin:0; padding:0; background:#F4EDD0; border-top:5px solid #C41D27; color:#3B3B3B; font-size:12px;}

div, p, span, h1, h2, h3, h4, h5, h6, img, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, label, a {margin:0; padding:0; border:0; vertical-align:baseline;}  

img, a img { border:none;}

:focus {outline:0;}

h1 { font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; font-size:20px;}
h2 { font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; font-size:18px;}
h3 { font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; font-size:16px;}
h4 { font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; font-size:14px;}

p { margin:0 0 15px 0;}

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

/* ------- General Uses ------- */
.left { float:left;}
.right { float:right;}
.clear { clear:both; font-size:0; line-height:1;}
.clearfix { clear:both; font-size:0px; line-height:1px;}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clear-5 { clear:both; height:5px;}
.clear-10 { clear:both; height:10px;}
.clear-15 { clear:both; height:15px;}
.clear-20 { clear:both; height:20px;}

.alignleft {float:left; margin:5px 15px 7px 0;}
.alignright {float:right; margin:5px 0 7px 15px;}
.aligncenter, div.aligncenter {margin:10px auto; text-align:center; display:block;}

img.alignleft {float:left; margin:5px 15px 5px 0;}
img.alignright {float:right; margin:5px 0 5px 15px;}
img.aligncenter {margin:10px auto; text-align:center; display:block;}

/* ------------ Page Layout Styles ------------ */
.Top-wrap { margin:0; padding:0 0 14px 0; width:100%; clear: both; background:#000000 url(../images/top-border.gif) repeat-x left bottom; overflow: hidden;}
.Top { width:960px; margin:0 auto; clear: both; display:block; height:auto;}
.Logo { width: 172px; height:80px; margin:0; padding:0; float:left;}
.Logo h1 a { margin:0; padding:0; display: block; text-indent:-9999px; background:url(../images/logo.jpg) no-repeat 0 0; width:172px; height: 80px;}

.Gray-topbar { background:#333; padding:8px 10px; margin:0; width:768px; float:right;}
.phone-number { width:auto; float:right; padding:0 0 0 10px; margin:0 0 0 5px; color:#fff; font-size:18px; border-left:1px solid #000;}
.social-icons { width: auto; float:right; margin:0; padding:0;}
.social-icons a img { padding:3px 5px;}
.social-icons a:hover img { background:#000;}

.topmail { width: 260px; margin:0; padding:10px 0; float: left; text-align: left; font-size: 17px; font-weight: bold; color:#E4D292;}
.topmail a { color:#E4D292; text-decoration: underline;}
.topmail a:hover { color:#fff; text-decoration: underline;}

.catchline-new { margin:0; padding:0; padding:7px; width:450px; float:left; text-align: center;}


.catchline { margin:0; padding:7px 0 3px 0; width:788px; float:right; text-align:right;}

.Navigation-wrap { width: 100%; margin:0; padding:0; clear: both; height: 35px; border-top:1px solid #FAFCB3; background:url(../images/nav-bk.gif) repeat-x 0 0;}
.Navigation { width: 960px; margin:0 auto; padding:0; text-align: center;}
.Navigation ul#chromemenu { margin:0; padding:0; list-style:none;}
.Navigation ul#chromemenu li {  margin:0 -3px; padding:0 0 0 2px; list-style:none; display:inline; color:#E4D292; font-size:15px; font-weight:bold; background:url(../images/nav-separator.gif) no-repeat scroll 100% 50%; line-height:35px; height:35px; }
.Navigation ul#chromemenu li a { color:#E4D292; text-decoration:none; padding:5px 22px; line-height:35px;}
.Navigation ul#chromemenu li a:hover { color:#F1EACE; text-decoration:none; }
.Navigation ul#chromemenu li.last { background-image:none;}

.Content-wrap { margin:0; padding:0; width:100%; height:auto; background:#F4EDD0 url(../images/content-topshadow.gif) repeat-x 0 0;}
.Content { margin:0 auto; padding:10px; width: 940px; background:#E5D097; box-shadow: 0px 0px 15px #222; -moz-box-shadow: 0px 0px 15px #222; -webkit-box-shadow: 0px 0px 15px #222; overflow: hidden; text-align: left;}

.Right-column h1.special { font-size:30px; font-weight: bold; color:#222; font-family:Arial, Helvetica, sans-serif;}

.Header-section { width:100%; margin:0; padding:0; float:left; clear: both;}
.listing-updates { width: 300px; margin:0; padding:30px; float:left; background:#010101 url(../images/leftborder-style.gif) repeat-y left; color:#fff; height: 135px; overflow: hidden;}
.listing-updates h1 { margin:0 0 20px 0; padding:0; font-size: 30px; font-weight:bold;}
.signupnow { background:#AD1D1D; margin:10px 10px 0 0; padding:3px 10px; display: inline-block; color:#AD1D1D; outline: none; border: none; color:#fff; cursor:pointer; text-transform: uppercase; font-weight: bold; text-align: left; font-size: 12px; width: auto;}

#banner-fade {width: 580px; float: right; margin:0; padding:0; height:195px; overflow: hidden; position:relative;}
.fadein { position:relative; width: 580px; height:195px;}
.fadein img { position:absolute; left:0; top:0; }



.Left-column { margin:0; padding: 10px 7px 10px 8px; width: 185px; float:left; background:#610804 url(../images/leftcol-bk.gif) repeat-y 0 0; color:#EACE9E;}

.map-search { margin:0 auto 15px auto; padding:0; float:left; width: auto;}

.search-property { margin:10px 0 15px 0; padding:20px 5px 10px 5px; float: left; width:175px; background:#6A0604 url(../images/red-gr.gif) repeat-x 0 0;}

.sponsor { margin:10px 0; padding:0; width:185px; float:left; text-align: center;}
.sponsor h1 { text-transform: uppercase; font-size:19px; margin-bottom:20px;}


.Right-column { width: 700px; margin:0; padding:20px 20px 0 20px; float:right; background:#F4EDD0;}
.Right-column h1 { font-size:30px; margin:0 0 10px 0; font-family:"Times New Roman", Times, serif; color:#8C0000; font-weight:normal; line-height:22px;}
.Right-column h2 { font-size:24px; margin:0 0 5px 0; font-family:"Times New Roman", Times, serif; color:#8C0000; font-weight:normal;}
.Right-column h3 { font-size:20px; margin:0 0 10px 0; font-family:"Times New Roman", Times, serif; color:#8C0000; font-weight:normal;}

.Right-column hr { border:none; border-bottom:1px solid #ccc; outline: none; font-size: 0; line-height:1px; margin:10px 0;}

.section-white { background:#fff; padding:10px; float: left; width: 680px; margin:20px 0 0 0; position: relative;}
.section-white .roundbutton { position: absolute; top:15px; right:15px;}

.city-list-section { margin:20px 0 0 0; padding:15px; width:668px; border:1px solid #E2DCC5; float:left; background:#FBF9F1; }
.city-list-section h3 { margin-bottom:15px; color:#000;}
.city-list-section ul { margin:0; padding:0; overflow: hidden;}
.city-list-section ul li { margin: 2px 12px 2px 0; width:155px; float: left; display: inline-block; list-style: none; line-height:18px;}
.city-list-section ul li a { padding:0 5px; text-decoration: none; color:#8C0000; display: block;}
.city-list-section ul li a:hover { text-decoration: none; color:#333; background-color:#E5D297; font-weight: bold;}



/* -------- Featured Listing ---------- */
.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 210px;
	height: 250px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 10px 6px; /*margin around each panel*/
	width: 210px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	padding:5px;
}
#gallery {
	width: 700px;
	height: 280px;
    *height: 290px;
/*border:1px solid #e0e0e0;*/
}
#gallery .panel {
	height: 260px;
    *height: 270px;
	color: #424242;
	border:1px solid #E0E0E0;
	background:#fff;
	line-height:20px;
}


p.samplebuttons {
	width: 300px;
	text-align: center;
}
p.samplebuttons a {
	color: #2e6ab1;
	padding: 1px 2px;
	margin-right: 3px;
	text-decoration: none;
}

/* -------------- button Classes --------------- */
a.button { background: url(../images/btn-left.gif) no-repeat top left; display: block; float: left; font: normal 13px Arial, Helvetica, sans-serif; line-height: 20px; height: 20px;padding-left: 11px; text-decoration: none;}

a:link.button, a:visited.button, a:active.button { color: #1C1C1C; text-decoration:none; text-shadow:0px 1px 0px #E1D3B9;}

a.button span { background: url(../images/btn-right.gif) no-repeat top right; display: block; padding: 0px 11px 0px 0; }

a.button:hover { background-position: bottom left;}

a.button:hover span{ background-position: bottom right; color: #090C39;}

.roundbutton { background:#8A0000; color:#fff; padding:3px 10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin:0 3px; text-decoration: none; font-weight: bold; text-shadow:0 0 1px #730000;}
.roundbutton:hover {  background:#750000; color:#EFE8C2; text-decoration: none;}


/* ------- Inner Pages  ----------- */

/* ---- Featured Listing ---- */
.heading-mid { background:#E1D8C0; color:#6B0000; font-size:16px; margin:10px 0; line-height:26px; text-align:left; text-indent:10px;}


/* ----------- Inner pages ------------ */
.full-width-content { width:100%; float:left; clear:both; margin:0; padding:0;}





/* ------------ FONT Colors / sizes --------- */
.size12 { font-size:12px;}
.size13 { font-size:13px;}
.size14 { font-size:14px;}
.size16 { font-size:16px;}
.size17 { font-size:17px;}
.size18 { font-size:18px;}
.size20 { font-size:20px;}
.size30 { font-size:30px;}
.graytext { color:#999999;}
.darkgreen { color:#00573D;}
.blacktext { color:#333;}
.tangraytext { color:#78735F;}
.marrontext { color:#8C0000;}
.goldtext  { color:#EBD098;}

.subheader {font-weight:bold;color:#182482;font-size:14px;}
.subheaderbg {background-color:#610804;font-weight:bold;color:#182482;font-size:16px; line-height:24px;}

.featButtons { background-color:#610804; text-align:center; margin:2px 0;}
.featButtons a { color:#fff; font-weight:bold; display:block; line-height: 20px; text-decoration: none;}
.featButtons a:hover { color:#EACE9E; text-decoration: none;}

.FeatAddress { background-color:#610804; margin:2px 0; font-size:20px;  color:#fff; line-height: 20px; text-decoration: none;}

.fl-address { width:80%; float:left; margin:5px 0 0 0; padding:0; font-size:22px; color:#610804; font-family:"Times New Roman", Times, serif; line-height:24px;}
.fl-address span { color:#464646; font-size:80%;}
.fl-price { width:20%; float:right; margin:5px 0 0 0; padding:0; text-align:right; color:#610804; font-size:22px; font-family:"Times New Roman", Times, serif;}
.fl-point-box { background:#E2DDCF; border:1px solid #CBC4B2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 1px; behavior: url(border-radius.htc); padding:5px; overflow:hidden;}
.fl-points { margin:0; padding:0; float:left; width:100%; line-height:14px;}


#testimonials { width:165px;}

.Footer-wrap { width:100%; margin:0; padding:0; clear: both; overflow: hidden;}
.Footer { width:940px; margin:0 auto 10px auto; padding:10px; background:#B6A67A; border-bottom:5px solid #330401; color:#6D0F00; overflow: hidden; box-shadow: 0px 0px 15px #222; -moz-box-shadow: 0px 0px 15px #222; -webkit-box-shadow: 0px 0px 15px #222;  border-top:2px solid #222;}
.inner { padding:10px;}
.left-footer { width:670px; margin:0; padding:0; float:left; line-height:18px;}
.left-footer a { color:#6D0F00; padding:0 4px; margin:0; text-decoration:none;}
.left-footer a:hover { color:#990002; text-decoration:none;}
.left-footer img.push { margin-right:25px;}
.footer-address { width:250px; margin:0; padding:0; float:right; color:#fff; background:#610804; line-height:18px;}
.footer-address h2.heading { margin:0px; padding:0; background:#000; border-bottom:1px solid #B4ADA2; line-height:28px; font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#ccc; text-indent:15px;}
.footer-address a { color:#F3E9D1; text-decoration:underline;}
.footer-address a:hover { color:#fff; text-decoration:underline;}
.ft-bottom { margin:0 auto; padding:0 10px 10px 0; width:940px; clear: both; overflow: hidden;}
.copyright { color:#56544E; margin:0; padding:0; width: auto; float:left;}
.ft-bottom a { color:#660705; text-decoration:underline;}
.ft-bottom a:hover { color:#2A0304; text-decoration:underline;}

/* Mortgage Calculators */
.calcTitle
{
    color:#FFFFFF;
    background-color:#750000;
    font-weight:bold;
    font-family: arial, helvetica, sans-serif;
    font-size:14px;
}
p.calcText
{
    color:#000000;
    font-weight:normal;
    font-family: arial, helvetica, sans-serif;
    font-size:13px;
}
.calcText
{
    color:#000000;
    font-weight:normal;
    font-family: arial, helvetica, sans-serif;
    font-size:13px;
}