/*
Developed by :
Ahmed Mohamed Araby
Radwa Mohamed Araby
Yossef Moahmed Araby
Noran Assam
*/
* {
	margin: 0;
	padding: 0;
}
body {
	background: url(back6.jpg) fixed;
	background-size: 100%;
}
#links {
	z-index: 5;
	position: fixed;
	width: 100%;
	font-size: 22px;
	text-align: right;
	padding: 20px;
	background-color: rgb(235,235,235);
}
#links a {
	padding: 10px;
	color: #b35900;
	position: relative;
	top: 20px;
}
#links a:hover {
	color: #804000;
}
#logo {
	height: 80px;
}
#active {
	text-decoration: underline;
}
#title {
	text-decoration: underline;
	text-align: center;
	color: #b35900;
}
.div1 {
	border-radius: 10%;
	padding: 10px;
	margin: 10px;
	margin-left: 90px;
	height: 350px;
	width: 90%;	
	font-size: 30px;	
	background-color: rgb(255,255,255,.5);
}
#pre1 {
	margin-left: 400px;
	margin-top: -220px;
	font-size: 30px;
}
.div1 img {
	margin-top: 15px;
	margin-left: 15px;
	height: 300px;
	width: 300px;
	border-radius: 50%;
}
#img1 {
	position: relative;
	left: 1300px;
	top: -300px;
	height: 90%;
	width: 300px;
	border-radius: 50%;
}
#s1 {
	height: 120px;
	width: 210px;
	opacity: .5;
	position: relative;
	left: 1190px;
	top: -30px;
}
#s2 {
	height: 90px;
	width: 90px;
	opacity: .5;
	position: relative;
	left: 1160px;
	top: -30px;
}
#s1:hover {
	opacity: 1;
}
#s2:hover {
	opacity: 1;
}
#p1 {
	font-size: 40px;
	margin-left: 1270px;
	margin-top: -170px;
}
#img2 {
	position: relative;
	left: 1300px;
	top: -300px;
	height: 90%;
	width: 300px;
	border-radius: 50%;
}
#s3 {
	height: 120px;
	width: 210px;
	opacity: .5;
	position: relative;
	top: -30px;
	left: 10px;
}
#s4 {
	height: 90px;
	width: 90px;
	opacity: .5;
	position: relative;
	top: -30px;
	left: -10px;
}
#s3:hover {
	opacity: 1;
}
#s4:hover {
	opacity: 1;
}
#p2 {
	font-size: 40px;
	margin-left: 100px;
	margin-top: -510px;
}
#pre2 {
	font-size: 30px;
	margin-top: 100px;
	margin-left: 800px;
}
#pre3 {
	font-size: 30px;
	margin-top: -200px;
	margin-left: 400px;
}
#s5 {
	height: 120px;
	width: 210px;
	opacity: .5;
	position: relative;
	top: -30px;
	left: 1180px;
}
#s6 {
	height: 90px;
	width: 90px;
	opacity: .5;
	position: relative;
	top: -30px;
	left: 1160px;
}
#s5:hover {
	opacity: 1;
}
#s6:hover {
	opacity: 1;
}
#p3 {
	font-size: 40px;
	margin-left: 1270px;
	margin-top: -200px;
}
#pre4 {
	font-size: 30px;
	margin-top: 100px;
	margin-left: 500px;
}
#p4 {
	font-size: 40px;
	margin-left: 70px;
	margin-top: -520px;
}
#s7 {
	height: 120px;
	width: 210px;
	opacity: .5;
	position: relative;
	top: -30px;
	left: -10px;
}
#s8 {
	height: 90px;
	width: 90px;
	opacity: .5;
	position: relative;
	top: -30px;
	left: -40px;
}
#s7:hover {
	opacity: 1;
}
#s8:hover {
	opacity: 1;
}
footer {
	font-size: 40px;
	color: white;
	background-color: rgb(217,217,217,.5);
}
/*
Developed by :
Ahmed Mohamed Araby
Radwa Mohamed Araby
Yossef Moahmed Araby
Noran Assam #cc6600 about
#1ab2ff

*/