body {
		font-family:arial, helvetica, sans-serif;
		font-size:12px;
		line-height:18px;
		color:#fff;
		margin:0;
		padding:0;
		background:#222;
	}
	.white {
		font-family:arial, helvetica, sans-serif;
		font-size:12px;
		line-height:18px;
		color:#777;
		margin-top:20px;
		padding:0;
		background:#fff;
	}
	.gray {
		font-family:arial, helvetica, sans-serif;
		font-size:13px;
		line-height:18px;
		color:#777;
		margin:0;
		padding:0;
		background:#ddd;
	}
	
	.dark {
		font-family:arial, helvetica, sans-serif;
		font-size:12px;
		line-height:18px;
		color:#777;
		margin:0;
		padding:0;
		background:#222;
	}
	
	.dark2 {
		font-family:arial, helvetica, sans-serif;
		font-size:12px;
		line-height:18px;
		color:#444;
		margin:0;
		padding:0;
		background:#333;
	}
	
	.events {
		background-image: url(../images/events_bg.jpg);
		font-family:arial, helvetica, sans-serif;
		font-size:12px;
		line-height:18px;
		color:#777;
		margin:0;
		padding:0;
		background-color:#222;
	}
	
	.gradient {
		background-image: url(../images/gradient_bg.jpg);
		background-repeat: repeat-x;
		font-family:arial, helvetica, sans-serif;
		font-size:12px;
		line-height:18px;
		color:#777;
		margin:0;
		padding:0;
		background-color:#d3d3d3;
	}
	
	.curtain {
		font-family:arial, helvetica, sans-serif;
		background-image: url(../images/curtain.jpg);
		background-color:#968f8a;
		font-size:12px;
		line-height:18px;
		color:#fff;
		margin:0;
		padding:0;
	}
	
	.monitors {
		font-family:arial, helvetica, sans-serif;
		background-image: url(../images/monitors.jpg);
		background-color:#222222;
		font-size:12px;
		line-height:18px;
		color:#fff;
		margin:0;
		padding:0;
	}
	
	.billboard {
		background-image: url(../images/billboard_bg.jpg);
		background-repeat: repeat-x;
		font-family:arial, helvetica, sans-serif;
		font-size:12px;
		line-height:18px;
		color:#2b4e76;
		margin:0;
		padding:0;
		background-color:#c9d4f0;
	}
	
	#image-strip1 {
		background-image: url(../images/camera.jpg);
		background-repeat: repeat-x;
		background-color:#fff;
		position:fixed;
		padding:0;
		margin-top:0px;
		width:800px;
		height:100%;
		z-index:1;
	}
	
	#image-strip2 {
		background-image: url(../images/backboard.jpg);
		background-repeat: repeat-x;
		background-color:#fff;
		position:fixed;
		padding:0;
		margin-top:0px;
		width:800px;
		height:100%;
		z-index:1;
	}
	
	#image-strip3 {
		background-image: url(../images/lightboard.jpg);
		background-repeat: repeat-x;
		background-color:#fff;
		position:fixed;
		padding:0;
		margin-top:0px;
		width:800px;
		height:100%;
		z-index:1;
	}
	
	#plugs {
		background-image: url(../images/plugs.jpg);
		position:absolute;
		top:0px;
		left:0px;
		width:600px;
		height:450px;
		background-color:#fff;
		z-index:1;
	}
	
		.bgimagetwo {
		background-image: url(../images/pict2.jpg);
		font-family:arial, helvetica, sans-serif;
		font-size:12px;
		line-height:18px;
		color:#777;
		margin:0;
		padding:0;
		background-color:#222;
	}
	
	
		.bgimagethree {
		background-image: url(../images/pict4.jpg);
		font-family:arial, helvetica, sans-serif;
		font-size:12px;
		line-height:18px;
		color:#777;
		margin:0;
		padding:0;
		background-color:#222;
	}
	
		.bgimagefour {
		background-image: url(../images/pict5.jpg);
		font-family:arial, helvetica, sans-serif;
		font-size:12px;
		line-height:18px;
		color:#777;
		margin:0;
		padding:0;
		background-color:#222;
	}
	
	body.content p {
		font-size:12px;
		line-height:18px;
	}
	a, a:link, a:active, a:visited {
		color:#333;
		text-decoration:none;
	}
	a:hover {
		color:#000;
		text-decoration:none;
	}
	img {
		border:none;
	}
	#container {
		width:100%;
		position:relative;
	}
	
	#titlebar-splash {
		position:fixed;
		bottom:0px;
		width:100%;
		height:139px;
		padding-top:4px;
		/*padding:18px 0 14px 0;*/
		background:#fff;
		left:0;
		opacity:1;
		filter: alpha(opacity=100);
		z-index:2;
	}

	#titlebar {
		position:fixed;
		bottom:0px;
		width:100%;
		height:139px;
		padding-top:10px;
		/*padding:18px 0 14px 0;*/
		background:#fff;
		left:0;
		opacity:.8;
		filter: alpha(opacity=80);
		z-index:2;
	}
	
	#logo {
		color:#fff;
		margin:0 10px 0 0;
		padding:17px 0 0 0;
		float:left;
		width:79px;
		height:28px;
	}
	#title-content {
		position:relative;
		width:920px;
		margin:0 auto;
		padding-top:10px;
		z-index: 1000;
	}
	#nav-col1 {
		width:120px;
		position:relative;
		margin:-40px auto;
		padding-left: 0;
		padding-top: 24px;
		font-family:arial, helvetica, sans-serif;
		text-transform:uppercase;
		font-size:12px;
		line-height:18px;
		color:#777;
		z-index: 3000;
	}
	#nav-col1 a, #nav-col1 a:link, #nav-col1 a:active, #nav-col1 a:visited {
		color:#000;
		text-decoration:none;
		padding-left: 1px;
	}
	#nav-col1 a:hover {
		color:#000;
		text-decoration:none;
		font-weight:bold;
	}
	 
	#nav-col2 {
		width:120px;
		position:relative;
		margin:-89px auto;
		padding-left: 230px;
		padding-top: 0px;
		font-family:arial, helvetica, sans-serif;
		text-transform:uppercase;
		font-size:10px;
		line-height:18px;
		color:#888;
		z-index: 2000;
	}
	#nav-col2 a, #nav-col2 a:link, #nav-col2 a:active, #nav-col2 a:visited {
		color:#555;
		text-decoration:none;
	}
	#nav-col2 a:hover {
		color:#555;
		text-decoration:none;
		font-weight:bold;
	}
	
	#titlebar h2 {
		color:#fff;
		font-size:12px;
		font-weight:bold;
		line-height:16px;
		margin:0;
		padding:24px 0 0 0;
		float:left;
	}
	#titlebar p {
		float:right;
		color:#fff;
		font-size:.9em;
		font-weight:bold;
		line-height:1em;
		margin:0;
		padding:24px 0 0 0;
	}
	#titlebar span {
		float:right;
		color:#fff;
		font-size:.85em;
		line-height:1em;
		padding:0 0 0 14px;
		margin:7px 0 0 1.5em;
		background:url(/images/check-off.gif) no-repeat left 1px;
		font-weight:bold;
	}

	#titlebar ul#ack-box {
		position:absolute;
		bottom:-1.5em;
		background:url(/images/check-off.gif) no-repeat left 3px;
		right:140px;
		float:right;
		width:125px;
		padding:0 0 0 11px;
		margin:0;
		z-index:3;
	}
	#titlebar ul li {
		list-style:none;
		font-size:.85em;
		line-height:1.2em;
		font-weight:bold;
		padding:1px 3px;
		background:#717171;
		color:#fff;
	}
	#titlebar ul li:hover {
		background:#717171;
	}
	#ack-box li {
		display:none;
	} 
	#ack-box li.categories {
		display:block;
	}
	#titlebar ul#cat-box.show-urls {
		position:absolute;
		bottom:-30px !important;
		background:none !important;
		z-index:3;
	}
	#titlebar ul#ack-box.show-urls {
		position:absolute;
		bottom:-30px !important;
		border:3px solid #fff;
		height:8em;
		line-height:1.5em;
		background:#717171 !important;
		width:400px;
		z-index:3;
	}
	#titlebar ul#cat-box.show-urls li {
		display:block;
		border:3px solid #fff;
		border-top:none;
		padding:3px 2px;
	}
	#titlebar ul#ack-box.show-urls li, 
	#titlebar ul#ack-box.show-urls li.categories {
		display:inline;
		background:none;
		border:none;
		padding:2px;
		line-height:1.5em;
	}
	#titlebar ul#ack-box.show-urls li.categories:after {
		content:': ';
	}
	#titlebar ul#cat-box.show-urls li.categories {
		background:#717171;
		border-top:3px solid #fff;
	}
	
	#portfolio {
		padding:0px 0px 0px 0px;
		height: 348px;
		margin-left: 72px;
		margin-bottom:30px;
		background-color: #222;
	}
	
	.portfolio-pic {
		padding-bottom:10px;
		padding-right:30px;
	}
	
	.portfolio-text {
		padding-top:120px;
		padding-right:10px;
	}
	
	a.smile {
		padding-right:14px;
		background:url(/images/smiley.png) no-repeat right 1px;
	}
	.sitecredits {
		float:right;
		margin-left:1em;
	}
	.copyright {
		float:left;
		margin-right:1em;
	}

/* content */

	#content-area {
		margin:0 auto;
		padding:0 0 10px 20px;
		width:900px;
		text-transform:uppercase;
	}
	
	#content {
		padding:0;
		width:900px;
	}

	.content a {
		text-decoration:underline;
	}
	
	#sexy-box {
		padding:80px 32px 20px 30px;
		margin-left: 72px;
		text-align: right;
		margin-bottom:0px;
		background-color: #ccc;
		font-size:21px;
		line-height:38px;
		font-weight:normal;
		color: #eee;
		text-transform:uppercase;
	}
	
	#sexy-pic {
		padding:0px;
		margin-left: 74px;
		text-align: right;
		margin-top:0px;
		margin-bottom:0px;
	}
	
	.sexy-text {
		font-size:32px;
		line-height:46px;
		font-weight:normal;
		color: #555;
		text-transform:uppercase;
		margin-top:20px;
		padding:70px 20px 20px 72px;
	}
	
	.sexy-text2 {
		font-size:32px;
		line-height:46px;
		font-weight:normal;
		color: #aaa;
		text-transform:uppercase;
		margin-top:20px;
		padding:70px 20px 20px 72px;
	}
	
	h3 {
		font-weight:normal;
		font-size:.84em;
		line-height:1.3em;
		padding:0;
		margin:0;
		display:inline;
	}
	.content h3 {
		font-weight:normal;
		font-size:1.2em;
		line-height:1.3em;
		padding:0;
		margin:0;
	}
	#content-area ul {
		margin:.5em 0;
		padding:0;
		list-style:none;
	}
	#content-area p {
		padding:0px 20px 0px 72px;
	}
			
	.content #content-area ul {
		list-style:disc !important;
		margin:.5em 0;
		padding:0 0 0 1em;
	}
	.content #content-area li p {
		padding:0 0 .5em;
		margin:0;
	}
	#content-area li {
		line-height:1em;
		padding:3px 0 2px 0;
		margin:3px 0;
	}
	#content-area li.category h2 {
		font-size:12px;
		letter-spacing:18px;
		margin:1em 2em 0 0;
		padding:.5em 0;
		color:#c3c1c1;
		text-transform:uppercase;
		border-bottom:1px solid #bebebe;
	}
	#content-area li.description {
		font-size:12px;
		line-height:18px;
		border:none;
	}
	ul.deck-row li ul.sites {
		font-size:1.1em;
		padding:0 2em 1em .5em;
	}
	ul.sites li a, 
	ul.sites li a:link, 
	ul.sites li a:active, 
	ul.sites li a:visited {
		padding:2px 5px;
	}
	ul.sites li a:hover {
		color:#ff3300;
		padding:2px 5px;
		background:#ffeee9;
	}
	.full-post {
		display:none;
	}
	.favicon {
		float:left;
		margin-left:-20px; /* done this way because of the ie position bug */
	}
	.row-clear {
		clear:left;
		width:100%;
		height:0;
		overflow:hidden;
	}
	
/* deck */

#content-area ul.deck-row {
	width:225px;
	float:left;
}
#content-area ul.deck-row li.category {
	width: 200px;
	margin:0;
	padding:0;
	float:left;
}
#content-area ul.deck-row ul {
	width: 225px;
	margin:0;
	padding:0;
	display:inline;
}
p.description {
	display:none;
}
	
/* miscellaneous */

	.clear {
		clear:left;
	}
	.half {
		width:48%;
	}
	.left {
		float:left !important;
	}
	.right {
		float:right !important;
	}
	.center {
		text-align:center !important;
	}
	.inline {
		display:inline;
	}
	.hide {
		display:none;
	}
	.show {
		display:block;
	}
	h3.subtitles {
		color:#545454;
		margin-left:2px;
		clear:left;
	}
	.pushed {
		bottom:-4em;
	}

	/* Tool tips */
	.tool-tip {
		color: #333;
		width: 200px;
		border:1px solid #bebebe;
		z-index: 13000;
	}
	.tool-tip div.bound {
		max-height:205px;
		_height:205px;
		overflow:hidden;
	}
	.tool-title {
		font-weight: bold;
		font-size: 1em;
		margin: 0;
		color: #717171;
		padding: 8px 15px;
		background: #f0f0f0;
	}
	.tool-text {
		font-size:.85em;
		line-height:1.4em;
		padding: 0 15px 15px 15px;
		background: #f0f0f0;
	}
	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */