html {font-size:62.5%; /* Assuming most browser defaults are 16px, this equals 10px */}
body {
	font-family:'Helvetica Neue',arial,helvetica,helve,geneva,tahoma,swiss,verdana,sans-serif;
	font-size:17px;
	font-size:1.7rem; /* This equals 17px */
	line-height:1.2;
	padding:0 0.4em;
	}
img.border {border:2px solid #960;} /* lighter brown */
h1, h2, h3, h4, h5, h6 {color:#630; font-weight:bold;} /* darker brown */
h1 {font-size:18px; font-size:3.0rem; text-align:center;}
h2 {font-size:16px; font-size:2.4rem; font-style:italic;}
h3 {font-size:14px; font-size:1.8rem; font-style:italic;}
h4 {font-size:12px; font-size:1.6rem; font-style:italic;}
h5 {font-size:10px; font-size:1.4rem; font-style:italic;}
h5 {font-size: 8px; font-size:1.2rem; font-style:italic;}

p {padding-bottom:1.2rem;}

.u-full-width     {width:100%; box-sizing:border-box;}
.u-max-full-width {max-width:100%; box-sizing:border-box;}
.u-max-width-50pc {max-width:100%; box-sizing:border-box;}
.float-left  {float:left; margin-bottom:0.5em; margin-right:1em;}
.float-right {float:right; margin-bottom:0.5em; margin-left:1em;}

.gallery-item {padding-bottom:15px;}


a.for-sale:link,  a.for-sale:visited {color:#3C0; font-weight:bold;}
a.for-sale:hover, a.for-sale:active  {color:white; font-weight:bold;}
/*
a.for-sale:link, a.for-sale:visited {-webkit-text-fill-color:white; -webkit-text-stroke-width:0.5px; -webkit-text-stroke-color:red; font-weight:bold;}
a.for-sale:hover {-webkit-text-fill-color:red; -webkit-text-stroke-width:0.5px; -webkit-text-stroke-color:white;}
/*a.for-sale:hover, a.for-sale:active, a:focus {-webkit-text-fill-color:red; -webkit-text-stroke-width:0.5px; -webkit-text-stroke-color:white;}*/
/*li:nth-child(3n) {border:1px solid red; border-radius:10px;}*/

/*.for-sale-li {border:1px solid red; border-radius:10px;}*/
/*text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;*/



#footer p {font-size:1.4rem;}

/* ====================================================================== */
/*  FORMS STYLING ======================================================= */
/* ====================================================================== */
form {box-sizing:border-box;}
fieldset {
	border:1px solid #630; /* darker brown */
	margin:auto;
	padding:20px;
	width:60%;
	}
.form-button {
	background:#960;
	border:1px solid #630;
	color:#fff;
	font-size:14px;
	font-size:1.6rem;
	font-weight:bold;
	max-width:100%;
	padding:3px 7px;
	}
.form-button:hover {
    background:#390;
    border:1px solid #630;
	cursor:pointer;
	}
input {
	background:#960;
	border:1px solid #630;
	color:#fff;
	font-size:14px;
	margin-bottom:7px;
	max-width:30%;
	}
input.short {width:10%;}
input.long  {width:50%;}
label {
    display:block;
    float:left;
	font-size:14px;
	font-size:1.6rem;
    margin:0 5px 0 0;
	margin-left:-2rem;
    text-align:right;
    width:100px;
	}
legend {
	background:#960; /* lighter brown */
	border:1px solid #630;
	color:#fff;
	font-weight:bold;
	padding:2px 6px;
	}
textarea {
	background:#960;
	border:1px solid #630;
	color:#fff;
	font-family:inherit;
	font-size:14px;
	margin-bottom:7px;
	min-width:40%;
	}
.asns, .commentsas {display:none;}

/* ====================================================================== */
/*  MISCELLANEOUS STYLING =============================================== */
/* ====================================================================== */
br {clear:left;}


/* ====================================================================== */
/* ====================================================================== */
/* ====================================================================== */
/*  960 col responsiveness */
/* ====================================================================== */

/*  SECTION  ============================================================ */
.section {clear:both; padding:0px; margin:0px;}

/*  GROUPING  =========================================================== */
.group:before, .group:after {content:""; display:table;}
.group:after {clear:both;}
.group {zoom:1; /* For IE 6/7 (trigger hasLayout) */ }

/*  GRID COLUMN SETUP  ================================================== */
.col		  {display:block; float:left; margin:1% 0 1% 1.6%;}
.col-centered {display:block; float:left; margin:1% 0 1% 1.6%; text-align:center;}
.col-nopad, .col-nopad-4gallery 				  {display:block; float:left; margin:1% 0 1% 0;}
.col-centered-nopad, .col-centered-nopad-4gallery {display:block; float:left; margin:1% 0 1% 0; text-align:center;}
.col:first-child {margin-left:0;} /* all browsers except IE6 and lower */


/* ====================================================================== */
/*  GRIDS  ============================================================== */
/* ====================================================================== */

/*  GRID OF ONE  ======================================================== */
.span_1_of_1 {width:100%;}

/*  GRID OF TWO  ======================================================== */
.span_2_of_2 {width:100%;}
.span_1_of_2 {width:49.2%;}

/*  GRID OF THREE  ====================================================== */
.span_3_of_3 {width:100%;}
.span_2_of_3 {width:66.13%;}
.span_1_of_3 {width:32.26%;}

/*  GRID OF FOUR  ======================================================= */
.span_4_of_4 {width:100%;}
.span_3_of_4 {width:74.6%;}
.span_2_of_4 {width:49.2%;}
.span_1_of_4 {width:23.8%;}

/*  GRID OF FIVE  ======================================================= */
.span_5_of_5 {width:100%;}
.span_4_of_5 {width:79.68%;}
.span_3_of_5 {width:59.36%;}
.span_2_of_5 {width:39.04%;}
.span_1_of_5 {width:18.72%;}

/*  GRID OF SIX  ======================================================== */
.span_6_of_6 {width:100%;}
.span_5_of_6 {width:83.06%;}
.span_4_of_6 {width:66.13%;}
.span_3_of_6 {width:49.2%;}
.span_2_of_6 {width:32.26%;}
.span_1_of_6 {width:15.33%;}

/*  GRID OF SEVEN  ====================================================== */
.span_7_of_7 {width:100%;}
.span_6_of_7 {width:85.48%;}
.span_5_of_7 {width:70.97%;}
.span_4_of_7 {width:56.45%;}
.span_3_of_7 {width:41.94%;}
.span_2_of_7 {width:27.42%;}
.span_1_of_7 {width:12.91%;}

/*  GRID OF EIGHT  ====================================================== */
.span_8_of_8 {width:100%;}
.span_7_of_8 {width:87.3%;}
.span_6_of_8 {width:74.6%;}
.span_5_of_8 {width:61.9%;}
.span_4_of_8 {width:49.2%;}
.span_3_of_8 {width:36.5%;}
.span_2_of_8 {width:23.8%;}
.span_1_of_8 {width:11.1%;}

/*  GRID OF NINE  ======================================================= */
.span_9_of_9 {width:100%;}
.span_8_of_9 {width:88.71%;}
.span_7_of_9 {width:77.42%;}
.span_6_of_9 {width:66.13%;}
.span_5_of_9 {width:54.84%;}
.span_4_of_9 {width:43.55%;}
.span_3_of_9 {width:32.26%;}
.span_2_of_9 {width:20.97%;}
.span_1_of_9 {width:9.68%;}

/*  GRID OF TEN  ======================================================== */
.span_10_of_10 {width:100%;}
.span_9_of_10 {width:89.84%;}
.span_8_of_10 {width:79.68%;}
.span_7_of_10 {width:69.52%;}
.span_6_of_10 {width:59.36%;}
.span_5_of_10 {width:49.2%;}
.span_4_of_10 {width:39.04%;}
.span_3_of_10 {width:28.88%;}
.span_2_of_10 {width:18.72%;}
.span_1_of_10 {width:8.56%;}

/*  GRID OF ELEVEN  ===================================================== */
.span_11_of_11 {width:100%;}
.span_10_of_11 {width:90.76%;}
.span_9_of_11 {width:81.52%;}
.span_8_of_11 {width:72.29%;}
.span_7_of_11 {width:63.05%;}
.span_6_of_11 {width:53.81%;}
.span_5_of_11 {width:44.58%;}
.span_4_of_11 {width:35.34%;}
.span_3_of_11 {width:26.1%;}
.span_2_of_11 {width:16.87%;}
.span_1_of_11 {width:7.63%;}

/*  GRID OF TWELVE  ===================================================== */
.span_12_of_12 {width:100%;}
.span_11_of_12 {width:91.53%;}
.span_10_of_12 {width:83.06%;}
.span_9_of_12 {width:74.6%;}
.span_8_of_12 {width:66.13%;}
.span_7_of_12 {width:57.66%;}
.span_6_of_12 {width:49.2%;}
.span_5_of_12 {width:40.73%;}
.span_4_of_12 {width:32.26%;}
.span_3_of_12 {width:23.8%;}
.span_2_of_12 {width:15.33%;}
.span_1_of_12 {width:6.86%;}


/* ====================================================================== */
/*  MEDIA BREAKPOINTS  ================================================== */
/* ====================================================================== */

/*  PHONES  ============================================================= */
@media all and (min-width:320px) and (max-width:480px) {
	/*  REMOVE MARGINS AND SET ALL COLUMNS TO FULL WIDTH */
	html {font-size:35.0%;}
	.col {margin:1% 0 1% 0%;}
	.menu-nudge {margin-top:-5px; padding-bottom:20px;}
	.u-max-width-50pc {max-width:50%;}
	.span_1_of_2, .span_2_of_2 {width:100%;}
	.span_1_of_3, .span_2_of_3, .span_3_of_3 {width:100%;}
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 {width:100%;}
	.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 {width:100%;}
	.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6 {width:100%;}
	.span_1_of_7, .span_2_of_7, .span_3_of_7, .span_4_of_7, .span_5_of_7, .span_6_of_7, .span_7_of_7 {width:100%;}
	.span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_8_of_8 {width:100%;}
	.span_1_of_9, .span_2_of_9, .span_3_of_9, .span_4_of_9, .span_5_of_9, .span_6_of_9, .span_7_of_9, .span_8_of_9, .span_9_of_9 {width:100%;}
	.span_1_of_10, .span_2_of_10, .span_3_of_10, .span_4_of_10, .span_5_of_10, .span_6_of_10, .span_7_of_10, .span_8_of_10, .span_9_of_10, .span_10_of_10 {width:100%;}
	.span_1_of_11, .span_2_of_11, .span_3_of_11, .span_4_of_11, .span_5_of_11, .span_6_of_11, .span_7_of_11, .span_8_of_11, .span_9_of_11, .span_10_of_11, .span_11_of_11 {width:100%;}
	.span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {width:100%;}
	fieldset {padding:20px 10px 20px 5px; width:92%;}
	.form-button {margin-left:4rem;}
	label {margin-left:-8rem;}
	textarea {min-width:70%;}
	.col-nopad-4gallery {display:block; float:left; margin:1% 0 1% 1.6%;}
	.col-centered-nopad-4gallery {display:block; float:left; margin:1% 0 1% 1.6%; text-align:center;}
}
/*  IN-BETWEENS  ======================================================== */
@media all and (min-width:481px) and (max-width:767px) {
	html {font-size:45.0%;}
	.menu-nudge {margin-top:-6px; padding-bottom:20px;}
	.u-max-width-50pc {max-width:70%;}
	fieldset {padding:20px 10px 20px 5px; width:95%;}
	label {margin-left:-4rem;}
	textarea {min-width:80%;}
}
/*  TABLETS  ============================================================ */
@media all and (min-width:768px) and (max-width:1024px) {
	html {font-size:55.0%;}
	.menu-nudge {margin-top:-10px; padding-bottom:20px;}
	.less-than-100pc {width:80%;}
	.u-max-width-50pc {max-width:60%;}
	fieldset {width:80%;}
	textarea {min-width:80%;}
}
@media all and (min-width:1025px) {
	.less-than-100pc {width:60%;}
	.menu-nudge {margin-top:-13px; padding-bottom:20px;}
	fieldset {width:60%;}
	textarea {min-width:80%;}
}


/*  MOBILE PORTRAIT  ==================================================== */
@media all and (max-width:320px) {
}
/*  MOBILE LANDSCAPE  =================================================== */
@media all and (min-width:321px) {
}
/*  TABLET LANDSCAPE  =================================================== */
@media all and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
}