/* CSS Document */
/*------------General----------------*/
body{
	background:url(../images/main_bg_repeat.jpg) repeat-x 0 0 #d0d0d0;
	color:#000000;
	padding:160px 0 0 0;
	margin:0 auto;
	width:100%;	
	display:table;	
	text-align:left;
}

/*---------Footer Portion Starts------------*/
div.footer{
	width:669px;
	margin:-1px auto 0 auto;
	padding:2px 0 40px 0;
	background:url(../images/footer_bg.png) no-repeat 0 0;
}
div.footer p{
	font:normal 10px/22px Verdana, Arial, Helvetica, sans-serif;
	color:#2d3c45;
	background-color:inherit;
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-align:center;
}
div.footer p a{
	font:normal 10px/22px Verdana, Arial, Helvetica, sans-serif;
	color:#4d5f6a;
	background-color:inherit;
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-align:center;
}

div.footer p a:hover{
	text-decoration:underline;
}
/*---------Footer Portion Ends------------*/


/*---------Background Bubble Animation starts------------------*/
/*-- webkit animation --*/
.bubble {
	background:rgba(81,81,81, 0.2);
	position:absolute;
	-webkit-border-radius:50px;
	-webkit-animation-name: flight;
	-webkit-animation-duration: 12s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
@-webkit-keyframes flight {
	0%{
		width:20px;
		height:20px;
		margin-left:800px;
		margin-top:400px;
		background:rgba(81,81,81, 0);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,0);
	}
	50% {
		width:60px;
		height:60px;
		background:rgba(81,81,81, 0.2);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,.05);
		margin-left:500px;
		margin-top:200px;
	}
	100% {
		width:100px;
		height:100px;
		margin-left:300px;
		margin-top:0px;
		background:rgba(81,81,81, 0);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,0);
	}
}
.bubble2 {
	background:rgba(81,81,81, 0.2);
	position:absolute;
	-webkit-border-radius:50px;
	-webkit-animation-name: leftflight;
	-webkit-animation-duration: 12s;
	-webkit-animation-delay: 5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
@-webkit-keyframes leftflight {
	0%{
		width:20px;
		height:20px;
		margin-left:800px;
		margin-top:500px;
		background:rgba(81,81,81, 0);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,0);
	}
	50% {
		width:60px;
		height:60px;
		background:rgba(81,81,81, 0.2);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,.05);
		margin-left:1000px;
		margin-top:120px;
	}
	100% {
		width:100px;
		height:100px;
		margin-left:1200px;
		margin-top:0px;
		background:rgba(81,81,81, 0);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,0);
	}
}
.bubble3 {
	background:rgba(81,81,81, 0.2);
	position:absolute;
	-webkit-border-radius:50px;
	-webkit-animation-name: centerflight;
	-webkit-animation-duration: 10s;
	-webkit-animation-delay: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
@-webkit-keyframes centerflight {
	0%{
		width:20px;
		height:20px;
		margin-left:700px;
		margin-top:400px;
		background:rgba(81,81,81, 0);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,0);
	}
	50% {
		width:60px;
		height:60px;
		background:rgba(81,81,81, 0.2);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,.05);
		margin-left:700px;
		margin-top:40px;
	}
	100% {
		width:100px;
		height:100px;
		margin-left:700px;
		margin-top:-200px;
		background:rgba(81,81,81, 0);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,0);
	}
}
.bubble4 {
	background:rgba(81,81,81, 0.2);
	position:absolute;
	-webkit-border-radius:80px;
	-webkit-animation-name: centerleftflight;
	-webkit-animation-duration: 15s;
	-webkit-animation-delay: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
@-webkit-keyframes centerleftflight {
	0%{
		width:20px;
		height:20px;
		margin-left:600px;
		margin-top:500px;
		background:rgba(81,81,81, 0);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,0);
	}
	50% {
		width:70px;
		height:60px;
		background:rgba(81,81,81, 0.2);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,.05);
		margin-left:500px;
		margin-top:80px;
	}
	100% {
		width:160px;
		height:160px;
		margin-left:140px;
		margin-top:-500px;
		background:rgba(81,81,81, 0);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,0);
	}
}
.bubble5 {
	background:rgba(81,81,81, 0.2);
	position:absolute;
	-webkit-border-radius:50px;
	-webkit-animation-name: centerrightflight;
	-webkit-animation-duration: 15s;
	-webkit-animation-delay: 5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
@-webkit-keyframes centerrightflight {
	0%{
		width:20px;
		height:20px;
		margin-left:700px;
		margin-top:600px;
		background:rgba(81,81,81, 0);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,0);
	}
	50% {
		width:60px;
		height:60px;
		background:rgba(81,81,81, 0.2);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,.05);
		margin-left:900px;
		margin-top:300px;
	}
	100% {
		width:100px;
		height:100px;
		margin-left:1300px;
		margin-top:-400px;
		background:rgba(81,81,81, 0);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,0);
	}
}
.bubble6 {
	background:rgba(81,81,81, 0.2);
	position:absolute;
	-webkit-border-radius:50px;
	-webkit-animation-name: centercenterflight;
	-webkit-animation-duration: 20s;
	-webkit-animation-delay: 9s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
@-webkit-keyframes centercenterflight {
	0%{
		width:10px;
		height:10px;
		margin-left:700px;
		margin-top:500px;
		background:rgba(81,81,81, 0);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,0);
	}
	50% {
		width:60px;
		height:60px;
		background:rgba(81,81,81, 0.2);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,.05);
		margin-left:500px;
		margin-top:100px;
	}
	100% {
		width:100px;
		height:100px;
		margin-left:450px;
		margin-top:-700px;
		background:rgba(81,81,81, 0);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,0);
	}
}

/*---------Background Bubble Animation Ends------------------*/

