@charset "UTF-8";
/* CSS Document */


body {
background-image: url(art/woodgrain.jpg);
background-repeat: repeat;

}

.container{

width: 825px;
background-image:url(art/fredbkgrnd.jpg);
background-repeat: repeat;
height: auto;
margin-left:auto;
margin-right:auto;
margin-top: 10px;
margin-bottom: 25px;
box-shadow: 10px 10px 5px #2d1903;
padding: 25px;
border-radius:8px;
-moz-border-radius:8px; /* Firefox 3.6 and earlier */


}

.logo{
width: 216px;
height: 201px;
margin-left: 20px;
background-image: url("art/fred-head.png");
background-repeat: no-repeat;
display:block


}

.buttons {
position: relative;
top: -200px;

/*left: 275px;*/
text-align: right;
width: 100%;
}

.skillart {
position: relative;
top: -190px;
/*left: 275px;*/
text-align:right;
width: 100%;
}

.content {
width: auto;

height: auto;
margin-bottom: 35px;
position: relative;
top: -100px;
}

.contact {
background-image: url(art/fred-portrait.jpg);
background-repeat: no-repeat;
width:450px;
height: 338px;
margin: auto;
padding: 15px;
}

.fredbody {
	font-family: "Frutiger", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	color: #993300;
	text-align: left;
	word-spacing: normal;
}

.bottom {
width: 500px;
height: 58px;
background-image:url(art/pen.png);
background-repeat: no-repeat;
position: fixed;
bottom: 26px;
margin-left: 150px;

margin-right:150px;
}

.bottom p {
font-family: "Frutiger",Arial, Helvetica, sans-serif;
font-size: 14px;
vertical-align:middle;
line-spacing: 75px;
margin-left: auto;
margin-right: auto;
}

@font-face
{
font-family: myFirstFont;
src: url('BEARPAW_.ttf');
     
} 

.junglefever {
font-family: myFirstFont;
}

.subhead {
float: left;
font-family: "Frutiger", Helvetica, Arial, san-serif;
width: 530px;
color:#876236;
font-size: 20pt;
text-align: center;
height: 32px;

}

.intro, .intro ul  {

width: 200px;
margin-left: 25px;
float:left;
margin-right: 30px;
font-family: "Frutiger", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	color: #104e04;
	text-align: left;
	word-spacing: normal;
}

.intro p
{
width: 200px;
font-family: "Frutiger", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	color: #104e04;
	text-align: left;
	word-spacing: normal;
}


.portfolio {
	width: 530px;
	float:left;
	margin-left: 25px;
	/*position:relative;
	top: -160px;
	text-align: right;
	left: 275px;*/
}

.portfolio-img {
float:left;
padding:3px;
margin: 2px;
}

.portfolio-content, .portfolio-content p, .portfolio-content li, .portfolio-content ul {
float:left;
font-family: "Frutiger", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	color: #104e04;
	text-align: left;
	word-spacing: normal;
}

.portfolio-content h2{
font-family: "Frutiger", Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: normal;
	color: #104e04;
	text-align: left;
	word-spacing: normal;
}

ul, li {
margin-left: .5em;
line-height: 140%;
}

.clear {
clear:both;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	
	
}

h3 {
font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color:#996633;
	}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
h5 {
	font-family: "Frutiger", Arial, sans-serif;
	font-size: 16px;
	color: #000000;
}

a {
border: none;
}