@charset "utf-8";
/* CSS Document */
body {
	background-color: #000000;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}
#wrapper {
	margin: 0 auto;
	width: 955px;
}
#logo {
	float: left;
	width: 61px;
	margin: 0;
}
#right {
	float: left;
	width: 894px;
	margin: 0;
}
#top {
/*
	background-image: url(../images/bg-side-grad.gif);
	background-repeat: repeat-y;
	padding: 0 10px;
	border-bottom: 1px solid #666666;
*/
	width: 894px;
	height: 90px;
	margin: 0;
}

.content {
	width: 894px;
	padding: 50px 0 80px 0;
}
#content-left {
	float: left;
	width: 502px;
	padding: 0 0 0 92px;
}
#home #content-left {
	float: left;
	width: 430px;
	padding: 0 90px 0 60px;
}
#content-right {
	float: left;
	color: #aaaaaa;
	width: 300px;
}

#work-grid, #links-content {
	margin: 0 0 0 92px;
}


#bottom {
	clear: both;
	border-top: 1px solid #666666;
	margin: 20px 0 0 61px;
}
#footer-email {
	float: left;
	font-size: 65%;
	padding: 10px 0 0 0;
	text-align: left;
	width: 447px;	
}
#taohaus {
	float: left;
	font-size: 65%;
	height: 20px;
	line-height: 20px;
	text-align: right;
	padding: 10px 0 0 0;
	width: 447px;	
}
#logo-taohaus {
	vertical-align: middle;
}

.clear {
	clear: both;
	height: 0;
	font-size: 0;
}

/* Navigation */

ul#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 55px;
	overflow: hidden;
}
ul#nav li {
	float: left;
	border-left: 1px solid #FFFFFF;
	margin: 0;
	padding: 0;
	height: 55px;
}
ul#nav li.first {border: 0;}
ul#nav li#nav-home {width: 159px;}
ul#nav li#nav-news {width: 157px;}
ul#nav li#nav-work {width: 169px;}
ul#nav li#nav-contact {width: 256px;}
ul#nav li#nav-links {width: 149px;}




/* Content */

img {
	border: 0;
}

h1 {
	font-size: 150%;
	font-weight: bold;
	line-height: 120%;
	margin-top: 0;
}

.content h2 {
	font-size: 130%;
	font-weight: bold;
	height: 25px;
	margin: 0 0 10px 0;
}

/* Home */
#home #content-left {
	text-align: justify;
	vertical-align: top;
}
#home #content-left p {
	font-size: 100%;
	font-weight: bold;
	line-height: 120%;
	margin: 0 0 1em 0;
}
#home #content-right h2 {
	background-color: #666666;
}
#home #content-right .news-date {
	float: left;
	font-size: 65%;
	padding: 13px 5px 0 0;
	width: 70px;
}
#home #content-right .news-text {
	float: left;
	padding: 13px 0 0 0;
	width: 205px;
}
#home #content-right .news-text h4 {
	font-size: 65%;
	margin: 0;
}
#home #content-right .news-text p {
	font-size: 65%;
	margin: 0;
}



/* News */
#news #content-left {
}
#news #content-left h2 {
	background-color: #666666;
}
#news #content-right h2 {
	background-color: #333333;
}
#news #content-left .news-date {
	float: left;
	background: url(../images/bullet-pointer-white.gif) no-repeat;
	font-size: 75%;
	padding: 0 5px 0 25px;
	width: 95px;
}
#news #content-left .news-text {
	float: left;
	border-bottom: 1px solid #333333;
	padding: 0 0 15px 0;
	width: 400px;
}
#news #content-left .news-text h3 {
	font-size: 75%;
	margin: 0 0 10px 0;
}
#news #content-left .news-text p {
	font-size: 75%;
	line-height: 140%;
	margin: 0;
}
#news #content-right ul#news-previous {
	list-style: none;
	margin: 0;
	padding: 20px 0 0 0;
	width: 200px;
}
#news #content-right ul#news-previous li {
	background: url(../images/bullet-pointer-red.gif) no-repeat;
	font-size: 70%;
	line-height: 100%;
	margin: 0;
	padding: 0 5px 15px 25px;
}




/* Links */
#links-content {
}
#links-content h2 {
	background-color: #666666;
}

#links-content p.leading-text {
	font-size: 75%;
	margin: 0;
	padding: 0 50px 0 0;
}
#links-content .link-url {
	float: left;
	background: url(../images/bullet-pointer-red.gif) no-repeat;
	font-size: 70%;
	margin-top: 5px;
	padding: 0 5px 0 25px;
	width: 100px;	
}
.link-text {
	float: left;
	margin-top: 5px;
	padding: 0 30px 0 0;
	width: 400px;	
}
.link-text p {
	font-size: 70%;
	margin: 0;
}





/* Work Accordian styling */

.work-thumbs-row .clear {
	height: 10px;
}

#work-film, #work-tv, #work-ads, #work-audio, #work-rec {
	clear: both;
}

.workHeader {
    cursor: pointer;
	width: 802px;
	height: 30px;
}
.workHeader h2, #header-player h2 {
	display: none;
}
.workContent, #playerContent {
	padding: 3px 0 10px 0;
}

.work-thumbs-row {
	clear: both;
	padding: 10px 0 0 0;
}
.work-thumb-block {
	float: left;
	width: 155px;
}

#header-player {
	background: url(../images/header-work-player.gif) no-repeat;
	color : #990000;
	width: 800px;
/*
	height: 37px;
*/
	border: 1px solid #666666;
	margin: 0 0 25px 0;
	padding: 3px 0 0 0;
}
#header-film {
	background: url(../images/header-work-film-off.gif) no-repeat;
	color : #990000;
}
#header-tv {
	background: url(../images/header-work-tv-off.gif) no-repeat;
	color : #990000;
}
#header-ads {
	background: url(../images/header-work-ads-off.gif) no-repeat;
	color : #990000;
}
#header-rec {
	background: url(../images/header-work-rec-off.gif) no-repeat;
	color : #990000;
}
#header-audio {
	background: url(../images/header-work-audio-off.gif) no-repeat;
	color : #990000;
}

#work-film .openHeader {
	background: url(../images/header-work-film-on.gif) no-repeat;
	color : #ffffff;
}
#work-tv .openHeader {
	background: url(../images/header-work-tv-on.gif) no-repeat;
	color : #ffffff;
}
#work-ads .openHeader {
	background: url(../images/header-work-ads-on.gif) no-repeat;
	color : #ffffff;
}
#work-rec .openHeader {
	background: url(../images/header-work-rec-on.gif) no-repeat;
	color : #ffffff;
}
#work-audio .openHeader {
	background: url(../images/header-work-audio-on.gif) no-repeat;
	color : #ffffff;
}

.work-thumb-block h4 {
	font-size: 65%;
	font-weight: normal;
	margin: -5px 0 0 0;
}

#flash-jukebox {
	width: 400px;
	font-size: 70%;
	margin: 0 0 0 240px;
}




/* Contact Styles */

#contact #content-left {
	padding-top: 25px;
}
#contact #content-left h2 {
	background-color: #666666;
}
#contact #content-right h2 {
	background-color: #333333;
}
#contact #content-left h3 {
	font-size: 100%;
	margin: 30px 0 0 0;
}
#contact #content-left p {
	font-size: 75%;
	margin: 0 0 1em 0;
}
#contact #content-right p {
	font-size: 75%;
	margin-top: 30px;
}
#contact #content-right ul#contact-list {
	list-style: none;
	margin: 0;
	padding: 10px 0 0 0;
	width: 200px;
}
#contact #content-right ul#contact-list li {
	background: url(../images/bullet-pointer-red.gif) no-repeat;
	font-size: 70%;
	line-height: 100%;
	margin: 0;
	padding: 0 5px 15px 25px;
}

#contact #content-left .back {
	background: url(../images/bullet-pointer-red.gif) no-repeat;
	font-size: 75%;
	margin-top: 30px;
	padding: 0 5px 0 25px;
}



/* ----- Form ----- */
form {
	margin: 0;
	padding: 10px 0 0 0;
}
label.formheader {
	float: left;
	padding: 5px 10px 1px 0;
	width: 80px;
	height: 25px;
	font-size: 75%;
	font-weight: bold;
	clear: both;
}
#contact #content-left p.email-note {
	margin-top: 0;
	padding-left: 90px;
}
#contact #content-left p.form-error {
	background-color: #900;
	margin-top: 5px;
	margin-right: 75px;
	padding: 4px 6px;
}
input.textbox, textarea.textbox-multi {
	float: left;
	background-color: #333333;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	width: 330px;
	height: 20px;
	margin-bottom: 10px;
	padding: 3px 3px 1px 3px;
	border: 0;
/*
	border: 1px solid #999999;
*/
}
textarea.textbox-multi {
	height: 150px;
}
input#submit {
	margin: 0 0 0 90px;
	border: 0;
}




/* Anchor styles */

a {
	color: #ffffff;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #990000;
}
#content-right a {
	color: #aaaaaa;
	text-decoration: none;
}
#content-right a:hover {
	color: #990000;
}

#home #content-right .news-text h4 a {
	color: #990000;
	text-decoration: none;
}
#home #content-right .news-text h4 a:hover {
	color: #990000;
	text-decoration: underline;
}