/* 
//////////////  CSS Reset
*/

*{
	margin: 0;
	padding: 0;
}

/* 
//////////////  General tags
*/

body{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	background: #F5F5F5;
}

/* 
//////////////  General styles
*/

.clear{
	clear: both;
}

/* 
//////////////  Main layout
*/

#top-bar{
	height: 401px;
	background: #ffffff url(images/top-bg.gif) top center repeat-x;
	padding: 0 20px 0 20px;
}

		#top-bar .inner{
			width: 900px;
			margin: 0px auto;
		}


#center {
	background: #fff;
	padding: 20px 20px 20px 20px;
}

		#center .inner{
			width: 900px;
			margin: 0px auto;
		}


#bottom-bar{
	background: #F5F5F5 url(images/bottom-bg.gif) top center repeat-x; 
	clear: both;
	padding: 25px 20px 80px 20px;
	margin: 0 0 0 0;
}

		#bottom-bar .inner{
			width: 900px;
			margin: 0px auto;
		}

/* 
//////////////  #top-bar specific styles
*/

#top-bar .inner h2#visualize{
	display: block;
	height: 401px;
	width: 345px;
	text-indent: -9999px;
	float: left;
	margin: 0 0 0 95px;
}

		#top-bar .inner h2#visualize a{
			display: block;
			background: url(images/visualize.jpg) center center no-repeat;
			height: 401px;
			width: 345px;
		}

#top-bar .inner h2#bookmark{
	display: block;
	height: 401px;
	width: 268px;
	text-indent: -9999px;
	float: left;
	margin: 0 0 0 95px;
}

		#top-bar .inner h2#bookmark a{
			display: block;
			background: url(images/bookmark.jpg) center center no-repeat;
			height: 401px;
			width: 345px;
		}

/* 
//////////////  #center specific styles
*/

#center .inner .column{
	width: 180px;
	float: left;
}

#center .inner #column-header{
	margin: 0 55px 0 0;
	text-align: right;
}

		#center .inner #column-header h1#trade-title{	
			text-indent: 5000px;
			background: url(images/trade-numbers.gif) 0px 0px no-repeat;
			width: 180px;
			height: 69px;
			margin: 0 0 40px 0;
			overflow: hidden;
		}
		
		#center .inner #column-header label{
			display: none;
		}
		
		#center .inner #column-header select{
			clear: both;
			margin: 0 0 5px 0;
			width: 180px;
		}
		
		#center .inner #column-header #world-city{
			/*text-indent: 1500px;
			clear: both;
			display: block;
			margin: 30px 0 0 0;
			background: url(images/world-city.gif) center center no-repeat;
			width: 154px;
			height: 38px;
			float: right;
			overflow: hidden; */
			
			display: block;
			text-indent: 5000px;
			background: url(images/world-city.gif) 28px 0px no-repeat;
			width: 184px;
			height: 38px;
			margin: 30px 0 0 0;
			overflow: hidden;
		}
		
#center .inner #column-visualize{
	width: 259px;
	margin: 0 55px 0 0;
}

		#center .inner #column-visualize h4#online-exp{
			text-indent: -5000px;
			background: url(images/online-exp.gif) -2px 0px no-repeat;
			width: 177px;
			height: 20px;
			margin: 0 0 8px 0;
		}
		
		#center .inner #column-visualize h5{
			font-family: Georgia, Times, serif;
			font-size: 13px;
			margin: 30px 0 0 0;
			background: url(images/free-pdf.gif) -5px 0px no-repeat;
			width: 259px;
			height: 28px;
			text-indent: -5000px;
		}
		
		#center .inner #column-visualize a#start-button{
			display: block;
			text-indent: -5000px;
			background: url(images/get-started.gif) 0px 0px no-repeat;
			width: 160px;
			height: 40px;
			margin: 10px 0 0 0;
		}

#center .inner #column-bookmark{
	width: 315px;
}

		#center .inner #column-bookmark h4#printed-word{
			text-indent: -5000px;
			background: url(images/printed-word.gif) -6px 0px no-repeat;
			width: 177px;
			height: 20px;
			margin: 0 0 8px 0;
		}
		
		#center .inner #column-bookmark h5{
			font-family: Georgia, Times, serif;
			font-size: 13px;
			margin: 20px 0 0 0;
			background: url(images/starting-at.gif) -5px 0px no-repeat;
			width: 259px;
			height: 28px;
			text-indent: -5000px;
		}
		
		#center .inner #column-bookmark a#buy-button{
			display: block;
			text-indent: -5000px;
			background: url(images/buy-books.gif) 0px 0px no-repeat;
			width: 160px;
			height: 40px;
			margin: 10px 0 0 0;
		}
		
/* 
//////////////  #bottom-bar specific styles
*/

#bottom-bar .inner #chart{
	margin: 0 0 0 235px;
}

#bottom-bar .inner #books{
	margin: 0 0 0 55px;
}

/* ==== MAP ============================= */
.gmnoscreen{display:none}
v\:* { behavior:url(#default#VML); }

html, body { width: 100%; height: 100% }
body { margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; font-family: arial;  }

h1 { font-size: 11px; font-weight: normal; margin: 6px}
h2 { font-size: 16px; margin: 6px; border-bottom: 1px solid #eee; }

p { font-size: 11px; margin: 6px; }
p.w-head b { font-size: 18px; margin-left: 6px; color: #444; }
p.instruction { background-color: #E4FFA6; padding: 6px 15px; }

#toolbar { top: 25px; left: 20px; position: absolute; width: 154px; background-color: #fff; border:2px solid #ccc; }
div.toolbox { margin-bottom: 18px; }    
	
div#credits { margin-top: 20px; border-top: 1px solid #eee; }
div#credits p { font-size: 10px; color: #555; }

#toolbar p img { vertical-align: middle; margin-right: 10px; }

div#zoom-in { margin-top: 18px; }
div#wc-logo { margin-left: 2px }

/* -- tooltips ---------------------------- */
div.tooltip { font-size: 11px; font-weight: normal; background: #fff; padding: 5px; border: 1px solid #aaa; background: url(/images/header-bg.gif) repeat-x top left; }

/* -- map details ---------------------- */
div.map-window { width: 370px; }
div.map-window h3 { font-size: 14px; font-weight:normal; color:#ff0000; margin-bottom: 0px; }
div.map-window p { line-height: 15px; }

div#ticker { height: 50px; bottom: 0px; left: 0px; position: absolute; width: 100%; }