@charset "utf-8";
/* CSS Document */
html,body {margin:0;padding:0;height:100%;font-family:Arial, Helvetica, sans-serif;}
html{background:transparent url(layout/special/bg-vertical.png) repeat-x 0 0;}
body{background:url(layout/special/bg-horizontal.png) repeat-y 0 0; height:auto !important; height:100%;min-height:100%;}
p{padding:0; margin:0;}

#container{position:absolute; background:url(layout/special/body-bg.jpg) no-repeat 0 0;  height:auto !important; height:100%;min-height:100%; width:100%;}
	#content_row {width:810px; margin:0 auto 0 225px;}
		#logo{ height:70px; text-align:left; padding-left:150px;padding-top:65px; padding-bottom:30px;}
		#timer{ height:300px;width:557px; padding-right:135px; padding-left:116px;background:url(layout/special/timer-bg.png) no-repeat 50% 0%; text-align:center;  position:relative; }
			#progresbar-bg{width:13px; padding:0 7px 0 10px; height:274px;background:url(layout/special/progresbar-bg.png) no-repeat 50% 0%;float:left;}
					#progresbar-bar{background:url(layout/special/progresbar.gif) no-repeat 50% 0px; margin-top:8px;float:left; width:10px; height:253px;position:relative;top:0;}
					#procent{ position:absolute;height:31px;width:71px;padding-right:4px;  background:url(layout/special/procent-bubble.png) no-repeat top left; padding-top:5px;left:52px;font-size:21px; color:#FFF; font-weight:bold;}
						#procent span{ font-size:14px; margin-left:2px;}
			
			#countdown{float:right; padding-top:30px; width:500px; padding-bottom:3px;}
				#countdown span{background:url(layout/special/counter-bg.png) no-repeat 0 0; width:120px; height:84px; padding-left:5px;display:block; float:left;font-weight:bold; }
					#countdown span.text{width:82px; height:18px; padding-right:30px; padding-top:6px; text-align:center; font-size:14px;color:#898988; background:none;}
					#countdown span.number{width:95px; height:55px; padding-right:20px; text-align:center;font-size:45px;color:#fff; background:none;}
						ul{float:right; width:485px;padding:20px 10px 10px 5px; margin:0; list-style:none;}
			ul li{ float:left;}
				ul li a{width:41px; height:41px; display:block; float:left; background-position:0 0; background-repeat:no-repeat;}
					ul li a#twitter{background-image:url(layout/special/twitter.png);}
					ul li a#rss{ float:right; background-image:url(layout/special/rss.png);}
					ul li p{ float:left; font-size:12px;width:393px; line-height:22px;color:#8c8c8c;}
					ul li span{ font-size:24px;color:#d5d5d5;}
			#form-email{float:right; width:500px;padding:20px 0px 10px 0px; margin:0;}
				#form-email p{ float:left;}
				#form-email input{ border:none; background:none;}
					#form-email input#email{background:url(layout/special/input-bg.png) no-repeat 0 0;height:23px; width:400px; padding:7px 5px 0 8px;  color:#919191; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
					#form-email input#submit{background-image:url(layout/special/submit.png);background-repeat:no-repeat; background-position: 0 0px; height:30px; width:75px; margin-left:2px; }
					#form-email input#submit:hover{ background-position:0-40px; cursor:pointer;}
	/*footer*/
	div#footer { position:absolute; bottom:0; width:100%;z-index:0; text-align:center;}

.tipsy {}
  .tipsy-inner {max-width: 200px; text-align: center;}
	.tipsy-east { background-image: url(layout/special/tooltip-right-arrow.gif); background-position: center right; padding-right:4px;}
	.tipsy-west { background-image: url(layout/special/tooltip-left-arrow.gif); background-position: left center;padding-left:4px;}
	.tipsy-inner span{ background-color:#000;padding:2px 4px; float:left; color:#919191; font-size:11px; }
	.tipsy-inner span.east{border-right:0px none;}
	.tipsy-inner span.west{border-left:0px none; }