body {
	margin: 0; 
	padding: 0; 
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size: x-small; 
	background-color: #fff;
}


#wrapper {
	width: 780px; 
	border: 0px solid #f00;	
	margin: 50px auto; 
	padding: 0;
	}

/*-------------------Header Information --------*/
.nav{
	list-style-type: none; 
	text-transform: uppercase;
	margin-top: 28px;
        margin-right: 20px; 
	padding: 0; 
	border: 0px solid #ff0;
        float: right;
}

.nav li {
	display: inline; 
	
margin-right: 15px;	
	border: 0px solid blue;

border-top: 14px solid #933;

	}



/*----the links information */
.nav a:link{color: #000; background-color: #fff; text-decoration: none; }
.nav a:visited {color: #000; background-color: #fff;text-decoration: none; }
.nav a:hover {color: #000; border-top: 28px solid #933; }
.nav a:active {color: #000; background-color: #fff;text-decoration: none; border-bottom: 7px solid #933;}
#content a:link{color: #000; background-color: #fff; text-decoration: none; }
#content a:visited {color: #000; background-color: #fff;text-decoration: none; }
#content a:hover {color: #000; }
#content a:active {color: #000; background-color: #fff;text-decoration: none; }
.posth2 a:hover {color: #000; border-bottom: 1px solid #000; }
.credit a:hover {border-bottom: 1px solid #000;}
#footer a:link {color: #000; text-decration: none;}
#footer a:visited {color: #000; text-decration: none;}
#footer a:hover {color: #000; text-decoration: underline;}
#footer a:active {color: #000; text-decoration: none; }
/*-----------------Structure ------------*/
#content {
	width: 768px;
	min-height: 450px;
	}

#content .contentfix{
	padding: 10px 25px 10px 25px;
	margin: 0; 
	border: 4px solid #933;
	min-height: 450px;
	}

#content .contentfixabout{
	padding: 30px 25px 10px 25px;
	margin: 0; 
	border: 4px solid #933;
	height: 450px;	
}

hr {
	background-color: #933;	
	height: 2px; 
	width: 100%; 
	clear: both;
	border: 0;
	}

/*-------------portfolio---------------*/

.portfolioitem {border: 0px solid red;}

.portfoliopic {
	border: 0px solid yellow;
	width: 150px;
	float: left; 
	}

.portfoliowords {
	border: 0px solid blue; 
	font-size: 110%;  
	margin: 0px; 
	padding: 0px;
	width: 550px; 
	float: right;
	}

span.posth2 {
	font-size: 85%; 
	font-style: italic;
	text-transform: lowercase;
	}

.portfoliopic img {
	margin-bottom: 5px; 
	margin-right: 3px;
	border: 1px solid #666;
	}


.portfoliowords p {padding: 0px; margin: 0px;}
.hide{display: none;}

/*-------------images---------------*/

.biopic {
	margin-bottom: 15px; 
	float: left; 
	border: 0px solid #666;
	}

#mainnav img {margin-bottom: 10px; padding-bottom: 10px;}

/*-------------contact---------------*/
.contactpic {
	float:right; 
	border: 0px solid red; 
	margin: 10px 50px 0px 25px
	}

#contact {
	float: left; 
	border: 0px solid blue; 
	text-align: right; 
	line-height: 150%; 
	margin: 80px 0px 0px 130px; 
	font-size: 120%;
	}

/*---------Typography---------*/
h2 {font-size: 110%; margin: 0; padding-bottom: 5px; text-transform: uppercase;}
h6 {font-size: 150%; margin: 0; padding: 0; border-bottom: 0px solid #933;}
#content .about {
	font-size: 120%; 
	width: 430px; 
	float: right; 
	margin: 0; 
	padding-bottom: 7px;
	}

strong{text-transform: uppercase;}

/*-----------------Footer ------------*/
#footer {
width: 200px; 
border:0px solid #0ff; 
 
margin-left: 60%;
}

/*BG Image Replace on Header */

#mainnav span {display: none;}

h5 {
border: 0px solid purple;
height: 44px;
width: 304px;
margin: 0px;
padding: 0px; 
background: url(../images/wordmark.jpg);
}