/* orange: #ff6600; */

body * {  font-family: Arial, Helvetica, sans-serif; }

a { text-decoration: none; color: #ff6600; }
td { vertical-align: top; }
h1, h2, h3 { padding: 0; margin: 0; font-weight: normal; }
h1 { font-size: 21px; color: #ff6600; }
h2 { font-size: 16px; color: #ffffff; }
h3 { font-size: 10pt; color: #333; }

#panel, #footer { width: 930px; margin: 0 auto; position: relative; }
#panel { margin-top: 10px; }


ul.menu { list-style: none; margin: 0; padding: 0;  }
.menu li { float: left; color: #fff; margin-right: 4px; }
.menu a {color: #fff; font-size: 9pt; margin-right: 4px; }
.menu a:hover,  .menu a.on { color: #ff6600; }

#menu { height: 20px; }
#menu ul { height: 20px; }
#menu a { font-size: 21px; }

#categories, #works, #pages, #footer { height: 15px; clear: both; line-height: 15px; }
#categories a, #works a, #pages a, #footer a { font-weight: bold; }

div#media { height: 470px; background: #000; position: relative; overflow: hidden; }
div#video { position: absolute; height: 360px; width: 600px; top: 50%; margin-top: -180px; left: 50%; margin-left: -300px; z-index: 0; }

div#content { clear: both; position: relative; }

div.controls { height: 24px; clear: both; line-height: 24px; background: #111111; }
div.controls span { float: left; color: #ff6600; font-weight: bold; padding-left: 6px; font-size: 12px; }
div.controls a { float: right; color: #ff6600; font-weight: bold; font-size: 12px; margin-right: 8px;  }
div.controls img { cursor: pointer; margin: 0px 2px 3px 2px; vertical-align: middle; }


/*#prevToggle, #nextToggle {
	position: absolute;
	height: 100%;
	width: 50%;
	opacity: .1;
	filter:alpha(opacity:10);
	z-index: 9999;
	background: #000;
	cursor: pointer;
}
#prevToggle {
	left: 0;
	background: url(/img/btnPrev.gif) no-repeat 25% 50%;
}
#nextToggle {
	left: 50%;
	background: url(/img/btnNext.gif) no-repeat 75% 50%;
}*/
#prevToggle, #nextToggle {
	position: absolute;
	cursor: pointer;
}
#prevToggle {
	left: 8px;
}
#nextToggle {
	left: 32px;
}

div#info { position: absolute; width: 98%; background: #000000; color: #ffffff; font-size: 12px; padding: 1%; z-index: 99; }
div#info, div#caption { filter:alpha(opacity=80); opacity: .8; -moz-opacity:.8; }

embed, object { z-index: 0; }

#info h3 { color: #ff6600; }
#info a, #info a:visited { color: #fff; }

#caption { position: absolute; bottom: 2px; left: 0; z-index: 20; color: #fff; font-size: 12px; }

div.contact h1 { font-weight: normal; }
div.contact { color: #fff; font-size: 12px; font-weight: normal; }

#footer { border-bottom: solid 0px #ff6600; text-align: right; padding-top: 6px; position: relative; }
#footer ul { float: right; }
#footer li { margin-left: 4px; margin-right: 0; }
#footer { border-bottom: solid 6px #e95d00; }


#clients {
	width: 930px;
	height: 535px;
	background: #000;
	position: absolute;
	display: none;
	top: 24px;
	filter: alpha(opacity=90);
	opacity: .9;
	z-index: 200;
}
#clients a.btn {
	color: #fff;
	position: absolute;
	right: 32px;
	bottom: 32px;
	font-weight: bold;
	font-size: 12px;
}
#clients a.btn:hover {
	text-decoration: underline;
}


#clients table {
	margin: 32px;
	width: 866px;
}
#clients h1 {
	color: #ffffff;
	font-size: 14px;
	border-bottom: dashed 1px #999;
}
#clients ul {
	list-style: none;
	margin: 0;
	padding: 0;
	list-style-position: inside;
}
#clients li a {
	font-size: 12px;
}
#clients li a:hover {
	color: #fff;
}

ul.sort li {
	background:#f3f3f3;
	color:#555;
	padding: 1px;
	margin: 1px;
}

ul#social {
	list-style-type: none;
	width: 50px;
	float:right;
	clear: both;
}

ul#social li {
	float: left;
}

ul#social li a img {
	border: none;
	width: 20px;
	height: 20px;
}