/*CSS for hamelg.appspot.com */

body {
	margin: 30px auto;
	width: 90%;
}

a{
 text-decoration:none;
 
}

#ink{

	margin-left: 7%;
	float:left;
	position: relative;
	width: 13%;

}

#ink2{

	margin-left: 7%;
	display: none;
	float:left;
	position: relative;
	width: 13%;

}

#mortar{

	margin-left: 5%;
		float:left;
	position: relative;
	width: 13%;

}

#mortar2{

	margin-left: 5%;
	display: none;
		float:left;
	position: relative;
	width: 13%;

}

#weight1{

	margin-left: 5%;
		float:left;
	position: relative;
	width: 13%;

}

#weight2{

	margin-left: 5%;
	display: none;
		float:left;
	position: relative;
	width: 13%;

}

#light1{

	margin-left: 5%;
		float:left;
	position: relative;
	width: 13%;

}

#light2{

	margin-left: 5%;
	display: none;
		float:left;
	position: relative;
	width: 13%;

}

#python{

	margin-left: 5%;
	float:left;
	position: relative;
	width: 13%;

}

#python2{

	margin-left: 5%;
	display: none;
		float:left;
	position: relative;
	width: 13%;

}



#pict{
	float:left;
	position: relative;
	padding: 1%;
	width: 45%;
	margin-top: 3%;
	margin-bottom: 2%;

	
}

#content{
	float:left;
	position: relative;
	padding: 1%;
	width: 45%;
	margin-top: 3%;
	margin-bottom: 2%;

}

#messagetitle{
font-family:"Georgia" ;
text-align: center;
}
#message{
   font-family:"Georgia" ;
}

#gpic{
    max-height: 100%;
	max-width: 100%;
}

#gwritepic{
    max-height: 100%;
	max-width: 100%;
	display: none;
}



#gprogpic{
    max-height: 100%;
	max-width: 100%;
	display: none;
}

#gpulluppic{
    max-height: 100%;
	max-width: 100%;
	display: none;
}

#gexplorepic{
    max-height: 100%;
	max-width: 100%;
	display: none;
}

#gstudypic{
    max-height: 100%;
	max-width: 100%;
	display: none;
}

#fbook{
    height:100%;
	margin-left: 14%;
}
#gplus{
	margin-left: 14%;
    height:100%;
}
#twitter{
	margin-left: 14%;
    height:100%;
}
#linkedin{
	margin-left: 14%;
    height:100%;
}



footer {
	padding: 1%;
	height: 5em;
	margin-bottom: 1%;
	width: 100%;
	position: relative;
	float:right;
}