/* CSS Document */

body {
	background: url('../images/background_grays.gif') no-repeat center bottom #ccc;
	margin: 0;
	padding: 0 0 50px 0;
	font-family: Arial, Verdana, sans-serif;
	text-align: center;
	}
p, li {
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	line-height: 180%;
	}
blockquote {
	margin: 0;
	padding: 0;
	}
ul { margin: 0 15px; padding: 0; }
ol { margin: 0 25px; padding: 0; }
ul li {
	list-style-image: url("../images/bullet.gif");
	list-style-bullet: none;
	text-indent: 0;
	}
ul.nobullets li { margin: 0; padding: 0; list-style-image: none; list-style-type: none; }
ul.nobullets, ul.nobullets ul, ul.nobullets ul ul { list-style-type: none; }
ul.audio li {
	list-style-image: url('../images/icons/icon_audio.gif');
	margin-left: 8px;
	}
h1 { font: 16px/130% Arial, sans-serif; font-weight: bold; color: #ff4c00; }
h2 { font: 14px/180% Arial, sans-serif; font-weight: bold; color: #000; }

big { font-size: ; }
small { font-size: 11px; line-height: 150%; }
img { border: none; }

hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border: 0;
	}

/*
#subnav a:link, #content a:link, #footer a:link { color: #000; border-bottom: 1px solid #999; }
#subnav a:visited, #content a:visited, #footer a:visited { color: #666; border-bottom: 1px solid #999; }
#subnav a:hover, #content a:hover, #footer a:hover { color: #fff; border-bottom: 1px solid #000; background: #000; }
*/
#subnav a:link, #content a:link, #footer a:link { color: #00c; border-bottom: 1px solid #99f; }
#subnav a:visited, #content a:visited, #footer a:visited { color: #333; border-bottom: 1px solid #999; }
#subnav a:hover, #content a:hover, #footer a:hover { color: #fff; border-bottom: 1px solid #000; background: #000; }

a img { padding: 0; margin: 0; border-bottom: 0; }
a { text-decoration: none; }

#wrapper {
	margin: 0 auto;
	text-align: left;
	border: 0 1px;
	padding: 0 1px;
	width: 737px;
	background: white;
	}
#header {
	width: 737px;
	clear: both;
	vertical-align: top;
	}

#header a.off:link img { border-bottom: 7px solid white; }
#header a.off:visited img { border-bottom: 7px solid white; }
#header a.off:hover img { border-top: 7px solid black; border-bottom: 0; }
#header a.off:active img { border-top: 7px solid black; border-bottom: 0; }

#header a.on:link img, span.on img { border-bottom: 7px solid #ff4c00; }
#header a.on:visited img { border-bottom: 7px solid #ff4c00; }
#header a.on:hover img { border-top: 7px solid #ff4c00; border-bottom: 0; }
#header a.on:active img { border-top: 7px solid #ff4c00; border-bottom: 0; }

#work, #play { margin-right: 1px; }

#subnav {
	width: 198px;
	padding: 10px;
	height: auto;
	float: left;
	}
#content {
	width: 478px;
	padding: 0 20px 0 20px;
	margin: 10px 0;
	border-left: 1px solid #ccc;
	float: right;
	}
#footer {
	clear: both;
	margin-left: 218px;
	font-size: 11px;
	padding: 0 0 10px 20px;
	}
#sitemeter {
	display: none;
	}

.right { float: right; }
.left { float: left; }
.clear { clear: both; }
.center { text-align: center; }
.red { color: red; }
.dim { color: gray; }
.callout { padding: 10px 0; border-top: 2px solid black; border-bottom: 2px solid black; }
p.portfolio img { border: 1px solid #999; margin: 0 10px 10px 0; }

#content p#download { font-size: 11px; line-height: 150% }
#content p#download a { color: #00c; border: none; background: white; }
#content p#download a:hover { color: #ff4c00; }
#content p#download a:visited { color: #666; }
#content p#download img { padding-right: 15px; }