/*page*/

body{
	font: 12px/18px "Lucida Grande", Verdana, sans-serif;
	color:#333;
	background-color: #3d4656;
	background: url('bg.png') repeat;
	}

/*divs*/

#content{
	width: 500px;
	text-align: center;
	padding: 1px;
	margin-top:100px;
	margin-left: auto;
	margin-right: auto;
	}
	
#window{
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topleft:  20px;
	-moz-border-radius-bottomright:  20px;
	
	background:	-webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.04, rgb(37,43,53)),
	    color-stop(0.52, rgb(25,28,35))
	);

	background: -moz-linear-gradient(bottom, #252b35, #191c23);
	
	-webkit-box-shadow: 1px 5px 10px #303744;
	-moz-box-shadow: 1px 5px 10px #303744;
	
	border: 4px solid #0a0b0e;
	height:40px;
	
 	-webkit-animation-name: pulse;
	-webkit-animation-duration: 4s;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;	
	}

/*text*/
	
h3 {
	font: bold 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #a4aebf;
	text-shadow: #111 0 2px 1px;
}


/*webkitanimation*/
	
	@-webkit-keyframes pulse {
	 0% {
	   -webkit-transform: scale(1.0);
	 }
	 33% {
	   -webkit-transform: scale(1.1);
	 }
	 67% {
	   -webkit-transform: scale(1.0);
	 }
	 100% {
	   -webkit-transform: scale(1.1);
	 }
	}