body { margin: 0; background-color: #9EB9E1; color: #888; font-family: Georgia; font-size: 0.8em; line-height: 1.4; }
h1 { font-size: 2.0em; color: #4061B0; font-family: Georgia; font-weight: normal; }
h2 { font-size: 1.0em; color: #666; font-family: Georgia; }
img { border: none; }

div#wrapper { margin-top: 3em; margin-left: auto; margin-right: auto; width: 710px; background-color: #fff; overflow: auto;
  /*drop shadow settings*/
  /* offset left, top, thickness, color with alpha */
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  /* IE */
  filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='gray');
  /* slightly different syntax for IE8 */
  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='gray')"; 
  }

div#construction { float: left; width: 465px; text-align: center; background: url(/assets/images/blueprint.jpg) no-repeat 0 80px; }
div#properties { float: right; width: 230px; text-align: center; padding: 0 .3em 1em 0.3em; background-color: #DEDFDF;
	background-image: -moz-linear-gradient(top, #EFF1F1, #D8D8D8);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EFF1F1), to(#D8D8D8));
	}

div#errormsg { padding: 0em 1em 1em 1em; text-align: center; border-bottom: 5px solid #F3D158; border-top: 5px solid #F3D158; background-color: #F7EED9; }
	div#errormsg p { color: #000; }
div#photo { margin: 0 auto; padding: 33px 0; width: 710px; text-align: center;  
	background-color: #fff;
	background-image: -moz-linear-gradient(top, #fff, #F7EEB7);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F7EEB7));

  /*drop shadow settings*/
  /* offset left, top, thickness, color with alpha */
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  /*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);*/
  }
  
div#photo img { border: 2px solid black; }
div#footer { width: 710px; margin: 0 auto; font-size: 95%; color: #666; text-align: center; }

/* links */
a:link { color: #2a4f99; text-decoration: underline; }
a:visited { color: #9f792f; text-decoration: underline; }
/*a:hover { color: #fff; background-color: #2a4f99; text-decoration: underline; }*/
a:active { color: #fff; text-decoration: underline; }

/* Custom classes */
.postalcode { margin: 0 0 0 0.5em; text-transform: uppercase; white-space: nowrap; } /* span class to keep postal codes uppercase, to prevent wrapping, and to include extra white-space before them, per Canada Post's guidelines */
.tel, .gps { white-space: nowrap; } /* span class to keep phone numbers & GPS coordinates from wrapping */
