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

body {
	background: #000;
	;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
}

#wrapper {
	background: transparent;
	width: 1100px;
	height: 700px;
	margin: 0 auto;
}
body.home   {
	background: #000 url(../img/home_img.jpg) center 9px no-repeat;
}
body.client_malawi   {
	background: #000 url(../img/bkgd_clients_malawi.jpg) center 9px no-repeat;
}
body.client_mexico   {
	background: #000 url(../img/bkgd_clients_mexico.jpg) center 9px no-repeat;
}
body.client_mouse   {
	background: #000 url(../img/bkgd_clients_mouse.jpg) center 9px no-repeat;
}
body.client_nokia   {
	background: #000 url(../img/bkgd_clients_nokia.jpg) center 9px no-repeat;
}
body.client_democ   {
	background: #000 url(../img/bkgd_clients_democ.jpg) center 9px no-repeat;
}
body.client_peru   {
	background: #000 url(../img/bkgd_clients_peru.jpg) center 9px no-repeat;
}
body.doc_water   {
	background: #000 url(../img/bkgd_doc_water.jpg) center 9px no-repeat;
}
body.doc_silent   {
	background: #000 url(../img/bkgd_doc_silent.jpg) center 9px no-repeat;
}
body.doc_liang   {
	background: #000 url(../img/bkgd_doc_liang.jpg) center 9px no-repeat;
}
body.about   {
	background: #000 url(../img/bkgd_about.jpg) center 9px no-repeat;
}
body.contact   {
	background: #000 url(../img/bkgd_contact.jpg) center 9px no-repeat;
}
img {
	border: 0;
}

#border {
	width: 947px;
	height: 702px;
	margin: 0 auto;
	border: #5d9e23 2px solid; /*temporary*/
}

#header {
	background: #fff;
	width: 947px;
	height: 86px;
	margin: 0 auto;
}
#about_txt {
	font-size: 11px;
	color: #636363;
	padding: 5px;
	line-height: 1.3;
}

#contact_txt {
	width: 440px;
	height: 200px;
	font-size: 13px;
	color: #636363;
	line-height: 2;
	margin: 100px auto;
}

#contact_txt a {
	width: 440px;
	height: 200px;
	font-size: 13px;
	color: #636363;
	line-height: 2;
	margin: 100px auto;
}

#contact_txt img {
	border: #868686 2px solid;
}

#about_txt img {
	border: #000 1px solid;
}

h1.home, h2.home {
	color: #993333;
}

h1.client, h2.client {
	color: #2b7293;
}

h1.documentary, h2.documentary {
	color: #072c9c;
}
h1.about {
	color: #05744c;
}
h1.about span {
	color: # 666666;
	color: #666666;
}
.about .about_accent {
}
h1.aids {
	color: #762b2b;
}


h2.aids {
	color: #932b2b;
}

.logo {
	float: left;
	width: 147px;
	height: 37px;
	margin: 30px 0 0 30px;
	background: #fff url(../img/logo.gif) 100% no-repeat;
}

.menu {
	float: right;
	width: 415px;
	height: 22px;
	margin: 30px 30px 0 0;
}

#content {
	background: transparent url(../img/blank.png) repeat;
	width: 907px;
	height: 427px;
	margin: 0 auto;
	padding: 20px;
}

#content.about {
	background: transparent url(../img/blank.png) repeat;
	width: 907px;
	height: 506px;
	margin: 0 auto;
	padding: 20px;
}

h1 {
	font-size: 15px;
	margin: 1px 0 0 35px;
}

h2 {
	margin: 0 0 0 35px;
	font-size: 30px;
	font-variant: normal;
	text-transform: uppercase;
}
h2 span.small {
	color: #636363;
	font-size: 22px;
	font-variant: normal;
	font-weight: normal;
	text-transform: lowercase;
}

h3 {

}

h4 {
	font-size: 27px;
	color: #993333;
	margin-bottom: 0px;
	margin-top: -5px;
}
.head1   {
}
.head2  {
	margin-left: 200px;
}
.head3  {
}

.video_main {
	float: left;
	width: 400px;
	height: 300px;
	margin: 30px 0 0 34px;
	border: #000 7px solid;
}

.video_main_letter {
	float: left;
	width: 400px;
	height: 225px;
	margin: 30px 0 0 34px;
	border: #000 7px solid;
}

.description {
	float: right;
	width: 430px;
	height: 360px;
	margin: 30px 0 0 0;
}
#playlist    p  {
	font-size: 11px;
	font-weight: bold;
	line-height: 1.2em;
	color: #636363;
}
#playlist p.accent  {
	padding-top: 30px;
}
#playlist p.client_page_p {
	margin: 50px 30px 0 0;
}
.description   .p4      {
	line-height: 1.4em;
	margin-right: 40px;
	margin-top: 0px;
}
.accent1 {
	font-size: 23px;
	color: #932b2b;
	font-weight: normal;
	line-height: 1em;
}
.accent1_mouse       {
	font-size: 23px;
	color: #2b7293;
	font-weight: normal;
	line-height: 1em;
}
.accent1_doc       {
	font-size: 23px;
	color: #072c9c;
	font-weight: normal;
	line-height: 1em;
}
.accent2 {
	font-size: 23px;
	font-weight: normal;
}
.p1  {
	margin-bottom: 30px;
}
.p2  {
	font-size: 11px;
	line-height: 1.2em;
}
#playlist .p3  {
	font-size: 11px;
	line-height: 1.2em;
	margin-right: 30px;
}
.img1  {
	border: #000 1px solid;
	margin: 0 100px 25px 0;
}
.img2  {
	border: #000 1px solid;
	margin-right: 10px;
	margin-left: 80px;
}
.img3  {
	border: #000 1px solid;
	margin-left: 7px;
	margin-right: 11px;
}

#footer {
	background: #fff url(../img/frame.gif) 50% 50% no-repeat;
	width: 927px;
	height: 129px;
	padding: 10px;
	margin: 0 auto;
	z-index: 0;
}

#footer.about {
	background: #fff;
	width: 927px;
	height: 50px;
	padding: 10px;
	margin: 0 auto;
	z-index: 0;
}

#footer.contact {
	background: #fff;
	width: 927px;
	height: 50px;
	padding: 10px;
	margin: -72px auto;
	z-index: 0;
}

.tray {
	text-align: right;
}
.tray p img  {
	margin-right: 10px;
	margin-bottom: 1px;
}
.caption {
}

img.thumb_active         {
	border: #2b7293 2px solid;
	color: #2b7293;
}
img.thumb_inactive         {
	border: #555555 1px solid;
	color: #555555;
}

img.doc_thumb_active         {
	border: #072c9c 2px solid;
	color: #072c9c;
}

.tray p {
	padding: 20px 50px 0 55px;
	font-size: 12px;
	color: #636363;
	line-height: 16px;
}

.small_nav{
	font-size: 10px;
	float: left;
	margin-top: 12px;
	margin-left: 40px;
	color: #666666;
}
.small_nav a {
	color: #666666;
	text-decoration: none;
}

a:visited {
	color: #666666;
	text-decoration: none;
}

.small_nav span.home_active {
	color: #993333;
}

.small_nav span.client_active {
	color: #2b7293;
}
.small_nav span.doc_active {
	color: #072c9c;
}
.small_nav span.about_active {
	color: #05744c;
}
.small_nav span.contact_active {
	color: #304d03;
}
.copyright {
	float: right;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	margin-top: 12px;
	margin-right: 40px;
}

#player/* player dimensions */
 {
	width: 400px;
	height: 300px;
	margin: 30px 0 0 34px;
	float: left;
	border: #000 7px solid;
}

#player_letter/* player dimensions */
 {
	width: 400px;
	height: 250px;
	margin: 30px 0 0 34px;
	float: left;
	border: #000 7px solid;
}


#playlist {
	width: 400px;
	height: 360px;
	margin: 30px 0 0 0;
	float: right;
}



.play/* overlay play button */
 {
	background:url(../img/play.png) 50% 50% no-repeat;
	width:50px;
	height: 50px;
	position: absolute;
	padding: 250px 0 0 350px;
}


/* playlist entry */
#playlist a {
}

#playlist p {
	font-size:11px;
	margin:0px;		
}


/* entry stages: normal, hover, playing, paused */
#playlist a:hover {
	background-position:0 -68px;	
}

#playlist a.playing, #playlist a.paused {
	color:#000;	
}

#playlist a.playing {
	background-position:0 -136px;		
}

#playlist a.paused {
	background-position:0 -68px;	
}