body {
background: url(images/bkgd_design.jpg) top center no-repeat #454545;
font-family: Arial, Helvetica, sans-serif;
padding:0;
margin:0;
font-size: 12px;
color: #2c2c2b;
scrollbar-base-color: #cbc3a1;
scrollbar-arrow-color: #736c4e;
scrollbar-darkshadow-color: #736c4e;
}

a img {
border: none;  }

div {
padding:0;
margin:0;  }

.ten
{height:10px;}

.eight
{height:8px;}

.twentyfive
{height:25px;}


/**** DIVs ****/

#wrapper {
	width: 798px;
	height: auto;
	margin: 0 auto;
	padding: 0;  }
	
#header {
	width: 798px;
	height: 90px;
	margin:65px 0 0 0;    /**** top right bottom left ****/
	padding:0;   }

#body {
	width: 798px;
	height: auto;
	margin: 0 auto;
	padding: 0;  }
	
	
#content {
	width:601px;
	height:405px;
	margin:0;
	padding:0;
	float:right;
	background:url(images/content.jpg) repeat-y;
	}
	

#navi {
	width:197px;
	height:405px;
	background:url(images/navi_bkgd.jpg) repeat-y;
	line-height:17px;
	margin:0;
	padding:0;	}
	
#navi_top {
	width:197px;
	height:20px;
	background:url(images/navi_top.jpg) no-repeat;
	margin:0;
	padding:0;	}
	
#navi_home {
	width:197px;
	height:42px;
	background:url(images/navi_home.jpg) no-repeat;
	margin:0;
	padding:0;	}
	
#navi_about {
	width:197px;
	height:34px;
	background:url(images/navi_about.jpg) no-repeat;
	margin:0;
	padding:30px 0 20px 0;	     /**** top right bottom left ****/
	}
	
#navi_portfolio {
	width:197px;
	height:35px;
	background:url(images/navi_portfolio.jpg) no-repeat;
	margin:0;
	padding:30px 0 35px 0;	      /**** top right bottom left ****/
	}

#navi_links {
	width:197px;
	height:35px;
	background:url(images/navi_links.jpg) no-repeat;
	margin:0;
	padding:30px 0 20px 0;	      /**** top right bottom left ****/
	}

#navi_contact {
	width:197px;
	height:35px;
	background:url(images/navi_contact.jpg) no-repeat;
	margin:0;
	padding:0;	}
	
	
#seperator {
	width: 798px;
	height: 25px;
	margin:0;
	padding:0;   }

#footer {
	width: 798px;
	height: 75px;
	background:url(images/footer.jpg) center no-repeat;
	margin:0;
	padding:0;   }
	

#title_welcome {
	width:601px;
	height:52px;
	margin:0;
	padding:0;
	background:url(images/header_welcome.jpg) no-repeat;
	}
	
#title_about {
	width:601px;
	height:52px;
	margin:0;
	padding:0;
	background:url(images/header_about.jpg) no-repeat;
	}

#title_resources {
	width:601px;
	height:52px;
	margin:0;
	padding:0;
	background:url(images/header_resources.jpg) no-repeat;
	}
	
#title_resume {
	width:601px;
	height:52px;
	margin:0;
	padding:0;
	background:url(images/header_resume.jpg) no-repeat;
	}
	
#title_fun {
	width:601px;
	height:52px;
	margin:0;
	padding:0;
	background:url(images/header_fun.jpg) no-repeat;
	}

#title_contact {
	width:601px;
	height:52px;
	margin:0;
	padding:0;
	background:url(images/header_contact.jpg) no-repeat;
	}

#title_graphics {
	width:601px;
	height:52px;
	margin:0;
	padding:0;
	background:url(images/header_other.jpg) no-repeat;
	}
	
#title_misc {
	width:601px;
	height:52px;
	margin:0;
	padding:0;
	background:url(images/header_misc.jpg) no-repeat;
	}

#title_print {
	width:601px;
	height:52px;
	margin:0;
	padding:0;
	background:url(images/header_print.jpg) no-repeat;
	}
	
#title_websites {
	width:601px;
	height:52px;
	margin:0;
	padding:0;
	background:url(images/header_websites.jpg) no-repeat;
	}


/**** Styles ****/
.style1 {
font-size: 12px;
color: #2c2c2b;
}

.style2 {
font-size: 14px;
color: #2c2c2b;
font-weight:bold;
}

.style3 {
font-size: 14px;
}

.style4 {
font-size: 16px;
color:#295963;
}

p {padding:0 40px 0 15px;	      /**** top right bottom left ****/
}

td { vertical-align: top; } 

.norepeat
{background-repeat: no-repeat;
}

.lineheight
{line-height: 18px;}


/**** Background Images ****/
.underline
{background-image: url(images/underline.gif); }

.underline_mid
{background-image: url(images/underline_mid.gif); }

.underline_long
{background-image: url(images/underline_long.gif); }




/**************** Links ****************/ 

a:link { 				/* Link you haven't been to */
color: #09525b; 
text-decoration: none; 
} 

a:visited {   			/* Link you have been to */
color: #09525b; 
text-decoration: none; 
} 

a:hover {    			 /* Link when you hover */
color: #3d7c86; 
text-decoration: underline;
} 


/**************** Underline Links ****************/ 

a.underline:link { 				/* Link you haven't been to */
color: #09525b; 
text-decoration: underline; 
} 

a.underline:visited {   			/* Link you have been to */
color: #09525b; 
text-decoration: underline; 
} 

a.underline:hover {    			 /* Link when you hover */
color: #3d7c86; 
text-decoration: underline;
} 


/**************** Navi Links ****************/


a.navi:link { 				/* Link you haven't been to */
color: #2c2c2b; 
font-size: 15px;
font-weight:bold;
text-decoration: none; 
padding:0 0 0 40px;
} 


a.navi:visited {   			/* Link you have been to */
color: #2c2c2b; 
font-size: 15px;
font-weight:bold;
text-decoration: none; 
padding:0 0 0 40px;
} 


a.navi:hover {    			 /* Link when you hover */
color: #6d6d6b; 
font-size: 15px;
font-weight:bold;
text-decoration: none; 
padding:0 0 0 40px;
} 



/************************* Images *************************/ 

img.floatright { 
    float: right; 
    margin: 10px; 
}



/*********** Scroll Windows ***********/

.websites {
overflow: auto;
height: 225px;
width: 540px;
margin-left:15px;
}

.graphics {
overflow: auto;
height: 225px;
width: 550px;
margin-left:15px;
}