/* CSS Document */

body{
	background-color: #000000;
	margin: 0px;
	
}
/*this needs to be changed for mozilla firefox because 100 percent height seems to be applying to the javascript content
mozilla firefox will have to have a static size and ie users and others will be able to see these pages in percentage mode.
*/



/*[if IE/win]*/
#container{
	background-color: #000000;
	height: 100%;
	width: 100%;
	margin:0 auto;
}
/*end if*/
 html>body #container{
	background-color: #000000;
	height: 650px;
	width: 1000px;
	margin: 0 auto;
}
/*the container tags end here*/
a:link {
	color: #999999;
	text-decoration: none;
}
a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}
a:visited {
	color: #999999;
	text-decoration: none;
}
a:active {
	color: #FFFFFF;
	text-decoration: none;
}

.text{
	color: #CCCCCC;
	font-size: 36px;
}

#nav{
	background-color: #575757;
}

/*end intro page elements*/
.text2 {
	color: #CCCCCC;
	vertical-align: middle;
	font-size: 12px;
}
/*these are all the div elements in the the former object tags*/
html>body #intro{
width:100%;
height:100%;}

#intro{
width:650px;
height:1000px;}

#home{
width:100%;
height:100%;}

#stage_and_screen{
width:100%;
height:100%;}

#bud_tv{
width:100%;
height:100%;}

#personal{
width:100%;
height:100%;}

#writing{
width:100%;
height:100%;}

#art{
width:100%;
height:100%;}

#house{
width:100%;
height:100%;}

#index{
width:100%;
height:100%;}

#contact{
width:100%;
height:100%;}

#credits{
width:100%;
height:100%;}