body {
background-image:url(../siteimages/stripe.png);
background-repeat:repeat-all;
}

.contactFields
{
    background-color:#202020;
    border:solid 1px #151515;
    margin-bottom:10px;
    color:#ffffff;
    width:100%;
}

table.contact{
	text-align:center;
	width:100%;
	margin-top:20px;
	}
	
table.contact th{
		font-weight:bold;
		font-size:1.15em;
		text-align:right;
		
		padding-bottom:10px;
		padding-right:10px;
		margin-bottom:10px;
}
table.contact td input, table.contact td textarea{
		font-weight:bold;
		
		font-size:1em;
		text-align:left;
		border:2px solid #fff;
		background-color:#6699ff;
		margin-bottom:10px;
		width:200px;
		padding:5px;

		
}

div#header
{
    float:left;
    width:100%;
    height:45px;
	position:fixed;
	z-index:2;
	top:0px;
	left:0px;
	border-bottom:2px solid #6699ff;
	background-color:#fff;
	   -moz-box-shadow: 0px 0px 10px #006ec1;
		box-shadow: 0px 0px 10px #006ec1;
-webkit-box-shadow: 0px 0px 10px #006ec1;
/*    background-image:url(/siteimages/header.png);*/
}

ul#menu{
   	width:980px;
		display:block;
		list-style:none;
		list-style-type:none;
		margin:0px auto;
		padding:0px;
		height:45px;
		font-size:1.2em;
		color:#03f;
		background-color:#fff;
		z-index:1;
		
}

ul#menu li {

	display:table-cell;
	margin-top:1px;
	margin-bottom:1px;
	vertical-align:top;
	width:130px;


}


ul#menu li a{
	padding-left:20px;
	padding-right:20px;
	display:block;
	padding-top:0px;
	line-height:43px;
	text-decoration:none;
	color:#03f;

}

ul#menu li a:hover{
	color:#03f;
	line-height:43px;
	border-bottom:2px solid #006ec1;
	-moz-box-shadow: 0px 3px 10px #6699ff;
		box-shadow: 0px 3px 10px #6699ff;
-webkit-box-shadow: 0px 3px 10px #6699ff;
}
ul#menu li a:active{
	-moz-box-shadow: 0px 3px 15px #303030;
		box-shadow: 0px 3px 15px #303030;
-webkit-box-shadow: 0px 3px 15px #303030;
}
ul#menu li.logo a{
	position:relative;
	top:0px;
	padding:0px;
	display:block;
	height:108px;
	width:108px;
	text-decoration:none;
	color:#03f;
	background-image:url(/siteimages/ajglogo.png);

  margin-left: auto;        /* adding auto-margins left and right will
                               center the element horizontally!*/
  margin-right: auto;
  	  /* -moz-box-shadow: 0px 0px 10px #006ec1;
		box-shadow: 0px 0px 10px #006ec1;
-webkit-box-shadow: 0px 0px 10px #006ec1;*/

}
ul#menu li.logo a:hover{
	border:none;
		-moz-box-shadow:none;
		box-shadow:none;
-webkit-box-shadow:none;
}
body#repair li a#repairnav,
body#design ul#menu li.design a#designnav,
body#coding li a#codingnav,
body#contact li a#contactnav,
body#resume li a#resumenav,
body#appli li a#applinav {
	padding-left:20px;
	padding-right:20px;
	display:block;
	padding-top:0px;
	text-decoration:none;
	color:#03f;
	line-height:43px;
	border-bottom:2px solid #6699ff;

}





.headerRule
{
    color:#6699ff;
    Border-bottom:solid 2px #6699ff;
    width:100%;
	display:none;
}

.footer
{
    width:900px;
    height:249px;
    float:left;
    position:relative;
    background-image:url(/siteimages/footerBG.png);
}

.middle
{
    float:left;
    display:inline;
    width:900px;
    height:453px;
    position:relative;
    background-image:url(/siteimages/middle.png);
    
}

#mainContent
{

position:relative;
	text-align:justify;
top:30px;
padding-top:42px;
    padding-bottom:0px;
	padding-left:20px;
	padding-right:20px;
	color:#303030;
	border:1px solid #6699ff;
	background-color:#fff;
    /*color:#ffffff;
	background-color:#303030;*/
	z-index:1;
    /*background-image:url(/siteimages/mainContentBG.png);*/
	-moz-box-shadow: 0px 0px 10px #006ec1;
		box-shadow: 0px 0px 10px #006ec1;
-webkit-box-shadow: 0px 0px 10px #006ec1;
	

}


.pageHeader
{
    color:#03f;
    text-align:right;
    text-transform:lowercase;
    font-size:1.15em;
	margin-bottom:5px;
	width:100%;
	border-bottom:2px solid #303030;
	font-weight:bold;
}

img.portfolio
{
    height:150px; 
    width:150px;
    border:solid 1px #666666;
}

.portfolioHeader
{
    color:#6699ff;
    font-size:14px;
    text-align:left;
    vertical-align:bottom;
}

.subtitle {font-weight:bold; font-size:1em; color:#6699ff;}

div.portfolio
{
	border-bottom:2px solid #6699ff;
	padding-bottom:15px;
	margin-bottom:10px;
	margin-top:10px;
	display:table;
	clear:both;
	width:100%;
}
div.portfolio a
{
display:table-cell;
color:#6699ff;

}

div.portfolio ul{
	display:table-cell;
	list-style-type:none;
	list-style:none;
	text-align:left; 
	vertical-align:top; 
	font-size:1.15em; 
	font-weight:bold;
	padding:0px;
	margin-left:0px;
}

div.portfolio ul li{
margin-left:10px;
}
div.portfolio ul li ul{
font-size:1em; 


	font-weight:bold;
	color:#03f;
}
div.portfolio ul li ul li{
	text-align:left; 
	vertical-align:top; 
	margin-left:10px;
	font-size:1em; 
font-weight:normal;
color:#303030;
}

div.portfolio ul li ul li a{

}

div.portfolio a img{
float:left;

	width:175px;
	height:175px;
	padding:2px;
	border:1px solid #6699ff;	
}
div.portfolio a:hover img{
	padding:1px;
	border:2px solid #03f;
	-moz-box-shadow: 0px 0px 8px  #6699ff;
box-shadow: 0px 0px 8px #6699ff;
-webkit-box-shadow: 0px 0px 8px #6699ff;

}
div.portfolio a:active img{
	padding:1px;
	border:2px solid #6699ff;
   -moz-box-shadow: -0px -0px 8px #fff;
		box-shadow: -0px -0px 8px #fff;
-webkit-box-shadow: -0px -0px 8px #fff;

}