div#frontpage
{
	display: none;
	background-image: none;
}
	
div#webdesign
{	
	background-image: none;
}

	a.portfolio
	{
		position: absolute;
		width: 75px;
		height: 75px;
		z-index: 3;
		background-color: orange;
		border: 1px orange solid;
		margin: 2px;
		background-repeat: no-repeat;
		background-position: top;
		color: white; 
		text-transform: uppercase; 
		text-align: center; 
		font-size: 12pt;
	}
	
	a.portfolio:hover
	{
		margin: 0px;
		border: 3px orange solid;
		background-position: bottom;
	}

	div.portfolio_desc
	{
		position: absolute;
		width: 120px;
		height: 50px;
		z-index: 3;
		background-color: white;
		border: 0px;
	}
	
	a#thumbContact{
		font-size: 12pt; 
		line-height: 18px;
		color: #F8F8F8;
	}
	
	a#thumbContact:hover{
		color: white;
	}
	
	
	div#mb_contactform
	{
		display: none;
	}
	
		div#contactform_title
		{
			position: absolute;
			top: 60px;
			left: 30px;
			width: 320px;
			text-align: left;
			font-size: 20pt;
			font-family: Cambria, Georgia;
			margin: 0px 0px 15px 0px;
			color: #ccc;
			text-transform: uppercase;
			letter-spacing: -1px;
		}
	
		div#contactform_wrapper
		{
			position: absolute;
			top: 130px;
			left: 20px;
			width: 280px;
			height: 200px;
			background-image: url('../images/contactform.png');
			padding: 40px 35px;
		}
		
			form#contactform
			{
				position: absolute; 
				top: 40px; 
				left: 35px; 
				width: 280px; 
				height: 200px;
				text-align: left;
			}
			
				div#formResult{
					position: relative;
					top: 70px;
					left: 0px;
					width: 280px;
					display: none;
					text-align: center;
				}
			
				table
				{
					width: 100%;
				}
				
				tr
				{
					height: 30px;
				}
				
				td
				{
					vertical-align: middle;
				}
			
				label.contactform
				{
					float: left;
				}
				
				form#contactform input.contactform, textarea
				{
					float: right;
					border: 0px;
					width: 200px;
					color: #aaa;
					
				}
				
				form#contactform textarea
				{
					font-family: lucida sans unicode, sans-serif;
					font-size: 9pt;
					overflow-x: auto;
					overflow-y: scroll;
					margin: 5px 0px;
				}
				
				form#contactform input.contactform:hover, form#contactform textarea:hover
				{
					border-left: 3px orange solid;
				}
		
				form#contactform input#contact_name
				{
					float: right;
				}
				
				form#contactform input#contactform_submit
				{
					float: right;
					margin-top: 10px;
				}
		
		div#freelancetag
		{
			position: absolute;
			left: 225px;
			top: 390px;
			width: 160px;
			height: 110px;
			background-image: url('../images/freelancetag.png');
		}

div#pianist
{
	background-image: url('../images/piano.png');
	background-repeat: no-repeat;
	background-position: 40px bottom;
}

	object.youtubeobject
	{
		position: absolute;
		top: 0px;
		left: 400px;
		height: 210px;
		width: 250px;
		border: 6px orange solid;
		z-index: 2;
		display: none;
	}
	
	div#youtubewrapper
	{
		display: block;
		position: absolute;
		top: 10px;
		left: 410px;
		height: 200px;
		border: 4px #EFB462 solid;
	}
	
	div#youtubeplaylist
	{
		position: absolute;
		right: 310px;
		top: 40px;
		font-size: 9pt;
		letter-spacing: -1px;
	}
	
		a.youtubetrack
		{
			display: block;
			color: #D76E21;
			text-align: right;
		}
		
		a.youtubetrack:hover
		{
			color: #F78E41;
		}
	
		a.youtubeplaying
		{
			font-size: 20pt;
			letter-spacing: -2px;
		}
	
div#mathematician
{
	background-image: none;
}


	img#img_blogroll{
		position: absolute;
		top: 0px;
		left: 40px;
		width: 220px;
		opacity: 0.7;
	}