body {
	background-color: 	#F26621;
	font-family:     	sans-serif;
	font-size:  		small;

}

#wrapper {
	color: white;
width:80%; margin:0 auto;

}

header.top { 
	background-color: white;
	height: 			100%;
}

#logo{
	padding:  			10px 0px 10px 30px;
	width:  			25%;
}

#glass{
	position: absolute;
	left: -100px;
	bottom: 50px;
	width: 25%;

}

#me{
	display: inline-block;
	width: 75%;
	padding: 5% 40% 5% 14%;
}

#tagline{
	float: right;
	padding: 40px 10px 0px 0px;
	width: 25%;
}


#mainContainer{
	background:  		url(images/bg2.jpg);
	background-size: 	100%;
	width:  			100%;
}


#tableContainer {
  margin: 			  0 auto;
  width: 			  80%;
 		

}

#tableContainer section {
	width: 100%;
	padding:1%;
	float:left;
	display: inline;
}

#tableContainer section h2 {
	color:  			#404041;
	line-height: 		1.3em;	
	padding:0;
	text-align: center;

}
#tableContainer section img { width:100%;}


h1 {
	font-size:  		200%;
	color:  			#F16622;
	padding:  			50px 55px 0px 100px;
	line-height:  		1.3em;
}


h2 {
	font-size:  		150%;
	color:  			#404041;
	padding:  			15px 55px 0px 100px;
	line-height: 		1.3em;
}

h1.home{
	text-align: center;

}

h2.home {
	text-align: center;
}

p.home {
	text-align: center;
}

nav {
	width:100%;
	border:				none;
	border-color:  		#404041;
}

nav ul {
	background-color:  	#404041;
  	list-style-type:  	none;
  	float:left;
  	width:100%;
}

nav ul li {
	height: 30px;
	float:left;
	width:25%;
	display: inline;
	text-align: center;

}

nav ul li a:link, nav ul li a:visited {
	color:  			white;
	text-decoration:  	none;
	line-height: 30px;
	text-align: center;
}

nav ul li:hover {
	background-color:  	#58585B;
}

#footer {
	margin:  			2px 0px 2px 0px;
	text-align:  		center;
	height:  			40px;
	background-color:   #404041;
	clear: both;
}


#mainContainer p {
	font-size:  		100%;
	color:  			#404041;
	padding:  			15px 70px 0px 100px;
	line-height: 		2em;
}
/*
p#aboutMe{
	padding: 15px 70px 80px 100px;
}
*/

p#footer{
	color: white;
}


nav ul li.selected {
	background-color: 	#58585B;
}


@media only screen and (max-width: 768px) {

	#tableContainer section {
	width: 48%;
	padding:1%;
	float:left;
	display: inline;
	}

}

a.top2 {
	font-size: 150%;
	padding: 0px 0px 10px 0px;
	display: block;
	text-decoration: none;
	color: #F26621;
	text-align: center;
}

@media only screen and (max-device-width: 768px) {

	#tableContainer section {
	width: 48%;
	padding:1%;
	float:left;
	display: inline;
	}

}

@media only screen and (max-device-width: 480px) {

	#tableContainer section {
	width: 98%;
	padding:1%;
	float:left;
	display: inline;
	}

	nav ul li {
	width:100%;
	height: 100px;
}

	nav ul li a {
	font-size: 400%;
}

}

@media only screen and (max-width: 480px) {

	#tableContainer section {
	width: 98%;
	padding:1%;
	float:left;
	display: inline;
	}

	nav ul li {
	width:100%;
}

}