charset "utf-8";
/* CSS Document */

html>body {
	overflow: auto;
}

body {
	margin: 0;
	padding: 0 0 20px 0;
	color: #fff;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #0c0c1c;
}

/*******************************************************************/
img {
	border: 0;
	vertical-align: top;
}

h1, h2, h3, p {
	margin-top: 0;
}

h1 {
	font-size: 16px;
	margin-bottom: 10px;
	color: #ffffff;
}

h2 {
	font-size: 14px;
	color: #6b5842;
}

h3.blue {
	margin-bottom: 0;
	padding: 0;
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #82cfcf;
}

h3.yellow {
	margin-bottom: 0;
	padding: 0;
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #e0df4a;
}

h3.orange {
	margin-bottom: 0;
	padding: 0;
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #ffc641;
}

h4.blue {
	margin-bottom: 0 0 5px 0;
	padding: 0;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #82cfcf;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #fff;
	text-decoration: underline;
}

a.active {
	color: #c580ac;
}

p.blue {
	margin-bottom: 0;
	padding: 0;
	color: #82cfcf;
	text-transform: uppercase;
}

p.yellow {
	margin-bottom: 0;
	padding: 0;
	color: #e0df4a;
	text-transform: uppercase;
}

p.orange {
	margin-bottom: 0;
	padding: 0;
	color: #ffc641;
	text-transform: uppercase;
}

p.nobottommargin {
	margin-bottom: 0;
}

.clear {
	clear: both;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.left {
	margin: 0;
	padding: 0;
	float: left;
}

.right {
	margin: 0;
	padding: 0;
	float: right;
}

.imgLeft {
	margin: 0;
	padding: 0 35px 10px 0;
	float: left;
}

.imgRight {
	margin: 0;
	padding: 0 0 10px 35px;
	float: right;
}

.pngFix {
	behavior: url("/css/iepngfix.htc");
}

.header {
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
}

.eventsImg {
	margin: 0;
	padding: 0;
	width: 290px;
	float: left;
}

.eventsContent {
	margin: 0;
	padding: 0 40px 0 0;
	width: 380px;
	float: left;
}

.eventsDetails {
	margin: 0;
	padding: 0;
	width: 250px;
	float: left;
	font-size: 11px;
}

.eventschild2 {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	width: 960px;
	float: left;
}

.promoDetails {
	margin: 0;
	padding: 20px 20px 0 0;
	width: 250px;
	float: left;
	font-size: 10px;
	line-height: 1.5em;
}

.note {
	font-size: 10px;
}

.border {
	margin: 0;
	padding: 0;
	width: 730px;
	height: 2px;
	float: left;
	border-top: #2px solid #3d3938;
}

.error_text {
	color: #ff0000;
}

.header {
	font-size: 10px;
	color: #939598;
	font-weight: normal;
}

.storedetails {
	color: #d1d3d4;
}

.storecat {
	color: #ec008c;
	font-size: 10px;
}

.promodetailscontenta {
	margin: 0; 
	padding: 0; 
/*	clear: both; */
	min-height: 180px; 
	height:auto !important; 
	height: 180px;
}

.promodetailscontentb {
	margin: 0 0 10px 0; 
	padding: 20px 0 0 0; 
	border-top: 2px solid #471e3c;
/*	clear: both; */
	min-height: 180px; 
	height:auto !important; 
	height: 180px;
}

.promoImg {
	margin: 0;
	padding: 0;
	width: 240px;
	float: left;
}

.promoContent {
	margin: 0;
	padding: 0 40px 0 0;
	width: 380px;
	float: left;
}

/*******************************************************************/

#bodyBG {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	background-image: url(../images/sub_images/body_bg.gif);
	background-repeat: repeat-x;
}

#container {
	margin: 0 auto;
	padding: 0;
	width: 960px;
}

#header {
	margin: 0;
	padding: 0;
	width: 960px;
	height: 120px;
	float: left;
	background-image: url(../images/main_images/header_bg.gif);
	background-repeat: repeat-x;
}

#logoHolder {
	margin: 0;
	padding: 0;
	width: 144px;
	height: 120px;
	float: left;
	background-image: url(../images/main_images/logoHolder_bg.png);
	background-repeat: no-repeat;
	behavior: url("/css/iepngfix.htc");
}

#navHolder {
	margin: 0;
	padding: 0;
	width: 816px;
	height: 120px;
	float: left;
}

#cathaylogo {
	margin: 0;
	padding: 0;
	width: 144px;
	height: 120px;
	float: left;
	background-image: url(../images/main_images/cathay_logo.png);
	background-repeat: no-repeat;
	behavior: url("/css/iepngfix.htc");
}

#were75logo {
	margin: 0;
	padding: 0;
	width: 144px;
	height: 120px;
	float: left;
	background-image: url(../images/main_images/were75_logo.png);
	background-repeat: no-repeat;
	behavior: url("/css/iepngfix.htc");
}

#topNav {
	margin: 0;
	padding: 15px 0 0 0;
	width: 816px;
	height: 25px;
	float: right;
	background-image: url(../images/main_images/topNav_bg.png);
	background-repeat: no-repeat;
	behavior: url("/css/iepngfix.htc");
}

#topNav ul {
	margin: 0;
	padding: 0;
	width: 816px;
	list-style: none;
}

#topNav ul li {
	margin: 0;
	padding: 0;
	height: 25px;
	float: left;
}

#topNav ul li.border {
	margin: 0 10px;
	padding: 0;
	width: 3px;
	height: 11px;
	float: left;
	background-image: url(../images/main_images/topnav/topnav_border.gif);
	background-repeat: no-repeat;
}

#quicklinks {
	margin: 0;
	padding: 10px 0 0 100px;
	width: 716px;
	height: 70px;
	float: left;
}

#quicklinks .header {
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-transform: uppercase;
	color:#FFFFFF;
	font-size:12px;
}

#quicklinksA {
	margin: 0;
	padding: 0;
	width: 279px;
	height: 62px;
	float: left;
}

#quicklinksA ul {
	margin: 25px 0 0 0;
	padding: 0;
	list-style: none;
}

#quicklinksA ul li {
	margin: 0;
	padding: 0;
	float: left;
}

#quicklinksA ul li.border {
	margin: 0 5px;
	padding: 0;
	width: 2px;
	height: 25px;
	background-image: url(../images/main_images/storedir/border_img.png);
	background-repeat: no-repeat;
	behavior: url("/css/iepngfix.htc");
}

#quicklinksAborder {
	margin: 0;
	padding: 0;
	width: 3px;
	height: 62px;
	float: left;
	background-image: url(../images/main_images/quicklinksA_border.png);
	background-repeat: no-repeat;
	behavior: url("/css/iepngfix.htc");
}

#quicklinksB {
	margin: 0;
	padding: 20px 0 0 30px;
	width: 195px;
	height: 42px;
	float: left;
}

#quicklinksB .mailinglist {
	margin: 20px 0 0 0;
	padding: 0;
	width: 185px;
	height: 21px;
	float: left;
	background-image: url(../images/main_images/mailinglist_bg.gif);
	background-repeat: no-repeat;
}

#quicklinksB .mailinglisttext {
	margin: 0;
	padding: 0;
	width: 146px;
	height: 21px;
	float: left;
}

#quicklinksB input.text {
	margin: 0;
	padding: 4px 5px 0 5px;
	border: 0;
	width: 146px;
	height: 17px;
	font-size: 10px;
	color: #fff;
	float: left;
	background: transparent;
}

#quicklinksB .mailinglistbtn {
	margin: 0;
	padding: 0;
	width: 21px; 
	height: 22px;
	float: right;
}


#quicklinksBborder {
	margin: 0;
	padding: 0;
	width: 3px;
	height: 62px;
	float: left;
	background-image: url(../images/main_images/quicklinksB_border.png);
	background-repeat: no-repeat;
	behavior: url("/css/iepngfix.htc");
}

#quicklinksC {
	margin: 0;
	padding: 0 10px 0 0;
	width: 177px;
	height: 62px;
	float: right;
}

#quicklinksC ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#quicklinksC ul li {
	margin: 0;
	padding: 0;
	text-align: right;
	font-weight: bold;
}

#mainContents {
	margin: 4px 0 0 0;
	padding: 0;
	width: 960px;
	float: left;
	font-size: 12px;
	line-height: 1.8em;
}

#contentHeader {
	margin: 35px 0 30px 0;
	padding: 0;
	width: 960px;
	height: 36px;
	float: left;
}

#contentText {
	margin: 0;
	padding: 0 0 50px 0;
	width: 960px;
	min-height: 350px;
	height:auto !important;
	height: 350px;
	float: left;
}

#contentText a {
	color: #ec008c;
	text-decoration: none;
}

#contentText a:hover {
	color: #ec008c;
	text-decoration: underline;
}

#contentText table tr td {
	margin: 0;
	padding: 5px 10px;
}

#contentText table tr td.year {
	font-weight: bold;
}

/***************************start of the cathay gallery****************************************/

#galleryContentLeft {
	margin: 0;
	padding: 0 30px 0 0;
	width: 540px;
	float: left;
}

#galleryContentRight {
	margin: 0;
	padding: 0;
	width: 390px;
	float: right;
}

#galleryImages {
	margin: 0;
	padding: 0;
	width: 390px;
	height: 450px;
	float: right;
}

#galleryLocation {
	clear: both;
	margin: 0;
	padding: 0;
	width: 390px;
	float: right;
}

#latesteventatthegallery {
	margin: 0;
	padding: 10px 0 0 0;
	width: 529px;
	height: 222px;
	float: left;
	background-image: url(../images/sub_images/lastestevent_gallery_bg_header.png);
	background-repeat: no-repeat;
	behavior: url("/css/iepngfix.htc");
}

#latesteventatthegalleryheader {
	margin: 0;
	padding: 0;
	width: 443px;
	height: 31px;
	float: left;
}

#latesteventatthegallerycontent {
	margin: 49px 0 0 0;
	padding: 0 20px 0 20px;
	width: 489px;
	height: 186px;
	float: left;
}

#latesteventimg {
	margin: 0;
	padding: 5px 20px 0 0;
	width: 120px;
	height: 120px;
	float: left;
}

#latesteventcontent {
	margin: 0;
	padding: 0;
	width: 349px;
	float: left;
	font-size: 11px;
}

/*************************** end of the cathay gallery****************************************/

/***************************start of contact us***********************************************/

#contact {
	margin: 0;
	padding: 0;
	width: 960px;
	float: left;
}

#contactGenEnquiry {
	margin: 0;
	padding: 0 10px 0 0;
	width: 510px;
	float: left;
}

#contactGenEnquiry table {
	width: 510px;
}

#contactGenEnquiry table tr td {
	margin: 0;
	padding: 5px 10px;
}

#contactGenEnquiry table tr td.year {
	font-weight: bold;
}

#contactImg {
	margin: 0;
	padding: 0;
	width: 430px;
	float: right;
}

#feedback {
	margin: 10px 0;
	padding: 10px 10px 10px 0;
	width: 510px;
	float: left;
	border-bottom: 1px solid #3d3938;
	border-top: 1px solid #3d3938;
}

#feedback a {
	color: #ec008c;
	text-decoration: none;
}

#feedback a:hover {
	color: #ec008c;
	text-decoration: underline;
}

#quickContacts {
	margin: 0;
	padding: 0;
	width: 960px;
	float: left;
}

#quickContactsLeft {
	margin: 0;
	padding: 0;
	width: 540px;
	float: left;
}

#quickContactsAds {
	margin: 0;
	padding: 0 10px 0 0;
	width: 253px;
	float: left;
}

#quickContactsResidences {
	margin: 0;
	padding: 0 0 0 20px;
	width: 245px;
	float: left;
	border-left: 2px solid #3d3938;
}

#quickContactsLeasing {
	clear: both;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	width: 540px;
	float: left;
	border-top: 1px solid #3d3938;
}

#quickContactsRight {
	margin: 0;
	padding: 0;
	width: 420px;
	float: left;
}

#quickContactsRentalRates {
	margin: 0;
	padding: 0 0 0 29px;
	width: 391px;
	float: right;
}

/*************************** end of contact us********************************************/

/***************************start of store directory***************************************/

#storedirNav {
	margin: 0;
	padding: 0 40px 0 0;
	width: 190px;
	height: 300px;
	float: left;
}

#storedirNavTop {
	margin: 0;
	padding: 0;
	width: 190px;
	height: 37px;
	float: left;
}

#storedirNavTop ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#storedirNavTop ul li {
	margin: 0;
	padding:0;
	float: left;
}

#storedirNavTop ul li.mid {
	margin: 0;
	padding: 0;
	width: 1px;
	height: 37px;
	float: left;
	background-image: url(../images/sub_images/storedirNav/border_img.gif);
	background-repeat: no-repeat;
}

#storedirNavMain ul {
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
}

#storedirNavMain ul li.child {
	margin: 0;
	padding: 15px 0 10px 0;
	height: 15px;
	font-size: 13px;
	font-weight: bold;
	width: 190px;
	border-bottom: 2px solid #68264a;
}

#storedirNavMain ul li.last {
	margin: 0;
	padding: 15px 0 10px 0;
	height: 15px;
	font-size: 13px;
	font-weight: bold;
	border-bottom: 4px solid #8b1d5c;
}

#storedirNavMain a {
	color: #82cfcf;
	text-decoration: none;
}

#storedirNavMain a:hover {
	color: #fff;
	text-decoration: none;
}

#storedirNavMain a.active {
	color: #fff;
	text-decoration: none;
}

#storedirContent {
	margin: 0;
	padding: 0;
	width: 730px;
	float: left;
}

#storedirContent a {
	color: #ec008c;
	font-size: 10px;
}

#storedirheader {
	margin: 0;
	padding: 0;
	width: 960px;
	height: 36px;
	float: left;
	background-image: url(../images/headers/storedirectory_header.png);
	background-repeat: no-repeat;
	behavior: url("/cathay/css/iepngfix.htc");
}

#storedirsearchcontainer {
	margin: 0;
	padding: 0;
	width: 495px;
	height: 23px;
	float: right;
	font-weight: bold;
}

/*#storedirContent table {
	margin: 0;
	padding: 0;
	width: 730px;
	float: left;
}

#storedirContent table tr.stores {
	margin: 0;
	padding: 10px 0;
	float: left;
}

#storedirContent table tr.stores td {
	margin: 0;
	padding: 10px 0;
	width: 126px;
	float: left;
/*	border-top: 2px solid #3d3938;*/
/*}

#storedirContent table tr.stores td a {
	color: #ec008c;
	font-size: 10px;
}

#storedirContent table tr.header {
	margin: 0;
	padding: 0;
	float: left;
	font-size: 10px;
	color: #939598;
	font-weight: normal;
	vertical-align: top;
}*/

/***************************end of store directory*****************************************/


/**************************start of the cathay gallery*************************************/
/*--Main Image Preview--*/
.main_image {
	float: left;
	background: #cccccc;
	position: relative;
	overflow: hidden;
	color: #82cfcf;
	text-align:left;
}
.main_image h2 {
	font-size: 11px;
	font-weight: bold;
	margin: 0;	
	padding: 0;
}
.main_image p {
	font-size: 10px;
	padding: 0;	
	margin: 0;
	line-height: 15px;
}
.block { 
	background: no-repeat 0 center; 
	font-size: 10px;
}
.main_image .desc{
	position: absolute;
	bottom: 0;	left: 0;
	display: none;
}
.main_image .block{
	background: #fff;
	border-top: 1px solid #B6B6B6;
}
.main_image a.collapse {
	background: url(../images/hide_show_btn.gif) no-repeat left top;
	height: 15px; width: 70px;
	text-indent: -99999px;
	position: absolute; 
	top: 0;/*-14*/ 
	right: 0;/*10*/ 
}
.main_image a.show {background-position: left bottom;} 

.image_list {
	float: left;
	width: 390px;
	text-align:left;
}
.image_list ul {
	margin: 0; padding: 0;
	list-style: none;
}
.image_list ul li{
	color: #82cfcf;
	margin: 0; 
	padding: 12px 10px;
	float: left;
	background-color: #1a1a35;
}
.image_list ul li.hover {
	cursor: pointer;
	background-color: #8b1d5c;
	text-decoration: none;
}
.image_list ul li.active {
	background:#8b1d5c; 
	cursor: default;
}
.image_list ul li a{
	color: #82cfcf;
	font-weight: bold;
	text-decoration: none;
}
.image_list ul li a:hover{
	color: #fff;
}
html .image_list ul li h2 {
	font-size: 10px; 
	margin: 0; 
	padding: 0;
}
.image_list ul li .block {
	float: left; 
	padding: 0;
	display:none;
}	
.image_list ul li p{display: none;}
/**************************end of the cathay gallery*************************************/
/**************************start of lightbox effect**************************************/
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
 
.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 16px solid orange;
	background-color: white;
	z-index:1002;
	overflow: auto;
}
/**************************end of lightbox effect****************************************/
/**************************start of popup style****************************************/

#popupcontainer {
	margin: 0 auto;
	padding: 0;
	width: 720px;
}

/**************************end of popup style****************************************/
/**************************start of promo style****************************************/

#promos {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	width: 960px;
	float: left;
}

#promoquicklinks {
	margin: 0;
	padding: 0;
	width: 240px;
	float: left;
}

#promoquicklinks ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#promoquicklinks ul li {
	margin: 0;
	padding: 0 15px 10px 5px;
	font-weight: bold;
}

#promoquicklinks ul li a {
	color: #ffc641;
	text-decoration: none;
}

#promoquicklinks ul li a:hover {
	color: #fff;
	text-decoration: underline;
}

#promoquicklinks ul li a.active {
	color: #fff;
	text-decoration: none;
}

#promodetailscol {
	margin: 0;
	padding: 0;
	width: 720px;
	float: left;
}

#promodetailscol a {
	color: #ffc641;
	font-size: 10px;
	text-decoration: none;
}

#promodetailscol a:hover {
	color: #fff;
	text-decoration: underline;
}

/*#eventschild {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	width: 960px;
	float: left;
	/*border-bottom: 1px dashed #3c1e37;*/
/*	min-height: 350px;
	height:auto !important;
	height: 350px;
}*/

#eventLeftSect {
	float:left;
	width:240px;
}

#eventRightSect {
	float:left;
	width:720px;
}

#promoDetails {
	margin: 0;
	padding: 20px 20px 0 0;
	width: 250px;
	float: left;
	font-size: 10px;
	line-height: 1.5em;
}

#promoDetails ul { 
	margin: 0px 15px 10px 15px; 
	padding: 0px; 
	font-weight: normal;
}

#promoDetails ul li { 
	padding: 0; 
	text-decoration: none; 
	font-weight: bold; 
	vertical-align: top;  
	list-style-type: square; 
}

#promoDetails ul li a { 
	color: #ffc641; 
	text-decoration: none;
}

#promoDetails ul li a:hover { 
	color: #ffc641; 
	text-decoration: underline; 
}

#promoDetails a.active { 
	color: #fff;	
	text-decoration: none;
}

#eventLeftSect ul { 
	padding: 0px; 
	margin: 0px; 
	font-weight: normal; 
	list-style: none;
}

#eventLeftSect ul li { 
	padding: 0px 15px 10px 5px; 
	text-decoration: none; 
	font-weight: bold; 
	vertical-align: top; 
}

#eventLeftSect ul li a { 
	color: #ffc641; 
	text-decoration: none;
}

#eventLeftSect ul li a:hover { 
	color: #ffc641; 
	text-decoration: underline;
}

#eventLeftSect a.active { 
	color: #fff;	
	text-decoration: none;
}

/**************************end of popup style****************************************/

#footer {
	clear: both;
	margin: 0;
	padding: 15px 0 0 0;
	width: 960px;
	height: 120px;
	float: left;
	font-size: 10px;
	color: #58595b;
	border-top: 2px solid #471e3c;
}