	
	
	
	body {
		text-align:center;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#666;
		margin:0;
		padding:0;
		background-color: #b2b3b5;
	}
	
	p {
		color:#666;
		padding-left:30px;
		margin-bottom:5px;
		display:block;
		padding-right:25px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		line-height: 1.8em;
	}
	
	h1 {
	color:#39F;
	padding-left:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	margin-bottom:5px;
	display:block;
	}
	
	h2 {
	color:#333;
	padding-left:30px;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	margin:0;
	}
	
	li {
	padding-bottom:3px;
	font-size:0.7em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:40px;
	list-style-position:inside;
	list-style-image:url(siteimages/listicon.png);
	}
	
	#frame {
		width:1024px;
		margin-right:auto;
		margin-left:auto;
		text-align:left;
		
		background-color:#b2b3b5;
		border: 1px solid #666666;
	}
	
		#index {
		width:1024px;
		margin-right:auto;
		margin-left:auto;
		text-align:left;		
		background-color:#ffffff;
	}
	
	#contentheader {
		background-color:#FFF;
		height:81px;
		width:1024px;
		margin:0;
		padding:0;
		background-image: url(siteimages/top.jpg);
		display: block;
	}
	
	#selector {
		height: 40px;
		margin-right: 50px;
		background-color: #b2b3b5;
	}
	
	#contentleft {
		width:309px;
		float:left;
		height:456px;
		background-color:#FFF;
		background-image: url(siteimages/navigation.jpg);
		background-repeat: no-repeat;
		margin:0;
		padding:0;
	}
	
	#contentcenter {
		width:715px;
		float:left;
		min-height:395px;
		
		text-align:left;
		height: 456px;
	}
	
	#contentfull {
	width:780px;
	float:left;
	min-height:410px;
	margin-top:30px;
	overflow:auto;
	}
	
	#footer {
		width:1024px;
		background-color:#FFFF00;
	}
	
	
	

	/* image rollover buttons navigation*/
	
	a#buttonstoryboards {
		display: block;
		width: 309px;
		height:85px;
		background-image: url(siteimages/nav_storyboards.jpg);
		background-position: 0 0;
		margin: 0 0;
	}
	a#buttonstoryboards:hover {
		background-position: 0 -85px; 
	}
	
	
	a#buttonkeyframes {
		display: block;
		width: 309px;
		height:79px;
		background-image: url(siteimages/nav_keyframes.jpg);
		background-position: 0 0;
		margin: 0 0;
	}
	a#buttonkeyframes:hover {
		background-position: 0 -79px; 
	}


	a#buttonbio {
		display: block;
		width: 309px;
		height:90px;
		background-image: url(siteimages/nav_bio.jpg);
		background-position: 0 0;
		margin: 0 0;
	}
	a#buttonbio:hover {
		background-position: 0 -90px; 
	}
	
	
	a#buttoncontact {
		display: block;
		width: 309px;
		height:78px;
		background-image: url(siteimages/nav_contact.jpg);
		background-position: 0 0;
		margin: 0 0;
	}
	a#buttoncontact:hover {
		background-position: 0 -78px; 
	}

	/* image rollover buttons selector 1-10*/
	
	a#buttonselector_1 {
		display: block;
		width: 29px;
		height:40px;
		background-image: url(siteimages/selector_images/1.jpg);
		background-position: 0 0;
		margin: 0 auto;
	}
	a#buttonselector_1:hover {
		background-position: 0 -40px; 
	}


		a#buttonselector_2 {
		display: block;
		width: 29px;
		height:40px;
		background-image: url(siteimages/selector_images/2.jpg);
		background-position: 0 0;
		margin: 0 auto;
	}
	a#buttonselector_2:hover {
		background-position: 0 -40px; 
	}


		a#buttonselector_3 {
		display: block;
		width: 29px;
		height:40px;
		background-image: url(siteimages/selector_images/3.jpg);
		background-position: 0 0;
		margin: 0 auto;
	}
	a#buttonselector_3:hover {
		background-position: 0 -40px; 
	}


		a#buttonselector_4 {
		display: block;
		width: 29px;
		height:40px;
		background-image: url(siteimages/selector_images/4.jpg);
		background-position: 0 0;
		margin: 0 auto;
	}
	a#buttonselector_4:hover {
		background-position: 0 -40px; 
	}


		a#buttonselector_5 {
		display: block;
		width: 29px;
		height:40px;
		background-image: url(siteimages/selector_images/5.jpg);
		background-position: 0 0;
		margin: 0 auto;
	}
	a#buttonselector_5:hover {
		background-position: 0 -40px; 
	}


		a#buttonselector_6 {
		display: block;
		width: 29px;
		height:40px;
		background-image: url(siteimages/selector_images/6.jpg);
		background-position: 0 0;
		margin: 0 auto;
	}
	a#buttonselector_6:hover {
		background-position: 0 -40px; 
	}


		a#buttonselector_7 {
		display: block;
		width: 29px;
		height:40px;
		background-image: url(siteimages/selector_images/7.jpg);
		background-position: 0 0;
		margin: 0 auto;
	}
	a#buttonselector_7:hover {
		background-position: 0 -40px; 
	}


		a#buttonselector_8 {
		display: block;
		width: 29px;
		height:40px;
		background-image: url(siteimages/selector_images/8.jpg);
		background-position: 0 0;
		margin: 0 auto;
	}
	a#buttonselector_8:hover {
		background-position: 0 -40px; 
	}


		a#buttonselector_9 {
		display: block;
		width: 29px;
		height:40px;
		background-image: url(siteimages/selector_images/9.jpg);
		background-position: 0 0;
		margin: 0 auto;
	}
	a#buttonselector_9:hover {
		background-position: 0 -40px; 
	}


		a#buttonselector_10 {
		display: block;
		width: 29px;
		height:40px;
		background-image: url(siteimages/selector_images/10.jpg);
		background-position: 0 0;
		margin: 0 auto;
	}
	a#buttonselector_10:hover {
		background-position: 0 -40px; 
	}

	/* image rollover buttons common*/
	
	.box {
		float: right;
		margin:0;
		padding:0;
	}
	
	
	a .alt { display: none; }

