body {
	text-align: center;
	/* background-color: #133518; */
	background-color: #000000;
	margin-top: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	margin-right: 0px;
}

div.page-header {
	position: static;
	left:0px;
	top:0px;
	width:814px;
	height:108px;
	z-index: 2000;
}

div.nav-bar {
	position: static;
	left:0px;
	top:108px;
	width:814px;
	height:41px;
	z-index: 1000;
}

div.body-container {
	top:149px;
	width:814px;
}

div.sub-nav {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-style: normal;
	height:20px;
	/* padding: 20px 10px 0 10px; */
	margin: 0 40px 0 40px;
	/* background: orange; */
}

div.admin-nav {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-style: normal;
	height:20px;
	/* padding: 20px 10px 0 10px; */
	margin: 0 40px 0 40px;
	background: orange;
	/* for IE */
	filter:alpha(opacity=70);
	/* CSS3 standard */
	opacity:0.70;
}

div.admin-nav-right {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-style: normal;
	width: 90%;
	#width: 100%;
	height:20px;
	text-align: right;
	/* padding: 20px 10px 0 10px; */
	margin: 0 40px 0 40px;
	background: orange;
	/* for IE */
	filter:alpha(opacity=70);
	/* CSS3 standard */
	opacity:0.70;
}

div.main-body {
	/* text-align: center; */
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-style: normal;
	min-height: 800px;
	#height: 900px;
	margin: 0px 40px;
	/* background: purple; */
}

.inner-container {
	text-align: center;
	margin: 0 auto;
}

a.admin-link-bg {
	background: orange;
	/* for IE */
	filter:alpha(opacity=70);
	/* CSS3 standard */
	opacity:0.70;
}

td.rAlign {
	text-align: right;
	vertical-align: middle;
	font-size: 12px;
}

td.rAlign-top {
	text-align: right;
	vertical-align: top;
	font-size: 12px;
}

td {
	font-size: 13px;
	vertical-align: top;
}

textarea#descrText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

table {
	border: 0px;
	cellpadding: 25px;
}

hr {
	height: 1px;
}

/*//////////////////////////////*/
/* SPECIAL SECTION FOR PROJECTS */
/*//////////////////////////////*/

.projects-top-head {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-style: normal;
	width: 734px;
	min-height: 20px;
	#height: 20px;
	padding: 20px 0 0px 0;

}

.projects-lower-head {
	font-size: 16px; 
	width: 357px;
	text-align: center;
	font-weight: bold;
	align: center;
}

.projects-top-body {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-style: normal;
	width: 734px;
	min-height: 300px;
	#height: 300px;
	padding: 0px 0 20px 0;
	text-align: left;
}

.stain-box {
	width: 344px;
	height: 290px;
	margin-top: 10px;
}

.junction-box {
	width: 345px;
	height: 290px;
	margin-top: 10px;
}

.projects-top-container {
	width: 734px;
	min-height: 300px;
	#height: 300px;
}

.projects-bottom-container {
	width: 734px;
	min-height: 300px;
	#height: 300px;
}

.projects-head {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-style: normal;
	width: 734px;
	min-height: 20px;
	#height: 20px;
	padding: 20px 0 0px 0;
}

.projects-head-rt {
	position: static;
	margin-left: 0;
	float: right;
	width: 367px;
	text-align: center;
	font-weight: bold;
}

.projects-head-lt {
	float: left;
	width: 367px;
	text-align: center;
	font-weight: bold;
}

.projects-body {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-style: normal;
	width: 734px;
	min-height: 900px;
	#height: 900px;
	padding: 0px 0 20px 0;
	text-align: left;
}

.morphous-box {
	float: right;
	#margin-top: 0px;
	width: 346px;
	#width: 376px;
	text-align: left;
	padding: 0px 10px 0px 10px;
	border-left: thin solid #000000;
	min-height: 300px;
	#height: 300px;
}

.stoma-box {
	float: left;
	width: 347px;
	#width: 357px;
	text-align: left;
	padding: 0px 10px 0px 10px;
	height: 100%;
	min-height: 300px;
	#height: 300px;
}


/*//////////////////////////////////*/
/* END SPECIAL SECTION FOR PROJECTS */
/*//////////////////////////////////*/


.blog-body {
	width: 310px;
	#width: 338px;
	margin-left: 395px;
	/* border-bottom: thin solid #000000; */
	padding: 10px 20px 20px 20px;
	#padding: 20px 5px;
	text-align: center;
	background: url("images/gray_bg.jpg");
	height: 550px;
	#height: 550px;
	overflow: scroll;
	/* for IE */
	filter:alpha(opacity=70);
	/* CSS3 standard */
	opacity:0.70;
}

.blog-inner-body {
	clear: both; 
	width: 90%; 
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-style: normal;	

}

.hr-blog {
	border: 0;
	width: 100%;
	color: #000000;
	background-color: #000000;
	height: 1px;
	align: left;
}

.project-box {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-style: normal;
	width: 734px;
	min-height: 280px;
	#height: 280px;
	text-align: left;
	padding: 10px 0 10px 0;
	border-bottom: thin solid #000000;
}

.play-box {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-style: normal;
	width: 734px;
	min-height: 300px;
	#height: 300px;
	text-align: left;
	padding: 20px 0 20px 0;
	border-bottom: thin solid #000000;
}

.screenplay-box {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-style: normal;
	width: 734px;
	min-height: 280px;
	#height: 280px;
	text-align: left;
	padding: 10px 0 10px 0;
	border-bottom: thin solid #000000;
}

.director-box {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-style: normal;
	width: 734px;
	min-height: 280px;
	#height: 280px;
	text-align: left;
	padding: 10px 0 10px 0;
	border-bottom: thin solid #000000;
}

.proj-box-sm {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-style: normal;
	width: 734px;
	min-height: 40px;
	#height: 40px;
	text-align: left;
	padding: 10px 0 10px 0;
	border-bottom: thin solid #000000;
}

.proj-box-sm-nobrdr {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-style: normal;
	width: 734px;
	min-height: 40px;
	#height: 40px;
	text-align: left;
	padding: 10px 0 10px 0;
	/* border-bottom: thin solid #000000; */
}

.proj-descr-rt {
	position: relative;
	float: right;
	width: 391px;
	padding: 0 20px 0 10px;
	text-align: justify;
}

.proj-descr-lt {
	position: relative;
	float: left;
	width: 391px;
	padding: 0 30px 0 0px;
	text-align: justify;
}


.prop {
    #height:100px;
    #float:right;
    #width:1px;
}

.clear {
    clear:both;
    height:1px;
    overflow:hidden;
}

.caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

a { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFCC00;
	text-decoration: underline;

}
.linktext-med {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFCC00;
	text-decoration: underline;

}

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-decoration: underline;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-decoration: underline;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-decoration: underline;
}


/* //////////////////// */
/* SPECIAL PAGE LAYOUTS */
/* //////////////////// */

div.main-container {
	position: static;
	margin-left: auto;
	margin-right: auto;
	width: 814px;
	min-height: 800px;
	#height: 600px;
	text-align: left;
	background-color: #133518;
	background: url("images/pg_background.jpg");
	background-repeat: repeat-y;
	z-index: -1;
}

div.bg-container {
	width: 814px;
	min-height: 900px;
	#height: 900px;
	position: relative;
	float: left;
	margin-left: 0;
	margin-right: 0;
	background-color: #133518;
	background: url("images/pg_background.jpg");
	background-repeat: repeat-y;
}

div.contact-container {
	width: 814px;
	height: 1100px;
	#min-height: 1100px;
	position: relative;
	float: left;
	margin-left: 0;
	margin-right: 0;
	text-align: left;
	background-color: #000000;
	background: url("images/contact_bg_pic.jpg");
	background-repeat: no-repeat;
	z-index: 1;
}

/*//THE NEXT TWO ARE IDENTICAL//*/

div.index-container {
	width: 814px;
	min-height: 1000px;
	#height: 800px;
	position: relative;
	float: left;
	margin-left: 0;
	margin-right: 0;
	text-align: left;
	background-color: #000000;
	background: url("images/index_bg_pic.jpg");
	background-repeat: no-repeat;
	z-index: 1;
}

div.home-container {
	width: 814px;
	min-height: 1000px;
	#height: 800px;
	position: relative;
	float: left;
	margin-left: 0;
	margin-right: 0;
	text-align: left;
	background-color: #000000;
	background: url("images/index_bg_pic.jpg");
	background-repeat: no-repeat;
	z-index: 1;
}

div.writer-container {
	width: 814px;
	height: 1100px;
	position: relative;
	float: left;
	margin-left: 0;
	margin-right: 0;
	text-align: left;
	background-color: #000000;
	background: url("images/writer_bg_pic.jpg");
	background-repeat: no-repeat;
	z-index: 1;
}

div.about-container {
	width: 814px;
	position: relative;
	float: left;
	margin-left: 0;
	margin-right: 0;
	text-align: left;
	background: url("images/about_bg_pic.jpg");
	background-repeat: no-repeat;
	z-index: 1;
}

div.stories-container {
	width: 814px;
	position: relative;
	float: left;
	margin-left: 0;
	margin-right: 0;
	text-align: left;
	background: url("images/stories_bg_pic.jpg");
	background-repeat: no-repeat;
	z-index: 1;
}

div.news-container {
	width: 814px;
	position: relative;
	float: left;
	margin-left: 0;
	margin-right: 0;
	text-align: left;
	background: url("images/news_bg_pic.jpg");
	background-repeat: no-repeat;
	z-index: 1;
}

div.blog-container {
	width: 814px;
	position: relative;
	float: left;
	margin-left: 0;
	margin-right: 0;
	text-align: left;
	background: url("images/blog_bg_pic.jpg");
	background-repeat: no-repeat;
	z-index: 1;
}

div.links-container {
	width: 814px;
	position: relative;
	float: left;
	margin-left: 0;
	margin-right: 0;
	text-align: left;
	background: url("images/links_bg_pic.jpg");
	background-repeat: no-repeat;
	z-index: 1;
}

.contact-content {
	position: relative;
	width: 330px;
	margin-left: 390px;
	margin-top: 290px;
	z-index: 200;
	overflow: hidden;
	/* background: pink; */
}

.writer-content {
	position: relative;
	margin-left: 600px;
	margin-top: -20px;
	z-index: 200;
	overflow: hidden;
	font-family: courier, helvetica;
	/* background: pink; */
}

.links-content {
	position: relative;
	margin-left: 405px;
	margin-top: 0px;
	z-index: 200;
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
	#padding-top: 10px;
	z-index: 200;
	height: 400px;
	#height: 350px;
	width: 320px;
	#width: 329px;
	overflow: scroll;
	background: #FFFFFF;
	/* for IE */
	filter:alpha(opacity=95);
	/* CSS3 standard */
	opacity:0.92;
	/* background: pink; */
}

.about-content {
	position: relative;
	margin-left: 485px;
	margin-top: 0px;
	z-index: 200;
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
	#padding-top: 10px;
	z-index: 200;
	height: 410px;
	#height: 430px;
	width: 240px;
	#width: 249px;
	overflow: scroll;
	background: #FFFFFF;
	/* for IE */
	filter:alpha(opacity=82);
	/* CSS3 standard */
	opacity:0.75;
	/* background: pink; */
}

.stories-content {
	position: relative;
	margin-left: 480px;
	margin-top: 0px;
	z-index: 200;
	overflow: hidden;
	text-align: left;
	/* background: pink; */
}

.news-content {
	position: relative;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	#padding-top: 10px;
	z-index: 200;
	height: 472px;
	#height: 462px;
	width: 350px;
	#width: 360px;
	overflow: scroll;
	background: #FFFFFF;
	/* for IE */
	filter:alpha(opacity=70);
	/* CSS3 standard */
	opacity:0.7;
	/* background: pink; */
}

.blog-content {
	position: relative;
	margin-left: 400px;
	margin-top: 0px;
	z-index: 100;
	height: 560px;
	#height: 560px;
	overflow: scroll;
	background: #FFFFFF;
	/* for IE */
	filter:alpha(opacity=70);
	/* CSS3 standard */
	opacity:0.6;
}

.blog-sub-content {
	position: relative;
	margin-left: 330px;
	margin-top: 0px;
	z-index: 200;
	overflow: hidden;
	/* background: pink; */
}


.photo-credit {
	margin-top: 55px;
	#margin-top: 85px;
	font-size: 11px;
	color: white;
}




/* /////////////////// */
/* ///BEGIN NAV CSS/// */
/* /////////////////// */

div.nav-left-spacer {
	float: left;
	left:0px;
	top:0px;
	width:28px;
	height:41px;
}

/* ABOUT */

div.nav-about {
	position: relative;
	float: left;
	background: url(images/nav_about_on.png) no-repeat;
	white-space: nowrap;
	display: block;
	margin: 0;
	padding: 0;
	top:0px;
	width:92px;
	height:41px;
}

 .nav-about a {
	display: block;
	width: 92px;
	height: 41px;
	float: left;
}

.nav-about img {
	width: 92px;
	height: 41px;
	border: 0
}

.nav-about a:hover img {
	visibility:hidden
}

/* CONTACT */

div.nav-contact {
	position: relative;
	float: left;
	background: url(images/nav_contact_on.png) no-repeat;
	white-space: nowrap;
	display: block;
	margin: 0;
	padding: 0;
	top:0px;
	width:89px;
	height:41px;
}

 .nav-contact a {
	display: block;
	width: 89px;
	height: 41px;
	float: left;
}

.nav-contact img {
	width: 89px;
	height: 41px;
	border: 0
}

.nav-contact a:hover img {
	visibility:hidden
}

/* BLOG */

div.nav-blog {
	position: relative;
	float: left;
	background: url(images/nav_blog_on.png) no-repeat;
	white-space: nowrap;
	display: block;
	margin: 0;
	padding: 0;
	top:0px;
	width:91px;
	height:41px;
}

 .nav-blog a {
	display: block;
	width: 91px;
	height: 41px;
	float: left;
}

.nav-blog img {
	width: 91px;
	height: 41px;
	border: 0
}

.nav-blog a:hover img {
	visibility:hidden
}


/* NEWS */

div.nav-news {
	position: relative;
	float: left;
	background: url(images/nav_news_on.png) no-repeat;
	white-space: nowrap;
	display: block;
	margin: 0;
	padding: 0;
	top:0px;
	width:93px;
	height:41px;
}

 .nav-news a {
	display: block;
	width: 93px;
	height: 41px;
	float: left;
}

.nav-news img {
	width: 93px;
	height: 41px;
	border: 0
}

.nav-news a:hover img {
	visibility:hidden
}



/* PROJECTS */

div.nav-projects {
	position: relative;
	float: left;
	background: url(images/nav_projects_on.png) no-repeat;
	white-space: nowrap;
	display: block;
	margin: 0;
	padding: 0;
	top:0px;
	width:95px;
	height:41px;
}

 .nav-projects a {
	display: block;
	width: 95px;
	height: 41px;
	float: left;
}

.nav-projects img {
	width: 95px;
	height: 41px;
	border: 0
}

.nav-projects a:hover img {
	visibility:hidden
}


/* WRITER */

div.nav-writer {
	position: relative;
	float: left;
	background: url(images/nav_writer_on.png) no-repeat;
	white-space: nowrap;
	display: block;
	margin: 0;
	padding: 0;
	top:0px;
	width:90px;
	height:41px;
}

 .nav-writer a {
	display: block;
	width: 90px;
	height: 41px;
	float: left;
}

.nav-writer img {
	width: 90px;
	height: 41px;
	border: 0
}

.nav-writer a:hover img {
	visibility:hidden
}



/* DIRECTOR */

div.nav-director {
	position: relative;
	float: left;
	background: url(images/nav_director_on.png) no-repeat;
	white-space: nowrap;
	display: block;
	margin: 0;
	padding: 0;
	top:0px;
	width:89px;
	height:41px;
}

 .nav-director a {
	display: block;
	width: 89px;
	height: 41px;
	float: left;
}

.nav-director img {
	width: 89px;
	height: 41px;
	border: 0
}

.nav-director a:hover img {
	visibility:hidden
}


/* LINKS */

div.nav-links {
	position: relative;
	float: left;
	background: url(images/nav_links_on.png) no-repeat;
	white-space: nowrap;
	display: block;
	margin: 0;
	padding: 0;
	top:0px;
	width:93px;
	height:41px;
}

 .nav-links a {
	display: block;
	width: 93px;
	height: 41px;
	float: left;
}

.nav-links img {
	width: 93px;
	height: 41px;
	border: 0
}

.nav-links a:hover img {
	visibility:hidden
}



div.nav-extra-button {
	float: left;
	left:667px;
	top:0px;
	width:93px;
	height:41px;
}

div.nav-right-spacer {
	float: left;
	left:760px;
	top:0px;
	width:54px;
	height:41px;
}

/* /////////////////// */
/* ////END NAV CSS//// */
/* /////////////////// */