/* ---------------------------------------------------------------*/
/* --------------------->  GLOBAL  <<<-------------------------*/
/* ---------------------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, dl, address {margin:0; padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333;}

body {background:url(/FEOCorp.Upload/CMS/WorldExpo2010/bg.gif) top center repeat-y #f0ede8; margin:10px 0 10px 0;}

p {line-height:18px; margin-bottom:18px;}
table{font-size:12px; margin-bottom:18px}

img {border:0;}

/* Clearfix */
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* ---------------------------------------------------------------*/
/* ----------------------->  CONTENT  <<<-------------------------*/
/* ---------------------------------------------------------------*/
#mainWrapper {width:999px; margin:0 auto; min-height:650px; background-color:#fff;}
#header {margin:0; position:relative;}
#contentWrapper {background-color:#F9F9F9; width:999px; min-height:435px; position:relative;}
#leftCol {width:285px; margin:0; float:left;}
  #section {float:left;}
  #mainImage {float:left;}
#rightCol {width:714px; margin:0; float:left; min-height:574px;}
	#rightCol .triangleBg {background: url(/FEOCorp.Upload/CMS/WorldExpo2010/triangleBg.png) no-repeat; padding-top: 86px}
  #subNavTop {float:left}
  #subNav {width:714px; padding-left:33px; float:left}
  #subNav ul {display:inline; margin:0; padding:0; list-style:none;}
  #subNav ul li {float:left; margin-right:3px;}
  #subNav ul li a {display:block; background-position:0 0; background-repeat:no-repeat; height:35px;}
  #subNav ul li a:hover {background-position: 0 -35px; border-bottom:none;}
  #subNav ul li a.active, .navHolder a.active:hover {background-position:0 -35px;}
  #subNav ul li a span {display:none;}
  .exhiNav-exhibition a {background-image:url(/FEOCorp.Upload/CMS/WorldExpo2010/exhi_nav_intro.gif); width:105px;}
  .exhiNav-residential a {background-image:url(/FEOCorp.Upload/CMS/WorldExpo2010/exhi_nav_residential.gif); width:105px;}
  .exhiNav-retail a {background-image:url(/FEOCorp.Upload/CMS/WorldExpo2010/exhi_nav_retail.gif); width:105px;}
  .exhiNav-hospitality a {background-image:url(/FEOCorp.Upload/CMS/WorldExpo2010/exhi_nav_hospitality.gif); width:105px;}
  .exhiNav-beginnings a {background-image:url(/FEOCorp.Upload/CMS/WorldExpo2010/exhi_nav_beginnings.gif); width:105px;}
  .exhiNav-yeos a {background-image:url(/FEOCorp.Upload/CMS/WorldExpo2010/exhi_nav_yeos.gif); width:105px;}
  #content {margin:0 50px 0 33px; padding-top:25px; background:transparent; width:630px;}
#rightCol .triangleBg #content {padding-top:0}
  #content h1 {font-size:14px; font-weight:bold; margin-bottom:10px;}
  #content p {font-size:12px; line-height:15px;}
	#content a {text-decoration:underline; font-size:12px; font-weight:bold; color:#333}
	#content a:hover {text-decoration:none; border-bottom:dotted 1px #333;}
#content.absolute {position:absolute; margin-left: 400px; margin-top:25px; padding:0; width:500px; color:#f0ede8}

#tips, #tips li{
margin:0;
padding:0;
list-style:none;
}
#tips{
width:450px;
font-size:14px; font-weight:bold;
line-height:120%
}
#tips li{
padding:20px;
background:none;
display:none;
}


/* NAVIGATION
------------------------------------------------------------------*/ 
#mainNav {overflow:visible; width:999px; margin:0; background-color:#dad4a4; float:left;}
  #mainNav ul {float:left; list-style-type:none; margin:0 35px 0 15px; padding:0}
  #mainNav ul li {display:inline; float:left; margin:18px 7px 0 0; color:#c4184a;}
  #mainNav ul li.span {display:inline; float:left; margin:18px 7px 0 0; color:#948e5e;}
  #mainNav ul li a {color:#c4184a; text-decoration:none; font-weight:normal}
  #mainNav ul li a:hover {color:#000; border-bottom:none;}
  #mainNav ul li a.active, a.active:hover {color:#000; border-bottom:none;}
  /*#mainNav ul li img {margin-left:45px; overflow:visible}*/
#mainNav .mainNavLogo img {margin:5px 0}
  
/* FOOTER
------------------------------------------------------------------*/ 
#footer {width:999px; margin:0;}
  #footer ul {list-style-type:none; margin-left:12px;}
  #footer ul li {display:inline; float:left; margin:5px 0 0 5px; font-size:13px;}
  
/* ---------------------------------------------------------------*/
/* -------------------->  PHOTO GALLERY <<<-----------------------*/
/* ---------------------------------------------------------------*/	
#contentWrapperGallery {width:999px; min-height:535px; position:relative; background:url(/FEOCorp.Upload/CMS/WorldExpo2010/gallery_pattern_bg.gif) repeat;}
#gallery {margin-left:200px; position:relative;}
#gallery h1 {font-size:20px; font-weight:normal; padding:10px 0 10px 0;}
.scrollable a.browse {display:block; width:30px; height:30px; float:left; margin:9px 6px; cursor:pointer; font-size:1px;}
.scrollable a.right {background-position: 0 -30px; clear:right; margin-right: 0px;}
.scrollable a.right:hover {background-position:-30px -30px;}
.scrollable a.right:active {background-position:-60px -30px;} 
.scrollable a.left {margin-left: 0px;} 
.scrollable a.left:hover {background-position:-30px 0;}
.scrollable a.left:active {background-position:-60px 0;}
.scrollable a.disabled {visibility:hidden !important;}
.scrollable {margin-bottom:20px; position:relative; overflow:hidden; width:620px; float:left}
.scrollable .items {background:transparent; width:20000em; position:relative}
.scrollable img {border:2px solid #fff; margin: 0 3px 0 0; float:left; cursor:pointer; height:40px; opacity:0.4; filter:alpha(opacity=70);}
.scrollable .active {border:2px solid #fff; z-index:9999; position:relative; opacity:1; filter:alpha(opacity=100);}
#caption {width:620px; margin:10px 0 10px 0}
#image_wrap {width:620px;}
#image_wrap img { height: expression(this.height > 400 ? 400 : true); max-height: 400px }