@charset "utf-8";
html, body {
	background-image: url(../images/bg/homebg.png);
	/*background-attachment:fixed;*/
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#FFF;
	margin: 0px;
	padding: 0px;
	min-height:900px;
	font-family:"Century Gothic","Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#888;
}
H1{
	display:block;
	font-size:24px;
	color:#31659e;
	position:relative;
}
h2{
	font-size:16px;
	/*color:#616161;*/
	color:#8EAECC;font-weight:bold;

}
h3{
	font-size:16px;

}
p{
	font-size: 13px;
	margin:5px 0 10px 0;
}
#wrapper{
	float:left;
}
#header{
	float:left;
	/*position:fixed;*/
	left:0;
	top:0;
	clear:none;
	width:212px;
}
#logo{
	float:left;
	margin:0 0 30px 0;
}
#nav{
	float:left;
	left:0;
	top:0;
}
#navcontainer h3 a:link,#navcontainer h3 a:hover{
	outline:none;
	font-weight:400;
}
#nav #navcontainer
{
margin:0;
padding: 1em 0;
font-family: "Century Gothic", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 18px;
text-align: center;
min-height:350px;


}

#nav ul#navlist
{
float:left;
text-align: right;
list-style: none;
padding: 0;
margin: 0;
width: 212px;

}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
font-size:18px;
display: block;
width: 100%;
padding: 5px 20px 5px 0 ;
color: #888;
text-decoration: none;
outline:none;
}

ul#navlist li a .current {color: #369; font-weight:bold;}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{

color: #369;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #369;
background: transparent;

}

#navFoot{
	position:relative;
	float:left;
	margin:0 0 0 13px;
	width:200px;
	color:#8eaecc;
	text-align:right;
	padding:0;
	font-size:14px;
	
	
}
#navFoot p{
	padding:0 20px 0 0;
}
#navFoot a:link, #navFoot a:hover, #navFoot a:active, #navFoot a:visited  {
	color:#8eaecc;
	text-decoration:none;
}
	
	
 #contentWrapper{
	 position:absolute;
	left:212px;
    width:991px;
}

/*    Footer CSS    */
#navfooter-container {display:block; /*position:fixed; bottom:0; left: 22px; height:230px;*/ overflow:visible;}
#footericons-container {display:block; border:none; text-decoration:none; margin-top:-30px; margin-right:20px; }
#footericons-container a, #footericons-container a:link, #footericons-container a:visited {filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
#footericons-container a:hover, #footericons-container a:active {filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0;}
.stayconnected {display:block; background:transparent; margin: 0 -20px -10px 0; padding:0; color:#8EAECC; font-style:italic; font-size:12px; z-index:10; height:20px;}
#demotip { 
    display:none; 
    background:transparent url(../images/assets/tooltip_sm.png); 
    font-size:12px; 
	text-align:center;
    height:16px; 
    width:103px; 
    padding:9px 0 35px 0; 
    color:#fff;
	font-weight:bold;
}

/*   Interactive Map CSS   */

#interactivemap-container {display:block; position:relative; background: transparent url(../images/interactivemap-bg.png) top center no-repeat; height:238px; width:489px; margin: 20px 0 0 0; overflow:visible; z-index:1000;}
a:link #star-mouseover, a:visited #star-mouseover {display:block; height:12px; width:12px; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
a:hover #star-mouseover, a:active #star-mouseover {display:block; height:15px; width:15px; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0;}
.star-baskingridge {position:absolute;top:87px; left:125px;}
.star-scotland {position:absolute;top:64px; left:216px;}
.star-pudongshanghai {position:absolute;top:70px; right:69px;}
.star-singapore {position:absolute;top:136px; right:118px;}
/* trigger button */ 
#star-sandiego-trigger { 
	position:absolute; display:block; top:101px; left:73px; height:15px; overflow:hidden; width:15px; cursor:pointer; }
#star-baskingridge-trigger {position:absolute; display:block; top:87px; left:125px; height:15px; overflow:hidden; width:15px; cursor:pointer;}
#star-scotland-trigger {position:absolute; display:block; top:64px; left:216px; height:15px; overflow:hidden; width:15px; cursor:pointer;}
#star-pudongshanghai-trigger {display:block; position:absolute; top:105px; right:97px; height:15px; width:15px; cursor:pointer;}
#star-singapore-trigger {position:absolute; display:block; top:136px; right:118px; height:15px; overflow:hidden; width:15px; cursor:pointer;}
/* mouseover state */ 
#star-sandiego-trigger:hover, #star-baskingridge-trigger:hover, #star-scotland-trigger:hover, #star-pudongshanghai-trigger:hover, #star-singapore-trigger:hover { 
    background-position:0 -44px;         
} 
/* clicked state */ 
#star-sandiego-trigger:focus, #star-baskingridge-trigger:focus, #star-scotland-trigger:focus, #star-pudongshanghai-trigger:focus, #star-singapore-trigger:focus { 
    background-position:0 -88px; 
} 
/* tooltip styling */ 
.tooltip { display:none; position:relative; margin:-536px 0 0 -345px; /*background:url(http://static.flowplayer.org/tools/img/tooltip/black_arrow_big.png); height:133px; padding:40px 30px 10px 30px; width:125px; */font-size:11px; color:#000; z-index:10;} 
/* a .label element inside tooltip */ 
.tooltip .label { color:yellow; width:35px; } 
.tooltip a { color:#ad4; font-size:11px; font-weight:bold; }

/*  Index Legals CSS  */
#legals-container {width:700px;padding:20px 0 0 22px;text-align:left;}

/*  SiteMap CSS  */
#sitemap-container {width:680px;padding:30px 0 0 60px;text-align:left;}
#sitemap-container a:link, #sitemap-container a:active, #sitemap-container a:visited {margin:0; padding:0; color:#888; text-decoration:none;}
#sitemap-container a:hover {color:#369;}
#sitemap-container a:hover h2 {color:#369;}