
body {
	margin: 0;
	padding: 0;
	background: url(../images/background-gradient.png) repeat;
	font: 14px "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.hidden {
	position: absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#siteHeading {
	width: 100%;
	text-align: center;
	margin-left: 10px;
}

h1 {
	width: 285px;
	height: 123px;
	margin: 30px auto;
	background: url(../images/title.png) no-repeat;
}

h2 {
	margin-top: 30px;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	background: url(../images/background-heading.png) repeat;
}

h3 {
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.07em;
}

#main {
	margin: 0px 0px 20px 0px;
}

#container {
	position: relative;
	overflow: auto;
	width: 958px;
	margin: auto;
}

.column {
	width: 290px;
	padding: 0 10px;
}

#leftBlock {
	float: left;
	width: 620px;
	padding: 0 0 30px 0;
	background: url(../images/background-column.png) repeat;
	border: 2px solid #333;
	border-width: 0 2px 2px 2px;
}

#rightBlock {
	float: left;
	width: 290px;
	margin-left: 20px;
	padding: 0 10px 30px 10px;
	background: url(../images/background-column.png) repeat;
	border: 2px solid #333;
	border-width: 0 2px 2px 2px;
}

#rightBlock .column {
	padding: 0;
}

#propertiesColumnLeftTop {
	float: left;
}

#propertiesColumnLeftBottom {
	float: left;
	clear: left;
}

#propertiesColumnMiddle {
	float: right;
}

#propertiesColumnRightTop,
#propertiesColumnRightBottom
{
	float: left;
}

#introColumn {
	position: relative;
	float: right;
	width: 290px;
	background: url(../images/background-gradient.png) repeat;
	margin-right: -2px;
	padding-bottom: 16px;
	border: 2px solid #333;
	border-width: 0 0 2px 2px;
}

.propertyListing {
	margin: 0 20px 0 30px;
}

.propertyListing h3 {
	position: relative;
	margin: 30px -20px 0 -30px;
}

.propertyListing .photo {
	position: relative;
	margin: 0 -30px 0 -20px;
}

.photoFramed {
	position: relative;
	top: 20px;
	width: 248px;
	height: 166px;
	border: 6px solid #38638D;
	border-width: 0 6px;
}

.photoFramed img {
	border: 0;
	position: relative;
	top: -10px;
	margin-bottom: 10px;
}

.photoFrame {
	position: absolute;
	left: 0px;
	width: 260px;
	height: 16px;
	background: url(../images/photo-frame-stroke.png) no-repeat;
}

.photoFrame.top {
	top: 4px;
	background-position: left top;
}

.photoFrame.bottom {
	bottom: -34px;
	background-position: left bottom;
}

.propertyListing .contactOnline {
	margin: 4px -30px 6px 0;
}

.contactOnline a:link,
.contactOnline a:visited,
.contactOnline a:active
{
	color: #333;
	text-decoration: none;
}
.contactOnline a:hover {
	text-decoration: underline;
}

.contactOnline img {
	border: 0;
	margin-left: 6px;
	vertical-align: middle;
}

.contactPhone {
	margin-bottom: 6px;
}

.contactPhone span {
	font-weight: bold;
}

.featureIcons {
	margin: 6px 0;
}

.featureIcons span {
	margin-right: 4px;
}

.featureIcons img {
	vertical-align: top;
}

.description ul {
	margin: 48px 0 0 0;
	padding: 0;
	list-style: none;
	color: #333;
}

.description li {
	margin-top: 6px;
	line-height: 1.1;
}

.propertyListing hr {
	position: relative;
	left: -30px;
	width: 60px;
	height: 1px;
	margin-top: 15px;
	border: 0;
	color: #888;
	background-color: #888;
}


.siteContent #introduction {
	margin-bottom: -10px;
	padding: 5px 10px 0px 0;
	font-size: 1.1em;
}

#introduction p {
	margin-bottom: 0;
}

#introduction .phone {
	width: 100%;
	margin: 16px 0 10px 5px;
	text-align: center;
	font-size: 1.4em;
	font-weight: normal;
	letter-spacing: 0.12em;
}

#introduction .email {
	font-size: 0.9em;
}

.siteContent a:link,
.siteContent a:visited,
.siteContent a:active
{
	color: #ffe4ca;
	text-decoration: none;
}
.siteContent a:hover {
	text-decoration: underline;
}

.siteContent {
	position: relative;
	margin: 0px auto;
	min-width: 8em;
	max-width: 320px; /* based on image dimensions - not quite consistent with drip styles yet */
	color: #eee;
	z-index: 1;
	margin-left: 22px; /* default, width of left corner */
	margin-right: -10px;
	margin-bottom: 22px; /* spacing under dialog */
}

.siteContent .content,
.siteContent .t,
.siteContent .b,
.siteContent .b div
{
	background: url(../images/background-round-dark.png) no-repeat top right;
}

.siteContent .content {
	position: relative;
	zoom: 1;
	padding: 0px 0px 0px 0px;
}

.siteContent .t {
	/* top+left vertical slice */
	position: absolute;
	left: 0px;
	top: 0px;
	width: 12px; /* top slice width */
	margin-left: -12px;
	height: 100%;
	background-position: top left;
}

.siteContent .b {
	/* bottom */
	position: relative;
	top: 16px;
	width: 100%;
}

.siteContent .b,
.siteContent .b div
{
	height: 16px; /* height of bottom cap/shade */
	font-size: 1px;
}

.siteContent .b {
	background-position: bottom right;
}

.siteContent .b div {
	position: relative;
	width: 12px; /* bottom corner width */
	margin-left: -12px;
	background-position: bottom left;
}


#footer {
	position: relative;
	margin: 20px auto 0 auto;
	margin-bottom: 0; /* spacing under dialog */
	min-width: 8em;
	max-width: 70%; /* based on image dimensions - not quite consistent with drip styles yet */
	color: #ccc;
	z-index: 1;
	text-align: center;
}
#ie-lte7 #footer {
	width: 70%;
}

#footer .content,
#footer .t
{
	background: url(../images/background-round-dark.png) no-repeat top right;
}

#footer .content {
	position: relative;
	zoom: 1;
	padding: 2px 0px;
	margin-left: 12px;
}
#ie6 #footer .content {
	overflow-y: hidden;
}

#footer .t {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 12px; /* top slice width */
	margin-left: -12px;
	height: 100%;
	background-position: top left;
}
#ie6 #footer .t {
	height: 160px; /* arbitrary long height, IE 6 */
}

#footer span {
	margin: 0 30px 0 30px;
}

#footer a:link,
#footer a:visited,
#footer a:active
{
	color: #cFb49A;
	text-decoration: none;
}
#footer a:hover {
	color: #eFd4bA;
	text-decoration: underline;
}


#footer span#designCredit {
	display: inline-block;
	width: 93px;
	height: 16px;
	margin: 3px 0 -3px 0;
	background: url(../../../images/qualiaDesignLogo.png) no-repeat;
}

#footer #designCredit:hover {
	background-position: 0 -16px;
}







#ie6 #siteHeading h1,
#ie6 #designCredit,
#ie6 .propertyListing .email img,
#ie6 .featureIcons img
{
	behavior: url(assets/templates/BlueSky/css/iepngfix.htc);
}

#ie6 .siteContent,
#ie6 .siteContent div,
#ie6 #footer,
#ie6 #footer div
{
	background-image: none;
}

#ie6 #footer {
	background-color: #415369;
}

#ie6 #propertiesColumnLeftTop,
#ie6 #propertiesColumnLeftBottom
{
	position: relative;
	top: -890px;
}
#ie6 #leftBlock
{
	height: 3000px;
	overflow: hidden;
}
#ie6 #leftBlock,
#ie6 #rightBlock
{
	background-image: url(../images/background-column-ie6matte.gif);
}

#ie6 h2 {
	background: none;
}

#ie6 .siteContent {
	background-color: #415369;
	padding: 12px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#ie6 .photoFramed {
	border-width: 6px;
}
#ie6 .photoFramed img {
	top: 0;
	margin-bottom: 0;
}

#ie6 .photoFrame {
	display: none;
	background: none;
}
