@charset "UTF-8";
body {
	font: 100% Helvetica, Arial, MS Sans Serif, sans-serif;
	text-align: center;
	background: #1F3C68 url(windowScrim1.png);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	color: #FFFFFF;

}

body.voice {
	font: 100% Helvetica, Arial, MS Sans Serif, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	background: #E3D6A9;
	background-image:none;
	background-repeat: repeat-x;
	
}


a:link {color:#FFFFFF;
text-decoration: none;
}

a:visited {
	color:#EEEEBB;
	text-decoration: none;
}
a:hover{
	color:#EEDC22;
	text-decoration: underline;
}
a:active{color:#D9C886;
text-decoration: underline;
}
#homeContainer {
height:1000px;
width: 900px;
margin:0 auto;
padding:0;
text-align:left;
position: relative;
}


#container {
height:1400px;
width: 900px;
margin:0 auto;
padding:0;
text-align:left;
position: relative;
}
#blurb{
position:absolute;
left:-1000px;
}

#undercoat {
	background:#FFFFFF url(fullBackgroundCC.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	height: 1000px;
	width: 900px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	position: absolute;
	top:0px;
}
#overcoat {
	background: url(windowScrim2.png);
	background-repeat: repeat-x;
	width: 900px;
	height: 1000px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	top:0;
	left: 0;
	
	}
	#overcoat.voice 
{
	background: url(windowScrim1.png);
	background-repeat: repeat-x;
	width: 900px;
	height: 1000px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	top:0;
	left: 0;
	
}
	#header {
	height: 56px;
	position: fixed;
	width: 900px;
	top: 0;
	padding: 0;
	margin: 0;
	text-align: center;
	z-index: 3;	}
	
	#topMenuScrim {
	position: absolute;
	background-image: url(topMenuScrim1.png);
	background-repeat: repeat-x;
	background-position: top left;
	display:block;
	width: 935px;
	height: 41px;
	padding: 0;
	margin: 0;
	top:0;
	left:-18px;
		
	}
	
	div#topMenu {
	position: absolute;
	top: 8px;
	left: 25px;
	padding: 0;
	margin: 0;
	width: 875px;
	height: 15px;
	height: auto;
	text-align: left;
	}
	h1  {
	margin: 0 35px 0 0;
	font-size: 24px;
	
	}
	
	h1top  {
	margin: 0 35px 0 0;
	font-size: 18px;
	font-weight: bold;
	float: left;
	
	
	 
	}
	
	#topMenu ul {
	list-style: none;
	margin: 2px 0 0 0;
	padding: 0;
	
	}
		
	#topMenu li 	{
	float: left;
	margin: 0 15px 0 15px; 
	font-size: 10px;
	text-decoration: none;
	color: #FFFFFF;
	
	
		}
	.altShow {
	position: absolute;
	top: 61px;
	left: 25px;
	margin: 0 auto;
	padding: 0;
	width: 850px;
	height: 200px;
	text-align: center;
	font-size:11px;
	
	}
	
	#logoShow {
	position: absolute;
	top: 61px;
	left: 25px;
	margin: 0 auto;
	padding: 0;
	width: 850px;
	height: 200px;
	text-align: center;
	}
	p.linkLine
	{
	text-decoration: none;
	position: relative;
	top:-55px;
	font-size:18px;
	left:auto;
	right:auto;
	font-family: Helvetica Neue, Helvetica, Arial, MS Sans, sans serif;
	letter-spacing: 0.2em;
	color: #FFFFFF;	
	
	
	}
	
	
	
	#windowShadow {
	position:absolute;
	background-image: url(windowShadow.png);
	top: 61px;
	left: 25px;
	margin: 0;
	padding: 0;
	width: 850px;
	height: 200px;
	}
	
	#portWindowShadow {
	position:absolute;
	background-image: url(windowShadow.png);
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 850px;
	height: 200px;
	}
	
	#galleryContainer {
	position: absolute;
	background: none;
	width:900px;
	height:auto;

	

	}#resumeContainer {
	position: absolute;
	top:250px;
	left:50px;
	background: none;
	width:800px;
	height:auto;
	text-align:left;
	color: #FFFFFF;
	line-height: 1.2;
	
	}#resumeContainer p {
	font-size: 11px;	
	
	}#resumeContainer h2 {
	font-size: 14px;
	font-weight: bold;	
	
	}#resumeContainer h3 {
	font-size: 12px;
	font-weight: bold;	
	
	
	}#resumeContainer h4 {
	font-size: 10px;
	font-weight: bold;	
	
	
	}#servicesScrim {
	position: absolute;
	top:255px;
	left:50px;
	background-color: ;
	width:770px;
	height:1200px;
	text-align:left;
	color: #FFFFFF;
	line-height: 1.2;
	opacity: .5;
	padding:15px;
	background-color: #3366CC;	
	
		}#servicesScrim2 {
	position: absolute;
	top:260px;
	left:150px;
	background-color: ;
	width:570px;
	height:1200px;
	text-align:left;
	color: #FFFFFF;
	line-height: 1.2;
	opacity: .4;
	padding:15px;
	background-color: #3366CC;	
	
	}#servicesScrim3 {
	position: absolute;
	top:265px;
	left:235px;
	background-color: ;
	width:400px;
	height:1200px;
	text-align:left;
	color: #FFFFFF;
	line-height: 1.2;
	opacity: .4;
	padding:15px;
	background-color: #3366CC;	
	
	}#currentScrim {
	position: absolute;
	top:25px;
	left:35px;
	background-color: ;
	width:800px;
	height:1200px;
	text-align:left;
	color: #FFFFFF;
	line-height: 1.2;
	opacity: .83;
	padding:15px;
	background-color: #335588;	
	
	
	}#currentWorkContainer {
	position: absolute;
	top:27px;
	left:50px;
	background-color: ;
	width:750px;
	height:auto;
	text-align:left;
	color: #FFFFFF;
	line-height: 1.2;
	padding:50px 45px;
	
	
	}#servicesContainer {
	position: absolute;
	top:257px;
	left:50px;
	background-color: ;
	width:750px;
	height:auto;
	text-align:left;
	color: #FFFFFF;
	line-height: 1.2;
	padding:50px 45px;
	
		}#servicesContainer p {
	font-size: 18px;
		
	}#servicesContainer h2 {
	font-size: 22px;
	font-weight: lighter;
	line-height: .7;
	display:block;
	

	}#servicesContainer h3 {
	font-size: 19px;
	font-weight: bold;
	
	
	}#servicesContainer li {
	font-size: 20px;
	font-weight: normal;
}
	
	#leftButtonPanel {
	position: absolute;
	background-image: url(leftButtonScrim2.png);
	width: 355px;
	height: 560px;
	margin: 0;
	padding: 6px 10px;
	top: 283px;
	left: -19px;
	text-align: left;
	display: block;
	
}



	.button {
	margin: 0;
	background-image: url(button.png);
	background-repeat: no-repeat;
	display: block;
	width: 313px;
	height: 70px;
	padding: 20px;
}
#leftThumbnailPanel {
	position: absolute;
	background-image: url(leftButtonScrim2.png);
	background-repeat:no-repeat;
	width: 345px;
	height: 556px;
	margin: 0;
	padding: 8px 15px;
	top: 283px;
	left: 20px;
	text-align: left;
	display: block;
}
#leftVoicePanel {
	position: absolute;
	background-image: url(leftButtonScrim4.png);
	background-repeat:no-repeat;
	width: 345px;
	height: 372px;
	margin: 0;
	padding: 8px 15px;
	top: 283px;
	left: -15px;
	text-align: left;
	display: block;
		
}
	
	
	#leftThumbnailPanelPort {
	position: absolute;
	background-image: url(leftButtonScrim3.png);
	background-repeat:no-repeat;
	width: 345px;
	height: 784px;
	margin: 0;
	padding: 8px 15px;
	top: 283px;
	left: 20px;
	text-align: left;
	display: block;
	
}
	
	
	div.thumbnail {
	float:left;
	width: 103px;
	height: 103px;
	margin: 0 3px 6px 3px;
	padding: 0;
	display:inline;
	}
	
div.thumbnail img
{
	display: inline;
	margin:0;
	padding: 0;
	width: 103px;
	height: 103px;

}	

div.thumbText 
{
	clear:right;
	font-size: 13px;
	font-weight: bold;
	
	line-height: 1em;
	
	display:block;



}


.charactersButtonPic {
	margin: 0 8px 0 40px;
	padding: 0;
	background-image: url(voice1.jpg);
	background-repeat: no-repeat;
	width: 94px;
	height: 70px;
	float: left;	
}


.soundalikesButtonPic {
	margin: 0 8px 0 40px;
	padding: 0;
	background-image: url(voice2.jpg);
	background-repeat: no-repeat;
	width: 94px;
	height: 70px;
	float: left;	
}


.commercialsButtonPic {
	margin: 0 8px 0 40px;
	padding: 0;
	background-image: url(voice3.jpg);
	background-repeat: no-repeat;
	width: 94px;
	height: 70px;
	float: left;	


}


.portButtonPic {
	margin: 0 8px 0 0;
	padding: 0;
	background-image: url(port.jpg);
	background-repeat: no-repeat;
	width: 122px;
	height: 70px;
		float: left;	}


.htmlButtonPic {
	margin: 0 8px 0 0;
	padding: 0;
	background-image: url(html_resume.jpg);
	background-repeat: no-repeat;
	width: 122px;
	height: 70px;
		float: left;	}


.pdfButtonPic {
	margin: 0 8px 0 0;
	padding: 0;
	background-image: url(pdf_resume.jpg);
	background-repeat: no-repeat;
	width: 122px;
	height: 70px;
		float: left;	
}

.samplesButtonPic {
	margin: 0 8px 0 0;
	padding: 0;
	background-image: url(workSamplesPDF.png);
	background-repeat: no-repeat;
	width: 122px;
	height: 70px;
	float: left;	

}

.servicesButtonPic {
	margin: 0 8px 0 0;
	padding: 0;
	background-image: url(services.png);
	background-repeat: no-repeat;
	width: 122px;
	height: 70px;
	float: left;	

}
.currentWorkButtonPic {
	margin: 0 8px 0 0;
	padding: 0;
	background-image: url(currentWorkButton.png);
	background-repeat: no-repeat;
	width: 122px;
	height: 70px;
	float: left;	

}	
.aboutButtonPic {
	margin: 0 8px 0 0;
	padding: 0;
	background-image: url(about.png);
	background-repeat: no-repeat;
	width: 122px;
	height: 70px;
	float: left;	

}	.iowaButtonPic {
	margin: 0 8px 0 0;
	padding: 0;
	background-image: url(iowa.png);
	background-repeat: no-repeat;
	width: 122px;
	height: 70px;
	float: left;	

}	.voiceButtonPic {
	margin: 0 8px 0 0;
	padding: 0;
	background-image: url(voice.png);
	background-repeat: no-repeat;
	width: 122px;
	height: 70px;
	float: left;	

}	.contactButtonPic {
	margin: 0 8px 0 0;
	padding: 0;
	background-image: url(contact.png);
	background-repeat: no-repeat;
	width: 122px;
	height: 70px;
	float: left;	

}	.button h2 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	
	font-weight: bold;	
	
}	.button p {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 11px;
	text-decoration: none;
	
	
	}
	#rightTextPanel {
	position: absolute;
	background-image: url(rightScrim.png);
	width: 462px;
	height: 317px;
	margin: 0;
	padding: 20px 50px;
	top: 500px;
	right: -19px;
	color: #FFFFFF;
	line-height: 1.4em;
	font-size: 14px;
	font-family: Helvetica Neue, Helvetica, Arial, MS Sans, sans serif;
	letter-spacing: 0.2em;
	text-decoration: none;}

	#AnimToggle {
	position: absolute;
	width: 462px;
	height: 30px;
	margin: 0;
	padding: 20px 50px;
	top: 216px;
	right: -19px;
	line-height: 1.4em;
	text-align: right;
	color: #000000;
}
	
	#featuredWork {
	position: absolute;
	width: 462px;
	height: 217px;
	margin: 0;
	padding: 20px 50px;
	top: 280px;
	right: -19px;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Helvetica Neue, Helvetica, Arial, MS Sans, sans serif;
	text-decoration: none;
	font-weight: none;
}

	#currentWork {
	position: absolute;
	width: 462px;
	height: 317px;
	margin: 0;
	padding: 20px 50px;
	top: 10px;
	right: -19px;
	font-size: 18px;
	font-family: Helvetica Neue, Helvetica, Arial, MS Sans, sans serif;
	text-decoration: none;
	font-weight: bold;
}
		
	#rightTextPanel.about {
	line-height: 1.5em;
	letter-spacing: 0;

	}
	
	#rightGalleryBox {
	position: absolute;
	width: 528px;
	height: 950px;
	background-image: url(rightScrim2.png);
	background-repeat:no-repeat;
	height: auto;
	margin: 0;
	top: 286px;
	right: 6px;
	color: #FFFFFF;
	line-height: 1.2em;
	font-size: 14px;
	font-family: Helvetica Neue, Helvetica, Arial, MS Sans, sans serif;
	text-decoration: none;
	text-align:center;
	

	}
	#rightGalleryScrim
	{
	position:absolute;
	top:2px;
	width:522px;
	height: 800px;
	background-color:#3A61A1;
	opacity: .6;
}
	#rightVoicePanel {
	position: absolute;
	background-image: url(rightScrim.png);
	width: 462px;
	height: 537px;
	margin: 0;
	padding: 20px 50px;
	top: 281px;
	right: -19px;
	color: #FFFFFF;
	line-height: 1.2em;
	font-size: 14px;
	font-family: Helvetica Neue, Helvetica, Arial, MS Sans, sans serif;
	text-decoration: none;
	
	
	}#stageText
	 
		{
	opacity:100%;
	display:block;
	width: 478px;
	height: auto;
	padding: 12px;
	margin:0;
	position:relative;
	right: -18px;
		}
		
	#rightGalleryBox img{
	position:relative;

	}	
		
	div#copyright {
	position: absolute;
	bottom: 0;
	left:25px;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	line-height: 1.2em;
	font-size: 11px;
	font-family: Helvetica Neue, Helvetica, Arial, MS Sans, sans serif;
	letter-spacing: 0.1em;
	text-decoration: none;
	display:block;
	width: 850px;
	height: 100px;
	  }