html {
	background-color: #D8DBCE;
	color: #272525;
	font: normal 85%/120% Helvetica, sans-serif;
	min-width: 1000px/* 960 + some room for other things that extend too far */
}

body {margin: 0}

blockquote, dl, fieldset, form, h1, h2, h3, h4, h5, h6, ol, p, table, ul {
	margin: 1.4em 5%;
	padding: 0;
	width: 90%
}

ol {
	margin-left: 9.25%;
	width: 85.75%
}
ol.over-nine {
	margin-left: 10.9%;
	width: 84.1%
}
ul {
	margin-left: 8.5%;
	width: 86.5%
}

li ol, li ul {
	margin: .35em 5% .35em 4%;
	width: 91%
}

li p {/* was li > p */
	margin-left: 0;
	margin-right: 0;
	width: 100%
}

li ul {list-style-type: disc}

/* a */
a {
	color: #2D4F9E;
	text-decoration: none
}
a:focus, a:hover, a:active {color: #275261}
a[href^="#footnote-"], a[href^="tel:"] {
	color: inherit !important;
	text-decoration: none
}
a[href^="tel:"] {cursor: default}
/*a[href$=".pdf"]:after {content: " [PDF]"}*/

/* abbr */
abbr {border: 0}

/* caption */
caption {font-weight: bold}

/* em */
em em {font-style: normal}

/* h */
h1, h2, h3, h4, h5, h6 {line-height: 1}
h1 {font-size: 200%}
h2 {font-size: 150%}
h3 {font-size: 120%}
h4 {font-size: 110%}
h5 {font-size: 105%}
h6 {font-size: 100%}

/* img */
img {border: 0}

/* ol */
ol.manual-list-items {
	list-style-type: none;
	margin-left: 8.5%;
	width: 86.5%
}
ol.manual-list-items.over-nine {
	margin-left: 9%;
	width: 86%
}
ol.manual-list-items li {
	padding-left: 1.5em;
	padding-top: 1.4em;
	position: relative
}
ol.manual-list-items li h4 {
	font-family: inherit;
	font-size: inherit;
	font-weight: normal;
	line-height: inherit;
	left: -1.4em;
	margin: 0;
	position: absolute;
	text-align: right;
	top: 0;
	width: 2em
}
ol.manual-list-items li p {margin-top: 0}

/* small */
small {
	font-size: 83%;
	line-height: 0
}

/* sup */
sup {
	font-size: 75%;
	line-height: 0
}

/* columns */
.column {float: left}
.two-columns .column {width: 50%}
.three-columns .column {width: 33.3%}

.column h3 {
	font-size: 100%;
	margin-bottom: -1.3em !important
}

/* forms */
fieldset {border: 0}
fieldset div {
	clear: left;
	float: left;
	margin: 0 0 .5em;
	width: 100%
}
fieldset legend {
	color: inherit;/* Fixes IE8 bug */
	font-weight: bold;
	padding: 0
}

button, input, select {
	font: inherit;
	font-size: 125%;
	margin: 0;
	white-space: nowrap
}
label, output, span.output {
	display: block;
	margin: 1px 0;
	padding: .25em 0
}
select {margin-top: .2em}
textarea {
	clear: left;
	font: inherit;
	margin: 0;
	min-height: 6em;
	width: 100%
}

form p.error, form p.success {
	margin: 0;
	width: 100%
}
form p.error strong, form p.success strong {font-weight: normal}
form p.error {color: #275261}
form p.success {
	color: #565c50;
	font-size: 130%;
	margin-bottom: 1.4em
}

/* Images */
p.image {text-align: center}

/* CSS Image Rollovers (used for things that need image rollovers) */
.image.rollover a {
	display: block;
	height: 100%;
	width: 100%
}
.image.rollover a span {display: none}

/* Header */
#header {
	margin: 2em auto 0;
	position: relative;
	width: 960px
}

#header .top-header {
	background: white repeat-x top left;
	color: #34455C
}

#header .top-header ul {
	height: 19.6em;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%
}
#header .top-header ul li {
	padding-top: 3.5em;
	position: absolute;
	width: 226px
}
#header .top-header ul li.left {
	left: 75px;
	top: 0px
}
#header .top-header ul li.left span {left: 50px}
#header .top-header ul li.middle {
	left: 360px;
	top: 0px
}
#header .top-header ul li.middle span {left: 31px}
#header .top-header ul li.right {
	left: 640px;
	top: 0px
}
#header .top-header ul li.right span {left: 14px}

#header .top-header ul li span {
	bottom: -1.05em;
	font-size: 120%;
	line-height: 140%;
	margin: 0;
	padding: 1.4em 0 1.4em;
	position: absolute;
	width: 100%;
	z-index: 0
}

#header .main-header {
	background: #275261 url(http://frugalme.com/static/images/folders-1278298413.png) repeat-x bottom left;
	height: 13em;
	padding-top: 1em;
	position: relative
}

#header .main-header h1 {
	left: 60px;
	margin: 0;
	position: relative
}
#header .main-header h1 a {
	color: #F5F5C3;
	font-family: Georgia;
	font-size: 145%;
	font-weight: normal;
	word-spacing: -.1em;

	font-size: 190%
}

#header .main-header p {
	color: white;
	font-family: inherit;
	font-size: 125%;
	font-weight: normal;
	left: 63px;
	letter-spacing: .06em;
	margin: 0;
	position: relative;
	width: 21em;

	font-size: 120%;
	letter-spacing: .07em;
	top: .4em;
	width: 20.7em
}

#header .main-header p.image {
	height: 36px;
	left: 500px;
	position: absolute;
	top: 2.1em;
	width: 366px
}

/* Nav */
#header .nav ul {
	list-style-type: none;
	width: auto
}

#header .nav ul li a {text-decoration: none}

#header .nav .primary {
	margin: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 1
}

#header .nav .primary h2 {display: none}

#header .nav .primary ul {
	float: right;
	margin: 0;
	padding: 0;
	position: relative;
	right: 0;
	top: -47px;
	width: 748px
}

#header .nav .primary ul li {
	background: url(http://frugalme.com/static/images/primary-navigation-tabs-1278298418.png) no-repeat top left;
	float: left;
	height: 28px;
	line-height: 32px;/* Arbitrary */
	margin: 0 0 0 13px;
	padding: 4px 5px 19px;
	position: relative;
	width: 124px
}
#header .nav .primary ul li:hover {background-position: 0 -59px}
#header .nav .primary ul li.selected {
	background-position: 0 -59px;
	height: 36px
}

#header .nav .primary ul li.home {top: 0}
#header .nav .primary ul li.watch-the-movie {top: -4px}
#header .nav .primary ul li.hoa-calculator {top: -18px}
#header .nav .primary ul li.apply-now {top: -26px}
#header .nav .primary ul li.about-us {top: -34px}

#header .nav .primary ul li a {
	color: #3B3330;
	float: left;
	font-size: 110%;
	height: 34px;
	width: 100%;
	white-space: nowrap
}

#header .nav .primary ul li.selected a {height: 32px}

#header .nav .secondary {/* #EAF0F5 */
	background: url(http://frugalme.com/static/images/notepad-bottom-1278298416.png) no-repeat bottom center;
	font-family: "Comic Sans MS";
	font-size: 110%;
	margin: 0;
	padding: 0 0 172px;
	position: absolute;
	left: -28px;
	text-align: center;
	top: 26.4em;
	width: 248px;
	z-index: 2
}

#header .nav .secondary h2 {
	background: url(http://frugalme.com/static/images/notepad-top-1278298417.png) no-repeat top center;
	color: #2D4F9E;
	font-family: inherit;
	font-size: 100%;
	font-weight: normal;
	margin: 0;
	padding: 76px 0 0 48px;
	position: relative;
	width: 200px
}

#header .nav .secondary h2.selected a {/* #F2EF8B */
	background-image: url(http://frugalme.com/static/images/secondary-navigation-highlight-lines-2-1278298419.png);
	background-position: center center;
	background-repeat: no-repeat;
	bottom: -9px;
	color: inherit;
	left: 48px;
	line-height: 33px;
	padding: 0 0 4px;/* Arbitrary bottom padding */
	position: absolute;
	width: 187px/* 248 - 48 - 13 */
}

#header .nav .secondary ul {
	background: repeat-y top center;
	margin: 0;
	min-height: 198px;
	padding: 9px 13px 9px 48px
}

#header .nav .secondary ul li {
	line-height: 18px;
	padding: 9px 0
}

#header .nav .secondary ul li.selected.lines-1 {background: url(http://frugalme.com/static/images/secondary-navigation-highlight-lines-1-1278298418.png) no-repeat center center}
#header .nav .secondary ul li.selected.lines-2 {background: url(http://frugalme.com/static/images/secondary-navigation-highlight-lines-2-1278298419.png) no-repeat center center}
#header .nav .secondary ul li.selected.lines-3 {background: url(http://frugalme.com/static/images/secondary-navigation-highlight-lines-3-1278298419.png) no-repeat center center}
#header .nav .secondary ul li.selected.lines-4 {background: url(http://frugalme.com/static/images/secondary-navigation-highlight-lines-4-1278298419.png) no-repeat center center}
#header .nav .secondary ul li.selected.lines-5 {background: url(http://frugalme.com/static/images/secondary-navigation-highlight-lines-5-1278298420.png) no-repeat center center}
#header .nav .secondary ul li.selected.lines-6 {background: url(http://frugalme.com/static/images/secondary-navigation-highlight-lines-6-1278298420.png) no-repeat center center}
#header .nav .secondary ul li.selected.lines-7 {background: url(http://frugalme.com/static/images/secondary-navigation-highlight-lines-7-1278298420.png) no-repeat center center}
#header .nav .secondary ul li.selected.lines-8 {background: url(http://frugalme.com/static/images/secondary-navigation-highlight-lines-8-1278298421.png) no-repeat center center}

#header .nav .secondary ul li a {
	position: relative;
	top: -1px
}

#header .nav .secondary ul li a[href^="tel:"] {color: #71142F !important}

#header .nav .secondary ul li h3 {
	color: #2D4F9E;
	font-family: inherit;
	font-size: 100%;
	line-height: 18px;
	margin: 0;
	width: 100%
}

#header .nav .secondary ul li ul {
	background: none;
	margin: 9px 0;
	padding: 0
}

#header .nav .tools {
	font-size: 115%;
	position: absolute;
	top: 0;
	width: 100%
}

#header .nav .tools ul {
	margin: 0;
	padding: 0 1em 0 0
}

#header .nav .tools ul li {
	float: right;
	padding: 1em
}

#header .nav .tools ul li.selected a {font-weight: bold}

#header .nav .tools ul li form {margin: 0}
#header .nav .tools ul li form div {margin: 0}
#header .nav .tools ul li a, #header .nav .tools ul li form div button {
	background: transparent;
	border: 0;
	color: #576B4E;
	float: left;
	font: inherit;
	font-size: 110%;
	margin: 0;
	padding: 0 0 .2em;/* Bottom padding fixes a rendering bug in Safari */
}
#header .nav .tools ul li form div button {/* Helps bug in Firefox where the button shows up 2px lower than it’s supposed to. It doesn’t fix it completely (it moves it up 1px), but it doesn’t affect the position in Safari, so I’m good with it as a literal half-way fix. */
	position: relative;
	top: -.057em
}

#header .nav .tools ul li a:focus, #header .nav .tools ul li a:hover, #header .nav .tools ul li a:active, #header .nav .tools ul li form div button:focus, #header .nav .tools ul li form div button:hover, #header .nav .tools ul li form div button:active {color: #273E66}

#header .nav .tools h2 {display: none}

/* Content */
#content-container {
	margin: 0 auto;
	width: 960px
}

#content {
	background: #abb29a repeat-x center bottom;
	float: left;
	padding: 1.5em 0 44px;/* 26 + 18 + * */
	position: relative;
	width: 100%
}

#content .article {
	background-color: #F7F5F2;
	background-image: url(http://frugalme.com/static/images/article-gradient-1278298412.png);
	background-repeat: repeat;

	background-image: -webkit-gradient(radial, 0 0, 0, 0 0, 135, from(#BCBCBB), to(rgba(247, 245, 242, 0)), color-stop(0.06, #BCBCBB)), -webkit-gradient(linear, left top, left bottom, from(#F7F5F2), to(#E7E6E4));
	background-image: url(http://frugalme.com/static/images/article-curl-gradient-1278298412.png), url(http://frugalme.com/static/images/article-gradient-1278298412.png);
	background-repeat: no-repeat, repeat;

	-webkit-background-size: inherit, 100% 265px;

	float: left;
	line-height: 140%;
	margin: 0 0 1.4em 230px;/* (960-500)/2 */
	padding: 1px 0;/* This is so that the margins don’t collapse. */
	position: relative;
	top: -10px;
	width: 500px;
	z-index: 1
}

/* No folds */
html.buyers-market-shoot-an-offer-purchase-offer #content .article,
html.find-a-broker #content .article,
html.founders-resume #content .article,
html.listings #content .article,
html.mls-agreement #content .article,
html.residential-certification #content #constellation-of-residential-certifications,
html.residential-certification-costs #content .article,
html.sign-in #content .article,
html.sign-in-recover #content .article,
html.sign-up #content .article,
html.thinking-about-listing #content .article,
html.thinking-about-listing-get-started-now #content .article,
html.thinking-about-listing-pre-transaction-process-map-listing-driven #content .article,
html.thinking-about-listing-pre-transaction-process-map-sellers-market #content .article,
html.thinking-about-listing-sellers-market-at-a-glance #content .article,
html.thinking-about-listing-sellers-net-proceeds-estimator #content .article,
html.thinking-about-listing-source-of-buyers #content .article
{background: #F7F5F2 url(http://frugalme.com/static/images/article-curl-gradient-1278298412.png) no-repeat}

/* Sheet of paper */
#content .sheet-of-paper {
	margin-left: 160px;
	padding: 50px 70px 0
}

/* Personal letter */
#content .personal-letter {
	font-family: Courier;
	margin-left: 230px;
	padding: 10px 35px
}

#content .personal-letter > p a[href^="tel:"] {color: #71142F !important}

#content .personal-letter p {text-indent: 2em}
/*#content .personal-letter p:last-child {margin-left: 2em}*/

#content .personal-letter .signature {
	padding-left: 2em;
	padding-top: 1.4em;
	text-indent: 0
}
#content .personal-letter .signature img {margin-left: 1em}
#content .personal-letter p.signature a {color: inherit !important}

#content .personal-letter .footer p {text-indent: 0}

#content .article h2 {
	font-family: inherit;
	line-height: 120%;
	text-align: center
}

#content .article .header p {
	margin-top: -1.4em;
	text-align: center
}

#content .article .header h2.stationery-header {
	color: #2f4e86;
	font-family: Georgia;
	font-weight: normal;
	line-height: 1;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
	position: relative;
	width: 6.7em
}
#content .article .header h2.stationery-header sup {
	bottom: 1.1em;
	font-size: 30%;
	position: absolute;
	right: -.8em
}

#content .article .header h2.stationery-header.top-left {
	left: 1em;
	position: absolute;
	top: 0
}

#content .article .header h2.stationery-header.top-left + h2 {
	margin-left: 20%;
	margin-right: 20%;
	/* Used to have margin-top: 2.8em;, but I think it looks horrible, so I’m calling it a bug and removing it. */
	width: 60%
}

#content .article .header h3 {text-align: center}/* Was #content .article > .header h3 */

#content .article .header ol li ol.manual-list-items {
	left: 1.4em;
	margin-left: 0;
	position: relative;
	width: 95%
}
#content .article .header ol li ol.manual-list-items li {padding-left: 3em}
#content .article .header ol li ol.manual-list-items li h4 {
	left: -2.5em;
	width: 5em
}
#content .article .header ol li ol.manual-list-items li p {text-align: left}

#content .article h3 + ol, #content .article h3 + p, #content .article h3 + table, #content .article h3 + ul,
#content .article h4 + ol, #content .article h4 + p, #content .article h4 + table, #content .article h4 + ul,
#content .article h5 + ol, #content .article h5 + p, #content .article h5 + table, #content .article h5 + ul,
#content .article h6 + ol, #content .article h6 + p, #content .article h6 + table, #content .article h6 + ul
{margin-top: -1.4em}

#content .article p.redirect-explanation {
	color: #275261;
	margin-left: 0;
	margin-right: 0;
	text-align: center;
	width: 100%
}

#content .article .instruction {
	color: #275261;
	font-weight: bold
}

#content .article .instruction.print {
	color: #d00000;
	float: left;
	font-family: Courier;
	font-weight: normal;
	margin: .7em 0 0;
	outline: 1px solid #d00000;
	padding: 2.5% 5%;
	position: relative;
	text-align: left
}
#content .article .instruction.print span {
	float: left;
	width: 67%
}
#content .article .instruction.print button {
	float: right;
	position: absolute;
	padding-bottom: .25em;
	padding-top: 0;
	right: 5%;
	top: 1.25em
}

#article-paperclip-image {
	background: url(http://frugalme.com/static/images/paperclip-1278298418.png) no-repeat top left;
	height: 110px;
	left: 440px;
	position: absolute;
	top: -39px;
	width: 53px
}

#content .article .footer {
	float: left;
	margin: 2em 0 0;
	padding: 0;
	text-align: center;
	width: 100%
}

#content .article .footer p.stationery-text {
	clear: left;
	color: #2f4e86;
	font-family: Helvetica;
	font-size: 70%;
	font-weight: bold;
	margin-bottom: 0;
	text-align: center
}

#content .article .footer p.stationery-copyright {
	font-family: Helvetica;
	font-size: 70%;
	margin: -.5em 0 1.4em;
	text-align: center;
	width: 100%
}

#content .article .footer p.stationery-copyright a {color: #2f4e86 !important}

#content .aside {/* #f4f6f1 */
	float: right;
	font-family: Times;
	font-size: 90%;
	padding: 0 20px 0 33px;
	position: relative;
	right: -20px;
	width: 181px;/* 234 - 20 - 33 */
	z-index: 1
}

#content .aside .aside-header-image {position: relative}

#content .aside .aside-footer-image {
	bottom: 0;
	clear: left;/* Needed when there are floated elements in the aside. */
	position: relative
}

#content .aside .aside-tape-image {
	background: url(http://frugalme.com/static/images/holding-tape-1278298416.png) no-repeat top left;
	left: 0;
	position: absolute;
	height: 53px;
	top: 0;
	width: 104px;
	z-index: 1
}

#content .aside p, #content .aside h2, #content .aside h3, #content .aside ol, #content .aside ul {
	line-height: 130%;
	margin: 1.3em 5px 1.3em 12px;
	width: auto
}

#content .aside .header h2 {
	font-family: Helvetica;
	font-size: 130%;
	line-height: 1.2;
	margin-bottom: .1em;
	margin-top: 0
}

#content .aside .header p {
	font-family: Helvetica;
	font-size: 70%;
	line-height: 1
}

/* Footnotes */
#footnotes {
	border-top: 1px solid silver;
	font-size: 90%;
	list-style-position: outside;
	margin-left: 0;
	margin-right: 0;
	padding-left: 5%;
	width: 95%
}
#footnotes .footnote {
	margin: 1.4em 5% 0;
	text-align: left;
	width: 90%
}
#footnotes .footnote a[href^="#link-to-"] {font-weight: bold}

#footnotes .footnote ol, #footnotes .footnote ul {
	margin-left: 3.75%;
	width: 96.25%
}

/* Footer */
#footer {
	background-color: #275261;
	clear: left;
	color: white;
	font-size: 90%;
	width: 100%
}

#footer p {
	margin: 0 auto;
	padding: .35em 0;
	width: 69em
}
#footer p a {color: white}

#footer ul {
	list-style-type: none;
	margin: 0 auto;
	padding: .7em 0 1.4em;
	text-align: center;
	width: 960px
}
#footer ul li {
	display: inline;
	font-size: 115%;
	padding: 0 1em
}
#footer ul li a {color: white}
#footer ul li.selected a {font-weight: bold}

/* Base 64 */
#header .top-header {
/*	background-image: url(http://frugalme.com/static/images/header/gradient-1278298414.png);*/
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAECCAIAAACwlCrEAAAAYUlEQVQ4y83DCQqAIBAAwP7/1i5NXa/NKCiyVtMgaGCaUbVNvDsyuO5v+SmDIZnr9fh4ymZHYaicLKPTY2X3oihYWV27XJVsyFDU+r1+0Wzd22jJHl1FXxXnkvjpEKjhbxdiqPHBcak/ZwAAAABJRU5ErkJggg==")
}
#header .nav .secondary ul {
/*	background-image: url(http://frugalme.com/static/images/notepad-middle-1278298417.png);*/
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPgAAAASCAYAAAB2DhPvAAAA2ElEQVR42u3TPQsBcQDHcXeSlMFgMVnOeSgPg8G9gct74HgDJPJWZLHZLZTNyGbApJiUnC4PZT5/A3aDf/H91G/+TV+12WorpXJFNc2izygYgVwmG0olkpF4LKbrmpYfjibz6+noPrfdHV7bOxfXPt+kbTEeSP1n7Js7Oe8OH+t0+z3RaFq0GhXNhkW7QdGwX7TstayqUqs3FNUD4GcROEDgAAgcAIEDIHAABA6AwAECB0DgAAgcAIEDIHAABA6AwAECB/DfgU9nO2lbby5S/xn7xpYr++M+73xdkO7JLlztAAAAAElFTkSuQmCC")
}
#content {
/*	background-image: url(http://frugalme.com/static/images/bar-tab-1278298412.png);*/
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAoCAYAAABdGbwdAAABIElEQVRo3u3YTw7BQBQG8DfTdrqV+BNWNi0JNtiKP+eQcBQOUBJOgVO4AFYiVo1j6KJ1Aq+LGdJMvu8AL5lfvjdNR2RZRroZ9gdrIlpRcXK+3K4zE4NcE0O2uz3ZGiNAmygq3MEm41FxgJ6Pu7UNkoT8vkFCCADxQPYW0QiQlAACkNYQ1yVbY+RkDoD4KKUABCCNeMq3F6gdhlPdIbV6o6m84rQoTdOSiXMREYlWEGSEfA3+xfJWrFypQoEDmi+WUGAi4viFO4hr0OF4ggLXoF6niwZxDUqSNxSY4DOf1yCbn0vRoH80SEoHClgxrQZhy1ggx8GKAUgLyOIHdyNALoB4IJsf3A01yIMCB+QpAKFBOkDK96HAAuGS5oF8NIjNB/ZAIdtqbzroAAAAAElFTkSuQmCC")
}