.bodytext {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 1.5em;

	color: #333333;

}

.bodytextpurple {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 1.5em;

	color: #643A71;

}

.bodytextlge {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	line-height: 1.5em;

	color: #333333;

}

h1 { 

display: inline; 

}

.bodysmlgrey {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #666666;

}

/* header ------------------*/

#header {

	width:900px;

	height: 120px;

}

#header .left {

	width:243px;

	height:82px;

	margin-top:26px;

	float:left;

}

.logoButton a {

	display: block;

	width: 243px;

	height: 82px;

	background-image: url(pictures/logo.png);

	background-repeat: no-repeat;

	background-position: 0 0;

}

.logoButton a:hover {

	background-position: 0 -82px;

}

#header .right {

	width:260px;

	margin-top:5px;

	float:right;

	text-align: right;

}

#header p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 1.3em;

	font-weight: normal;

	color: #999;

	margin: 0px 0px 2px 0px;

}

#header h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 26px;

	line-height: 1.5em;

	font-weight: normal;

	color: #999;

	margin: 0px;

}

#header h1 .purple {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 26px;

	line-height: 1.5em;

	font-weight: normal;

	color: #643A71;

	margin: 0px;

}

#header .tel {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 26px;

	line-height: 1.5em;

	font-weight: normal;

	color: #999;

	margin: 0px;

}

#header .tel .purple {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 26px;

	line-height: 1.5em;

	font-weight: normal;

	color: #643A71;

	margin: 0px;

}

#header a:link {

	color: #999;

	text-decoration: none;

}

#header a:visited {

	color: #999;

	text-decoration: none;

}

#header a:hover {

	color: #643A71;

	text-decoration: none;

}

#header a:active {

	color: #999;

	text-decoration: none;

}

/* scrolling div */

#contentDiv1 {

	position: relative;

	width:250px;

}

#viewportDiv1 {

	overflow: auto;

	position: absolute;

	height: 209px;

	width: 250px;

	background-color: #FFFFFF;

}

.titletext {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 24px;

	color: #643A70;

	font-weight:normal;

}

.basetext {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #CCCCCC;

}

/* image popup */

.thumbnail{

position: relative;

z-index: 0;

}

.thumbnail:hover{

background-color: transparent;

z-index: 50;

}

.thumbnail span{ /*CSS for enlarged image*/

	position: absolute;

	left: -1000px;

	border: 1px solid #CCCCCC;

	visibility: hidden;

	padding: 3px;

	background-color: #FFFFFF;

}

.thumbnail span img{ /*CSS for enlarged image*/

	border-width: 0;

}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/

visibility: visible;

top: -70px;

left: 40px; /*position where enlarged image should offset horizontally */

}

.formfieldmed {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #333333;

	background-color: #F8F8F8 !important;

	height: 18px;

	width: 170px;

	border: 1px solid #563260;

	padding-top: 2px;

	padding-left: 2px;

}

.formtextareamed {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #333333;

	background-color: #F8F8F8 !important;

	height: 50px;

	width: 170px;

	border: 1px solid #563260;

}

#scrollNotice {

	position: fixed;

	top: 290px;

	right: 1px;

	width: 230px;

	height: 220px;

	margin: 0px;

	padding: 0px;

	border: 0px;

	background: transparent;

}

/* ----------- home ------------- */

 

#AddressBoxHome { padding: 50px 10px 10px 10px; background-image: url(backgrounds/address-box-home.png); height: 128px;}

#AddressBoxHome a:link { text-decoration: none; color: #643A70;}

#AddressBoxHome a:visited { text-decoration: none; color: #643A70;}

#AddressBoxHome a:hover { text-decoration: none; color: #333;}

#AddressBoxHome a:active { text-decoration: none; color: #643A70;}

#AddressBoxHome .icon { padding: 2px 20px 0px 10px; height: 40px; width: 31px; float:left;}

#AddressBoxHome .text { width: 160px; float:left;}

#AddressBoxHome p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.3em; color: #333; margin-top: 0px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px;}

.rolloverHome a {display:block;width: 250px;padding:15px 0px 14px 0px;font: normal 14px sans-serif;color:#FFF;background: url("buttons/home-rollover.png") 0 0 no-repeat;text-decoration: none;text-align: center;}

.rolloverHome a:hover { background-position: 0 -46px;color: #fff;}

.rolloverHome2 a {display:block;width: 250px;padding:15px 0px 14px 0px;font: normal 14px sans-serif;color:#FFF;background: url("buttons/home-rollover-address.png") 0 0 no-repeat;text-decoration: none;text-align: center;}

.rolloverHome2 a:hover { background-position: 0 -46px;color: #fff;}

/* ------------ heritage ------------- */

#AddressBoxHeritage { padding: 50px 10px 10px 10px; background-image: url(backgrounds/address-box-heritage.png); height: 128px; }

#AddressBoxHeritage a:link { text-decoration: none; color: #00A98A; }

#AddressBoxHeritage a:visited { text-decoration: none; color: #00A98A; }

#AddressBoxHeritage a:hover { text-decoration: none; color: #333; }

#AddressBoxHeritage a:active { text-decoration: none; color: #00A98A; }

#AddressBoxHeritage .icon { padding: 2px 20px 0px 10px; height: 40px; width: 31px; float:left; }

#AddressBoxHeritage .text { width: 160px; float:left; }

#AddressBoxHeritage p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.3em;color: #333;margin-top: 0px;margin-right: 0px;margin-bottom: 2px;margin-left: 0px;}

.rolloverHeritage a {display:block;width: 250px;padding:15px 0px 14px 0px;font: normal 14px sans-serif;color:#FFF;background: url("buttons/heritage-rollover.png") 0 0 no-repeat;text-decoration: none;text-align: center;}

.rolloverHeritage a:hover { background-position: 0 -46px;color: #fff;}

.rolloverHeritage2 a {display:block;width: 250px;padding:15px 0px 14px 0px;font: normal 14px sans-serif;color:#FFF;background: url("buttons/heritage-rollover-address.png") 0 0 no-repeat;text-decoration: none;text-align: center;}

.rolloverHeritage2 a:hover { background-position: 0 -46px;color: #fff;}

.heritage-borders { border-left: #00A98A 1px solid; border-right: #00A98A 1px solid; }

.heritage-borders-all { border: #00A98A 1px solid; }

.heritage-background { background: #00A98A }

.heritage-bodytext { color: #00A98A; }

.titletextHeritage { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #00A98A;  font-weight:normal; }

.bodytextHeritage{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; color: #00A98A;}

/* -------------- rio ------------ */

#AddressBoxRio { padding: 50px 10px 10px 10px; 	background-image: url(backgrounds/address-box-rio.png); height: 128px; }

#AddressBoxRio a:link { text-decoration: none; color: #bc006c; }

#AddressBoxRio a:visited { text-decoration: none; color: #bc006c; }

#AddressBoxRio a:hover { text-decoration: none; color: #333; }

#AddressBoxRio a:active { text-decoration: none; color: #bc006c; }

#AddressBoxRio .icon { padding: 2px 20px 0px 10px; height: 40px; width: 31px; float:left; }

#AddressBoxRio .text { width: 160px; float:left; }

#AddressBoxRio p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.3em;color: #333;margin-top: 0px;margin-right: 0px;margin-bottom: 2px;margin-left: 0px;}

.rolloverRio a {display:block;width: 250px;padding:15px 0px 14px 0px;font: normal 14px sans-serif;color:#FFF;background: url("buttons/rio-rollover.png") 0 0 no-repeat;text-decoration: none;text-align: center;}

.rolloverRio a:hover { background-position: 0 -46px;color: #fff;}

.rolloverRio2 a {display:block;width: 250px;padding:15px 0px 14px 0px;font: normal 14px sans-serif;color:#FFF;background: url("buttons/rio-rollover-address.png") 0 0 no-repeat;text-decoration: none;text-align: center;}

.rolloverRio2 a:hover { background-position: 0 -46px;color: #fff;}

.rio-borders { border-left: #bc006c 1px solid; border-right: #bc006c 1px solid; }

.rio-borders-all { border: #bc006c 1px solid; }

.rio-background { background: #bc006c; }

.rio-bodytext { color: #bc006c; }

.titletextRio { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #bc006c;  font-weight:normal; }

.bodytextRio{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; color: #bc006c;}

/* --------------- metro ------------- */

#AddressBoxMetro { padding: 50px 10px 10px 10px; 	background-image: url(backgrounds/address-box-metro.png); height: 128px; }

#AddressBoxMetro a:link { text-decoration: none; color: #f27a31; }

#AddressBoxMetro a:visited { text-decoration: none; color: #f27a31; }

#AddressBoxMetro a:hover { text-decoration: none; color: #333; }

#AddressBoxMetro a:active { text-decoration: none; color: #f27a31; }

#AddressBoxMetro .icon { padding: 2px 20px 0px 10px; height: 40px; width: 31px; float:left; }

#AddressBoxMetro .text { width: 160px; float:left; }

#AddressBoxMetro p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.3em;color: #333;margin-top: 0px;margin-right: 0px;margin-bottom: 2px;margin-left: 0px;}

.rolloverMetro a {display:block;width: 250px;padding:15px 0px 14px 0px;font: normal 14px sans-serif;color:#FFF;background: url("buttons/metro-rollover.png") 0 0 no-repeat;text-decoration: none;text-align: center;}

.rolloverMetro a:hover { background-position: 0 -46px;color: #fff;}

.rolloverMetro2 a {display:block;width: 250px;padding:15px 0px 14px 0px;font: normal 14px sans-serif;color:#FFF;background: url("buttons/metro-rollover-address.png") 0 0 no-repeat;text-decoration: none;text-align: center;}

.rolloverMetro2 a:hover { background-position: 0 -46px;color: #fff;}

.metro-borders { border-left: #f27a31 1px solid; border-right: #f27a31 1px solid; }

.metro-borders-all { border: #f27a31 1px solid; }

.metro-background { background: #f27a31; }

.metro-bodytext { color: #f27a31; }

.titletextMetro { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #f27a31;  font-weight:normal; }

.bodytextMetro { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; color: #f27a31;}

/* ----------------- airo -------------- */

#AddressBoxAiro { padding: 50px 10px 10px 10px; background-image: url(backgrounds/address-box-airo.png); height: 128px; }

#AddressBoxAiro a:link { text-decoration: none; color: #e4ca16; }

#AddressBoxAiro a:visited { text-decoration: none; color: #e4ca16; }

#AddressBoxAiro a:hover { text-decoration: none; color: #333; }

#AddressBoxAiro a:active { text-decoration: none; color: #e4ca16; }

#AddressBoxAiro .icon { padding: 2px 20px 0px 10px; height: 40px; width: 31px; float:left; }

#AddressBoxAiro .text { width: 160px; float:left; }

#AddressBoxAiro p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.3em;color: #333;margin-top: 0px;margin-right: 0px;margin-bottom: 2px;margin-left: 0px;}

.rolloverAiro a {display:block;width: 250px;padding:15px 0px 14px 0px;font: normal 14px sans-serif;color:#FFF;background: url("buttons/airo-rollover.png") 0 0 no-repeat;text-decoration: none;text-align: center;}

.rolloverAiro a:hover { background-position: 0 -46px;color: #fff;}

.rolloverAiro2 a {display:block;width: 250px;padding:15px 0px 14px 0px;font: normal 14px sans-serif;color:#FFF;background: url("buttons/airo-rollover-address.png") 0 0 no-repeat;text-decoration: none;text-align: center;}

.rolloverAiro2 a:hover { background-position: 0 -46px;color: #fff;}

.airo-borders { border-left: #e4ca16 1px solid; border-right: #e4ca16 1px solid; }

.airo-borders-all { border: #e4ca16 1px solid; }

.airo-background { background: #e4ca16; }

.airo-bodytext { color: #e4ca16; }

.titletextAiro { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #CCB11A;  font-weight:normal; }

.bodytextAiro { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; color: #CCB11A;}

/* ----------------- fitted bedrooms -------------- */

#AddressBoxfittedbedrooms { padding: 50px 10px 10px 10px; background-image: url(backgrounds/address-box-fittedbedrooms.png); height: 128px; }

#AddressBoxfittedbedrooms a:link { text-decoration: none; color: #24AAD0; }

#AddressBoxfittedbedrooms a:visited { text-decoration: none; color: #24AAD0; }

#AddressBoxfittedbedrooms a:hover { text-decoration: none; color: #333; }

#AddressBoxfittedbedrooms a:active { text-decoration: none; color: #24AAD0; }

#AddressBoxfittedbedrooms .icon { padding: 2px 20px 0px 10px; height: 40px; width: 31px; float:left; }

#AddressBoxfittedbedrooms .text { width: 160px; float:left; }

#AddressBoxfittedbedrooms p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.3em;color: #333;margin-top: 0px;margin-right: 0px;margin-bottom: 2px;margin-left: 0px;}

.rolloverfittedbedrooms a {display:block;width: 250px;padding:15px 0px 14px 0px;font: normal 14px sans-serif;color:#FFF;background: url("buttons/fitted_bedrooms-rollover.png") 0 0 no-repeat;text-decoration: none;text-align: center;}

.rolloverfittedbedrooms a:hover { background-position: 0 -46px;color: #fff;}

.rolloverfittedbedrooms2 a {display:block;width: 250px;padding:15px 0px 14px 0px;font: normal 14px sans-serif;color:#FFF;background: url("buttons/fitted_bedrooms-rollover-address.png") 0 0 no-repeat;text-decoration: none;text-align: center;}

.rolloverfittedbedrooms2 a:hover { background-position: 0 -46px;color: #fff;}

.fittedbedrooms-borders { border-left: #24AAD0 1px solid; border-right: #24AAD0 1px solid; }

.fittedbedrooms-borders-all { border: #24AAD0 1px solid; }

.fittedbedrooms-background { background: #24AAD0; }

.fittedbedrooms-bodytext { color: #24AAD0; }

.fittedbedrooms-bodytext a { color: #24AAD0; }

.fittedbedrooms-bodytext a:hover { color: #666; }

.titletextfittedbedrooms { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #24AAD0;  font-weight:normal; }

.titletextfittedbedrooms a { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #24AAD0;  font-weight:normal; }

.titletextfittedbedrooms a:hover { color: #666; }

.bodytextfittedbedrooms { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; color: #24AAD0;}



/* ----------------- walk in wardrobes -------------- */

#AddressBoxwalkinwardrobe { padding: 50px 10px 10px 10px; background-image: url(backgrounds/address-box-walkinwardrobe.png); height: 128px; }

#AddressBoxwalkinwardrobe a:link { text-decoration: none; color: #800000; }

#AddressBoxwalkinwardrobe a:visited { text-decoration: none; color: #800000; }

#AddressBoxwalkinwardrobe a:hover { text-decoration: none; color: #333; }

#AddressBoxwalkinwardrobe a:active { text-decoration: none; color: #800000; }

#AddressBoxwalkinwardrobe .icon { padding: 2px 20px 0px 10px; height: 40px; width: 31px; float:left; }

#AddressBoxwalkinwardrobe .text { width: 160px; float:left; }

#AddressBoxwalkinwardrobe p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.3em;color: #333;margin-top: 0px;margin-right: 0px;margin-bottom: 2px;margin-left: 0px;}

.rolloverwalkinwardrobe a {display:block;width: 250px;padding:15px 0px 14px 0px;font: normal 14px sans-serif;color:#FFF;background: url("buttons/walk_in_wardrobe-rollover.png") 0 0 no-repeat;text-decoration: none;text-align: center;}

.rolloverwalkinwardrobe a:hover { background-position: 0 -46px;color: #fff;}

.rolloverwalkinwardrobe2 a {display:block;width: 250px;padding:15px 0px 14px 0px;font: normal 14px sans-serif;color:#FFF;background: url("buttons/walk_in_wardrobe-rollover-address.png") 0 0 no-repeat;text-decoration: none;text-align: center;}

.rolloverwalkinwardrobe2 a:hover { background-position: 0 -46px;color: #fff;}

.walkinwardrobe-borders { border-left: #800000 1px solid; border-right: #800000 1px solid; }

.walkinwardrobe-borders-all { border: #800000 1px solid; }

.walkinwardrobe-background { background: #800000; }

.walkinwardrobe-bodytext { color: #800000; }

.walkinwardrobe-bodytext a { color: #800000; }

.walkinwardrobe-bodytext a:hover { color: #666; }

.titletextwalkinwardrobe { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #800000;  font-weight:normal; }

.titletextwalkinwardrobe a { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #800000;  font-weight:normal; }

.titletextwalkinwardrobe a:hover { color: #666; }

.bodytextwalkinwardrobe { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; color: #800000;}



/* ------------------ manhattan ----------------- */

#AddressBoxManhattan { padding: 50px 10px 10px 10px; 	background-image: url(backgrounds/address-box-manhattan.png); height: 128px; }

#AddressBoxManhattan a:link { text-decoration: none; color: #60BF65; }

#AddressBoxManhattan a:visited { text-decoration: none; color: #60BF65; }

#AddressBoxManhattan a:hover { text-decoration: none; color: #333; }

#AddressBoxManhattan a:active { text-decoration: none; color: #60BF65; }

#AddressBoxManhattan .icon { padding: 2px 20px 0px 10px; height: 40px; width: 31px; float:left; }

#AddressBoxManhattan .text { width: 160px; float:left; }

#AddressBoxManhattan p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.3em;color: #333;margin-top: 0px;margin-right: 0px;margin-bottom: 2px;margin-left: 0px;}

.rolloverManhattan a {display:block;width: 250px;padding:15px 0px 14px 0px;font: normal 14px sans-serif;color:#FFF;background: url("buttons/manhattan-rollover.png") 0 0 no-repeat;text-decoration: none;text-align: center;}

.rolloverManhattan a:hover { background-position: 0 -46px;color: #fff;}

.rolloverManhattan2 a {display:block;width: 250px;padding:15px 0px 14px 0px;font: normal 14px sans-serif;color:#FFF;background: url("buttons/manhattan-rollover-address.png") 0 0 no-repeat;text-decoration: none;text-align: center;}

.rolloverManhattan2 a:hover { background-position: 0 -46px;color: #fff;}

.manhattan-borders { border-left: #60BF65 1px solid; border-right: #60BF65 1px solid; }

.manhattan-borders-all { border: #60BF65 1px solid; }

.manhattan-background { background: #60BF65; }

.manhattan-bodytext { color: #60BF65; }

.titletextManhattan { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #60BF65;  font-weight:normal; }

.bodytextManhattan { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; color: #60BF65;}





/* -------------frametable ---------------*/

#frameTable { width: 640px; 

              margin: 0px 10px 0px 0px; 

              border-radius: 4px;  

              color: #fff !important;

}

#frameTable td { border-radius: 3px; }

#frameTable>tbody>tr>td span, .footInfoDiv {

                   color: #fff;

                   font-family: sans-serif;

                   text-transform: uppercase;

                   font-weight: normal;

                   font-size: 14px;

}

/* footer ------------------*/

#footer {

	width:900px;

	height: 35px;

	background-image: url(backgrounds/nav.png);

}

#footer a:link {

	text-decoration: none;

	color: #ccc;

}

#footer a:visited {

	text-decoration: none;

	color: #ccc;

}

#footer a:hover {

	text-decoration: none;

	color: #BE94C9;

}

#footer a:active {

	text-decoration: none;

	color: #ccc;

}



/* slideshow ------------------*/

#slideshow {

	position:relative;

	height:331px;

	/*margin-top: 62px;

	margin-left: 452px;*/

}

#slideshow IMG {

    position:absolute;

    top:0;

    left:0;

    z-index:8;

    opacity:0.0;

}

#slideshow IMG.active {

    z-index:10;

    opacity:1.0;

}

#slideshow IMG.last-active {

    z-index:9;

}

small { font-size: 10px; }


