body {
	font-family: Georgia, sans-serif;
	background:#f4f4f4 url(../img/bg.png) top left repeat-x;
}
body.sat {
	background-image:url(../img/bg_sat.png);
	background-position:0px -26px;
}
body.nomap{
	background-image:url();
}
#wrapper {
	margin:0 auto;
	width:922px;
	position:relative;
	padding-top:172px;
}
.hwaccel {
	-webkit-transform: rotate3d(0,0,1, 0deg);
	-moz-transform: rotate3d(0,0,1,0deg);
	transform: rotate3d(0,0,1, 0deg);
	
/*-webkit-transform: translateZ(0); 
	-moz-transform: translate(0);
	*/
}
.clear {
	clear:both;
}
@font-face {
	font-family: 'CABNDWebBold';
	src: url('cabndwebbold-webfont.eot?') format('eot');
	src: url('cabndwebbold-webfont.woff') format('woff'), url('cabndwebbold-webfont.ttf') format('truetype'), url('cabndwebbold-webfont.svg#webfontw1aDuCby') format('svg');
	font-weight: bold;
	font-style: normal;
}
h1,h2,h3,h4,h5,h6 {
	font-family:'CABNDWebBold','Arial Narrow',arial;
	margin:0;
}
h1,h3 {
	font-size:46px;
	color:#aaa;
	margin:0;
	
	vertical-align:baseline;
}
h2,h4 {
	font-size:31px;
	color:#aaa;
}
#alertbox {
	width:100%;
	height:32px;
	background:#CFFF57;
	text-align:center;
}
#alertbox h1 {
	line-height:32px;
	font-size:25px;
	color:#333;
	text-transform:uppercase;
	white-space:nowrap;
}
#awot.alert h1 {
	margin-top:4px;
	margin-bottom:4px;
}
#awot.alert #time h4 {
	margin-top:82px;
}
#time {
	float:right;
	position:absolute;
	top:0;
	right:0;
	color:#6b90fd;
}
#time h3,
#time h4 {
	color:inherit;
	text-align:right;
	right:0;
}
#time h3 {
	font-size:35px;
}
#time h4 {
	margin-top:94px;/*91px;*/
	font-size:23px;
}

#footer div#friedolin {
	background:transparent url(../img/friedolin.png) center top no-repeat;
	width:44px;
	height:23px;
	margin-top:24px;
	float:right;
	text-indent:2000px;
	overflow:hidden;
	white-space:nowrap;
}

#time div#social {
	margin-top:18px;
	float:right;
}
#time div#social ul li{
	float:left;
}
#time div#social ul li h6 {
	line-height:50px;
	float:right;
	background:transparent url(../img/frogdesign_logo.png) center center no-repeat;
	width:83px;
	height:19px;
	text-indent:2000px;
	overflow:hidden;
	margin-top:2px;
	margin-left:10px;
}
#time div#social ul li a {
	display:block;
	width:32px;
	height:19px;
	margin-top:2px;
	font-family:Helvetica;
	font-weight:bold;
	color:#333;
}
#maps {
	/*border-bottom:1px solid #aaa;*/
	/*border-bottom:2px solid #000;*/
	width:922px;
	height:515px;/*570px;666px;*/
	background:transparent url();
	overflow:hidden;
	position:relative;
}
#maps div.loading{
	position:absolute;
	left:0;
	bottom:0;
	height:30px;
	font-family:'CABNDWebBold';
	color:#999;
}
#maps.glasses {
	cursor: pointer;
}
#maps div.glasses {
	position:absolute;
	margin:157px 0 0 261px;
	width:400px;
	height:220px;
	z-index:1006;
	display:none;
	background:#fff url("../img/3D_glasses.jpg") center 10px no-repeat;
	-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.28);
	-moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.28);
	box-shadow: 5px 5px 10px rgba(0,0,0,0.28);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color:#73DEFA;
}
#maps div.glasses h5{
	margin-top:157px;
	font-size:18px;
	text-align:center;
}
#maps div.glasses h6{
	font-size:16px;
	text-align:center;
}
div#maps.map1 {
	background:url(../map_m6.png) left -93px no-repeat;
}

div#maps.map2 {
	background:url(../map_m7.jpg) left -93px no-repeat;
}
div#maps.map3 {
	background:url(../map_3D.jpg) left -93px no-repeat
}
div#maps.no_map{
	background-image:none;
	border:1px transparent #fff;
}
#flash {
	margin:0 auto;
	position:absolute;
	z-index:999;
	background-color:transparent;
	width:922px;
	height:515px;
}
#d {
	margin:0 auto;
	position:absolute;
	z-index:1000;
}
#b {
	margin:0 auto;
	position:absolute;
	z-index:1001;
	background-color:transparent;
	display:none;
}
#s {
	margin:0 auto;
	position:absolute;
	z-index:1002;
	background-color:transparent;
}
#txt {
	margin:0 auto;
	position:absolute;
	z-index:1005;
	background-color:transparent;
}
#hmap {
	margin:0 auto;
	position:absolute;
	background:transparent;
	z-index:999;
}
#hmap_bw {
	margin:0 auto;
	position:absolute;
	background:transparent;
	z-index:999;
	display:none;
}
#country{
	font-family:'CABNDWebBold';
	font-size:40px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:1001;
	text-transform: uppercase;
	color:#888;
	opacity:0.5;
	white-space:nowrap;
}
#maps #overlay {
	background:transparent;
	filter:alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity:0.75;
	width:922px;
	height:515px;
	margin:0 auto;
	position:absolute;
	z-index:5;
	display:none;
}

#contents p {
	-webkit-column-count: 2; 
	-webkit-column-gap: 2em;
}
.stats {
	height:200px;
	margin:20px 0;
	
	padding-bottom:30px;
	
	border-bottom:3px dashed #a5a5a5;
	
}
.stats div {
	width:280px; /*288px - 10*/
	margin:0;
	float:left;
	padding:0;
	
}
.stats div.mid {
	margin:0 39px;
}
.stats h5 {
	font-size:40px;
	color:#6982fe;
	text-shadow: 0px 1px 0px #fff;
	/*filter: dropshadow(color=#fff,offX=0,offY=1);*/

}
.stats h6 {
	font-size:18px;
	color:#999999;
}
.stats ul {
	margin-top:20px;
}
.stats li {
	font-family:'CABNDWebBold';
	font-size:24px;
	color:#72dbfa;
	text-shadow: 0px 1px 0px #fff;
	/*filter: dropshadow(color=#fff,offX=0,offY=1);*/
	clear:both;
	white-space:nowrap;
}
.stats li b {
	max-width:240px;
	overflow:hidden;
	display:block;
	float:left;
	white-space:nowrap;
	text-overflow: ellipsis;
}
.stats li span {
	float:right;
}
.stats li i {
	color:#cfcfcf;
}
/* -- */

.stats h3 {
	color:#6982FE;
	font-size:40px;
	text-shadow:0 1px 0 #FFFFFF;
}
.stats h4 {
	font-size:18px;
	color:#999;
}
#cont_stats.stats {
	height:234px;
	padding:0px;
}
#cont_stats.stats div {
	width:160px;
	margin:20px 30px 0 0;
	float:left;
	padding:0;
}
#cont_stats.stats div.last {
	margin-right:0;
	
}
#cont_stats.stats h5 {
	font-size:30px;
	color:#6982fe;
	text-shadow: 0px 1px 0px #fff;
	/*filter: dropshadow(color=#fff,offX=0,offY=1);*/

}
#cont_stats.stats ul {
	height:75px;
	margin:10px 0 20px;
}
#cont_stats.stats li {
	font-family:'CABNDWebBold';
	font-size:15px;
	color:#72dbfa;
	text-shadow: 0px 1px 0px #fff;
	/*filter: dropshadow(color=#fff,offX=0,offY=1);*/
	clear:both;
	white-space:nowrap;
}
#cont_stats.stats li b {
	max-width:120px;
	white-space:nowrap;
}
/* -- */
#header {
	width:100%;
	position:fixed;
	height:169px;
	background-color:#f4f4f4;
	z-index:999999;
}
#awot {
	position:relative;
	margin:0 auto;
	width:922px;
	
	background:transparent url(../img/tb.png) top left no-repeat;
	/*border-bottom: 2px dashed #a5a5a5;*/
	padding-top:3px;
	/*margin:10px 0;
	padding:10px;
	height:60px;*/
}
#awot h1 {
	font-size:20px;
	color:#1DCC31;
	text-indent:-2000px;
	overflow:hidden;
	display:block;
	width:257px;
	height:129px;
	margin-top:16px;
	background:transparent url(../img/aworldoftweets.png) top left no-repeat;
	margin-bottom:25px;
}

#intro {
	border-bottom:3px dashed #A5A5A5;
	margin:20px 0;
	padding-bottom:30px;
}

#intro #what {
	float:left;
	width:640px;
	margin-top:20px;
}
#intro #what h3 {
	font-size:40px;
	color:#6982fe;
	text-shadow: 0px 1px 0px #fff;
	/*filter: dropshadow(color=#fff,offX=0,offY=1);*/
}
#intro #what h4 {
	font-size:18px;
	color:#999;
}
#intro #what p {
	color:#73defa;
	font-family:'CABNDWebBold';
	font-size:16px;
	margin-top:15px;
	line-height:18px;
}
#intro #tweet_num {
	width:244px;
	height:244px;
	float:right;
	font-family:'CABNDWebBold';
	font-size:15px;
	text-align:center;
	color:#999;
	background:transparent url(../img/badge.png) center center no-repeat;
}
#intro #tweet_num p {
	padding:10px;
	border-top:1px solid #c1c1c1;
	width:160px;
	margin:0 auto;
}
#intro #tweet_num p span {
	font-size:20px;
}
#intro #tweet_num h2{
	color:#72d6fa;
	font-size:37px;
	text-align:center;
	margin-top:84px;
	
}
#countries {
	background:#6fb7fb url(../img/bg_c.png) top left repeat-x;
	height:120px;
	margin:20px 0;
}
#countries h3 {
	font-size:38px;
	color:#fff;
	text-shadow: 0px -1px 0px #6c9cfc;
	display:block;
	float:left;
	line-height:108px;
	height:108px;
	margin-left:10px;
}
#countries  span {
	font-size:38px;
	font-family:'CABNDWebBold';
	color:#71c9fb;
	width:92px;
	height:108px;
	background:transparent url(../img/ball.png) center left no-repeat;
	display:block;
	float:left;
	line-height:108px;
	text-align:center;
	margin-left:127px;
}

#descr {
	
	padding:45px;
	margin:15px 0 20px;
	background-color:#747474;
}
#descr h3 {
	font-size:36px;
	color:#e6e6e6;
	text-shadow: 0px -1px 0px #333;
	/*filter: dropshadow(color=#333,offX=0,offY=1);*/
}
#descr h4 {
	font-size:18px;
	color:#b4b4b4;
}
#descr #tech {
	float:left;
	width:45%;
	padding:5px 10px;	
}
#descr #else {
	float:right;
	width:47%;
	padding:5px 10px;	
}
#descr p {
	color:#e6e7e7;
	font-family:'CABNDWebBold';
	font-size:16px;
	margin-top:15px;
	line-height:18px;
}
#descr ul {
	color:#e6e7e7;
	font-family:'CABNDWebBold';
	font-size:16px;
}
#descr ul li{
	margin:10px 0;
}
#descr ul li a{
	color:#72DBFA;
}
#footer {
	border-top:3px dashed #a5a5a5;
}
#footer h5 {
	font-family:'CABNDWebBold';
	font-size:18px;
	color:#74e9f9;
	float:left;
	line-height:70px;
	white-space: nowrap;
}
p a {
	color:#72DBFA;
}
/* -- */
/* options */
#options {
	position:absolute;
	top:312px;
	z-index:999;
	
	padding-bottom:5px;
	padding-top:15px;
	
	width:150px;
	
	min-height:240px;
	
	background-color: #71d1fa; /* fallback color */
	
	background:#6c92fc url(../img/bg_opt.png) top left repeat-x; /* fallback img */
	
	background-image:-webkit-gradient(
	    linear,
	    left top,
	    left bottom,
	    color-stop(0, rgb(115,223,250)),
	    color-stop(1, rgb(107,143,252))
	);
	background-image:-moz-linear-gradient(
	    center top,
	    rgb(115,223,250) 0%,
	    rgb(107,143,252) 100%
	);
	background-image:gradient(
	    linear,
	    left top,
	    left bottom,
	    color-stop(0, rgb(115,223,250)),
	    color-stop(1, rgb(107,143,252))
	);
	
	-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.28);
	-moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.28);
	box-shadow: 5px 5px 10px rgba(0,0,0,0.28);
	
}
#options ul {
	margin:5px 15px 10px;
	border-bottom:2px dashed #a6cbfd;
}
#options ul.last {
	border-bottom:none;
}
#options ul li{
	color:#e7e7e7;
	font-family:'CABNDWebBold';
	font-size:16px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.28);
	/*filter: dropshadow(color=#000000, offx=1, offy=1);*/
	margin:4px 0;
}

#options ul li a {
	color:inherit;
	text-decoration:none;
	background:url(../img/checkbox.png) no-repeat;
	background-position:0 -16px;
	padding-left:20px;
}
#options ul li a:hover {
	color:#fff;
}
#options ul li a.on {
	background-position:0 1px;
	color:#f5f5f5;
	text-decoration:none;
}
#options ul li a.off{
	/*color:#ff0000;*/
}

#options ul li.toggle a {
	color:#f5f5f5;
	text-decoration:none;
	background:url(../img/toggle.gif) no-repeat left center;
	padding-left:20px;
}
#options ul li.toggle a.on {
	color:#71d1fa;
}

#options ul li.d3 a,
#options ul li.d3 a.off {
	color:#B6FF00;
}
#options ul li.d3 a.on {
	color:#CAFF57;
}

#options ul li.disabled a,
#options ul li.disabled a.on,
#options ul li.disabled a.off {
	color:#C1DEDC;
	cursor: default;
}
/* /options */
/* chart */
#chart {
	width:922px;
	height:270px;
	border-bottom: 3px dashed #A5A5A5;
}
#chart h3 {
	color: #6982FE;
	font-size: 40px;
	text-shadow: white 0px 1px 0px;
	margin-bottom:10px;
}
#chart div {
	background-color:#eee;
	float:left;
	width:43px;
	height:200px;
	position:relative;
	text-align:center;
	margin-right:3px;
	cursor:help;
}
#chart div div{
	background-color:#6982FE;
	position:absolute;
	bottom:20px;
}
#chart div h5{
	position:absolute;
	bottom:0px;
	font-size:18px;
	line-height:20px;
	height:20px;
	width:100%;
	color:#72DBFA;
	font-family:'CABNDWebBold';
	font-size:15px;
	text-shadow:0 1px 0 #FFFFFF;
	background-color:#f4f4f4;
}

/* /chart */

/* your country */
#your {
	background:#6fb7fb url(../img/bg_c.png) top left repeat-x;
	height:120px;
	margin:20px 0;
	display:none;
}
#your div {
	margin:0 auto;
	text-align:center;
}
#your h3 {
	font-size:38px;
	color:#CFFF57;/*#FFEA00;*/
	text-shadow: 0px -1px 0px #6c9cfc;
	/*display:block;
	float:left;*/
	text-align:center;
	line-height:108px;
	height:108px;
	margin-left:10px;
	text-transform:uppercase;
}
#your  span {
	font-size:38px;
	font-family:'CABNDWebBold';
	color:#71c9fb;
	width:92px;
	height:108px;
	background:transparent url(../img/ball.png) center left no-repeat;
	display:block;
	float:left;
	line-height:108px;
	text-align:center;
	margin-left:80px;
}
/* /your country */
