@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 {
	font-size: 12px;
	color: #fff;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #fff;
	text-decoration: underline;
}

a.active {
	color: #c580ac;
}

.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 10px 10px 0;
	float: left;
}

.imgRight {
	margin: 0;
	padding: 0 0 10px 10px;
	float: right;
}

.pngFix {
	behavior: url("/css/iepngfix.htc");
}

.colArea {
	margin: 0;
	padding: 0;
	width: 230px;
	height: 148px;
	float: left;
}

.colTxt {
	margin: 0;
	padding: 15px 0 0 0;
	width: 215px;
	height: 113px;
	float: left;
}

.colTxt2 {
	margin: 0;
	padding: 15px 10px 0 0;
	width: 220px;
	height: 113px;
	float: left;
}

.viewmore {
	clear: both;
	margin: 0;
	padding: 0;
	height: 30px;
}

/*******************************************************************/

#bodyBG {
	margin: 0;
	padding: 0;
	width: 100%;
/*	height: 800px;*/
	float: left;
	background-image: url(../images/main_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: 15px 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;
}

#masthead {
	margin: 0;
	padding: 0;
	width: 960px;
	height: 345px;
	float: left;
	background-color: #8b1d5c;
}

#bottomContainer {
	margin: 0;
	padding: 4px 0 0 0;
	width: 960px;
	height: 330px;
	float: left;
	background-image: url(../images/main_images/bottomContainer_bg.gif);
	background-repeat: repeat-x;
}

#eventsCol {
	margin: 0;
	padding: 17px 0 0 0;
	width: 250px;
	height: 188px;
	float: left;
}

#eventsCol h3 {
	color: #e0df4a;
	font-size: 12px;
	font-weight: bold;
}

#promosCol {
	margin: 0;
	padding: 17px 0 0 0;
	/*width: 250px;*/
	width: 460px;
	height: 188px;
	float: left;
}

#promosCol h3 {
	color: #ffc640;
	font-size: 12px;
	font-weight: bold;
}

#movieCol {
	margin: 0;
	padding: 17px 0 0 0;
	/*width: 460px;*/
	width: 250px;
	height: 188px;
	float: left;
}

#movieCol h3 {
	color: #9cdcf9;
	font-size: 12px;
	font-weight: bold;
}

/**************************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: 400px;
	height: 50%;
	padding: 16px;
	border: 16px solid #fff;
	background-color: #0d0e1e;
	z-index:1002;
	overflow: auto;
}
.mailinglistheader {
	margin: 0;
	padding: 0;
	background-image: url(../images/headers/mailinglist_header.png);
	background-repeat: no-repeat;
	float: left;
	behavior: url("/css/iepngfix.htc");
}
/**************************end of lightbox effect****************************************/

#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;
}