@charset "UTF-8";
/* CSS Document */

* {
	margin:0px;
	padding:0px;
}

body {
	backgorund-color:#EFEFEF;
	font-family:Geneva, Helvetica, Arial, sans-serif;
	color:#272727;
}

.clear {
	clear:both;
}

div#header-wrap {
	background-image:url(../images/header-bg.png);
	background-repeat:no-repeat;
	background-position:center top;
	height:150px;
	width:100%;
	background-color:#EBEBEB;
	border-top:3px solid #000000;
	border-bottom:1px solid #000000;
}

	div#header {
		width:800px;
		height:150px;
		margin:0 auto;
	}
	
		div#header a img {
			border:0px;
			float:left;
		}
		
		div#nav {
			text-align:right;
			float:right;
			width:250px;
			padding:10px 0px 0px 0px;
		}
		
			div#nav p {
				font-size:16px;
				font-weight:bold;
				letter-spacing:-1px;
				color:#AEAEAE;
			}
		
			div#nav ul {
				list-style:none;
			}
		
				div#nav ul li {
					list-style:none;
					display:inline;
				}
		
					div#nav ul li a {
						text-decoration:none;
						color:#333333;
						font-size:12px;
						text-transform:uppercase;
						line-height:12px;
						padding:3px 0px 3px 0px;
						display:block;
					}
		
						div#nav ul li a:hover {
							color:#000000;
						}
						
div#content-wrap {
	background-image:url(../images/content-wide-bg.png);
	background-position:center top;
	background-repeat:repeat-y;
	background-color:#FFFFFF;
}

	div.index {
		background-image:url(../images/sidebar-speaking1.jpg);	
	}

	div.video {
		background-image:url(../images/sidebar-screen.jpg)
	}
	
	div.experience {
		background-image:url(../images/sidebar-controls.jpg);
	}
	
	div.contact {
		background-image:url(../images/sidebar-speaking2.jpg);
	}
	
	div.audio {
		background-image:url(../images/sidebar-microphone.jpg);	
	}
	
	div.studio {
		background-image:url(../images/sidebar-studio.jpg);	
	}

	div#content {
		background-repeat:no-repeat;
		background-position:left top;
		background-color:#FFFFFF;
		padding:40px 30px 0px 400px;
		min-height:489px;
		width:370px;
		margin:0 auto;
		font-size:12px;
		line-height:16px;
		position:relative;
	}

		div#content p {
			margin:0px 0px 10px 0px;
		}
		
			div#content p a {
				color:#1f497d;
				}

		div#content ul, div#content ol {
			margin:0px 0px 10px 18px;
		}

		div#content h1 {
			margin:0px 0px 10px 0px;
			line-height:21px;
			font-size:18px;
			color:#43585e;
			font-weight:normal;
			letter-spacing:-1px;
		}
		
		div#content div#audioplayer {
			position:absolute;
			bottom:0px;
			right:0px;
			width:400px;
			padding:0px 0px 5px 0px;
		}
		
		div#content div#audioplayer2 {
			position:absolute;
			bottom:0px;
			left:5px;
			width:400px;
			padding:0px 0px 5px 0px;
		}
		
			div#content div#audioplayer a, div#content div#audioplayer2 a {
				display:block;
				float:left;
				background-color:#999999;
				color:#FFFFFF;
				text-decoration:none;
				padding:10px 0px 10px 20px;
				width:155px;
				font-size:12px;
				line-height:16px;
				margin:0px 5px 0px 0px;
				}
		
				div#content div#audioplayer a span, div#content div#audioplayer2 a span {
					font-weight:bold;
					font-size:26px;
					display:block;
					line-height:26px;
					letter-spacing:-1px;
					}
		
div#footer-wrap {
	background-image:url(../images/footer-bg.png);
	background-repeat:repeat-y;
	background-position:center top;
	border-top:2px solid #000000;
}

	div#footer {
		width:800px;
		margin:0 auto;
		padding:60px 0px 20px 0px;
		font-size:12px;
	}
	
		p.footer-left {
			width:250px;
			float:left;
			color:#000000;
		}
	
			p.footer-left a.contact {
				font-size:20px;
			}
			
			p.footer-left a {
				color:#000000;
				text-decoration:none;
				}
	
		p.footer-right {
			width:250px;
			float:right;
			text-align:right;
			color:#000000;
			padding:20px 0px 0px 0px;
		}
		
a#sitecred {
	display:block;
	color:#999999;
	text-decoration:none;
	display:block;
	width:800px;
	padding:5px 0px 5px 0px;
	margin:0 auto;
	font-size:9px;
}

	a#sitecred:hover {
		color:#000000;
	}

		a#sitecred:hover span {
			color:#000000;
			text-decoration:underline;
		}

label {
	font-size:12px;
	display:block;
	margin:0px 0px 10px 0px;
}

textarea.long, input.long {
	width:220px;
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	padding:1px;
	margin-top:4px;
}

textarea.long:hover, textarea.long:focus, input.long:hover, input.long:focus {
	width:220px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
}

div.videowrapper {
	padding:30px;
	}
	
	a.highslide {
		display:block;
		float:left;
		width:180px;
		height:180px;
		padding:0px;
		margin:0px;
		}
		
div#content ul.dualcolumn {
	width:160px;
	float:left;
	display:block;
	}