/* ************************************* RESETS ***/

html, body, header, nav, footer, div, h1, h2, h3, h4, h5, h6, ul, ol, li, p {
  margin: 0px; padding: 0px;
}

h1, h2, h3, h4 {
  font-weight: normal;
  letter-spacing: 1px;
}


/* ************************************* DEFAULTS & GLOBAL CALLS ***/

span.regSmaller {
  font-size: smaller;
  position: relative;
  bottom: 2px;
}

#centerContainer.homepageCenter {
  min-height: 1090px;
  font-size: 12px;
}

a.actionButton {
  display: block;
  background-image: url(../images/button-gradient-tile.png);
  background-repeat: repeat-x;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.75);
  padding: 3px 20px;
  font-size: 15px;
  text-shadow: 0px 1px 1px rgba(0,0,0,0.75);
  text-decoration: none;
  text-align: center;
  letter-spacing: 1px;
}
a.actionButton:hover {
  background-image: none;
  box-shadow: 0px -1px 2px rgba(0,0,0,0.75);
}
.clearBoth {
  clear: both;
}

/* ************************************* SITE STRUCTURE ***/

header {
  background-image: url(../images/header-gradient-overlay.png);
  background-repeat: repeat-x;
  height: 150px;
  position: relative;
}

nav {
  width: 100%; height: 50px;
  position: absolute;
  bottom: 0px;
  text-align:center;
}

#centerContainer {
  background-image: url(../images/body-bg-texture.jpg);
  position: relative;
}

footer {
  height: 196px;
  position: relative;
}

.container {
  width: 1022px;
  margin: 0px auto;
  position: relative;
}


/* ************************************* HEADER ***/
header .noiseOverlay {
  
}
header h1 {
  background-repeat: no-repeat;
  background-position: top left;
  width: 390px;
  height: 95px;
  padding-left: 99px;
  padding-top: 18px;
  font-size: 35px;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);
  position: absolute;
  top: 2px;
  left: 5px;
  z-index: 2;
}
header h1 span.secondLine {
  display: block;
  padding-left: 20px;
  font-size: 18px;
}
header h1 span.regSign {
  font-size: 12px;
  position: relative;
  bottom: 4px;
}
header .headerContact {
  font-size: 29px;
  text-transform: uppercase;
  text-shadow: 0px 1px 2px rgba(0,0,0,1);
  position: absolute;
  top: 51px; right: 12px;
}
header .headerContact span {
  font-size: 16px;
  position: relative;
  right: 10px;
}

/* ******************** SOCIAL MEDIA ***/
#socialMedia {
  font-size: 13px;
  position: absolute;
  right: 12px;
  top: 56px;
}
#socialMedia a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background-repeat: no-repeat;
  background-position: top left;
  width: 22px; height: 21px;
  position: relative;
  top: 2px;
}
#socialMedia a:hover {
  background-position: bottom left;
}
#socialMedia a.twitter {
  background-image: url(../images/twitter-icon.png);
}
#socialMedia a.facebook {
  background-image: url(../images/facebook-icon.png);
}
#socialMedia a.linkedin {
  background-image: url(../images/linkedin-icon.png);
}
#socialMedia a.youtube {
  background-image: url(../images/youtube-icon.png);
}
#socialMedia a.blogfeed {
  background-image: url(../images/blogfeed-icon.png);
}


/* ************************************* NAV ***/

nav ul {
  list-style-type: none;
  height: 50px;
  position: relative;
}
nav ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 50px;
  position: relative;
  top: 0px;
}
nav ul li a {
  display: block;
  height: 12px;
  padding: 19px 19px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
  top: 0px;
}
nav ul span.divide {
  font-size: 12px;
  font-weight: bold;
  position: relative;
  top: -1px;
}


/* ************************************* SUB FOOTER ***/
#subFooter {
  width: 100%; height: 83px;
}
#subFooter .container {
  border-top:1px solid #d9d9d9;
  width: 1000px;
}
#subFooter a.logo {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background-repeat: no-repeat;
  background-position: bottom center;
  margin: 18px 42px;
}


/* ************************************* FOOTER ***/

footer {
  padding-top: 6px;
}
footer .innerFooter {
  background-image: url(../images/noise-texture.png);
  height: 195px;
  font-size: 13px;
}
footer a {
  text-decoration: none;
}
footer a:hover {
  text-decoration: underline;
}
footer h2 {
  font-size: 35px;
  position: absolute;
  top: 25px; left: 12px;
}
footer h2 span.smaller {
  font-size: 18px;
}
footer h2 span.regSign {
  font-size: 12px;
  position: relative;
  bottom: 4px;
}
footer .contactDetails {
  position: absolute;
  top: 70px; left: 14px;
}
footer .copyrightInfo {
  position: absolute;
  top: 150px; left: 14px;
}
footer .contactDetails span,
footer .copyrightInfo span {
  display: block;
}
footer .copyrightInfo span.linksUnder {
  margin-left: 14px;
}


/* ************************************* HOMEPAGE STRUCTURE ***/

#topSection {
  width: 1000px; height: 399px;
  margin: 0px auto;
  position: relative;
}

#bottomSection {
  position: relative;
}


/* ******************** SLIDER ***/

#slider {
  width: 700px; height: 399px;
  position: absolute;
  top: 0px; right: 0px;
}
#slider ul.sliderHolder {
  list-style-type: none;
}
#slider ul.sliderHolder li.singleSlide {
  display: none;
  overflow: hidden;
  width: 700px; height: 399px;
  position: absolute;
  top: 0px; left: 0px;
  z-index: 80;
}
#slider ul.sliderHolder li.singleSlide:first-child {
  display: block;
  z-index: 100;
}
#slider .sliderImage {
  width: 700px; height: 399px;
  position: absolute;
  top: 0px; left: 0px;
}
#slider .sliderText {
  width: 647px; height: 110px;
  padding: 25px 28px 0px 25px;
  position: absolute;
  bottom: 0px;
}
#slider .sliderText h2 {
  margin-bottom: 10px;
  font-size: 21px;
  text-shadow: 1px 1px 1px #000;
}
#slider .sliderText p {
  max-height: 34px;
  margin-bottom: 10px;
  font-size: 15px;
  text-shadow: 1px 1px 1px #000;
  overflow: hidden;
}
#slider .sliderText a {
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  text-decoration: none;
  text-shadow: 1px 1px 1px #000;
}
#slider .sliderText a:hover {
  text-decoration: underline;
}
#slider .sliderNav {
  position: absolute;
  top: 12px; right: 12px;
  z-index: 300;
}
#slider .sliderNav a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 12px; height: 14px;
  margin: 0px 2px;
  padding: 5px 7px;
  font-size: 12px;
  text-decoration: none;
}


/* ******************** RIGHT OF SLIDER BOXES ***/

#rightBoxes {
  width: 300px; height: 399px;
  position: absolute;
  top: 0px; left: 0px;
}
#rightBoxes > .button {
  display: block;
  height: 132px;
  text-decoration: none;
  text-shadow: 0px 1px 2px rgba(0,0,0,0.75);
  position: relative;
}

#rightBoxes > .topButton {
  background-image: url(../images/noise-texture.png);
  padding: 0px 11px;
  height: 101px;
  padding-top: 32px;
}
#rightBoxes > .topButton > span.smallText {
  display: block;
  font-size: 18px;
  padding-top: 3px;
}
#rightBoxes > .topButton > span.largeText {
  display: block;
  font-size: 37px;
  text-transform: uppercase;
  padding-bottom: 2px;
}
#rightBoxes > .topButton > span.largeText > span.regSmaller {
  font-size: 20px;
  position: relative;
  bottom: 11px;
}

#rightBoxes > .middleButton {
  background-image: url(../images/large-button-gradient-overlay.png);
  background-repeat: no-repeat;
  background-position: top left;
}
#rightBoxes > .middleButton > .addTexture {
  display: block;
  background-image: url(../images/noise-texture.png);
  background-repeat: repeat;
  width: 278px; height: 132px;
  padding: 0px 11px;
}
#rightBoxes > .middleButton > .addTexture > span.smallText {
  display: block;
  font-size: 16px;
  position: absolute;
  top: 9px; left: 14px;
}
#rightBoxes > .middleButton > .addTexture > .lineDecoration {
  display: block;
  background-image: url(../images/textured-line.png);
  background-repeat: repeat-x;
  background-position: 1px;
  width: 123px; height: 14px;
  position: absolute;
  top: 10px; right: 14px;
}
#rightBoxes > .middleButton > .addTexture > span.largeText {
  display: block;
  font-size: 37px;
  text-transform: uppercase;
  position: absolute;
  top: 28px; right: 18px;
}
#rightBoxes > .middleButton  > .addTexture > span.largeText > span.regSmaller {
  font-size: 20px;
  position: relative;
  bottom: 11px;
}
#rightBoxes > .middleButton > .addTexture > a.actionButton {
  width: 236px;
  position: absolute;
  bottom: 10px;
}
#rightBoxes > .bottomButton {
  border-bottom: none;
}
#rightBoxes > .bottomButton > .addTexture {
  display: block;
  width: 300px; height: 132px;
}
#rightBoxes > .bottomButton > .addTexture > span.largeText {
  display: block;
  background-image: url(../images/house-bg.png);
  background-repeat: no-repeat;
  background-position: -8px -14px;
  width: 145px; height: 44px;
  padding: 32px 0px 0px 155px;
  font-size: 37px;
  position: absolute;
  top: 11px;
}
#rightBoxes > .bottomButton > .addTexture > span.smallText {
  display: block;
  width: 253px; height: 28px;
  padding: 6px 0px 0px 46px;
  font-size: 18px;
  position: absolute;
  bottom: 11px;
}
#rightBoxes > .bottomButton:hover > .addTexture > span.largeText {
  
}


/* ******************** BOTTOM SECTION HEADER STRIP ***/

#bottomSection ul.headerStrip {
  background-image: url(../images/noise-texture.png);
  height: 50px;
  list-style-type: none;
  font-size: 21px;
  text-shadow: 0px 1px 2px rgba(0,0,0,0.75);
  letter-spacing: 1px;
}
#bottomSection ul.headerStrip.fullWidth {
  width: 1022px;
}
#bottomSection ul.headerStrip.fullWidth.strip-1 {
margin-bottom: 265px;
}
#bottomSection ul.headerStrip li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align:top;
  background-image: url(../images/header-strip-gradient.png);
  background-repeat: repeat-x;
  height: 38px;
  line-height:28px;
  padding: 12px 0px 0px 30px;
}
#bottomSection ul.headerStrip.fullWidth li {
  width: 309px;
}
#bottomSection ul.headerStrip.partialWidth li {
  width: 310px;
}
#bottomSection ul.headerStrip.partialWidth li.last {
  width: 309px;
}
#bottomSection ul.headerStrip li.first {
  border-left: none;
}
#bottomSection ul.headerStrip li.last {
  width: 310px;
  border-right: none;
}
#bottomSection ul.headerStrip li span.highlight {
  font-size: 23px;
  font-family: 'AmaranthBold';
}


/* ******* VIDEO FEED ***/
.videoBox {
  background-image: url(../images/video-player-bg.png);
  background-repeat: no-repeat;
  background-position: top left;
  width: 279px; height: 157px;
  margin: 0px auto;
  padding: 8px 20px;
  position: relative;
  top: 22px;
}
.videoBox .video {
  width: 279px; height: 157px;
}


/* ******************** CENTER TALL ***/
#centerTall {
  width: 342px;
  height: 635px;
  position: absolute;
  top: 52px;
  left: 340px;
}
#centerTall .module {
  width: 298px;
}


/* ******************** RIGHT TALL ***/

#rightTall {
  background-image: url(../images/left-tall-white-bg.png);
  background-repeat: repeat-x;
  background-position: top left;
  width: 329px; height: 635px;
  position: absolute;
  right: 11px;
  top: 52px;
}
#leftTall {
  background-image: url(../images/left-tall-white-bg.png);
  background-repeat: repeat-x;
  background-position: top left;
  width: 329px; height: 635px;
  position: absolute;
  left: 11px;
  top: 52px;
}


/* ******************** MODULES ***/
/* ******* DEFAULT STYLING ***/
.module {
  width: 285px; height: 263px;
  padding: 1px 22px;
  position: relative;
  background-color:#FFFFFF;
}
.module h3 {
  margin-bottom: 0px;
  font-size: 14px;
  font-style: italic;
  text-align: right;
}
.module h3 span {
  font-size: 23px;
  font-style: normal;
}
.module h3 span.regSmaller {
  font-size: 16px;
  position: relative;
  top: -6px;
}
.headerStrip .trade {
  font-size: 10px;
  position: relative;
  top: -10px;
}
.module > p {
  margin-bottom: 5px;
  font-size: 12px;
  text-align: justify;
}
.module > a {
  display: block;
  font-size: 12px;
  font-style: italic;
  text-align: right;
  text-decoration: none;
}
.module > a:hover {
  text-decoration: underline;
}
.module.boxD, .module.boxE, .module.boxF {
  height: 320px;
  position: absolute;
  top: 317px;
}

/* ******* BOX A ***/
.module.boxA {
  background-image: url(../images/photo-stack.png);
  background-repeat: no-repeat;
  background-position: 19px 18px;
}
.module.boxA p {
  margin-top: 176px;
}
.module.boxA a {
  margin-top: -10px;
}

/* ******* BOX B ***/
.module.boxB {
  background-image: url(../images/gold-graph.png);
  background-repeat: no-repeat;
  background-position: center 28px;
}
.module.boxB h3 {
  padding-top: 167px;
}

/* ******* BOX C ***/
.module.boxC {
  background-image: url(../images/listing-photos.png);
  background-repeat: no-repeat;
  background-position: center 15px;
}
.module.boxC h3 {
  padding-top: 167px;
}

/* ******* BOX D ***/
.module.boxD {
  background-image: url(../images/realtors.png);
  background-repeat: no-repeat;
  background-position: center 14px;
}
.module.boxD h3 {
  padding-top: 215px;
}

/* ******* BOX E ***/
.module.boxE {
  background-image: url(../images/building-on-a-map.png);
  background-repeat: no-repeat;
  background-position: center 23px;
}
.module.boxE h3 {
  padding-top: 215px;
}

/* ******* BOX F ***/
.module.boxF {
  background-image: url(../images/charity-diddle.jpg);
  background-repeat: no-repeat;
  background-position: center 28px;
}
.module.boxF h3 {
  padding-top: 145px;
  text-align: left;
  margin-bottom:10px;
}
.module.boxF h3 span {
  font-size: 18px;
}

/* ************************************* INTERIOR TWO COL PAGE ***/

.interiorCenter .container {
  background-image: url(../images/interior-white-gradient-bg.png);
  background-repeat: repeat-x;
  background-position: top left;
  width: 1000px; min-height: 900px;
  padding: 20px;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  background-color:#FFFFFF;
  border-top: 2px solid #BBB;
}

.interiorCenter .content {
  margin-right: 335px;
}

/* ******************** SIDEBAR ***/
.interiorCenter .sidebar {
  width: 310px;
  position: absolute;
  top: 20px; right: 20px;
}
.interiorCenter .sidebar #nav,
.searchPages .searchNavSidebar #nav {
  list-style-type: none;
}
.searchPages .searchNavSidebar #nav {
  margin: 0px; padding: 0px;
}
.interiorCenter .sidebar #nav li a,
.interiorCenter .sidebar a.subNavHeader,
.searchPages .searchNavSidebar #nav li a,
.searchPages .searchNavSidebar a.subNavHeader,
.interiorCenter .sidebar h3.subNavHeader {
  display: block;
  padding: 5px 0px 5px 3px;
  font-size: 16px;
  text-decoration: none;
}
.interiorCenter .sidebar #nav li a span,
.interiorCenter .sidebar a.subNavHeader span,
.searchPages .searchNavSidebar #nav li a span,
.searchPages .searchNavSidebar a.subNavHeader span {
  font-size: 18px;
  font-weight: bold;
}
.interiorCenter .sidebar h3.subNavHeader {
  font-weight: bold;
}


/*** SIDEBAR BLOCKS ***/
.sidebarBlocks {
  margin-top: 40px;
}
.sidebarBlocks a.block {
  display: block;
  background-color: rgba(255,255,255,0.4);
  box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
  width: 280px;
  margin: 0px auto 30px auto;
  padding: 0px 10px 10px 10px;
  text-decoration: none;
  position: relative;
}
.sidebarBlocks a.block span {
  display: block;
}
.sidebarBlocks a.block span.title {
  background-image: url(../images/header-strip-gradient.png);
  width: 310px; height: 50px;
  color: #FFF;
  font-size: 23px;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
  text-align: center;
  line-height: 49px;
  position: relative;
  left: -15px; top: -3px;
}
.sidebarBlocks a.block span.image {
  background-repeat: no-repeat;
  background-position: top center;
  width: 280px; height: 180px;
  margin: 0px auto;
}
.sidebarBlocks a.block span.text {
  max-height: 42px;
  color: #888;
  font-size: 12px;
  text-align: justify;
  overflow: hidden;
}
.sidebarBlocks a.block span.learnMore {
  font-size: 12px;
  text-align: right;
}
.sidebarBlocks a.block:hover {
  background-color: rgba(255,255,255,1.0);
}
.sidebarBlocks a.block span.learnMore:hover {
  text-decoration: underline;
}


/* ******************** MAIN CONTENT AREA ***/
.interiorCenter .pageHeader {
  background-repeat: no-repeat;
  width: 665px; height: 280px;
  margin-bottom: 20px;
  position: relative;
}
.interiorCenter .pageHeader.pageHeader-nopicture {
  height: 90px;
}
.interiorCenter .pageHeader h2 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 6px 30px;
  color: #FFF;
  font-size: 30px;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
  position: absolute;
  top: 30px;
}


/* ******* BASIC CONTENT STYLES ***/
.content p {
  margin-bottom: 15px;
  font-size: 14px;
  color: #333;
  line-height: 140%;
}
.content h3, .content h4 {
  margin: 20px 0px 10px 0px;
}
.content h3 {
  font-size: 23px;
}
.content h4 {
  color: #666;
  font-size: 18px;
  font-weight: bold;
}
.content ul, .content ol {
  margin-left: 20px;
  margin-bottom: 15px;
  color: #333;
  font-size: 14px;
  line-height: 140%;
}
.content ul.extraSpace, .content ol.extraSpace {
  margin-bottom: 9px;
}
.content ul.extraSpace li, .content ol.extraSpace li {
  margin-bottom: 6px;
}
.content a {
  text-decoration: none;
}
.content a:hover {
  text-decoration: underline;
}
.content a.learnMore {
  display: block;
  font-size: larger;
  text-align: right;
}

/* ******* SECTION HEADER IMAGES ***/
.interiorCenter .aboutSection {
  background-image: url(../images/about-header-bg.jpg);
}
.interiorCenter .aboutMHSection {
  background-image: url(../images/about-mh-header-bg.jpg);
}
.interiorCenter .SupportSection {
  background-image: url(../images/support-header-bg.jpg);
}
.interiorCenter .marketSection {
  background-image: url(../images/market-header-bg.jpg);
}
.interiorCenter .realtorsSection {
  background-image: url(../images/agents-header-bg.jpg);
}
.interiorCenter .communitiesSection {
  background-image: url(../images/communities-header-bg.jpg);
}
.interiorCenter .searchSection {
  background-image: url(../images/search-header-bg.jpg);
}
.interiorCenter .searchSection.newSearch {
  background-image: url(../images/search-header-bg.jpg);
  margin: 0px auto 10px auto;
}
.interiorCenter .careersSection {
  background-image: url(../images/careers-header-bg.jpg);
}
.interiorCenter .contactSection {
  background-image: url(../images/contact-header-bg.jpg);
}
.interiorCenter .linksSection {
  background-image: url(../images/links-header-bg.jpg);
}
.Board-of-Directors-page .aboutSection {
  background-image: url(../images/directors-header-bg.jpg);
}
.Community-Support-page .aboutSection {
  background-image: url(../images/about-header-bg.jpg);
}
.Multi-Family-Listings-page .searchSection {
  background-image: url(../images/multi-family-header-bg.jpg);
}
.Farm-Listings-page .searchSection {
  background-image: url(../images/farm-listings-header-bg.jpg);
}
.Commercial-Listings-page .searchSection {
  background-image: url(../images/commercial-header-bg.jpg);
}
.Residential-Listings-page .searchSection {
  background-image: url(../images/residential-header-bg.jpg);
}
.Open-Houses-page .searchSection {
  background-image: url(../images/open-house-header-bg.jpg);
}
.Our-REALTORS®-page .searchSection,
.Find-An-Office-page .searchSection {
  background-image: url(../images/our-realtors-header-bg.jpg);
}
.newsEventsSection .aboutSection {
  background-image: url(../images/news-header-bg.jpg);
}
.resourcesSection .aboutSection {
  background-image: url(../images/resources-header-bg.jpg);
}
.interiorCenter .marketSection h2,
.interiorCenter .realtorsSection h2,
.interiorCenter .communitiesSection h2,
.interiorCenter .careersSection h2,
.interiorCenter .contactSection h2,
.Board-of-Directors-page .aboutSection h2,
.Community-Support-page .aboutSection h2,
.interiorCenter .searchSection h2 {
  top: 210px;
}
.Multi-Family-Listings-page .searchSection h2,
.Commercial-Listings-page .searchSection h2,
.Open-Houses-page .searchSection h2 {
  top: 30px;
}


/* ******* BOARD OF DIRECTORS ***/
#boardDirectors .director {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 203px;
  margin: 0px 8px 40px 8px;
}
#boardDirectors .director .headshot {
  background-color: #BBB;
  border: 1px solid #888;
  width: 150px; height: 200px;
  margin: 0px auto 10px auto;
  overflow: hidden;
}
#boardDirectors .director .headshot img {
  max-height: 200px;
}
#boardDirectors .director span {
  display: block;
  text-align: center;
}
#boardDirectors .director span.directorName {
  font-size: 18px;
}
#boardDirectors .director span.directorTitle {
  color: #666;
  font-size: 14px;
  font-weight: bold;
}


/* ******* EMPLOYMENT OPPORTUNITIES ***/
#jobBoard .job {
  background-color: rgba(255,255,255,0.5);
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid #CCC;
  box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
}
#jobBoard h4 {
  margin-top: 0px;
  color: #666;
  font-size: 18px;
  font-weight: bold;
}
#jobBoard p,
#jobBoard ul li,
#jobBoard ol li {
  font-size: 12px;
}


/* ******* DIRECTORIES ***/
.directory h3.spaceAbove {
  margin-top: 50px;
}
.directory .listing {
  background-color: rgba(255,255,255,0.5);
  width: 600px;
  margin: 0px auto 20px auto;
  padding: 10px;
  border: 1px solid #CCC;
  box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
  color: #666;
}
.directory .listing h4 {
  margin-top: 0px;
  color: #000;
  font-size: 18px;
  font-weight: bold;
}
.directory .listing h4 a {
  text-decoration: underline;
  color: #000;
}
.directory .listing .listingLogo {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background-color: #FFF;
  width: 150px;
  padding: 5px 5px 1px 5px;
  border: 1px solid #666;
  float: right;
  margin-left: 15px;
}
.directory .listing .listingLogo img {
  width: 150px;
}
.directory .listing .listingInfo {
  margin-left: 6px;
}
.directory .listing span {
  display: block;
}
.directory .listing .connectAddress span {
  display: inline;
}
.directory .listing .phoneNumber {
  margin-top: 5px;
}


/* ******* COMMUNITY PAGE ***/
#communityList {
  list-style-type: none;
  margin: 0px; padding: 0px;
}

#communityList li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background-color: #333;
  width: 320px; height: 135px;
  margin: 10px 5px;
  position: relative;
}
#communityList li img {
  width: 320px; height: 135px;
}
#communityList li span {
  display: block;
  width: 320px;
  padding: 6px 0px;
  color: white;
  font-size: 20px;
  text-align: center;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
  position: absolute;
  bottom: 0px;
}
#communityList .communityOverlay {
  background-image: url(../images/community-thumbnail-overlay.png);
  width: 320px; height: 135px;
  position: absolute;
  top: 0px; right: 0px;
}
#communityList a:hover .communityOverlay {
  display: none;
}

.communitiesSection h5 {
  color: #666;
  font-size: 12px;
  position: absolute;
  bottom: -15px; right: 0px;
}
.communitiesSection h5 a {
  color: #666;
}
#community .communityLinks {
  background-color: rgba(255,255,255,0.5);
  padding: 5px;
  border: 1px solid #CCC;
  box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
  color: #666;
}
#community > .communityLinks > a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 308px;
  margin: 5px;
  padding: 3px;
}
#community > .communityLinks > a:hover {
  color: #FFF;
  text-decoration: none;
}


/* ******* NEWS BLOG ***/
#newsBlog .newsPost {
  background-color: rgba(255,255,255,0.5);
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid #CCC;
  box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
}
.newsPost h3.postTitle {
  margin-top: 0px; margin-bottom: 0px;
}
.newsPost span.date {
  display: block;
  margin-bottom: 10px;
  color: #888;
  font-size: 14px;
  text-align: right;
  font-style: italic;
}
#newsBlog .newsPost .postContent {
  height: 95px;
  overflow: hidden;
}
#newsBlog .newsPost a.readPost {
  display: block;
  margin-top: 10px;
  text-align: right;
}
#newsBlog .pagination {
  margin-bottom: 20px;
  text-align: center;
}
#newsBlog .pagination a,
#newsBlog .pagination span.current {
  margin: 0px 3px;
}
#newsBlog .pagination .disabled,
#newsBlog .pagination span.current {
  color: #666;
}


/* ******* MARKET STATS ***/

#marketStats ul.currentStats {
  list-style-type: none;
  width: 596px;
  margin: 0px auto 40px auto; 
  padding: 0px;
}
#marketStats ul.currentStats li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background-color: #FFF;
  width: 280px;
  margin: 2px 3px;
  padding: 3px 5px;
  font-weight: bold;
}
#marketStats ul.currentStats li a {
  font-weight: normal;
}
#marketStats ul.archiveStats {
  list-style-type: none;
  margin: 0px; padding: 0px;
}
#marketStats ul.archiveStats li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background-color: #FFF;
  width: 203px;
  margin: 2px 3px;
  padding: 3px 5px;
}


/* ******* SEARCH PAGES WITH IFRAMES ***/
.searchPages .content {
  margin-right: 0px;
}
.searchPages .searchNavSidebar {
  width: 310px; height: 280px;
  overflow: hidden;
  position: absolute;
  top: 20px; right: 20px;
}
iframe.searchFrame {
  width: 870px; height: 555px;
  margin: 10px 63px 0px 63px;
}
iframe.commercialSearch {
  width: 870px; height: 570px;
  margin: 10px 63px 0px 63px;
}


/* ******* ADVICE SECTION ***/
ol.adviceList li {
  font-size: 23px;
}
ol.adviceList li p,
ol.adviceList li ul li {
  color: #333;
  font-size: 14px;
}


/* ******* VIDEO SECTION ***/
.videoSection .videoContainer {
  clear: both;
  padding-bottom: 30px;
  border-top: 1px dashed #666;
}
.videoSection .videoContainer iframe {
  float: left;
  margin-right: 15px;
}
.videoSection .videoContainer p {
  font-size: 12px;
}


/* ******* INTERIOR RED TEXTURED BUTTONS ***/
.adviceButtons {
  width: 665px; height: 110px;
  margin: 30px 0px;
  position: relative;
}
a.texturedButton {
  display: block;
  background-image: url(../images/large-button-gradient-overlay.png);
  width: 300px; height: 110px;
  text-decoration: none;
  text-shadow: 0px 1px 2px rgba(0,0,0,0.75);
  position: relative;
}
a.texturedButton > .addTexture {
  display: block;
  background-image: url(../images/diamond-texture.png);
  background-repeat: repeat;
  width: 300px; height: 110px;
}
a.texturedButton > .addTexture > span.largeText {
  display: block;
  width: 300px;
  font-size: 42px;
  text-align: center;
  position: absolute;
  top: 10px;
}
a.texturedButton > .addTexture > span.smallText {
  display: block;
  background-image: url(../images/strip-texture-bg.png);
  background-repeat: repeat-x;
  width: 300px; height: 28px;
  padding: 6px 0px 0px 0px;
  font-size: 18px;
  text-align: center;
  position: absolute;
  bottom: 12px;
}
a.texturedButton:hover {
  text-decoration: none;
}
a.texturedButton:hover > .addTexture > span.smallText {
  background-image: none;
}
a.buyingButton {
  position: absolute;
  top: 0px; left: 0px;
}
a.sellingButton {
  position: absolute;
  top: 0px; right: 0px;
}


/* ******* CONTACT PAGE ***/
.contactCaraPage {
  min-height: 200px;
  margin-bottom: 50px;
  position: relative;
}
.contactCaraPage h3 {
  width: 300px;
}
.contactCaraPage h3 strong {
  font-size: 32px;
}
.contactCaraPage p {
  margin-right: 320px;
  font-size: 18px;
}
.contactCaraPage p span {
  display: block;
  margin-left: 10px;
}
.contactCaraPage p span.contactPhone {
  margin-top: 15px;
}
.contactCaraPage img.contactMap {
  border: 1px solid #C1C2BD;
  position: absolute;
  top: 0px; right: 0px;
}


/* ******* SITEMAP ***/
.Sitemap-page .content #nav ul {
  margin-bottom: 0px;
}
.Sitemap-page .content #nav,
.Sitemap-page .content #nav ul {
  font-size: 16px !important;
}

/* ******* CONTACT PAGE ***/
.contactPage {
  min-height: 200px;
  margin-bottom: 50px;
  position: relative;
}
.contactPage h3 {
  width: 300px;
}
.contactPage h3 strong {
  font-size: 32px;
}
.contactPage p {
  margin-right: 320px;
  font-size: 18px;
}
.contactPage p span {
  display: block;
  margin-left: 10px;
}
.contactPage p span.contactPhone {
  margin-top: 15px;
}
.contactPage img.contactMap {
  border: 1px solid #C1C2BD;
  position: absolute;
  top: 0px; right: 0px;
}