/* CSS Document */



.myClass {
	width: 345px;
	height: 60px;
	background-color: #FFFFFF;
   	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 60px;
	text-align: left;
}
div.demoElement{
	width: 290px;
	height: 60px;
	top: 0px;
	left: 0px;
	position: absolute;
	background-color: #FFFFFF;
	font-size: 22px;	
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #414141;
	text-align: left;
	line-height: 60px;
}
.scienceClass {
	width: 345px;
	height: 30px;
	top: 90px;
	left:0px;
	position: absolute;
	background-color: #a2deec;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	text-align: left;
}

div.science{
	width: 290px;
	height: 30px;
	top: 90px;
	left:0px;
	position: absolute;
	background-color: #FFFFFF;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	text-align: left;
}
.artClass {
	width: 345px;
	height: 30px;
	top: 120px;
	left:0px;
	position: absolute;
	background-color: #99d2df;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	text-align: left;
}


div.art{
	width: 290px;
	height: 30px;
	top: 120px;
	left:0px;
	position: absolute;
	background-color: #FFFFFF;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	padding-left: 0px;
	text-align: left;

}

.enginClass {
	width: 345px;
	height: 30px;
	top: 150px;
	left:0px;
	position: absolute;	
	background-color:#8fc4d0;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	text-align: left;
}

div.engin{
	width: 290px;
	height: 30px;
	top: 150px;
	left:0px;
	position: absolute;
	background-color: #FFFFFF;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	padding-left: 0px;
	text-align: left;

}

.hireClass {
	width: 345px;
	height: 30px;
	top: 210px;
	left:0px;
	position: absolute;
	background-color:#70D36E;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	text-align: left;
}

div.hire{
	width: 290px;
	height: 30px;
	top: 210px;
	left:0px;
	position: absolute;
	background-color: #FFFFFF;
    font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	padding-left: 0px;
	text-align: left;

}

.clientsClass {
	width: 345px;
	height: 30px;
	top: 240px;
	left:0px;
	position: absolute;
	background-color:#6dcf6b;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	text-align: left;
}

div.clients{
	width: 290px;
	height: 30px;
	top: 240px;
	left:0px;
	position: absolute;
	background-color: #FFFFFF;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	text-align: left;

}

.blogClass {
	width: 345px;
	height: 30px;
	background-color:#F4B530;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	text-align: left;
}

div.blog{
	width: 290px;
	height: 30px;
	top: 300px;
	left:0px;
	position: absolute;
	background-color: #FFFFFF;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	padding-left: 0px;
	text-align: left;

}

.teamClass {
	width: 345px;
	height: 30px;
	top: 330px;
	left:0px;
	position: absolute;
	background-color:#edaf2c;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	text-align: left;
}

div.team{
	width: 290px;
	height: 30px;
	top: 330px;
	left:0px;
	position: absolute;
	background-color: #FFFFFF;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	padding-left: 0px;
	text-align: left;

}

.contactClass {
	width: 345px;
	height: 30px;
	top: 360px;
	left:0px;
	position: absolute;
	background-color:#e6aa2a;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	text-align: left;
}

div.contact{
	width: 290px;
	height: 30px;
	top: 360px;
	left:0px;
	position: absolute;
	background-color: #FFFFFF;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	padding-left: 0px;
	text-align: left;

}