html, body{
		background-image:url('../img/context.jpg'); 
		background-repeat: no-repeat;
		background-position: center center;
		background-attachment: fixed;
	    height: 100%;  
	    margin: 0;
		padding: 0;   
	}

	h1{
		color:#fff;
		position:absolute;
		left:510px;
		width:400px;
		font-size:15px;
		font-family:georgia;
		font-weight:300;
		border-bottom:2px solid #fff;
	}
	
	#navigation{
		color:#fff;
		position:absolute;
		left:511px;
		top:29px;
		font-size:14px;
		
	}
	.navLink A{color:#fff;text-decoration:none;}
	.currentPage{font-weight:700;}
	.navSpacer{padding:0px 5px;}
	
	div#shim {
		visibility: hidden;
		width: 100%;
		height: 50%;	
		margin-top: -277px;                                                              
		float: left;
	}

	#container{
		margin-top:0px;
		margin-left:auto;
		margin-right:auto;
		width:955px; 
		height:600px; 
		clear:both;
		background-image:url('../img/background.jpg');
		/*
		 *
		 * Issue: IE4 doesn't allow a negative margin-top.
		 *
		 * This code positions blueBox relatively and uses the IE4ever hack (<http://exanimo.com/css/ie4ever>) to overwrite the rule for other browsers.
		 * The content will be centered but will crop if the window is not small enough to accommodate it.
		 *
		 */
		position: relative;
	}
	
	/*
	 *
	 * Issue: IE5mac interprets negative values as positive.
	 *
	 * I haven't figured out a workaround for this yet. The content won't be vertically centered but it won't be messed up by the previous code either.
	 *
	 */
		/* Hide from IE5mac \*//*/
		div#shim {
			display: none;
		}
		html, body {
			height: auto;
		}
		/* end hack */
		/* Vertical Centering Found Here: http://exanimo.com/examples/css/vertical-centering-with-a-floated-shim.html */

	.content{
		width:600px;  
		height:360px;
		position:absolute;
		top:138px;
		left:75px;
		border:1px solid #000;
		background-color:#FFF;
		overflow-y: auto;
		padding: 10px;
		font-size:12px;
	}

	.resume{
		left:75px;
		width:600px;
	
	}
	
	#contentTitle{
		font-weight: 700;
		font-size:11px;
		color:#71916A;
		border-bottom: 1px solid #71916A;
		margin-bottom:5px;
	}
	

	
	.resumeSection{
		margin-bottom:15px;
	}
	.resumeSectionHeader{
		font-size:12px;
		font-weight:700;
		
	}
	.columnHeader{font-weight:700;}
	.resumeRow td{border-top:1px solid #D7DFD1; font-size:11px;padding-right:2px;}
	td{vertical-align:top;}
	
	
	#links{
		position:absolute;
		top:138px;
		left: 710px;
		color:#FFF;
		font-size:14px;
		font-weight:700;
text-decoration:underline;
	}
	#links A{
		color:#fff;
		text-decoration:none;
	}

/***PRODUCTION PAGE STYLES***/

	
	#productionTitles{
		position:absolute;
		top:88px;
		left:190px;
		height:70px;
		width:630px;
	}

	.productionTitle{
		display:block;float:left;
    }
	
	.prodLink{color:#fff;text-decoration:none;}
	.currentProd{text-decoration:underline;font-weight:700;color:#003200;}
	.prodLinkSpacer{padding:0px 5px;color:#fff;display:block;float:left;}
	
	#productionPicContainer{
position:absolute;
		top:169px;
		left:36px;
		height:400px;
		width:647px;
		overflow:none;
		text-align:center;
    }

	#productionPic{
		border:1px solid #000;
	}
	
	#productionThumbsContainer{
		
		position:absolute;
		top:166px;
		left:710px;
		height:400px;
		width:143px;
		width:145px;
		overflow:auto;
	}
	#productionThumbs{
		position:relative;
		width:128px;
	}
	
	.thumbDiv{
		position:relative;
		width:64px;
		height:64px;
		float:left;
	}
    .glow{
        background-image:url('../img/glow.png');
    }
    .prodThumbImg{
         position:absolute;
top:7px;left:7px;border:1px solid #000;
	}