* {
	margin: 0;
	padding: 0;
	}

body {
		background: #F4F1EA;
		color:#3D3C3A ;
		text-align:center;
		font: small Georgia, "Times New Roman", Times, serif;
		border-top: 4px solid #e2dcb0;
		}
		
/*-------------------------------------------------
Layout
-------------------------------------------------*/
#wrap {
		margin-right: auto;
		margin-left: auto; 
	    	text-align:left;
		width:900px;
		}
		
#header {
		height:89px;
		margin-bottom: 18px;
		display:block;
		width:900px;
		}
		
#content {
		display:block;
		}
		
#gallery  #content {
		text-align:center;
		}
				
#left {
		float:left;
		width:230px;
		}
		
#left img{
		margin-right:48px; 
		}

#right {
		float:right;
		width:621px;
		}
		
/*-------------------------------------------------
Links
-------------------------------------------------*/
a:link, a:visited {
	text-decoration: none;
	color: #133517;
	}

a:hover, a:active {
	text-decoration: none;
	color: #847E3D;
	}
	

/*-------------------------------------------------
Type
-------------------------------------------------*/	
h2 {
		font-weight: bold;
		font-size: 136%;
		padding-bottom:2em;
		}
		
h3 {
	   font-weight: bold;
		font-size: 130%;
		}

p      {
		font-size: 122%;
		padding-bottom:2em;
		line-height: 1.8em;
		}
		
#footer p {	
		font-size: 60%;
		}
		
		
.description {
		padding: 1em 0 0 0;
		}
		
.title {
font-weight:bold;
font-style:italic;
		}
		
#resume ul{
		font-size: 122%;
		list-style-type: none;
		line-height: 1.8em;
		padding-bottom:2em;
		}

#resume ul li ul {
		font-size: 90%;
		line-height: 1.8em;
		padding-bottom:0;
		list-style-type: disc;
  margin-left: 2em;
}
		
/*-------------------------------------------------
Header
-------------------------------------------------*/
#header ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		}

#header li {
		float: left;
		margin: 0;
		padding: 0px;
		}
		
#header li a span{
		position:absolute;
		top:-5000px;
		left:0;
		}

#header ul li a:link, #header ul li a:visited{
		display: block;
		height:88px;
		}

#header ul li a:hover, #header ul li a:active {
		display: block;
		height: 88px;
		background-position: 0 -88px;
		}

#navhome {
		border-bottom: 0px;
		width: 278px;
		background:url(../img/home.gif) no-repeat 0 0;
		}
		
#navintro {
		border-bottom: 0px;
		width:151px;
		background:url(../img/introduction.gif) no-repeat 0 0;
		}

#navfusion {
		border-bottom: 0px;
		width:75px;
		background:url(../img/4d.gif) no-repeat 0 0;
		}

#navstate {
		border-bottom: 0px;
		width: 117px;
		background:url(../img/statement.gif) no-repeat 0 0;
		}
		
#navresume {
		border-bottom: 0px;
		width: 84px;
		background:url(../img/resume.gif) no-repeat 0 0;
		}
		
#navgallery {
		border-bottom: 0px;
		width: 92px;
		background:url(../img/gallery.gif) no-repeat 0 0;
		}
		
#navcontact {
		border-bottom: 0px;
		width: 99px;
		background:url(../img/contact.gif) no-repeat 0 0;
		}
		

/*-------------------------------------------------
Contact Form 
-------------------------------------------------*/
fieldset {
		padding: 2em 0 3em 0em;
		border-top:  solid 1px #333;
		border-left: 0 solid #1a1a1a;
		border-right: 0 solid  #1a1a1a;
		border-bottom: 0 solid #1a1a1a;
		}


input {
		display: block;
		border: solid 1px #000;
		margin-bottom: 1em;
		padding: .5em;
		}

textarea {
		display: block;
		border: solid 1px #000;
		margin-bottom: 1em;
		padding: .5em;
		}
		
/*-------------------------------------------------
practical classes
-------------------------------------------------*/
.clear {clear: both;}
.hidden {display: none;}