﻿* { margin: 0; } 

img{border:none; }

a{outline:none;}
 
html, body { 
    height: 100%; 
	margin: 0;
	text-align: center;
	background: url('../images/bg_gradient.jpg') top left repeat-x #FFF;
	background-color: #FFF;

  } 

html>body #window {
    height: auto; /*this undoes the IE hack, hiding it
                    from IE using the child selector*/
}

#window {
	position:relative; /* needed for footer positioning*/
	margin: 0 auto -99px; /* the bottom margin is the negative value of the footer's height */
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}


/* Main Menu */

#CnMainMenu {float:left; display:block;	width:1238px;	height:34px;	padding:10px 0 7px 0; position:relative;  z-index:9000 !important}

ul#nav{ list-style:none; display:block; z-index:1000 !important; float:right; padding:0; width:auto; text-align:left; margin:0; /*border:1px solid #000;*/height:34px;}

ul#nav li{ margin:0 0 0 12px;  border:0;  padding:0px;  float:left; /*For Gecko*/  display:block;  list-style:none;  position:relative;  width:auto;  height:34px;}

ul#nav a{ padding:0px 19px; float: none !important; /*For Opera*/  float: left; /*For IE*/  color:#FFF; display: block; outline: none; overflow: hidden; position: relative; font:normal 20px/34px Century Gothic, Arial, Helvetica, sans-serif; text-decoration:none; font-variant:small-caps; width:auto; text-align:center; margin:0; /*border:1px solid #000;*/}

ul#nav li.cl1 a{background:#8881C6;}
ul#nav li.cl2 a{background:#C72008;}
ul#nav li.cl3 a{background:#AF6D11;}
ul#nav li.cl4 a{background:#EC801C;}

ul#nav ul{  margin:0;  width:736px;  list-style: none;  display: none;  position: absolute;  top:34px;  left:-1px !important;  float:left; height:auto; z-index:1000 !important; min-height:169px; padding:0; /*border:1px solid #000;*/}

ul#nav ul .ArrBoxShopping{ width:735px; padding:0; margin:0px; height:7px;	display:block;	background:url("../images/arrwDrpShop.gif") top left no-repeat;	float:left;}
ul#nav ul .ArrBoxRestaurants{ width:735px; padding:0; margin:0px; height:7px;	display:block;	background:url("../images/arrwDrpResto.gif") top left no-repeat;	float:left;}
ul#nav ul .ArrBoxArts{ width:735px; padding:0; margin:0px; height:7px;	display:block;	background:url("../images/arrwDrpArts.gif") top left no-repeat;	float:left;}
ul#nav ul .ArrBoxHotels{ width:735px; padding:0; margin:0px; height:7px;	display:block;	background:url("../images/arrwDrpHotels.gif") top left no-repeat;	float:left;}

ul#nav ul .BoxShopping{width:736px;  float:left;  padding:0px; height:162px; background:#8881C6; filter:alpha(opacity=90); opacity: 0.9;}
ul#nav ul .BoxShopping li a{border-bottom:1px solid #9E99CC; background:none;/* ie6 */}

ul#nav ul .BoxRestaurants{width:736px;  float:left;  padding:0px; height:162px; background:#C72008; filter:alpha(opacity=90); opacity: 0.9;}
ul#nav ul .BoxRestaurants li a{border-bottom:1px solid #CE4631; background:none;/* ie6 */}

ul#nav ul .BoxArts{width:736px;  float:left;  padding:0px; height:162px; background:#AF6D11; filter:alpha(opacity=90); opacity: 0.9;}
ul#nav ul .BoxArts li a{border-bottom:1px solid #BD8234; background:none;/* ie6 */}

ul#nav ul .BoxHotels{width:736px;  float:left;  padding:0px; height:162px; background:#EC801C; filter:alpha(opacity=90); opacity: 0.9;}
ul#nav ul .BoxHotels li a{border-right:1px solid #EC994C; background:none;/* ie6 */}
ul#nav ul .BoxHotels li a.noBr{border:none;}

ul#nav ul .pl{ float:left; width:237px;  padding:20px 0 0 0;  min-height:125px !important;}
ul#nav ul .pl2{ float:left; width:367px;  padding:20px 0 0 0; height:125px !important;}
ul#nav ul .pl3{ float:left; width:358px;/*367*/  padding:0; height:125px !important; margin:0;}
ul#nav ul .pl3 div{ float:left; width:358px;/*367*/ padding:0; height:auto !important;  margin:0;}

ul#nav ul .pl3 .titHotel {	padding-top:3px; font:bold 16px Century Gothic, Arial, Helvetica, sans-serif;}
ul#nav ul .pl3 .subtitHotel{height:23px; padding-top:3px; font:normal 14px Century Gothic, Arial, Helvetica, sans-serif; }
ul#nav ul .pl3.logoHotel {	height:80px; margin:auto 0;	padding-top:10px;}

/* Root Menu Hover Persistence */
ul#nav a:hover,
ul#nav li:hover a,
ul#nav li.iehover a {  
	color:#333 !important;
}

/* 2nd Menu */
ul#nav li:hover li a,
ul#nav li.iehover li a {
	text-align:left;
	float: none;
	width:217px;
	margin:0px; /* Where Drop Down Menu Starts */
	font:bold 14px/24px Century Gothic, Arial, Helvetica, sans-serif;
	color:#fff !important;
	padding:0;
	display:block;
	height:1%;
}

ul#nav ul li{ background:none; padding:0; height:auto; color:#FFF !important;}

ul#nav ul.al1{  margin:0;  width:736px;   display: none;  position: absolute;  top:34px;  left:-153px !important; float:left; z-index:1000 !important;}
ul#nav ul.al2{  margin:0;  width:736px;   display: none;  position: absolute;  top:34px;  left:-274px !important; float:left; z-index:1000 !important;}
ul#nav ul.al3{  margin:0;  width:736px;  display: none;  position: absolute;  top:34px;  left:-629px !important; float:left; z-index:1000 !important;}


/* 2nd Menu Hover Persistence */
ul#nav li:hover li a:hover,
ul#nav li:hover li:hover a,
ul#nav li.iehover li a:hover,
ul#nav li.iehover li.iehover a{  
	font:bold 14px/24px  Century Gothic, Arial, Helvetica, sans-serif;
	color:#333 !important;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#nav li:hover ul ul,
ul#nav li:hover ul ul ul,
ul#nav li.iehover ul ul,
ul#nav li.iehover ul ul ul{
  display: none;
}

ul#nav li:hover ul,
ul#nav ul li:hover ul,
ul#nav ul ul li:hover ul,
ul#nav li.iehover ul,
ul#nav ul li.iehover ul,
ul#nav ul ul li.iehover ul{
  display: block;
}

ul#nav ul .pl2 li a, ul#nav ul .pl2 li a:hover{margin:0 !important; padding:0 !important; width:358px; text-align:center;}
ul#nav ul .pl2 li a:hover {color:#666 !important;}

ul#nav a.current{clear:both; display:block;	color:#333 !important; }

