﻿html {
	background-color:black;
}

#main-wrap{ 
width: 900px;
height:auto; 
margin: auto;
background-color:black; 
overflow:auto;
}

#header{
	height: 100px;
		}

#navigation{
	
	background-color:#000000;
	border-right:2px;
	border-left:2px;
	border-bottom:none;
	border-style:solid;
	border-color:white;
}

#content{
	padding:5px;
	background: rgb(117,154,233); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(117,154,233,1) 0%, rgba(253,255,255,1) 12%, rgba(230,248,253,1) 30%, rgba(200,238,251,1) 54%, rgba(93,137,232,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(117,154,233,1)), color-stop(12%,rgba(253,255,255,1)), color-stop(30%,rgba(230,248,253,1)), color-stop(54%,rgba(200,238,251,1)), color-stop(100%,rgba(93,137,232,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(117,154,233,1) 0%,rgba(253,255,255,1) 12%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(93,137,232,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(117,154,233,1) 0%,rgba(253,255,255,1) 12%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(93,137,232,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(117,154,233,1) 0%,rgba(253,255,255,1) 12%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(93,137,232,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(117,154,233,1) 0%,rgba(253,255,255,1) 12%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(93,137,232,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#759ae9', endColorstr='#5d89e8',GradientType=0 ); /* IE6-9 */
}

#companies{
	position:relative;	
	width:425px;
	float:left;
}

#skills{
	width:425px;
	float:right;
	
}

ul.menu {
	list-style:none;
	}
	
li {
	display:inline;
	padding:25px;
}	

button.shiny-blue {
  background-color: #759ae9;
    border-top: 1px solid #1f58cc;
	border-right: 1px solid #1b4db3;
	border-bottom: 1px solid #174299;
	border-left: 1px solid #1b4db3;
	border-radius: 4px;
	box-shadow: 0 0 2px 0 rgba(57, 140, 255, 0.8) inset;
	color: #fff;
	font: bold 12px/1 "helvetica neue", helvetica, arial, sans-serif;
	padding: 7px 0;
	text-shadow: 0 -1px 1px #1a5ad9;
	width: 150px;
	background-image: linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
}

  button.shiny-blue:hover {
    background-color: #5d89e8;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5d89e8), color-stop(50%, #2261e0), color-stop(50%, #044bd9), color-stop(100%, #0d53de));
    background-image: -webkit-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    background-image: -moz-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    background-image: -ms-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    background-image: -o-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    background-image: linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    cursor: pointer; }
    
  button.shiny-blue:active {
    border-top: 1px solid #1b4db3;
    border-right: 1px solid #174299;
    border-bottom: 1px solid #133780;
    border-left: 1px solid #174299;
    -webkit-box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee; }
    
  img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
    
         }
  img.about {
  float:right;
  margin-top:5px;
  height:400px;
  width:400px;
  margin-right:30px;
 }
 
 img.contact {
    float: right; 
    margin-top:105px;
    margin-right:65px;
    height:400px;
    width:400px;
}

 img.imgabout{
	float:right;
	width:150px;
	height:150px;
	margin-right:15px;
}

img.wilson{
	margin-left:220px;
	margin-right:auto;
}  
   
 
 p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	margin-right:10px;
	}
	
 p.footer{
	margin-left:260px;
	
	
}
	
.textwrap{
	float: left;
	margin: 10px;
	height:405px;
    width:400px;
}

.illpics{
	margin-top:11px;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:42px;
}

.sexy_line { 
    margin: 25px 0;
    height: 1px;
    background: black;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, black));
}

.clear { 
	clear: both 
	}
	
#flashContent { width:100%; height:100%; }	

#illleft {
	float:left;
	width:400px;
	margin-left:20px;
}

#illright{
	float:right;
	width: 400px;
}