html, body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: medium;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
}

h2.title {
	color: darkgreen;
	font-weight: bold;
	display: block;
	margin: 0;
	padding: 0;
	font-size: 13px;
}

.sprite {
	background-image: url(../../images/full/sprite.png);
	background-repeat: no-repeat;
}

.triangle {
	padding: 17px 0 13px 0;
	width: 9px;
}

.triangle div {
	font-size: 0px; line-height: 0%; width: 0px;
	border-top: 9px solid #ccc;
	border-left: 5px solid white;
	border-right: 5px solid white;
}

.triangle:hover div {
	border-top: 9px solid #666;
	cursor: pointer;
}

.up-triangle {
	padding: 17px 0 13px 0;
	width: 9px;
}

.up-triangle div {
	font-size: 0px; line-height: 0%; width: 0px;
	border-bottom: 9px solid #ccc;
	border-left: 5px solid white;
	border-right: 5px solid white;
}

.up-triangle:hover div {
	border-bottom: 9px solid #666;
	cursor: pointer;
}

.button {
	background-image: url(../../images/full/buttons.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	width: 40px;
	height: 40px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.button:hover {
	background-position: 0 -40px;
}

.button.web { background-position: -40px 0; }
.button.web:hover { background-position: -40px -40px; }

.button.news { background-position: -80px 0; }
.button.news:hover { background-position: -80px -40px; }

.button.quran { background-position: -120px 0; }
.button.quran:hover { background-position: -120px -40px; }