@font-face {
	font-family: 'CiscoSansThin';
	src: 	url('fonts/ciscosansthin-webfont1.eot');
	src: 	url('fonts/ciscosansthin-webfont1.eot?iefix') format('eot'),
			url('fonts/ciscosansthin-webfont2.woff') format('woff'),
			url('fonts/ciscosansthin-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'CiscoSansRegular';
	src: 	url('fonts/ciscosansregular-webfont1.eot');
	src: 	url('fonts/ciscosansregular-webfont1.eot?iefix') format('eot'),
			url('fonts/ciscosansregular-webfont2.woff') format('woff'),
			url('fonts/ciscosansregular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'CiscoSansBold';
	src: 	url('fonts/ciscosansbold-webfont1.eot');
	src: 	url('fonts/ciscosansbold-webfont1.eot?iefix') format('eot'),
			url('fonts/ciscosansbold-webfont2.woff') format('woff'),
			url('fonts/ciscosansbold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
body, html {background-color:#000;overflow:hidden;font-family:CiscoSansThin, Arial;}
#ground {background-color:#808080;width:100%;position:absolute;bottom:-100px;left:0;height:145px;z-index:200;}
#layer1 {background-color:#949496;width:100%;height:15px;position:absolute;top:0;}
#layer2 {background-color:#737373;width:100%;height:15px;position:absolute;top:15px;}
#skygradient {width:100%;position:absolute;bottom:0;left:0;height:400px;z-index:30;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#555));
	background: -moz-linear-gradient(top,  #000,  #555);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#555555');}
#clickarea {width:100%;height:100%;position:absolute;top:0;left:0;z-index:1000;}
.flame, #GameOver, #GetReady, .city, .tankexplode, #ForceField,
#Numbers9, .alien, .explosion, .rain, #TogetherLockup, #bottomMessage, #threatBar, #DeathStar
	{left: 0px; top: -500px; position: absolute;}
.flame {z-index:100;}
#GameOver {z-index:1100;color:#fff;width:960px;height:300px;text-align:center;}
#GameOver h2 {font-size:32px;}
#GameOver p {font-size:16px;line-height:19px !important;}
#GameOver .learnmore {font-size:22px !important;height:35px !important;line-height:35px !important;}
#message-lose, #message-win {display:none;}
h1 {font-size:99px;color:#ff003d;font-family:CiscoSansBold, Arial;font-weight:bold;text-transform:uppercase;
	text-shadow:0 0 10px #ff003d;}
h2 {font-size:27px;margin-top:0px;color:#fff;}
p {font-size:20px;margin:45px 0;line-height:18px;color:#fff;font-family:CiscoSansBold;}
#GameOver a, #GetReady a {font-size:18px;text-decoration:none;}
.learnmore {color:#fff;padding:5px 15px;display:block;width:200px;height:40px;line-height:40px;text-align:center;
	font-family:CiscoSansBold;font-size:30px !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#46b6b6), to(#277a79));
	background: -moz-linear-gradient(top,  #46b6b6,  #277a79);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#46b6b6', endColorstr='#277a79');}
.Replay {color:#fff;clear:left;margin-top:50px;font-size:30px;}
#GetReady {z-index:1100;width:960px;text-align:center;}
#DeathStar {top:80px;left:100px;}
.rain {z-index:80;}
.city {z-index:45;}
#ForceField {z-index:120;opacity:0;}
.tankexplode {z-index:65;}
#Numbers9 {z-index:150;}
.alien {z-index:80;}
.explosion {z-index:85;}
#Loading {z-index:150;left:20px;top:20px;position:absolute;}
#TogetherLockup {z-index:1100;}
#bottomMessage {z-index:1100;color:#fff;}
#bottomMessage img {position:relative;left:5px;top:3px;}
#threatBar {top:0;left:0;width:100%;height:40px;background-color:rgba(50,50,50,.5);top:-50px;z-index:2000;font-size:30px;}
#threatBarProgress {width:0%;height:100%;background-color:rgba(255,0,50,.75);color:#fff;white-space:nowrap;line-height:40px;
	-webkit-box-shadow:0 0 15px rgba(255,0,50,1);-moz-box-shadow:0 0 15px rgba(255,0,50,1);box-shadow:0 0 15px rgba(255,0,50,1);}}