html { 
  height: 100%; 
  background-color: #161616;
}

body {
  font-family: Tahoma, Verdana, Arial;
  background: #fff url(../img/bg_top.gif) top repeat-x;
}

#super-wrapper {
  height: 100%;
}

#wrapper {
    width: 950px;
    margin: 0 auto;
}

#header {
}

#header-container {
  z-index: 100;
  height: 190px !important;
  color: #666;
  background: transparent url(../img/ajax_loader.gif) 50% 50% no-repeat;
}

#content-container {
  background-color: white;
}

#footer {
}

#promo {
  height: 190px;
  z-index: 100;
}


/********************
COLUMNS
**********************/

.text-container {
  padding: 2em 3em;
}

#copyright {
  color: #666;
  padding-left: 1.33em;
}

/* ------- COMMON --------- */

.center {
  margin: 0 auto;
}

.opacity50 {
  filter:alpha(opacity=50);   
  -moz-opacity: .5;   
  opacity: .5;
}

.opacity100 {
  filter:alpha(opacity=100);   
  -moz-opacity: 1;   
  opacity: 1;
}

a.external {
  padding-right: 12px;
  background: transparent url(../img/external.gif) no-repeat right;
}

/* BUTTONS, HTML: <button value="submit" class="submitBtn"><span>Submit</span></button> */		

button, a.button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

a.button::-moz-focus-inner, button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

a.button span, button span { 
	position: relative;
	right: -2px;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	a.button span, button span {
    right: -3px;
		margin-top: -1px;
	}
}

/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.submitBtn { 
	padding: 0 15px 0 0; 
	margin-right:5px; 
	font-size:2em; 
	text-align: center; 
	background: transparent url(../img/btn_sprite.png) no-repeat right -140px; 
}
	
button.submitBtn span {
	padding: 13px 0 0 15px; 
	height:37px; 
	background: transparent url(../img/btn_sprite.png) no-repeat left top; 
	color:#fff; 
}
	
button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -210px; 
}
	
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -70px;
}

button.submitBtn:active { 
  bottom: -1px;
}

/**************************
RAD3
*************************/

a#rad3 {
  background: transparent url(../img/logo_rad3.png) no-repeat top right;
  width: 93px;
  height: 0;
  float: right;
  display: block;
  color: #666;
  text-decoration: none;
  white-space: nowrap;
	padding: 21px 0 0 0;
	overflow: hidden;
	margin-top: 5px;
	margin-right: 2em;
  filter:alpha(opacity=50);   
  -moz-opacity: .5;   
  opacity: .5;
}

/**************************
SHARE
*************************/

a#sharethis {
  background: transparent url(../img/btn_share.png) no-repeat;
  width: 107px;
  height: 0;
  display: inline-block;
  color: #666;
  text-decoration: none;
  white-space: nowrap;
	padding: 21px 0 0 0;
	overflow: hidden;
	float: right;
  margin-top: 4px;	
}

/**************************
SHARE
*************************/

#tooltip-window { 
    display: none;
    background: transparent url(../img/tooltip.png) no-repeat; 
    font-size: 1em; 
    height: 100px; 
    width: 100px;
    padding: 25px; 
}


/**************************
MENU
*************************/

#nav {
  z-index: 200;
}

#nav ul#nav_14623{
  display: none;
  z-index: 200;
}
  
.spritesnav {
    list-style-type: none;
    width: 920px;
    height: 30px;
    /*background: transparent url(../img/menu.png) left top no-repeat;*/
    position: absolute;
    margin-left: 20px;
    padding: 0;
}

  .spritesnav li {
    display: inline;
  }
  
    .spritesnav li a:link, .spritesnav li a:visited, .spritesnav li div {
      position: absolute;
      top: 0;
      height: 30px;
      text-indent: -9000px;
      z-index: 300;
    }

    .spritesnav li div {
      z-index: 250;
    }

    .mega div.click {
      display: none;
    }
    
    .spritesnav a, .spritesnav div {
      background: transparent url(../img/menu.png) left top no-repeat;
    }
   
    #snhome a:link, #snhome a:visited , #snhome div{
      left: 0px;
      width: 94px;
      background-position: 0px 0px;
    }
    #snhome a:hover, #snhome a:focus, #snhome div{ background-position: 0px -30px; }
    #snhome a:active, #snhome div.click { background-position: 0px -60px; }
    #snhome.selected a:link, #snhome.selected a:visited { background-position: 0px -90px; }
    #snhome.selected a { cursor: default !important; }

    #sncompany a:link, #sncompany a:visited , #sncompany div{
      left: 94px;
      width: 116px;
      background-position: -94px 0px;
    }
    #sncompany a:hover, #sncompany a:focus, #sncompany div{ background-position: -94px -30px; }
    #sncompany a:active, #sncompany div.click   { background-position: -94px -60px; }
    #sncompany.selected a:link, #sncompany.selected a:visited { background-position: -94px -90px; }
    #sncompany.selected a { cursor: default !important; }

    #sngoldproperties a:link, #sngoldproperties a:visited , #sngoldproperties div{
      left: 210px;
      width: 148px;
      background-position: -210px 0px;
    }
    #sngoldproperties a:hover, #sngoldproperties a:focus, #sngoldproperties div{ background-position: -210px -30px; }
    #sngoldproperties a:active, #sngoldproperties div.click { background-position: -210px -60px; }
    #sngoldproperties.selected a:link, #sngoldproperties.selected a:visited { background-position: -210px -90px;	}
    #sngoldproperties.selected a { cursor: default !important; }

    #sninvestors a:link, #sninvestors a:visited , #sninvestors div{
      left: 358px;
      width: 102px;
      background-position: -358px 0px;
    }
    #sninvestors a:hover, #sninvestors a:focus, #sninvestors div{ background-position: -358px -30px; }
    #sninvestors a:active, #sninvestors div.click { background-position: -358px -60px; }
    #sninvestors.selected a:link, #sninvestors.selected a:visited { background-position: -358px -90px;	}
    #sninvestors.selected a { cursor: default !important; }

    #snnewsandmedia a:link, #snnewsandmedia a:visited , #snnewsandmedia div{
      left: 460px;
      width: 160px;
      background-position: -460px 0px;
    }
    #snnewsandmedia a:hover, #snnewsandmedia a:focus, #snnewsandmedia div{ background-position: -460px -30px; }
    #snnewsandmedia a:active, #snnewsandmedia div.click { background-position: -460px -60px; }
    #snnewsandmedia.selected a:link, #snnewsandmedia.selected a:visited { background-position: -460px -90px;	}
    #snnewsandmedia.selected a { cursor: default !important; }

    #sncontact a:link, #sncontact a:visited , #sncontact div{
      left: 620px;
      width: 96px;
      background-position: -620px 0px;
    }
    #sncontact a:hover, #sncontact a:focus, #sncontact div{ background-position: -620px -30px; }
    #sncontact a:active, #sncontact div.click { background-position: -620px -60px; }
    #sncontact.selected a:link, #sncontact.selected a:visited { background-position: -620px -90px;	}
    #sncontact.selected a { cursor: default !important; }

    #sncareers a:link, #sncareers a:visited , #sncareers div{
      left: 716px;
      width: 100px;
      background-position: -716px 0px;
    }
    #sncareers a:hover, #sncareers a:focus, #sncareers div{ background-position: -716px -30px; }
    #sncareers a:active, #sncareers div.click { background-position: -716px -60px; }
    #sncareers.selected a:link, #sncareers.selected a:visited { background-position: -716px -90px;	}
    #sncareers.selected a { cursor: default !important; }

    #snsignup a:link, #snsignup a:visited , #snsignup div{
      left: 816px;
      width: 104px;
      background-position: -816px 0px;
    }
    #snsignup a:hover, #snsignup a:focus, #snsignup div{ background-position: -816px -30px; }
    #snsignup a:active, #snsignup div.click { background-position: -816px -60px; }
    #snsignup.selected a:link, #snsignup.selected a:visited { background-position: -816px -90px;	}
    #snsignup.selected a { cursor: default !important; }

    .spritesnav li ul {
      display: none;
      padding: 0;
      margin: 0;      
      width: 100px;
      position: relative;
      top: 30px;
      background: #222;
      border: solid 1px #000;
      color: #ccc;
      width: 152px;
      z-index: 300;
    }

    .spritesnav li ul li {
        position: static;
        display: block;
        margin: 0;
        padding: 0.66em 1.5em;
        background-image: none !important;
        background-color: transparent;
    }

    #nav li li a {
        position: static !important;
        display: inline !important;
        width: 100% !important;
        left: 0 !important;
        background: none !important;
        color: #ccc !important;
        padding: 0 !important;
        margin: 0 !important;
        text-decoration: none !important;
        text-indent: 0 !important;
    }
    
    #nav li li a:hover {
      color: #fff;
      background-color: #252525;      
    }

    
/**************************
HEADER
*************************/

#header {
  height: 65px;
  background: #1f1f1f url(../img/bg_header_top.gif) repeat-x;
}

  #header #ticker {
    padding-left: 11px;
    color: #999;
    line-height: 21px;
    background: transparent url(../img/header_sprite.png) no-repeat;
    width: 349px;
    height: 21px;
    position: absolute;
    top: 22px;
    margin-left: 310px;
  }

  #header #ticker-flash {  
    width: 325px;
    height: 24px;
    padding: 2px;
  }

    #ticker a#ticker-next{
      background: transparent url(../img/header_sprite.png) -339px -22px no-repeat;
      width: 21px;
      height: 21px;
      position: absolute;
      margin-left: 328px;
    }
    
      #ticker a#ticker-next:hover{
        background-position: -318px -22px;
      }

  #header #search {
    padding-left: 11px;
    color: #999;
    line-height: 21px;
    background: transparent url(../img/header_sprite.png) 0px -22px no-repeat;
    width: 180px;
    height: 21px;
    position: absolute;
    top: 22px;
    margin-left: 710px;
  }

  #search input.invisible {
    color: #999;
    font-size: 1em;
    background-color: transparent;
    border: none;
    margin:0;
  }

    #search a#search-button{
      background: transparent url(../img/header_sprite.png) -295px -22px no-repeat;
      width: 22px;
      height: 22px;
      position: absolute;
      margin-left: 183px;
    }
    
      #search a#search-button:hover{
        background-position: -271px -22px;
      }


#nav {
  height: 30px;
  background: #1f1f1f url(../img/bg_menu.gif) repeat-x;  
}

#nav #cat_14623_divs {
  height: 30px;
  background: url(../img/menu.png) 20px 0px no-repeat !important;
}


#footer-container {
  height: 60px;
  background: #161616 url(../img/bg_bottom.png) repeat-x;
  line-height: 30px;
  font-size: 0.9em;
}

  #footer-container ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline;
    padding-right: 2em;
  }

    #footer-container ul li {
      float: left;
      color: #666;
    }

    #footer-container ul li a {
      font-size: 0.85em;
      border-right: solid 1px #444;
      padding: 0 1.5em; 
      color: #666;
      text-decoration: none;
      text-transform: uppercase;
    }    

    #copyright ul li a{
      text-transform: none !important;
      font-size: 1em;
    }
    
    #footer-container ul li a:hover {
      color: #eee;
    }

#site-title {
  background: #930003 url(../img/site_title2.png) repeat-y left top;
  height: 150px;
  padding: 20px;
  position: relative;
}

#homepage #site-title {
  background: #262626 url(../img/site_title.png) no-repeat left top;
}

#site-title div {
  height: 190px;
  position: absolute;
  top: 0;
  width:310px;
  background: none;
  margin-left: -20px;
}

#site-title h1 {
  position: absolute;
  bottom: -0.25em;
  font-size: 2.2em;
  line-height: 1.5;
  color: #fff;
  border-bottom: none;
  width: 280px;
}

  #homepage  #site-title h1 {
      bottom: 0.5em;
      font-size: 2.2em;
      line-height: 1.5 !important;
      color: #fff;
      border-bottom: none;
  }



#player {
  z-index: 10;
  display: block;
  width: 640px;
  height: 190px;
}

#player-sidebar {
  display: block;
  width: 310px;
  height: 512px;
}

#sidebar {
  background: #870004 url(../img/site_title2.png) repeat-y left top;
  color: #fff;
  padding-right: 0;
  margin-right: 0;
  height: 512px;
}

#homepage #sidebar {
  background-image: none;
  background-color: #fff;
}

#sidebar h3 a {
  text-decoration: none;
}

#sidebar .subnav{
  font-size: 1.11em;
  font-weight: bold;
}

#homepage #sidebar {
  padding-right: 0;
  margin-right: 10px;
}

  #sidebar a {
    color: #fff;
  }

  #sidebar a.overlay {
    color: #666;
  }

  #sidebar a:hover {
    color: #FBE126;
  }

  #sidebar a.overlay:hover {
    color: #930005;
  }
  
  #sidebar h1, #sidebar h2 { 
    border-bottom: none;
    color: #fff;
  }

  #sidebar h3, #sidebar h4 { 
    color: #fff;
  }

#homepage #content {
  
}

#content {
  background-color: #fff;
}

.text-content {
  padding: 1.5em 2em;  
}

#homepage #block {
  display: block;
  background: #fff url(../img/bg_col.png) no-repeat left -3.5em;
  height: 500x;
  overflow: hidden;
}

  #homepage #block .date {
    font-size: 0.75em;
    color: #999;
    margin: 0;
    margin-top: -1.5em;
    padding: 0;
    padding-bottom:0.5em;
    margin-bottom: 1em;
    border-bottom: dotted 1px #ccc;
  }

  #homepage #block h2 {
    font-size: 1.5em;
    margin: 0;
    padding-bottom: 0.5em;
    border-bottom: 0;
  }

  #homepage #block h4 a {
    line-height: 1.3em;
    text-decoration: none;
  }


#footer-container {
  margin: 0 auto;
  width: 100%;
}

/*********************************
FLASH PLAYER CONTROLS
*********************************/

/* root element should be positioned relatively so that 
	child elements can be positioned absolutely */
div.player-controls {
  display: none;
	position:relative;
	height:40px;
	
	/* black background with a gradient */
	background:#000 url(../img/player-controls.png) repeat-x 0 -4px;
	width:310px;
	margin-top: -40px;

  filter:alpha(opacity=80);   
  -moz-opacity: .8;   
  opacity: .8;
}

/* play/pause button */
div.player-controls a.play, div.player-controls a.pause { 
	position:absolute;
	width: 46px;
	height: 40px;
	display:block;
	text-indent:-9999em;
	background:url(../img/player-controls.png) no-repeat 10px -61px;
	cursor:pointer;
	border-right:1px solid #000; 
}

div.player-controls a.play:hover {
	background-position:10px -105px;	
}

/* pause state */
div.player-controls a.pause { 
	background-position:11px -148px;
}

div.player-controls a.pause:hover {
	background-position:11px -192px;	
}

/* the timeline (or "scrubber")  */
div.player-controls div.track {  
	left:47px;
	position:absolute;
	cursor:pointer;
	width:220px;
	border-left:1px solid #999;
	height:40px;	
}

/* the draggable playhead */
div.player-controls div.playhead {
	position:absolute;
	cursor:pointer; 
	background-color:#4ff;
	opacity:0.3;
	filter: alpha(opacity=30);	
	width:3px;
	height:40px;
	border-right:1px solid #444;
}

/* buffer- and progress bars. upon runtime the width of these elements grows */
div.player-controls div.progress, div.player-controls div.buffer {	
	position:absolute;
	background-color:#4ff;
	filter: alpha(opacity=10);
	opacity:0.1;
	width:0px;
	height:40px;
}

div.player-controls div.buffer {
	background-color:#fff;
	opacity:0.1;
	filter: alpha(opacity=10);
}

/* time display */
div.player-controls div.time {

	position:absolute;		
	width:129px;
	left:230px;
	padding:12px 0;
	text-align:center;
	border:1px solid #999;
	border-width:0 1px;
	
	font-family:futura,"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;	
	font-size:12px;
	color:#fff; 
	
  display: none;
}

/* total duration in time display */
div.player-controls div.time strong {
	font-weight:normal;
	color:#666;
}

/* mute / unmute buttons */
div.player-controls a.mute, div.player-controls a.unmute {
	position:absolute;
	left:270px;
	width:40px;
	height:40px;
	text-align:center;
	padding:8px 0;
	cursor:pointer;
	text-indent:-9999em;
	background:url(../img/player-controls.png) no-repeat 5px -323px;
}

div.player-controls a.mute:hover {
	background-position:5px -367px;	
}

/* unmute state */
div.player-controls a.unmute {
	background-position:5px -235px;	
}

div.player-controls a.unmute:hover {
	background-position:5px -279px;	
}

div#playlist-container{
  position: relative;
  width: 310px;
  height: 80px;
}

div#playlist {
 width: 310px;
 height: 80px; 
 overflow: hidden;
 font-size: 1.15em;
}

  div#playlist div {
    width: 200px;
    padding: 1.5em 20px;
  }
  
  div#playlist div img {
    float: left;
    padding-right: 1.5em;
  }
  
  div#playlist div a {
    color: #fff;
    text-decoration: none;
  }
 
  a#playlist-prev, a#playlist-next {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    background: transparent url(../img/arrow_sprites.gif) left bottom no-repeat;
    margin-left: 280px;
    margin-top: 55px;
    z-index: 9999;
    filter:alpha(opacity=50);   
    -moz-opacity: .5;   
    opacity: .5;
  }
  
  a#playlist-prev {
    margin-top: 10px;
    background: transparent url(../img/arrow_sprites.gif) left top no-repeat;
  }
  
  a#playlist-prev:hover, a#playlist-next:hover {
    filter:alpha(opacity=100);   
    -moz-opacity: 1;   
    opacity: 1;
  }
    
.grey-link {
  color: #999;
  font-size: 0.86em;
}

.grey-link-home {
  color: #999;
  font-size: 0.9em;
}

#video-title {
  color:#666;
  margin-left: 338px;
  position: absolute;
  margin-top: -68px;
  z-index: 9999;
}

/*********************************
TICKER 
*********************************/

#ticker {
  overflow: hidden;
}

table.gadget {
  margin-top: -35px !important;
}

/*********************************
ANNOUNCEMENTS
*********************************/

#announcements {
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
 
    /* vertical scrollers have typically larger height than width */ 
    height: 150px; 
    width: 230px; 
    margin-bottom: 3em;
}

  #announcements div.items {
    position: absolute;
    /* this time we have very large space for the height */ 
    height:20000em; 
  }

#announcements .announcement-list {
  height: 80px;
}

/* position and dimensions of the navigator */ 
.navi { 
    width:230px; 
    height:12px; 
    margin-top: -1.35em;
    padding-bottom: 20px; 
    position: absolute;
} 

.navi-portfolio { 
  width: 560px;
// position: relative;
}
 
/* items inside navigator */ 
.navi a { 
    width:8px; 
    height:8px; 
    float:right; 
    margin:2px; 
    background: url(../img/navigator.png) 0 0 no-repeat; 
    display:block; 
    font-size:1px; 
} 
 
/* mouseover state */ 
.navi a:hover { 
    background-position:0 -8px;       
    cursor: pointer;
} 
 
/* active state (current page state) */ 
.navi a.active { 
    background-position:0 -16px;      
}

/*********************************
TITLE
*********************************/

.bong-mieu {
  background: #950003 url(../img/bong_mieu_vietnam_title.jpg) no-repeat left top !important;
}

.gold-properties {
  background: #950003 url(../Images/gold_properties.jpg) no-repeat left top !important;
}

.gold-properties-bau {
  background: #950003 url(../Images/gold_properties_bau.jpg) no-repeat left top !important;
}

.investors {
  background: #950003 url(../Images/investors.jpg) no-repeat left top !important;
}

.news-and-media {
  background: #950003 url(../Images/news_and_media.jpg) no-repeat left top !important;
}

.contact-image {
  background: #950003 url(../Images/contact.jpg) no-repeat left top !important;
}

.careers-image {
  background: #950003 url(../Images/careers.jpg) no-repeat left top !important;
}

.sign-up-image {
  background: #950003 url(../Images/signup.jpg) no-repeat left top !important;
}


/*********************************
GALLERY SIDEBAR
*********************************/

.photogalleryItem div {
  position: absolute;
  width: 77px;
  height: 52px;
  background-color: #666;
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;   
  opacity: 0.5;
}

table.photogalleryTable td {
  padding: 0 5px 5px 0;
}

/*********************************
OVERLAY
*********************************/
a.overlay {
  width: 240px;
  height: 179px;
  display: block;
  text-decoration: none;
  border: solid 1px #a8a8a8;
  margin-bottom: 3em;
}

#sidebar a.overlay {
/*  border: solid 1px #333;*/
}

  a.overlay div {
    display: block;
    position: absolute;
    margin-top: 150px;
    margin-left: -1px;
    height: 40px;
    width: 172px;
    background: transparent url(../img/zoom_in2.png) left top no-repeat;
    font-size: 1em;
    text-decoration: none;
    padding-top: 6px;
//  padding-top: 5px;    
    padding-left: 50px;
    padding-right: 20px;
    line-height: 35px;
    overflow: hidden;
    margin-bottom: 1.5em;
  }
  
  a.overlay-vid div {  
    background-image: url(../img/zoom_in_vid.png);
  }
  
  #sidebar a.overlay-vid div {  
  /*    background-image: url(../img/zoom_in_vid2.png);*/
  }
  
  a.play div {
    background-image: url(../img/play.png);
  }
  
    a.overlay div span {
      display: block;
      font-size: 0.9em;
      color: #999;
    }

  #content a.overlay {
    float: right;
    margin-left: 2em;
    margin-bottom: 1.5em;
  }
      
  #content a.overlay div {
    background-image: url(../img/zoom_in2.png);
  }

  #content h4 {
     color: #464545;
     font-style: italic;
     line-height: 1.5em;
  }

  #content ul {
    list-style: none;
    padding-left: 0;
  }
  
  #content ul li {
    padding-left: 3.33em;
    background: transparent url(../img/list.png) no-repeat 15px 5px;
    margin-bottom: 1em;
  }

  .box-float {
    font-size: 1em;
    width: 240px;
    min-height: 180px;
    background: transparent url(../img/box.png) no-repeat left bottom;
    float: right;
    margin: 0 0 0.5em 1.5em;
  }
  
  .box-float li {
    padding-left: 1em !important;
    background-position: 0px 5px !important;
  }

/*********************************
OVERLAY STYLING
*********************************/

#gallery-replacement a {
  padding: 0 3px 3px 0;
}

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#202020;
  min-width:557px;
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../img/close.png);
	position:absolute;
	right:-30px;
	top:-30px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* the large image. we use a gray border around it */
#img {
/*	border:1px solid #666;*/
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(../img/h80.png) repeat-x;		
}



/*********************************
HOMEPAGE PLAYER
*********************************/

#player-cycle {
  position: absolute;
  display: none;
  width: 640px;
  height: 190px;
  overflow: hidden;
  z-index: 100;
}


#player-cycle-map, #player-cycle-map2 {
  position: absolute;
  width: 640px;
  height: 190px;
  background: transparent url(../galleries/homepage/00.jpg) no-repeat left bottom;
}

#player-cycle-map2 {
  background: transparent url(../galleries/homepage/00_3.jpg) no-repeat left bottom;
}

#bong-mieu-label, #phuoc-sun-label, #tien-thuan-label, #bau-label {
  position: absolute;
  font-size: 1.4em;
  color: #fff;
  text-shadow: 2px 2px 2px #333;
  text-decoration: none;
}

#bong-mieu-label {
  top: 39px;
  margin-left: 305px;
}

#phuoc-sun-label {
  top: 29px;
  margin-left: 178px;
}

#tien-thuan-label {
  top: 55px;
  margin-left: 186px;
}

#bau-label {
  top: 152px;
  margin-left: 318px;
}

#play-video, #view-map {
  background: transparent url(../img/intro_buttons.png) 0px 0px no-repeat;
  display:block;
  margin-left:424px;
  height: 1px;
  padding-top: 29px;
  overflow: hidden;
  position:absolute;
  text-decoration:none;
  top:255px;
  width: 112px;
  z-index:9999;
}

#play-video {
  background-position: -112px 0px;
  margin-left:535px;
  width: 105px;
}

.back-link {
  margin-top: 3em !important;
}

.cycle {
  width: 640px !important;
  height: 190px;
  overflow: hidden;
}

#flashoverlay {
  z-index: 100;
}

#lightbox {
  z-index: 100000 !important;
}

#overlay {
  z-index: 99999 !important;
}

.imgright {
  border: solid 1px #ccc;
  float: right;
  margin: 0 0 20px 20px;
}

#flash-growth-graph {
  width: 507px;
  height: 400px;
}

img.outline {
  border: solid 1px #ccc;
}

.videoembed {
  width: 507px;
  height: 300px;
  display: block;
}

.videoembed_media {
height:300px;
width:507px;
}

.videoembed_media  a{
display: none;
}

/*********************************
PORTFOLIO
*********************************/

.css-panes {
  clear: both;
//  position: relative;

}

div.scrollable {
  position:relative;
  overflow:hidden;
  width: 470px;
  height:120px;
}

div.scrollable .items {
  width:20000em;
  position:absolute;
}

#content li.portfolio-skeleton {
  display: block;
  width: 90px;
  height: 110px;
  padding: 2px;
  margin: 11px;
  border: solid 1px #ccc;
  text-align: center;
  float:left;
  border-bottom: none;
  background-image: none;
}

div.scrollable .items li img {
  margin-top: 5px;
}

div.scrollable .items li a {
  text-decoration: none;
  font-size: 0.9em;
} 

.items .active {
  border: solid 1px #ddd;
}

li.active-tab {
  border-color: #930005;
  background: url(../img/bg_tabs2.png) repeat-x top left !important;
  display: block;
  width: 90px;
  height: 90px;
  padding: 2px;
  margin: 11px;
  border: solid 1px #ccc;
  text-align: center;
  float:left;
  border-bottom: none;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}
 
/* prev, next, prevPage and nextPage buttons */
a.browse {
  filter:alpha(opacity=100);   
  -moz-opacity: 1;   
  opacity: 1;
	background:url(../img/hori_large.gif) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:30px 10px;
	cursor:pointer;
	font-size:1px;
}
 
/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 
 
 
/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }
 
/* up and down */
a.up, a.down		{ 
	background:url(http://static.flowplayer.org/tools/img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}
 
/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }
 
/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 
 
 
/* disabled navigational button */
a.disabled {
  filter:alpha(opacity=50);   
  -moz-opacity: .5;   
  opacity: .5;
} 	

.css-panes {
  padding: 2em;
  border: solid 1px #ccc;
  background: transparent url(../img/bg_tabs.png) left bottom repeat-x;
}

.hr {
  height: 0px;
  border-top: dotted 1px #ccc;
  clear: both;
  margin-bottom: 3em;
}

#sidebar .date {
  margin-top: -1.5em;
  font-size: 0.9em;
  margin-bottom: 1.5em;
}

#nav-cycle {
  display: none;
}

#dtv-widget {
  width: 270px;
  height: 243px;
  display:block;
  float:left;
}

#homepage .text-content {
  padding-bottom: 0;
}