* {
	font-family: sans-serif;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
}
p {
	font-size: 1em;
}
p.fineprint {
	font-size: 70%;
	margin-bottom: 1%;
}
h1{
	font-size: 3.157em;
}
h2{
	font-size: 2.369em;
}
h3{
	color: #2C4E81;
	font-size: 1.777em;	
	padding-bottom: 1%;
}
h4{
	color: #2C4E81;
	font-size: 1.333em;
	padding-bottom: 1%;
}
header {
	float: left;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,1);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,1);
	width: 100%;
}
nav {
	background-color: rgba(32, 69, 124, 1);/*#20457C*/
	background: rgba(103,151,173,1);
	background: -moz-linear-gradient(top, rgba(103,151,173,1) 0%, rgba(219,219,219,1) 0%, rgba(209,209,209,1) 5%, rgba(32,69,124,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(0%, rgba(219,219,219,1)), color-stop(5%, rgba(209,209,209,1)), color-stop(100%, rgba(32,69,124,1)));
	background: -webkit-linear-gradient(top, rgba(103,151,173,1) 0%, rgba(219,219,219,1) 0%, rgba(209,209,209,1) 5%, rgba(32,69,124,1) 100%);
	background: -o-linear-gradient(top, rgba(103,151,173,1) 0%, rgba(219,219,219,1) 0%, rgba(209,209,209,1) 5%, rgba(32,69,124,1) 100%);
	background: -ms-linear-gradient(top, rgba(103,151,173,1) 0%, rgba(219,219,219,1) 0%, rgba(209,209,209,1) 5%, rgba(32,69,124,1) 100%);
	background: linear-gradient(to bottom, rgba(103,151,173,1) 0%, rgba(219,219,219,1) 0%, rgba(209,209,209,1) 5%, rgba(32,69,124,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#20457c', GradientType=0 );
	float: left;
	height: 5%;
	line-height: 2.5em;
	width: 100%;
}
nav ul {
	text-align: center;
} 
nav ul li {
	color: white;
	display: inline;
	font-size: 1em;
	float: left;
	text-align: left;
}
nav ul li.four {
	display: inline;
	font-size: 1em;
	float: left;
	text-align: center;
	width: 11%;
}
nav ul li.four-on {
	background-color: rgba(32, 69, 124, .7);/*#20457C*/
	display: inline;
	font-size: 1em;
	float: left;
	text-align: center;
	width: 11%;
}
nav ul li.eight {
	display: inline;
	font-size: 1em;
	float: left;
	text-align: center;
	width: 12%;
}
nav ul li.eight-on {
	display: inline;
	background-color: rgba(32, 69, 124, .7);/*#20457C*/
	font-size: 1em;
	float: left;
	text-align: center;
	width: 12%;
}
nav ul li a {
	color: white;
	display: block;
	text-decoration: none;
}
nav ul li a:visited {
	color: white;
	display: block;
	text-decoration: none;
}
nav ul li a:hover {
	background-color: rgba(32, 69, 124, .6);/*#20457C*/
}
input.searchbox {
	margin-left: 2em;
	width: 11%;
}
article {
	background-color: #ffffff;
	float: left;
	height: 100%;
	width: 57%;
}
article ul {
	list-style-type: none;
	line-height: 1.5em;
	padding-top: .2em;
	padding-bottom: .2em;
}
article ul li {
	margin-left: 2%;
}
aside {
	border: solid .1em #D9D9D9;
	float: left;
	line-height: 1.2em;
	margin-bottom: 1%;
	margin-left: 9.375em;
	margin-top: 1%;
	padding-bottom: 1%;
	text-align: center;
	width:75%;	
}	
aside h4 {
	padding-top: 1%;
}
aside p {
	font-size: 1em;
	padding-top: 1%;
	padding-left: 2%;
	padding-right:2%;
}
/*contact form styling*/
footer {
	background-color: #2C4E81;
	/*background-color: rgba(32, 69, 124, 1);*/
	float: left;
	line-height: 2.5em;
	padding-top: .625em;
	padding-bottom: 1em;
	width: 100%;
}
footer ul {
	padding-left: 42%;
	padding-right: 42%;
}
footer ul li {
	display: inline;
	line-height: 2.2917em;
	text-align: center;
}
footer img {
	width: 36px;
	height: 36px;
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
}
/* Social Media Icons
----------------------------------------------- */
a.socialIcons:hover {
	opacity: .8;
}
form {
	padding-left: 4%;
}
/*services page*/
#form fieldset {
	float: left;
	border: none;
	padding: 2%;
	width: 100%;
}
#form label {
	display: block;
	margin-bottom: .3em;
	margin-top: .3em;
	line-height: 1.2em;
	width: 20%;
}
#form label.comments {
	display: block;
	margin-bottom: .2em;
	margin-top: .2em;
	width: 70%;
}
#form input.commentForm[type=text] {
	width: 30%;
	margin-bottom: 1%;
}
#form input[type=name] {
	width: 51%;
	margin-bottom: 1%;
}
#form input[type=email] {
	width: 51%;
	margin-bottom: 1%;
}
#form textarea {
	margin-bottom: 5px;
	width: 95%;
}
/*contact form styling*/

/*services page*/
#serviceList ul li.services {
	margin-left: 2%;
}
#wrapper {
	border: 1px solid black;
	float: left;
	height: 100%;
	width: 100%;
}
#company {
	float: left;
	height: 17%;
	width: 70%;
}
#company h1 {
	margin-left: 3%;
	margin-top: 2%
}
#company p {
	font-style: italic;
	margin-left: 7%
}
#contactMe {
	float: left;
	line-height: 1.3em;
	padding-bottom: 1%;
	width: 30%;
}
#contactMe a {
	color: black;
	text-decoration: none;
}
#contactMe a:hover {
	color: black;
}
#contactMe p {
	padding-right: 3%;
	text-align: right;
}
#main {
	float: left;
	height: 100%;
	min-height: 450px;
	margin-bottom: 2%;
	width: 100%;
}
#content, #linux, #serviceDetails {
	float: none;
	line-height: 1.5em;
	margin-left: 9.375em;
	margin-top: 2%;
	width:78%;	
}
#content p, #linux p {
	margin-left: 2%;
	margin-right: 2%;
}
#content h3, #linux h3, #serviceDetails h3{
	margin-bottom: 1%;
	margin-left: 2%;
	margin-top: 2%;
}
#rightColumn {
	float: left;
	margin-left: 1.25em;
	width: 41%;
}
#serviceList, #moreLinux, #serviceContact, #classContact,#aboutMe{
	float: left;
	line-height: 1em;
	margin-top: 1%;
	/*width: 23.813em;*/
	width: 65%;
}
#serviceList ul li img, #moreLinux ul li img {
	height: 100%;
	width: 100%;
}
#serviceList ul, #moreLinux ul, #aboutMe ul {
	list-style-type: none;
	width: 100%;
}
#serviceList ul li, #moreLinux ul li, #aboutMe ul {
	float: none;
	margin-left: 1%;
	margin-bottom:1%;
}
#serviceList ul li a, #moreLinux ul li a {
	text-decoration: none;
}
#serviceList ul li.a, #moreLinux ul li.a {
	border: 1px solid white;
}
#serviceList ul li.b, #moreLinux ul li.b {
	border: 1px solid white;
}
#serviceList ul li.c, #moreLinux ul li.c {
	border: 1px solid white;
}
#moreLinux ul li.d {
	border: 1px solid white;
}
#serviceList ul li.a, #serviceList ul li.b, #serviceList ul li.c,
#moreLinux ul li.a, #moreLinux ul li.b, #moreLinux ul li.c, #moreLinux ul li.d {
	height: 125px;
	line-height: 125px;
	text-align: center;
	width: 98%;
}
#social {
	height: 48%;
	width: 100%;
}
#copyright {
	float: left;
	height: 48%;
	width: 100%
}
#copyright ul {
	padding-left: 34%;
	padding-right: 34%;
}	
#copyright ul li {
	color: black;
	display: inline;
	margin-left: 1%;
}
#copyright ul li a {
	color: black;
	text-decoration: none;
}
#copyright ul li a:visited {
	color: black;
	text-decoration: none;
}
/*linux page styling*/
#linuxContent article, #tricks article{
	/*background-color: #B6BCC4;*/
	border: 2px solid black;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,1);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,1);
	float: left;
	margin-bottom: 1%;
	margin-left: 15%;
	margin-top: 2%;
	min-height: 350px;
	overflow: auto;
	padding-left: 1%;
	padding-right: 1%;
	width: 70%;
}

#linuxContent h3, #linuxContent h4, #tricks h3 {
	padding-top: 1%;
	text-align: center;
}
#linuxContent p, #tricks h3 {
	line-height: 1.3em;
	padding-bottom: 1%;
	text-align: justify;
}
/*end linux page styling*/
/*contact me styling*/
form.contactMe {
	background-color: #B6BCC4;
	float: left;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 23.813em;
}
form.contactMe form {
	background-color: #B7BDC5;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,1);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,1);
	float: left;
	margin-bottom: 2%;
	margin-top: 1%;
	width: 24.813em;
}
form.contactMe fieldset {
	float: left;
	border: none;
	padding: 2%;
	width: 100%;
}
form.contactMe label {
	display: block;
	font-weight: bold;
	line-height: 1.2em;
	padding-top: 1%;
	padding-bottom: 1%;
	width: 90%;
}
form.contactMe label.comments {
	display: block;
	width: 90%;
}
form.contactMe input.commentForm[type=text] {
	width: 30%;
}
form.contactMe input[name=name] {
	width: 51%;
}
form.contactMe input[type=email] {
	width: 51%;
}
form.contactMe input[type=number] {
	width: 51%;
}
form.contactMe textarea {
	width: 90%;
}
.contactMe p {
	font-size: 85%;
	line-height: 1.2em;
}
/*contact me styling*/
/*thx styling*/
#thx {
	float: none;
	line-height: 1.5em;
	margin-left: 9.375em;
	margin-right: 9.375em;
	margin-top: 2%;
	width:80%;	
}
#thx p {
	margin-left: 2%;
	margin-right: 2%;
	text-align: center;
}
#thx h3{
	margin-bottom: 1%;
	margin-left: 2%;
	margin-top: 1%;
	text-align: center;
}
#thx article{
	border: 2px solid black;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,1);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,1);
	float: left;
	margin-bottom: 21%;
	margin-left: 15%;
	margin-top: 1%;
	min-height: 350px;
	padding-left: 1%;
	padding-right: 1%;
	width: 70%;
}
/*training styling*/
article.training {
	margin-right: 4%;
	width: 55%;
}
article.training h3 {
	color: #2C4E81;
	margin-top: 2%;
	padding-bottom: 2%;
}
article.training p {
	font-weight: normal;
	line-height: 1.2em;
	padding-bottom: 2%;
	padding-left: 2%;
	padding-right: 2%;
	text-align: left;
}
table {
	padding-left: 2%;
	padding-right: 2%;
}
td.nameHeading {
	text-align: left;
	width: 42%;
}
td.timeHeading {
	text-align: right;
	width: 33%;
}
td.costHeading {
	text-align: right;
	width: 25%;
}
td.className {
	text-align: left;
	width: 42%;
}
td.classTime {
	text-align: right;
	width: 33%;
}
td.classPrice {
	text-align: right;
	width: 25%;	
}

/*training styling end*/
/*about me styling*/
#aboutMe ul li img {
	height: 75%;
	margin-left: 20%;
	width: 75%;
}
/*end about me styling*/