* { 			
	margin:0;
	padding: 0;
}

.clear { 		/* a utility to clear floated objects */
	clear:both;
}
.hidden{
	display:none;
}
/* **********Wrappers********* */
html {
	background-attachment: fixed;
	background-color: #000000;
	background-image: url(../images/fall.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
body {
	width: 950px;
	margin: 0 auto;	
}
#globalWrapper {   /* contains everything exept footer and is wide enough for our background gradient */
	width:100%;
	padding-bottom: 10px;
	background-color: transparent;
	background-image: url(../images/Page_BG.png);
	background-repeat: repeat-y;
	background-position: center top;
	margin-right: auto;
	margin-left: auto;
}
#wrapper {			/* contains  everything except footer and is the width of our content*/
	width: 700px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
}

#content {
	width:520px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	
} 

#demoreel {
	background-repeat: no-repeat;
	width: 520px;
	float: left;
	padding-top: 50px;
	padding-bottom: 50px;
}


#demoreel_logo {
	height: 31px;
	width: 251px;
}





#gallery_1 {
	width:520px;
	background-color: no;
	padding-bottom: 50px;
	
} 
#gallery_2{
	width:520px;
	background-color: no;
	padding-bottom: 30px;
	
} 
#footer{
	width:950px;
	height:134px;
	margin: 0 auto;
	clear:both;
	background: url(../images/Footer.png) repeat top left;
}
/* *******Header********* */
#logo {
	background: url(../images/Logo.png) no-repeat top left;
	width:100%;
	height: 290px;
	margin-top: 0px;
	padding-bottom: 0px;
	border-bottom: 3px solid #009f9c;
}
/* **********fonts********* */
#content p.title{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	padding-bottom: 30px;
	text-indent: 15px;
}
#demoreel  a.text{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #999999;
	padding-top: 0px;
	padding-left: 25px;
	list-style-type: none;
	text-indent: 50px;
}
#demoreel  a.text:hover{
	color: #A2FF00;
}

#content ul.bullets{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #999999;
	padding-left: 50px;
	padding-top: 10px;
}
#content  gallery2    p.copyright{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #999999;
	padding-top: 10px;
}





/* **********Nav bar********* */

#navbar ul {
	list-style: none;
	float:right;
	margin: 5px 0 0 0;
	width:120px;
}
#navbar ul li.horizontal{
		float:left;
		display:inline;
	}
	#navbar ul li a{
		display: block;
		width:114px;
		height: 31px;	
	}
				#navbar ul li a span{
					display: none;
				}
				
				#navbar ul li a.reel {
						background: url(../images/navbar_demoreel.png) repeat top left;
						height: 31px;
					}
				
				
			#navbar ul li a.about{
						background-image: url(../images/navbar_about.png);
						background-repeat: repeat;
						background-position: left top;
						height: 25px;
						
				
					}
					#navbar ul li a.contact{
						background-image: url(../images/navbar_contact.png);
						background-repeat: repeat;
						background-position: left top;
						height: 21px;
						
					}
				#navbar ul li a.sideA{
						background: url(../images/navbar_flickr.png) repeat top left;
						width:57px;
						height: 22px;
						
					}
				#navbar ul li a.sideB{
						background: url(../images/navbar_links.png) repeat top left;
						width:57px;
						height: 22px;
						
						
					}
						
				#navbar ul li a.reel:hover {
						background-position: 0 -31px;
					}
					#navbar ul li a.about:hover {
						background-position: 0 -25px;
					}
					#navbar ul li a.contact:hover {
						background-position: 0 -21px;
					}
					#navbar ul li a.sideA:hover {
						background-position: 0 -22px;
					}#navbar ul li a.sideB:hover {
						background-position: 0 -22px;
					}
					
/* **********gallery********* */
#gallery_1 ul {
	list-style: none;
	float:left;
	margin: 0 0 0 0;
	width:520px;
	height:180
}
#gallery_1 ul li.horizontal{
		float:left;
		display:inline;
	}
	#gallery_1 ul li a{
		display: block;
		width:  52px;
		height: 180px;	
	}
				#gallery_1 ul li a span{
					display: none;
				}
										#gallery_1 ul li a.apes {
	height: 180px;
	background-image: url(../images/gallery/apes.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	width: 52px;
										}
				
				
				
										#gallery_1 ul li a.tintin {
	height: 180px;
	background-image: url(../images/gallery/tintin.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	width: 52px;
										}
				
				
				
									#gallery_1 ul li a.narnia3 {
	height: 180px;
	background-image: url(../images/gallery/narnia3.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	width: 52px;
										}	
				
				
				
								#gallery_1 ul li a.clash {
	height: 180px;
	background-image: url(../images/gallery/clash.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	width: 52px;
										}		
				
				
							#gallery_1 ul li a.natm {
	height: 180px;
	background-image: url(../images/gallery/natm.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	width: 52px;
										}
				
				
				#gallery_1 ul li a.gijoe {
	height: 180px;
	background-image: url(../images/gallery/gijoe.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	width: 52px;
										}
										
				#gallery_1 ul li a.harry6 {
	height: 180px;
	background-image: url(../images/gallery/harry6.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	width: 52px;
										}
	
				#gallery_1 ul li a.wolf {
	height: 180px;
	background-image: url(../images/gallery/wolf.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	width: 52px;
	}	
	
				#gallery_1 ul li a.narnia {
	height: 180px;
	background-image: url(../images/gallery/narnia.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	width: 52px;
	}
	
				#gallery_1 ul li a.fred {
	height: 180px;
	background-image: url(../images/gallery/fred.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	width: 52px;
	}
	
				#gallery_1 ul li a.bc {
	height: 180px;
	background-image: url(../images/gallery/10000bc.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	width: 52px;
	}								
				#gallery_1 ul li a.blank {
	height: 180px;
	background-image: url(../images/gallery/blank.png);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	width: 52px;
										}
					  
					  
	
						
				#gallery_1 ul li a:hover {
						background-position: -52px 0px;
					}
					
					#gallery_1 ul li a.blank:hover {
						background-position: 0px 0px;
					}
				
/* **********gallery2********* */
#gallery_2 ul {
	list-style: none;
	float:left;
	margin: 0 0 0 0;
	width:520px;
	height:180
}
#gallery_2 ul li.horizontal{
		float:left;
		display:inline;
	}
	#gallery_2 ul li a{
		display: block;
		width:  52px;
		height: 180px;	
	}
				#gallery_2 ul li a span{
					display: none;
				}
				
				#gallery_2 ul li a.personal01 {
	height: 180px;
	background-image: url(../images/gallery/personal01.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	width: 52px;
										}
										
				#gallery_2 ul li a.personal02 {
	height: 180px;
	background-image: url(../images/gallery/personal02.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	width: 52px;
										}
	
				#gallery_2 ul li a.personal03 {
	height: 180px;
	background-image: url(../images/gallery/personal03.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	width: 52px;
	}	
	
				#gallery_2 ul li a.personal04 {
	height: 180px;
	background-image: url(../images/gallery/personal04.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	width: 52px;
	}
	
				#gallery_2 ul li a.personal05 {
	height: 180px;
	background-image: url(../images/gallery/personal05.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	width: 52px;
	}
	
		
			#gallery_2 ul li a.personal06 {
	height: 180px;
	background-image: url(../images/gallery/personal06.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	width: 52px;
	}	
	
			#gallery_2 ul li a.personal07 {
	height: 180px;
	background-image: url(../images/gallery/personal07.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	width: 52px;
	}		
				#gallery_2 ul li a.personal08 {
	height: 180px;
	background-image: url(../images/gallery/personal08.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	width: 52px;
	}		
	
	#gallery_2 ul li a.personal09 {
	height: 180px;
	background-image: url(../images/gallery/personal09.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	width: 52px;
	}							
	
	#gallery_2 ul li a.personal10 {
	height: 180px;
	background-image: url(../images/gallery/personal10.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	width: 52px;
	}												
				#gallery_2 ul li a.blank {
	height: 180px;
	background-image: url(../images/gallery/blank.png);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	width: 52px;
										}
					  
					  
	
						
				#gallery_2 ul li a:hover {
						background-position: -52px 0px;
					}
					
					#gallery_2 ul li a.blank:hover {
						background-position: 0px 0px;
					}
	
	/* **********gallery3********* */
	
	#gallery_3 ul {
	list-style: none;
	float:left;
	margin: 0 0 0 0;
	width:520px;
	height:31
}
#gallery_3 ul li.horizontal{
		float:left;
		display:inline;
	}
	#gallery_3 ul li a{
		display: block;
		width:  251px;
		height: 31px;	
	}
				#gallery_3 ul li a span{
					display: none;
				}
										#gallery_1 ul li a.demolink {
	height: 31px;
	background-image: url(../images/images/demoreel_2011.png);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	width: 52px;
										}
				
								
					
				#gallery_3 ul li a:hover {
						background-position: 0px 0px;
					}
					
					#gallery_3 ul li a.blank:hover {
						background-position: 0px 0px;
					}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* **********Nav bar********* */

#navbar ul {
	list-style: none;
	float:right;
	margin: 5px 0 0 0;
	width:120px;
}
#navbar ul li.horizontal{
		float:left;
		display:inline;
	}
	#navbar ul li a{
		display: block;
		width:114px;
		height: 31px;	
	}
				#navbar ul li a span{
					display: none;
				}
				
				#navbar ul li a.reel {
						background: url(../images/navbar_demoreel.png) repeat top left;
						height: 31px;
					}
				
				
			#navbar ul li a.about{
						background-image: url(../images/navbar_about.png);
						background-repeat: repeat;
						background-position: left top;
						height: 25px;
						
				
					}
					#navbar ul li a.contact{
						background-image: url(../images/navbar_contact.png);
						background-repeat: repeat;
						background-position: left top;
						height: 21px;
						
					}
				#navbar ul li a.sideA{
						background: url(../images/navbar_flickr.png) repeat top left;
						width:57px;
						height: 22px;
						
					}
				#navbar ul li a.sideB{
						background: url(../images/navbar_links.png) repeat top left;
						width:57px;
						height: 22px;
						
						
					}
						
				#navbar ul li a.reel:hover {
						background-position: 0 -31px;
					}
					#navbar ul li a.about:hover {
						background-position: 0 -25px;
					}
					#navbar ul li a.contact:hover {
						background-position: 0 -21px;
					}
					#navbar ul li a.sideA:hover {
						background-position: 0 -22px;
					}#navbar ul li a.sideB:hover {
						background-position: 0 -22px;
					}
					
/* **********gallery********* */
#demoreel_logo ul {
	list-style: none;
	float:left;
	margin: 0 0 0 0;
	width:251px;
	height:31
}
#demoreel_logo li.horizontal{
		float:left;
		display:inline;
	}
	#demoreel_logo li a{
		display: block;
		width:  251px;
		height: 31px;	
	}
				#demoreel_logo li a span{
					display: none;
				}
				
				#demoreel_logo li a.demo {
	
	background-image: url(../images/demoreel_2009.png);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	width: 251px;
	height: 31px;
										}
	
										
					  
						
				#demoreel_logo ul li a:hover {
						background-position: 0px 0px;
					}
					
					#demoreel_logo ul li a.blank:hover {
						background-position: 0px 0px;
					}
								
</style>