/* CSS Document */

body
	{
		background-image:url(images/starburst-background.jpg);
		background-position:top;
		margin:0;
		padding:0;
		overflow:scroll;
	}
	
#yellowBar
	{
		background-image:url(images/hz-bar-bkgd.jpg);
		background-position:top;
		background-repeat:no-repeat;
		width:100%;
		height:384px;
		margin-top:192px;
	}
	
#yellowBarContent
	{
		height:384px;
		width:960px;
		margin:0 auto;
	}

#yellowBarMenu
	{
		width:323px;
		height:384px;
		float:left;
	}
	
#yellowBarMenu p
	{
		margin:0;
		padding:0;
	}

#yellowBarMenu p a
	{
		text-align:center;
		display:block;
		width:277px;
		text-decoration:none;
	}

a#homeMenu
	{
		margin-top:16px;
		height:82px;
		background-image:url(images/menu-logo.gif);
	}

a#aboutMenu
	{
		height:40px;
		background-image:url(images/menu-about.gif);
		background-position:0 0;
	}

a#aboutMenu:hover
	{
		background-position:0 -40px;
	}

a#portfolioMenu
	{
		height:40px;
		background-image:url(images/menu-portfolio.gif);
		background-position:0 0;
	}

a#portfolioMenu:hover
	{
		background-position:0 -40px;
	}

a#projectsMenu
	{
		height:40px;
		background-image:url(images/menu-projects.gif);
		background-position:0 0;
	}

a#projectsMenu:hover
	{
		background-position:0 -40px;
	}

a#blogMenu
	{
		height:40px;
		background-image:url(images/menu-blog.gif);
		background-position:0 0;
	}

a#blogMenu:hover
	{
		background-position:0 -40px;
	}

a#contactMenu
	{
		height:40px;
		background-image:url(images/menu-contact.gif);
		background-position:0 0;
	}

a#contactMenu:hover
	{
		background-position:0 -40px;
	}

#yellowBarMenu p a span
	{
		position:relative;
		left:-2000px;
	}
	
#yellowHomeBody
	{
		width:637px;
		height:244px;
		float:right;
		padding-top:40px
	}
	
#yellowHomeBody p,
#yellowHomeBody ul,
#yellowHomeBody ol,
#yellowHomeBody table,
#yellowHomeBody dl
	{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:12px;
		color:#413C0C;
		line-height:18px;
		padding:9px 40px;
		margin:0;
	}
	
#yellowHomeBody td
	{
		width:300px;
	    border:none;
		vertical-align:top;
		line-height:12px;
		padding:5px;
	}

#yellowHomeBody table
	{
	    border:none;
	}

	
#yellowHomeBody dt
	{
		font-size:18px;
		margin-top:9px;
		margin-bottom:6px;
	}
	
#yellowHomeBody dd
	{
		margin-bottom:9px;
	}
	
#yellowHomeBody h2
	{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:18px;
		color:#680000;
		padding:9px 40px;
		margin:0;
		font-weight:normal;
	}
		
#yellowHomeBody h3
	{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:12px;
		color:#8F6E3A;
		padding:9px 40px;
		margin:0;
		font-weight:normal;
	}
		
#yellowHomeBody a
	{
		color:#680000;
		border-bottom:1px dotted #680000;
		text-decoration:none;
	}
	
#yellowHomeBody a:hover
	{
		color:#CE9F3E;
		border-bottom:1px dotted #CE9F3E;
	}
	
#subPage
	{
		width:513px;
		height:768px;
		z-index:10;
		position:relative;
		top:-232px;
		left:25px;
		background-image:url(images/sub-paper-bkgd.jpg);
		background-repeat:no-repeat;
	}
	
#subPageContent
	{
		display:block;
		margin:0 20px;
		height:600px;
		overflow:auto;
	}
	
	
/* Headlines */

h1
	{
		margin:0;
		padding:0;
		width:513px;
		height:90px;
		background-position:right;
		background-repeat:no-repeat;
	}
	
h1 span
	{
		position:relative;
		left:-2000px;
	}
	
h1#aboutHead
	{
		background-image:url(images/head-about.gif);
	}
	
h1#portfolioHead
	{
		background-image:url(images/head-portfolio.gif);
	}

h1#projectsHead
	{
		background-image:url(images/head-projects.gif);
	}

h1#blogHead
	{
		background-image:url(images/head-news.gif);
	}

h1#contactHead
	{
		background-image:url(images/head-contact.gif);
	}

hr
	{
	border:0;
	height:1px;
	color:#413C0C;
	background-color:#413C0C;
	width:50%;
	margin:0 auto;
	}

#blog img
	{
	}
	
div#portfolio
	{
		padding:9px 40px;

	}
	
div#portfolio img
	{
		border:5px solid;
	}
	
#portfolio a
	{
		border-bottom:none;
		color:#fff;

	}
	
#portfolio a:hover
	{
		border:none;
		color:#B03A1E;
	}
	
strong
	{
		color:#B03A1E;
	}