body {
    background-color: white;
    font-family: Times, 'Times New Roman', serif;
    margin: 0;
    font-size: 16px;
    line-height: 1.2em;
    color: #245630;  
} 

map, area {
border: 1px solid red;
}

body#hist a.leftlink#hist {
color: green;
padding: 0 0 0 30;
background-image: url('images/white-check-2.png');
background-repeat: no-repeat;
text-decoration: none; 
background-color: orange;
width: 300px;
line-height: 1.5em;
display: block;
}

body#phil a.leftlink#phil {
color: green;
padding: 0 0 0 30;
background-image: url('images/white-check-2.png');
background-repeat: no-repeat;
text-decoration: none; 
background-color: orange;
width: 400px;
line-height: 1.5em;
display: block;
}

body#comm a.leftlink#comm {
color: green;
padding: 0 0 0 30;
background-image: url('images/white-check-2.png');
background-repeat: no-repeat;
text-decoration: none; 
background-color: orange;
width: 400px;
line-height: 1.5em;
display: block;
}

body#rep a.leftlink#rep {
color: green;
padding: 0 0 0 30;
background-image: url('images/white-check-2.png');
background-repeat: no-repeat;
text-decoration: none; 
background-color: orange;
width: 400px;
line-height: 1.5em;
display: block;
}

body#ded a.leftlink#ded {
color: green;
padding: 0 0 0 30;
background-image: url('images/white-check-2.png');
background-repeat: no-repeat;
text-decoration: none; 
background-color: orange;
width: 400px;
line-height: 1.5em;
display: block;
}

body#resp a.leftlink#resp {
color: green;
padding: 0 0 0 30;
background-image: url('images/white-check-2.png');
background-repeat: no-repeat;
text-decoration: none; 
background-color: orange;
width: 400px;
line-height: 1.5em;
display: block;
}

body#mark a.leftlink#mark {
color: green;
padding: 0 0 0 30;
background-image: url('images/white-check-2.png');
background-repeat: no-repeat;
text-decoration: none; 
background-color: orange;
width: 400px;
line-height: 1.5em;
display: block;
}

body#exp a.leftlink#exp {
color: green;
padding: 0 0 0 30;
background-image: url('images/white-check-2.png');
background-repeat: no-repeat;
text-decoration: none; 
background-color: orange;
width: 400px;
line-height: 1.5em;
display: block;
}

/* Right side menu */

.rightmenublock {
position: absolute;
top: 85px;
right: 50px;
width: 300px;
color: #245630;
}

.rightmenu {
color: #245630;
font-size: 1.5em;
padding-top: 15px;
padding-bottom: 15px;
list-style-type: none;
text-indent: 60px;
margin-bottom: -1px;
border-top: 1px solid #faa11a;
border-bottom: 1px solid #faa11a;
white-space: nowrap;
}

.rightmenu#rep-rightlink {
white-space: normal;
line-height: 1.1em; 
}

body#hist a.rightmenu#hist-rightlink {
color: #245630;
background-image: url('images/LEAFon.jpg');
background-repeat: no-repeat;
text-decoration: none; 
display: block;
}

body#more a.rightmenu#more-rightlink {
color: #245630;
background-image: url('images/LEAFon.jpg');
background-repeat: no-repeat;
text-decoration: none; 
display: block;
}

body#test a.rightmenu#test-rightlink {
color: #245630;
background-image: url('images/LEAFon.jpg');
background-repeat: no-repeat;
text-decoration: none; 
display: block;
}

body#contact a.rightmenu#contact-rightlink {
color: #245630;
background-image: url('images/LEAFon.jpg');
background-repeat: no-repeat;
text-decoration: none; 
display: block;
}

body#def a.rightmenu#def-rightlink {
color: #245630;
background-image: url('images/LEAFon.jpg');
background-repeat: no-repeat;
text-decoration: none; 
display: block;
}

body#home a.rightmenu#home-rightlink {
color: #245630;
background-image: url('images/LEAFon.jpg');
background-repeat: no-repeat;
text-decoration: none; 
display: block;
}

body#phil a.rightmenu#phil-rightlink {
color: #245630;
background-image: url('images/LEAFon.jpg');
background-repeat: no-repeat;
text-decoration: none; 
display: block;
}

body#comm a.rightmenu#comm-rightlink {
color: #245630;
background-image: url('images/LEAFon.jpg');
background-repeat: no-repeat;
text-decoration: none; 
display: block;
}

body#rep a.rightmenu#rep-rightlink {
color: #245630;
background-image: url('images/LEAFon.jpg');
background-repeat: no-repeat;
text-decoration: none; 
display: block;
}

body#ded a.rightmenu#ded-rightlink {
color: #245630;
background-image: url('images/LEAFon.jpg');
background-repeat: no-repeat;
text-decoration: none; 
display: block;
}

body#resp a.rightmenu#resp-rightlink {
color: #245630;
background-image: url('images/LEAFon.jpg');
background-repeat: no-repeat;
text-decoration: none; 
display: block;
}

body#mark a.rightmenu#mark-rightlink {
color: #245630;
background-image: url('images/LEAFon.jpg');
background-repeat: no-repeat;
text-decoration: none; 
display: block;
}

body#exp a.rightmenu#exp-rightlink {
color: #245630;
background-image: url('images/LEAFon.jpg');
background-repeat: no-repeat;
text-decoration: none; 
display: block;
}

a.rightmenu:link { 
color: #245630;
text-decoration:none;
background-image: url('images/LEAFoff.jpg');
background-repeat: no-repeat;
background-position: 0% 50%;
display: block;
}


a.rightmenu:visited { 
color: #245630;
text-decoration:none;
background-image: url('images/LEAFoff.jpg');
background-repeat: no-repeat;
display: block;
}

a.rightmenu:hover {
color: #245630;
text-decoration: none;
background-image: url('images/LEAFgold.jpg');
background-repeat: no-repeat;
display: block;
}


a.rightmenu:active {
color: #245630;
text-decoration: none;
background-image: url('images/LEAFon.jpg');
background-repeat: no-repeat;
display: block;
}

/* rightlink selectors */

body#home a#home-rightlink.rightmenu:hover { 
background-image: url('images/LEAFgold.jpg'); 
}

body#contact a#contact-rightlink.rightmenu:hover { 
background-image: url('images/LEAFgold.jpg'); 
}

body#hist a#hist-rightlink.rightmenu:hover { 
background-image: url('images/LEAFgold.jpg'); 
}

body#phil a#phil-rightlink.rightmenu:hover { 
background-image: url('images/LEAFgold.jpg'); 
}

body#comm a#comm-rightlink.rightmenu:hover { 
background-image: url('images/LEAFgold.jpg'); 
}

body#rep a#rep-rightlink.rightmenu:hover { 
background-image: url('images/LEAFgold.jpg'); 
}

body#ded a#ded-rightlink.rightmenu:hover { 
background-image: url('images/LEAFgold.jpg'); 
}

body#resp a#resp-rightlink.rightmenu:hover { 
background-image: url('images/LEAFgold.jpg'); 
}

body#mark a#mark-rightlink.rightmenu:hover { 
background-image: url('images/LEAFgold.jpg'); 
}

body#exp a#exp-rightlink.rightmenu:hover { 
background-image: url('images/LEAFgold.jpg'); 
}

body#test a#test-rightlink.rightmenu:hover { 
background-image: url('images/LEAFgold.jpg'); 
}

body#more a#more-rightlink.rightmenu:hover { 
background-image: url('images/LEAFgold.jpg'); 
}

/* regular declarations here */



a.centermenu:link,a.centermenu:visited, a.centermenu:hover, a.centermenu:active { 
color: black; 
text-decoration:none;
display: inline;
}

/* Left side menu */

a.leftlink:link { 
color: #245630;
padding: 0 0 0 30;
text-decoration:none;
line-height: 1.5em;
width: 400px;
display: block;
}


a.leftlink:visited { 
color: #245630;
padding: 0 0 0 30;
text-decoration:none;
background-color: white;
line-height: 1.5em;
width: 400px;
display: block;
}

a.leftlink:hover,a.leftlink:active {
color: #245630;
padding: 0 0 0 30;
text-decoration: none;
background-image: url('images/white-check-2.png');
background-repeat: no-repeat;
background-position: -20 auto; 
background-color: orange;
width: 400px;
line-height: 1.5em;
display: block;
}



/* Top menu links */

.topmenu {
font-size: 1.2em;
text-align: center;
height: 50px;
white-space: nowrap;
}

.toplink {
letter-spacing: 2px;
}

body#hist a.toplink#hist-toplink {
color: #faa11a;	
}

body#test a.toplink#test-toplink {
color: #faa11a;		
}

body#more a.toplink#more-toplink {
color: #faa11a;		
}

body#contact a.toplink#contact-toplink {
color: #faa11a;		
}

body#home a.toplink#home-toplink {
color: #faa11a;		
}

body#phil a.toplink#hist-toplink {
color: #faa11a;	
}

body#comm a.toplink#hist-toplink {
color: #faa11a;	
}

body#rep a.toplink#hist-toplink {
color: #faa11a;	
}

body#ded a.toplink#hist-toplink {
color: #faa11a;	
}

body#resp a.toplink#hist-toplink {
color: #faa11a;	
}

body#mark a.toplink#hist-toplink {
color: #faa11a;	
}

body#exp a.toplink#hist-toplink {
color: #faa11a;	
}

a.toplink:link,a.toplink:visited, a.toplink:hover, a.toplink:active { 
color: white; 
text-decoration:none;
display: inline;
}


ul li.leftframeselector:hover {

}

/* Reasons styles */


.reasonsmenu {
height: 475px;
width: 400px;
position: absolute;
top: 150px;
left: 560px;
border: none;
background: none;
}

.testimonial {

}

.reasonstext {
font-size: 1.2em;
line-height: 1.5em;
padding: 10px;
}

.reasonstitle {
text-align: center;
font-style: italic;
margin-left: auto;
margin-right: auto;
width: 350px;
line-height: 1.2em;
}

.reasonstitle#reptitle {
font-size: 1.8em;
width: 400px;
}

/* More Susan Styles */


.middlelist {
line-height: 120%;
list-style-type: square;
}

.middletext {
position: absolute;
font-size: 1.2em;
top: 150px;
left: 600px;
width: 350px;
display: block;
}



/* Testimonials Styles */

.flexslider {
border: 0;
width: 550px;
background: none;
}

.slides {
border: 0;
width: 425px;
position: relative;
left: 75px;
background: none;
}

.slides li {
font-size: 1.2em;
}

.testaddress {
margin-left: 100px;
}

.customnavigation {
position: absolute;
top: 400px;
left: 800px;
border: none;
background: none;
}

.mouselink  {
    width: 50px;
    height: 100px;
    z-index: 7;
    /* Rotate div */
    -ms-transform: rotate(-40deg); /* IE 9 */
    -webkit-transform: rotate(-40deg); /* Chrome, Safari, Opera */
    transform: rotate(-40deg);
}

/* Contact page styles */

.biggertext {
font-size: 1.2em;
}

.contactinfo {
position: absolute;
top: 180px;
left: 568px;
width: 500px;
font-size: 1.3em;
line-height: 1.3em;
}

.contactform {
position: absolute;
top: 350px;
left: 565px;
width: 300px;
padding: 5px;
}

.mailform {
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-size: 0.8em;
background: #eee;
border: 1px solid black;
width: 100%;
padding-left: 0px;
}

.mailform#contactname, .mailform#contactmail, .mailform#contactphone {
margin-bottom: 5px;
}

input#submitcontact {
width: 60px;
position: absolute; 
right: 2px; 
bottom: 2px;
background: white;
}

/* Layout containers */

.houseframe {
border: 0;
width: 500px;
height: 505px;
text-align: center;
position: absolute;
top: 160px;
left: 528px;
overflow: hidden;
padding: 0;
margin: 0;
}



.propsearchlink {
border: 0;
position: absolute;
left: 125px;
width: 270px;
top: 0;
}

.mainbody {
height: 718px;
position: relative;
}

.leftsidecontent {
position: relative;
left: 0;
}


.rightsidecontent {
position: relative;
right: 0;
}

.containerdef {
background-image: url('images/SHHomePageNew3.jpg');
background-size: 100% 100%;
padding: 0.5em 0.7em;
background-repeat: no-repeat;
width: 1366px;
margin-left: auto;
margin-right: auto;
}

.containermore {
background-image: url('images/SHMoreSusanNew3.jpg');
background-size: 100% 100%;
padding: 0.5em 0.7em;
background-repeat: no-repeat;
width: 1366px;
margin-left: auto;
margin-right: auto;
}

.containersold {
background-image: url('images/SHReasonsPageNew4.jpg');
background-size: 100% 100%;
padding: 0.5em 0.7em;
background-repeat: no-repeat;
width: 1366px;
margin-left: auto;
margin-right: auto;
}

.containertest {
background-image: url('images/SHMoreTestimonialsNew3.jpg');
background-size: 100% 100%;
padding: 0.5em 0.7em;
background-repeat: no-repeat;
width: 1366px;
margin-left: auto;
margin-right: auto;
}

.containercontact {
background-image: url('images/SHContactsNew5.jpg');
background-size: 100% 100%;
padding: 0.5em 0.7em;
background-repeat: no-repeat;
width: 1366px;
margin-left: auto;
margin-right: auto;
}

.containerreasons {
background-image: url('images/SHReasonsPageNew4.jpg');
background-size: 100% 100%;
padding: 0.5em 0.7em;
background-repeat: no-repeat;
width: 1366px;
margin-left: auto;
margin-right: auto;
}

.triptych {

display: table-row;
position: relative;
top: 0;
}

/* Top Menu */

.horiztopmenu {
display: block;
width: 1100px;
height: 50px;
padding-top: 10px;
padding: 10px;
color: white;
position: relative;
left: 106px;
}

/* Design elements */

.logoblock {
position: absolute;
top: 0px;
left: 565px;
}

#fadesusan p {
    opacity: 0;
    margin-top: 25px;
    margin-bottom: 0px;
    font-family: cursive;
    font-size: 2.5em;
    text-align: center;
    color: #faa11a;
}

#fadetagline p {
    opacity: 0;
    margin-top: 0px;
    font-size: 1.2em;
    text-align: center;
}

#nofadesusan p {
    margin-top: 25px;
    margin-bottom: 0px;
    font-family: cursive;
    font-size: 2.5em;
    text-align: center;
    color: #faa11a;
}

#nofadetagline p {
    margin-top: 0px;
    font-size: 1.2em;
    text-align: center;
}

.leftpics {

width: 35%;
display: table-cell;
position: relative;
left: 0;
}

.leftmenu {
width: 35%;
display: table-cell;
position: relative;
left: 0;
}

.leftmenuthin {
width: 30%;
display: table-cell;
position: relative;
left: 0;
}

.leftframeselector {
width: 250px;
position: absolute;
top: 200px;
list-style-type: none;
color: green;
font-size: 1.25em;
}



.centermenuphone { 
font-weight: bold; 
font-size: 1.5em; 
position: absolute;
top: -15px;
left: 75px;
}

.rightsidephone {
color: #245630;
position: absolute;
display: inline; 
font-size: 1.5em;
top: 685px;
right: 38px;
width: 300px; 
text-align: center;
white-space: nowrap;
}

.susan {
display: table-cell;
width: 30%;
}

.susansold {

display: table-cell;
width: 30%;
}

.footerrow {
display: block;
position: absolute;
top: 755;
height: 50px;
}

.footer {
font-size: 1.1em;
color: white;
display: block;
text-align: center;
margin-left: auto;
margin-right; auto;
width: 1000px;
}




.shortfooter {
width: 1000px;
height: 25px;
font-size: 110%;
color: white;
font-weight: bold;
margin-left: auto;
margin-right: auto;
text-align: center;
display: table-cell;
position: relative;
right: auto;
left: auto;
bottom: auto;

}

a:link { color: #245630; text-decoration: none; }
a:visited { color: #245630; text-decoration: none; }
a:hover { color: #245630; text-decoration: none; }
a:active { color: #245630; text-decoration: none; }