/* Derry and David Cullwick main styles - updated by Marianna Fenton/Dig Savvy Inc. 2008 */

html { min-height: 100%; margin-bottom: 1px; }

body {
	margin: 0 auto;
	padding: 0;
	width: 766px;
	/* background: #710000; burgandy */
	background: #9FA89F;
	text-align: center;
	font-family: verdana, arial, sans-serif;
	font-size: 80%;
	color: #333;
}

/* main pic area top of page */
#main-pic {
	height: 200px;
	width: 766px;
	margin: 0;
	padding: 0;
}

/* main images at the top of each section */
body#home #main-pic {
	background: url(../images/mast_home.jpg) no-repeat;
}

body#admin #main-pic,
body#contact-us #main-pic {
	background: url(../images/mast_contact.jpg) no-repeat;
}

body#about-us #main-pic,
body#our-mission-statement #main-pic,
body#client-testimonials #main-pic,
body#charity-work-and-community-involvement #main-pic {
	background: url(../images/mast_about.jpg) no-repeat;
}

body#our-community #main-pic {
	background: url(../images/mast_community.jpg) no-repeat;
}

body#our-services #main-pic,
body#free-market-evaluation #main-pic,
body#how-to-get-hot-off-the-press-listings #main-pic,
body#personal-service-guarantee #main-pic,
body#house-staging-tips #main-pic,
body#personal-service-guarantee #main-pic,
body#seller-faqs #main-pic,
body#buyer-faqs #main-pic {
	background: url(../images/mast_services.jpg) no-repeat;
}

body#listings #main-pic {background: url(../images/mast_listings.jpg) no-repeat;}
body#info-centre #main-pic {background: url(../images/mast_infocentre.jpg) no-repeat;}

img {
	border: none;
	vertical-align: top;
	margin: 0;
	padding: 0;
}

#wrapper {
	width: 766px;
	text-align: left;
	margin: 0;
	padding: 0;
	background: #D5DAD3 url(../images/bk_page2.jpg) repeat-y;
}

#brand {
	width: 766px;
	height: 195px;
	background: url(../images/masthead_new.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
}

div.email {
	background: #000;
	text-align: right;
	padding: 4px 6px 4px 0;
	margin: 0;
}

div.email a, div.email a:link, div.email a:visited, div.email a:active {
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

div.email a:hover {
	text-decoration: underline;
	background: #000; 
}

h1.hide  {
	font-size: 90%;
	text-indent: -5000px;
	margin: 0;
	padding: 0;
}

img.logo-small {
	float: right;
	margin: 0;
	padding: 10px 10px 0 0;
}


#topnav {
	width: 766px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: #fff;
}

#topnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#topnav ul li {
	float: left;
	padding: 0;
	margin: 0;
}

#topnav ul li a, #topnav ul li a:link, #topnav ul li a:visited, #topnav ul li a:active {
	display: block;
	padding: 8px 26px 9px 26px;
	margin: 0;
	background: #fff;
	color: #600;
	text-decoration: none;
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
	/* border-left: 1px solid #eaeaca; */
	border-bottom: 2px solid #600;
}

#topnav ul li a:hover {
	display: block;
	background: #f7f7f7;
	color: #c00;
	padding: 8px 26px 9px 26px;
	margin: 0;
	text-decoration: none;
	border-bottom: 2px solid #900;
}

/* on state top nav */
#topnav ul li.nav-on a, #topnav ul li.nav-on a:link, #topnav ul li.nav-on a:visited, #topnav ul li.nav-on a:active {
	color: #fff;
	/* background: #92924A; */
	background: #900;
	border-bottom: 2px solid #900;
}

#topnav ul li.nav-off a, #topnav ul li.nav-off a:link, #topnav ul li.nav-off a:visited, #topnav ul li.nav-off a:active {
	color: #600;
	background: #fff;
}

#topnav ul li.noborder a {
	border-left: none !important;
}

#rightpanel ul {
	margin: 10px 15px 0 42px;
	padding: 0;
	list-style-type: square;
	}

#rightpanel ul li {
	margin: 0;
	padding: 8px 0 4px 0;
	font-size: 85%;
	color: #333;
}
	
#rightpanel ul.subnav {
	margin: 0;
	list-style-type: none;
}

#rightpanel ul.subnav li {
	padding: 0;
	margin: 3px 0 0 0;
	display: inline; /* for IE 6 */
}

#rightpanel ul.subnav li a,#rightpanel ul.subnav li a:link, #rightpanel ul.subnav li a:visited, #rightpanel ul.subnav li a:active {
	display: block;
	padding: 5px 5px 5px 50px;
	margin: 0;
	background: url(../images/nav_bullet_green.gif) 11% 50% no-repeat;
	text-decoration: none;
	border-right: 3px solid #f5f5e0;
	color: #333;
}

#rightpanel ul.subnav li a:hover {
	display: block;
	padding: 5px 5px 5px 50px;
	margin: 0;
	text-decoration: none;
	color: #900;
	background: #fff url(../images/nav_bullet_green.gif) 11% 50% no-repeat;
	border-right: 3px solid #900;
}

/* on states for sub navigation */
#rightpanel ul.subnav li.nav-on a {
	color: #900;
	background: #fff url(../images/nav_bullet_green.gif) 11% 50% no-repeat;
}

#rightpanel {
	width: 287px;
	float: right;
	margin: 0 0 0 0;
	padding: 10px 0;
	background: #f7f7f7;
	color: #333;
	border: 0;
}

#rightpanel img {
	padding: 0 5px 4px 5px;
}

#rightpanel p.details a {
	float: right;
	margin: 0;
	padding: 0;
	font-size: 80%;
	font-family: verdana, arial, sans-serif;
}

#rightpanel p.feature {
	font-size: 85%;
	font-family: verdana, arial, sans-serif;
	padding: 0 5px 0 4px;
	margin: 0;
}
/* previous greeny h2 background was #dcdca6 */
#rightpanel h2.house {background: url(../images/icon_house.gif) 2% 54% no-repeat;}
#rightpanel h2.notices {color: #900; background: #fff url(../images/icon_notices.gif) 2% 54% no-repeat;}
#rightpanel h2.news {background: url(../images/icon_notices_green.gif) 2% 54% no-repeat;}
#rightpanel h2.didyouknow {color: #900; background: #fff url(../images/icon_question.gif) 2% 54% no-repeat;}
#rightpanel h2.listings {color: #900; background: #fff url(../images/icon_camera.gif) 2% 54% no-repeat;}
#rightpanel h2.moreabout {background: url(../images/icon_moreabout.gif) 2% 54% no-repeat;}
#rightpanel h2.search-mls {background: url(../images/icon_search.gif) 2% 54% no-repeat;}
#rightpanel h2.phone {background: url(../images/icon_phone.gif) 2% 54% no-repeat;}
#rightpanel h2.email {background: url(../images/icon_email.gif) 2% 54% no-repeat;}
#rightpanel h2.charity {background: #fff url(../images/icon_charity.gif) 2% 54% no-repeat;}
#rightpanel h2.check {background: #fff url(../images/icon_check.gif) 2% 54% no-repeat;}
#rightpanel h2.link {background: url(../images/icon_link.gif) 2% 54% no-repeat;}
#rightpanel h2.tool {background: #fff url(../images/icon_tool.gif) 2% 54% no-repeat;}
#rightpanel h2.awards {color: #900; background: #fff url(../images/icon_award.gif) 2% 54% no-repeat;}

#rightpanel h2 {
	font-size: 100%;
	font-weight: bold;
	color: #D50000;
	margin: 10px 0 0 0;
	background: transparent url(../images/square.gif) 2% 54% no-repeat;
	padding: 10px 16px 10px 30px;
}

#rightpanel h2.office-address {
	background: transparent;
}


#rightpanel h3 {
	font-size: 115% !important;
	font-weight: bold;
	color: #333 !important;
	margin: 5px 0 0 0;
	background: transparent;
	padding: 5px 16px 8px 30px;
}

#rightpanel h4 {
	font-size: 95% !important;
	line-height: 1.2em;
	color: #800000 !important;
	margin: 5px 0 0 0;
	background: transparent;
	padding: 5px 16px 8px 30px;
}

#rightpanel p {
	padding: 0 10px 0 30px;
	font-size: 85%;
	color: #333;
	margin: 5px 0 0px 0;
	line-height: 1.6em;
}

#rightpanel .tools p {
	margin: 10px;
	padding: 5px 0 5px 0;
	color: #787832;
	border: 1px solid #999;
}

#rightpanel .awards .award-div {
	width: 287px;
	clear: both;
	margin-top: 12px;
	font-size: 0.85em;
}

#rightpanel .awards img {
	border: 1px solid #999;
	margin: 12px 5px 12px 16px;
	padding: 1px;
	width: 100px;
	float: left;
}

#rightpanel .charity img {
	border: 1px solid #999;
	margin: 12px 5px 12px 16px;
	padding: 1px;
	float: left;
}

#rightpanel .award-div p {
	padding-top: 12px;
	margin: 0 0 0 100px;
}

#rightpanel .listings img {
	padding-top: 5px;
}

#rightpanel p img {
	vertical-align: middle;
}

#rightpanel img.panel-img {
	margin-left: 10px;
}

#content img.content-img {
	margin: 17px 7px 0 30px;
	border: 1px solid #f7f7f7;
	float: left;
}

#content-wrapper {
	width: 766px;
	min-height: 100px;
	margin: 0;
	padding: 0 0 20px 0;
}

#content {
	float: left;
	width: 475px;
	color: #600;
	background: transparent;
	margin: 0;
	padding: 0 0 10px 0;
	clear: both;
}

strong.first-word, strong.letter {
	color: #900;
	font-size: 110%;
}

strong.leading-text {
	color: #900;
	font-size: 110%;
}

h1 {
	margin: 0;
	color: #D50000;
	padding: 20px 0 0 30px;
	font-size: 180%;
	font-weight: normal;
	clear: left;
}

h2, h3, h4 {
	margin: 0;
	padding: 15px 0 0 30px;
}

h2 {
	font-size: 140%;
	color: #AA0000;
	font-weight: normal;
}

h3 {
	font-size: 100%;
	color: #333;
}

h4 {
	font-size: 95%;
	
}

h3.staging, h3.buyer-agency {
	font-size: 95%;
	margin: 0 0 -10px 0;
	color: #900;
	padding: 15px 0 0 30px;
}

#content p {
	margin: 0;
	padding: 15px 25px 0 30px;
	font-size: 85%;
	line-height: 1.6em;
}

#content ul {
	margin: 0 0 0 30px;
	padding: 15px 25px 0 30px;
	list-style-type: square;
	font-size: 85%;
	line-height: 1.6em;	
}

#content ol {
	margin: 0 0 0 30px;
	padding: 15px 25px 0 35px;
	font-size: 85%;
	line-height: 1.6em;	
}

#content .callout {
	border: 1px dotted #999;
	font-size: 85%;
	background: #f7f7f7;
	width: 380px;
	margin: 10px 10px 10px 30px;
	padding: 10px;
}

#content .callout ol {
	margin: 0 0 0 10px;
	padding: 15px 10px 10px 20px;
	line-height: 1.6em;	
	font-size: 100%;
}

#content .callout ul {
	list-style-type: square;
	font-size: 100%;
	margin: 10px 10px 10px 20px;
	padding: 0;
}

.certificate {
	width: 380px;
	border: 4px dashed #f7f7f7;
	margin: 20px 10px 15px 30px;
	padding: 5px;
}

.certificate-border {
	border: 2px dotted #999;
	background: #fff;
	margin: 0;
	padding: 5px 0 10px 0;
}

h2.certificate {
	color: #330;
	font-weight: bold;
	font-size: 140%;
	padding: 5px 0 10px 0;
	margin: 0;
	border: none;
	text-align: center;
}

.certi-text {
	padding: 0 25px 0 25px;
	margin: 0 10px 0 0;
	text-align: center;
	font-size: 100%;
	line-height: 1.4em;
}


/* about us headshot images */
img.headshot {
	float: left;
	margin: 15px 10px 10px 30px;
	border: 1px solid #f7f7f7;
}

/* about us paragraph text to right of images */
#content p.left-indent {
	padding-left: 170px;
}

#content p.extra {
	font-size: 100%;
	font-family: verdana, arial, sans-serif;
	font-style: italic;
	font-weight: bold;
}

#content img.extra-pic {
	float: left;
	padding: 10px 20px 0 60px;
	margin: 0;
}


#content .quotes {
	width: 350px;
	margin-left: 70px;
	margin-right: 40px;
	font-style: italic;
	font-size: 100%;
	border: none;
}

#content .quotes p {
	background: #f7f7f7;
	padding: 5px 25px 5px 0;
	font-size: 85%;
	line-height: 1.6em;
	margin: 10px 0;
	padding-left: 10px;
	border-left: 2px solid #999;
}

#content .quotes p span {
	font-weight: bold;
	font-size: 100%;
}


/* listings */
.listing-brief {
	background: #f7f7f7;
	width: 410px;
	min-height: 130px;
	margin: 10px 10px 10px 30px;
	padding: 0;
}

img.listing-thumb {
	padding: 0;
	float: right;
	margin: 0;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.listing-brief h3.tag {
	font-size: 95%;
	margin: 0;
	color: #900;
	background: #fff;
	padding: 3px 5px 3px 3px;
}

.listing-brief h4.price {
	font-size: 85%;
	color: #660;
	margin: 0 160px 3px 3px;
	padding: 3px 5px 0 3px;
	border-bottom: 1px solid #d8d89d;
}

.listing-brief h4.price span.sold {
	color: red;
	padding-left: 5px;
}

#content .listing-brief ul {
	list-style-type: square;
	margin-top: 5px;
	margin-bottom: 7px;
	padding: 0;
}

#content .listing-brief ul li {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
	font-size: 95%;
}

#content .listing-brief ul li.address {
	padding: 3px 0 5px 0;
	font-weight: bold;
	list-style-type: none;
	margin-left: -16px;
	font-size: 100%;
}

span.more a, span.more a:link, span.more a:visited, span.more a:hover, span.more a:active {
	font-size: 75%;
	margin: 0;
	text-align: right;
	padding: 0 3px 3px 0;
	display: block;
	background: #fff;
	clear: both;
}

span.moreright a {
	float: right;
	font-size: 75%;
	margin: 60px 50px 0 0;
	padding: 0;
}

/* listing full details */
#listing-full {
	width: 400px;
	background: #f7f7f7;
	margin: 10px 10px 10px 30px;
	padding: 0;
}

#listing-full h2.listing-detail {
	color: #900;
	background: #fff;
	margin: 0;
	padding: 3px;
	font-size: 85%;
	font-weight: bold;
}

#listing-full p.price {
	float: right;
	color: #660;
	font-weight: bold;
	margin: 0;
	padding: 0 5px 0 0;
	text-align: right;
}

#listing-full p {
	padding: 5px;
	margin: 0 0 10px 0;
}

#listing-full ul {
	font-size: 85%;
	list-style-type: square;
	margin: 5px 0 10px 30px;
	padding: 0;
}

#listing-full ul li {
	padding: 0;
	margin: 0;
}

table.standard {
	border-collapse: collapse;
	margin: 5px;
	background: #fff;
	font-size: 80%;	
	width: 96%;
}

table.standard caption {
	margin: 0;
	padding: 0 0 0 5px;
	color: #900;
	font-weight: bold;
	text-align: left;
}

table.standard th {
	border: 1px solid #999;
	padding: 5px;
}

table.standard td {
	padding: 5px;
	border: 1px solid #999;
}

/* tombstone contact us text */
#contact-strip {
	background: #fff;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	width: 766px;
	margin: 0;
	padding: 0;
	clear: both;
}

#contact-strip p {
	padding: 10px 10px 10px 10px;
	margin: 0;
	font-size: 70%;
	text-align: center;
	font-family: verdana, arial, sans-serif;
}

form.contact-form {
	margin: 0 0 20px 0;
	padding: 15px 25px 0 30px;
	font-size: 85%;
	line-height: 1.6em;
}

form.contact-form fieldset {
	background: #f7f7f7;
	border: 0;
	margin: 0;
	padding: 20px 5px 5px 10px;
}

form.contact-form label {
	float: left;
	width: 180px;
	margin: 3px;
	font-weight: bold;
	text-align: right;
}

form.contact-form input,
form.contact-form textarea {
	margin: 3px;
	width: 180px;
}

form.contact-form input.radio {
	width: 20px;
	margin: 0;
	padding: 0;
}

form.contact-form input.submit {
	width: 70px;
}

form.contact-form input.reset {
	margin-left: 3px;
	width: 100px;
}

span.form-para {
	margin: 5px;
	padding: 0;
	font-style: italic;
	font-size: 100%;
	display: block;
}

#content form.calculator {
	float: none;
	width: 478px;
	text-align: center;
	margin-top: 60px;
	margin-left: 130px;
}

form.calculator {
	margin: 20px;
	width: 460px;
	padding: 10px;
	font-size: 85%;
	line-height: 1.6em;
	border: 1px solid #999;
	background: #fff;
}

form.calculator h1 {
	margin: 0;
	padding: 0;
}

form.calculator fieldset {
	background: #f7f7f7;
	border: none;
	margin: 5px 0;
	padding: 15px 0;
}

form.calculator label {
	float: left;
	width: 320px;
	margin: 3px;
	font-weight: bold;
	text-align: right;
}

form.calculator input,
form.calculator textarea {
	margin: 3px;
	width: 90px;
}

form.calculator input.submit,
form.calculator input.reset,
form.calculator input.schedule {
	width: 80px;
	text-align: center;
	margin: 5px 5px 5px 24px;	
}

form.calculator input.reset {
	margin-left: 202px;
}

form.calculator input.schedule {
	width: 220px;
	margin-left: 202px;
}

#footer {
	background: #fff;
	clear: both;
	text-align: center;
	height: 100px;
	color: #600;
	margin: 0;
	padding: 10px 0 0 0;
}

#footer img {
	margin: 0;
	padding: 0;
}

#footer p {
	margin: 0;
	padding: 4px 0 2px 0;
	font-size: 75%;
}

a, a:link, a:visited, a:active {
	color: #c00;
	text-decoration: underline;
}

a:hover {
	color: #f30;
	background: #fff;
}

.top a, .top a:link, .top a:visited, .top a:active {
	clear: both;
	color: #333;
}