body {
    font-family: Verdana, sans-serif;
    text-align: center;
    width: 100%;
    background-color: #454545;
}

body *::selection {
    background-color: #ffc8c8;
    text-shadow: #cc0000 0px 0px 10px;
}

body *::-moz-selection {
    background-color: #ffc8c8;
    text-shadow: #cc0000 0px 0px 10px;
}

h1 {
    font-size: medium;
}

a {
    color: black;
    text-decoration: none;
}

a:hover {
    color: #FF5050;
}

.available {
    background-color: #c8ffc8;
}

.showhome {
    background-color: #ffffb4;
}

.sold {
    background-color: #ffc8c8;
}

#headerlogo {
    position: relative;
    margin-top: 20px;
    width: 35%;
    max-width: 800px;
    min-width: 500px;
}

#footerlogo {
    position: fixed;
    opacity: 0.5;
    left:0px;
    bottom: 0px;
    width: 80%;
}

div.background {
    position: fixed;
    height: 100%;
    width: 100%;
    top:0px;
    left:0px;
    background-color: #454545;
    background: -webkit-linear-gradient(bottom, #808080, #454545);
    background: -moz-linear-gradient(bottom, #808080, #454545);
    background: -o-linear-gradient(bottom, #808080, #454545);
    background: linear-gradient(to bottom, #454545, #808080);
}

nav.sitenav {
    position: absolute;
    top: 166px;
    left: 5%;
    z-index: 50;
}

a.menulink {
    display: table-cell;
    color: white;
    height: 34px;
    padding: 0px 10px;
    vertical-align: middle;
    border-left: solid 1px white;
}

a.menulink:nth-last-child(0n+1){
    border-right: solid 1px white;
}

body.red a.menulink.red,a.menulink.red:hover {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAiCAYAAACeLbMRAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAySURBVAiZvcexDQAgDAPBt5UFKMNK2X8eU9AwAc1JRxIMfIbMLFPVRmoD20C/SG2S2wN/RQfQJlC52gAAAABJRU5ErkJggg==');
    background: -webkit-linear-gradient(bottom, #FF5050, transparent 40%);
    background: -moz-linear-gradient(bottom, #FF5050, transparent 40%);
    background: -o-linear-gradient(bottom, #FF5050, transparent 40%);
    background: linear-gradient(to bottom, transparent 60%, #FF5050);
}

body.purple a.menulink.purple,a.menulink.purple:hover {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAiCAYAAACeLbMRAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAnSURBVAiZY/j//z8DEwMDA90JRgZBJgYGBkk4IYXKRSIY/jP8/wwAKVYHCmPCF7gAAAAASUVORK5CYII=');
    background: -webkit-linear-gradient(bottom, #FF00FF, transparent 40%);
    background: -moz-linear-gradient(bottom, #FF00FF, transparent 40%);
    background: -o-linear-gradient(bottom, #FF00FF, transparent 40%);
    background: linear-gradient(to bottom, transparent 60%, #FF00FF);
}

body.green a.menulink.green,a.menulink.green:hover {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAiCAYAAACeLbMRAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAwSURBVAiZY/j//z8DEwMDA50JBt1LuoJMLH9YJJkYGBgkmZj/MktBWGjEf8b/EBYAtz8JY9BC3JoAAAAASUVORK5CYII=');
    background: -webkit-linear-gradient(bottom, #33CC33, transparent 40%);
    background: -moz-linear-gradient(bottom, #33CC33, transparent 40%);
    background: -o-linear-gradient(bottom, #33CC33, transparent 40%);
    background: linear-gradient(to bottom, transparent 60%, #33CC33);
}

body.blue a.menulink.blue,a.menulink.blue:hover {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAiCAYAAACeLbMRAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAA0SURBVAiZvcixEQAgDMNAxUxAGaZl3kyQzhQwA83fSdhGwGdG1Z7qJiWRApaAVMTNh/3eAfi/Cn4B93sMAAAAAElFTkSuQmCC');
    background: -webkit-linear-gradient(bottom, #6464ff, transparent 40%);
    background: -moz-linear-gradient(bottom, #6464ff, transparent 40%);
    background: -o-linear-gradient(bottom, #6464ff, transparent 40%);
    background: linear-gradient(to bottom, transparent 60%, #6464ff);
}

body.yellow a.menulink.yellow,a.menulink.yellow:hover {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAiCAYAAACeLbMRAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAmSURBVAiZY/j//z8DEwMDA/0JRkEmBgYGSTghhcpFIhj+/2f4DAAqVAcKSSh3mwAAAABJRU5ErkJggg==');
    background: -webkit-linear-gradient(bottom, #FFFF00, transparent 40%);
    background: -moz-linear-gradient(bottom, #FFFF00, transparent 40%);
    background: -o-linear-gradient(bottom, #FFFF00, transparent 40%);
    background: linear-gradient(to bottom, transparent 60%, #FFFF00);
}

body.aqua a.menulink.aqua,a.menulink.aqua:hover {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAiCAYAAACeLbMRAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAvSURBVAiZY/j//z8DEwMDA70JvcuXBZlY/vyRZGJgYJBkYv77VwrCQiP+MzJCWAAXiwsBMuFd2QAAAABJRU5ErkJggg==');
    background: -webkit-linear-gradient(bottom, #33CCCC, transparent 40%);
    background: -moz-linear-gradient(bottom, #33CCCC, transparent 40%);
    background: -o-linear-gradient(bottom, #33CCCC, transparent 40%);
    background: linear-gradient(to bottom, transparent 60%, #33CCCC);
}

.mbar {
    position: absolute;
    top: 200px;
    left: 1%;
    width: 98%;
    height: 500px;
    border-radius: 8px;
}

span.content{
    position: absolute;
    padding: 5px 20px;
    top: 20px;
    left: 50px;
    opacity: 0;
    width: 800px;
    background-color: rgba(255,255,255,0.8);
    text-align: left;
    border-radius: 8px 8px 128px 8px;
    box-shadow: 10px 10px 5px rgba(0,0,0,0.8);
    -moz-transition-property: left, opacity;
    -moz-transition-duration: 2s;
    -moz-transition-delay: 0.2s;
    -webkit-transition-property: left, opacity;
    -webkit-transition-duration: 2s;
    -webkit-transition-delay: 0.2s;
    -o-transition-property: left, opacity;
    -o-transition-duration: 2s;
    -o-transition-delay: 0.2s;
    transition-property: left, opacity;
    transition-duration: 2s;
    transition-delay: 0.2s;
}

span.narrowtext {
    width: 400px;
}

span.widetext {
    width: 850px;
}

.mimg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    min-width: 1000px;
    min-height: 333px;
    border-radius: 8px;
}

.sitemap {
    position: relative;
    height: 866px;
    width: 748px;
    margin-top: -130px;
    margin-left: 250px;
}

#staticsitemap {
    margin-left: 0px;
}