.bubbles,
	.bubbles {
		height: 30%;
		top: 0;
	}



.bubbles {
	position: absolute;
	overflow: visible;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

	.bubbles .bubble {
		position: absolute;
		left: 0;
		top: 20px;
		width: 24px;
		height: 24px;
		background: url(images/bubbles.png) 0 -56px;
	}

		.bubbles .size-2 {
			width: 56px;
			height: 56px;
			background-position: 0 0;
		}

		.bubbles .size-3 {
			width: 35px;
			height: 35px;
			background-position: -56px -76px;
		}

		.bubbles .size-4 {
			width: 76px;
			height: 76px;
			background-position: -56px -0px;
		}

	.gallery1.bubbles,
	.upload1.bubbles,
	.upload2.bubbles {
		left: 50%;
		top: 0px;
		margin-left: -560px;
		width: 950px;
	}

	.gallery1.bubbles {
		height: 60px;
		width: 800px;
		margin-left: -560px
	}

	
	.upload1.bubbles {
		top: 90px;
		height: 130px;
	}
	
	.upload2.bubbles {
		height: 60px;
	}



#modal {
	display: none;
}

#modal .overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ffd927;
	z-index: 6;
	opacity: 0.3;
}

	#modal {
		position: absolute;
		left: 50%;
		top: 50%;
		z-index: 7;
	}
	

.modal-rules .content .article {
	width: 600px;
	height: 290px;
	background: #fff;
	overflow: auto;
	border: 30px #fff solid;
	-moz-border-radius: 10px;
}
	.modal-rules .article p,
	.modal-rules .article ul,
	.modal-rules .article dl {
		width: 90%;
	}
	
	#modal.modal-rules .close {
		right: -10px;
		top: -10px;
	}