body { background: #fff; color: #333; font: normal normal 16px/18px Arial, sans-serif; margin: 0px; padding: 0px; }

html, body { }

* { margin: 0px; padding: 0px; border: 0px; }

a:link { color: #ff0000; text-decoration: none; }

a:visited { color: #ff0000; text-decoration: none; }

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

a:active { color: #ff0000; text-decoration: none; }

a:hover img { background-color: transparent; } 

h1 { color: #000; font: bold normal 28px/30px Arial, serif; margin: 0 0 0 0; }

h2 { color: #000; font: normal normal 21px/24px Arial, serif; }

h3 { font: normal normal 16px/18px Arial, sans-serif; font-weight: bold; }

h4 { font:  normal normal 11px/14px Arial, sans-serif; text-transform: uppercase; margin-bottom: 6px; }

.clearfloats { clear: both; }

#siteContainer { width: 965px; font: normal 16px/18px Arial, sans-serif; color: #000; text-align: left; }

#navigationArea { width: 821px; padding-left: 144px; }

#navContainer { padding: 0; height: 74px; font: normal normal 18px/18px Arial, sans-serif; width: 100%; list-style-type: none; }
#navList li { float: left; margin: 0; padding: 0; width: auto; display: block; margin-right: 14px; }
#navList li a, #navList li a:link { background: #333; color: #fff; text-decoration: none; padding: 30px 10px 8px 10px; display: block; }
#navList li a:hover { color: #fff; background: #dc150b;  } 
#navList li a#current, #navlist li a#current:link { color: #fff; background: #dc150b; }
#navList li a#current:hover { color: #fff; background: #dc150b; }


#headerArea { width: 100%; height: 130px; background: #f1f1f1; }
#headerAreaLogo { width: 85px; padding: 10px 27px 0px 32px; float: left; }
#headerAreaInfo { width: 821px; height: 130px; float: left; color: #000; background: url('/images/bgGirl.jpg') no-repeat right top;  }
#headerTop { font: bold normal 14px/14px Arial, serif; margin: 13px 0 0 10px; text-transform: uppercase; }
#header { font: bold normal 28px/29px Arial, serif; margin: 0 0 0 10px; }
#headerDesc { font: normal normal 28px/29px Arial, serif; margin: 0 0 0 10px; }

#subnavContainer { margin-top: 13px; padding: 0; height: 34px; font: normal normal 14px/16px Arial, sans-serif; width: 100%; list-style-type: none; }
#subnavList li { float: left; margin: 0; padding: 0; width: auto; display: block; margin-right: 2px; }
#subnavList li a, #subnavList li a:link { background: #b2ba1d; color: #fff; text-decoration: none; padding: 8px 10px 8px 10px; display: block; }
#subnavList li a:hover { color: #fff; background: #333;  } 
#subnavList li a#subcurrent, #subnavlist li a#subcurrent:link { color: #fff; background: #333; }
#subnavList li a#subcurrent:hover { color: #fff; background: #333; }

.contentArea { width: 965px; }

.doubleContent { width: 821px; margin-left: 144px; margin-top: 24px; }
.homeDesc { width: 493px; height: 193px; padding: 13px 23px; margin-right: 24px; float: left; background: url('/images/SMBG-homeDesc.png') no-repeat left top; color: #fff; }
.homeDesc a { color: #fff; text-decoration: underline; }
.homeDownloadFlyer { width: 258px; height: 220px; float: left; }

.listings { width: 821px; min-height: 422px; padding-left: 144px; margin-top: 10px; }
.listResults { width: 238px; padding: 10px; background: #f0f0f0; margin: 0px 23px 20px 0px; float: left; }
.listImage { margin-bottom: 6px; }
.listCategories { background: #b2ba1d; color: #fff; padding: 2px 4px; font-size: 10px; font-weight: bold; text-transform: uppercase; margin-bottom: 4px; }
.listName { font: bold normal 16px/18px Arial, sans-serif; }
.listAddress { font: normal normal 16px/18px Arial, sans-serif; }
.sectionDesc { width: 208px; height: 219px; padding: 25px; float: left; background: url('/images/bgSectionDesc.png') no-repeat; font: normal normal 16px/18px Arial, sans-serif; color: #fff; vertical-align: middle; }

.callout { width: 140px; height: 60px; padding: 8px 12px; font: bold normal 18px/20px Arial, sans-serif; color: #fff; background: url('/images/callout.png') no-repeat left top; }

.listingLeftSide { position: absolute; z-index: 20; margin-left: -130px; }
#itemNavigation { font: normal normal 16px/18px Arial, sans-serif; height: 180px; padding-bottom: 20px; padding-right: 50px; text-align: right; }
#itemNavigation a, #itemNavigation a:link { color: #b2ba1d; }
#itemNavigation a:hover { color: #333333; }
#itemNavigation a#itemNavigationCurrent, #itemNavigation a#itemNavigationCurrent:link { color: #333333; font-weight: bold; } 
#itemNavigation a#itemNavigationCurrent:hover { color: #333333; }

#navList li a, #navList li a:link { background: #333; color: #fff; text-decoration: none; padding: 30px 10px 8px 10px; display: block; }
#navList li a:hover { color: #fff; background: #dc150b;  } 
#navList li a#current, #navlist li a#current:link { color: #fff; background: #dc150b; }
#navList li a#current:hover { color: #fff; background: #dc150b; }

#listingImage { width: 586px; padding: 10px; float: left; background: #333; margin-right: 20px; }
#listingMediaDesc { font: normal normal 16px/16px Arial, sans-serif; color: #fff; padding: 10px 15px 0 15px; }
#listingSpecs { width: 175px; /*height: 328px; padding: 10px; margin-top: 10px; background: url('/images/listingSpecs.png') no-repeat; font: bold normal 18px/20px Arial, sans-serif; color: #fff; */ float: left; }
#listingSpecsTop { width: 175px; padding: 8px 10px 0px 10px; height: 21px; background: url('/images/listingSpecsTop.png') no-repeat; font: bold normal 18px/18px Arial, sans-serif; color: #fff; }
#listingSpecsMiddle { width: 175px; padding: 0px 10px 5px 10px; background: url('/images/listingSpecsMiddle.png') repeat-y; }
#listingSpecsBottom { width: 175px; padding: 0px 10px; height: 6px; background: url('/images/listingSpecsBottom.png') no-repeat; }

.calloutContactTop { width: 144px; padding: 8px 10px 0px 10px; height: 13px; background: url('/images/calloutContactTop.png') no-repeat; font: bold normal 18px/18px Arial, sans-serif; color: #fff; }
.calloutContactMiddle { width: 144px; padding: 0px 10px 5px 10px; background: url('/images/calloutContactMiddle.png') repeat-y; }
.calloutContactBottom { width: 144px; padding: 0 10px; height: 20px; background: url('/images/calloutContactBottom.png') no-repeat; }

#listingDesc { width: 556px; margin-top: 10px; font: normal normal 16px/20px Arial, sans-serif; color: #fff; }
#listingDescTop { width: 556px; padding: 0px 25px; height: 18px; background: url('/images/listingDescTop.png') no-repeat; }
#listingDescMiddle { width: 556px; padding: 0px 25px 15px 25px; background: url('/images/listingDescMiddle.png') repeat-y; }
#listingDescBottom { width: 556px; padding: 0px 25px; height: 5px; background: url('/images/listingDescBottom.png') no-repeat; }

ul.genInfoListRed { font: normal normal 12px/14px Arial, sans-serif; color: #fff; list-style-type: none; }
ul.genInfoListRed li { border-bottom: 1px solid #e55048; padding: 8px 0; }
ul.genInfoListRed li a { color: #fff; }

ul.genInfoListPurple { font: normal normal 12px/14px Arial, sans-serif; color: #fff; list-style-type: none; }
ul.genInfoListPurple li { border-bottom: 1px solid #9660ad; padding: 8px 0; }
ul.genInfoListPurple li a { color: #fff; }

#contactArea { width: 606px; padding: 0; float: left; margin-right: 20px; }


#footerArea { width: 100%; padding-top: 10px; background: #fff url('/images/bgFooter.jpg') repeat-x left top; color: #fff; border-top: 1px solid #cbcbcb;  }
#footernavContainer { padding-left: 144px; padding-bottom: 15px; font: normal normal 14px/14px Arial, sans-serif; list-style-type: none; }
#footernav li { float: left; margin: 0; padding: 0; width: auto; display: block; margin-right: 14px; }
#footernav li a, #footernav li a:link { color: #732b91; text-decoration: none; display: block; }
#footernav li a:hover { color: #732b91; } 
#footernav li a#navcurrent, #footernav li a#navcurrent:link { color: #732b91; }
#footernav li a#navcurrent:hover { color: #732b91; }

#copyright { padding-left: 144px; padding-bottom: 60px; font: normal normal 9px/11px Arial, sans-serif; color: #333; }


/* Form Properties */
.labelXl { width: 606px; margin-bottom: 8px; }
.labelLg { width: 606px; margin-bottom: 8px; }
.labelSm { width: 296px; float: left; }
.labelMiddle { width: 14px; float: left; }
.inputSm { width: 283px; color: #000; font: normal normal 14px/14px Arial, sans-serif; margin: 4px 0; border: 1px solid #abadb3; }
.inputLg { width: 594px; color: #000; font: normal normal 14px/14px Arial, sans-serif; margin: 4px 0; border: 1px solid #abadb3; }
.selectSm { width: 176px; color: #000; font: normal normal 14px/14px Arial, sans-serif; margin: 4px 0; border: 1px solid #abadb3; }
.selectNoSize { color: #000; font: normal normal 14px/14px Arial, sans-serif; margin: 4px 0; border: 1px solid #abadb3; }
.selectLg { width: 448px; color: #000; font: normal normal 14px/14px Arial, sans-serif; margin: 4px 0; border: 1px solid #abadb3; }
.textAreaLg { width: 448px; color: #000; font: normal normal 14px/14px Arial, sans-serif; margin: 4px 0; border: 1px solid #abadb3; }
.formRequired { font: normal normal 14px/14px Arial, sans-serif; text-transform: lowercase; }
.inputHelper { font: normal normal 11px/16px Verdana, sans-serif; font-style: italic; }
.btnSubmit { padding: 8px 8px; color: #000; font: normal normal 14px/14px Arial, sans-serif; text-transform: lowercase; }

.errorArea { background-color: #f1f1f1; color: #333333; padding: 20px; width: 85%; margin-bottom: 20px; font-size: 12px; border: 1px solid #666; }
.errorText { color: #ff0000; text-transform: uppercase; }
.errorArea ul { margin-left: 15px; }

