
/* RESET INFORMATION */
* {margin: 0; padding: 0; border: 0;}
	
		
/* DESIGN INFORMATION */

	body{
		overflow: auto;
		font-family:Arial, Gill Sans, Gill Sans MT, Tahoma, Verdana, sans-serif;
		background:url(bg.jpg) repeat-x;
		}

	.pagewrap{
		width:860px;
		padding:0px 20px 0px 20px;
		margin: 0px auto 20px;
		clear:both;
		}
		
	.splitter{
		width:100%;
		background-color:#990000;
		height:1px;
		margin: 0px auto 20px;
		clear:both;
		}
			
/* NAVIGATION CSS */
	.navspacer{
		padding: 0px 0px 0px 7px;
		}
		
	#navigation {
		height: 100px;
		width:600px;
		margin: 0px 0px 0px 0px; 
		padding: 0px 0px 0px 0px;
		position: relative;
		}
		
  	#navigation li {
		margin: 0px; 
		padding: 0px; 
		list-style: none;
		position: absolute; 
		top: 0px;
		}
		
  	#navigation li, #navigation a {
		height: 100px; display: block;
		}
		
	#projects {
		left: 0px; 
		width: 100px;
		background: url(NAVprojects.png);
		}
		
	#books {
		left: 120px; 
		width: 100px;
		background: url(NAVbooks.png);
		}
		
	#commercial {
		left: 240px; 
		width: 100px;
		background: url(NAVcommercial.png);
		}
		
	#artwork {
		left: 360px; 
		width: 100px;
		background: url(NAVartwork.png);
		}
		
	#contact {
		left: 480px; 
		width: 100px;
		background: url(NAVcontact.png);
		}	
		
		
	#projects a:hover {
    	background: transparent url(NAVprojects.png) 0px -100px  no-repeat;
		}
	
	#books a:hover {
    	background: transparent url(NAVbooks.png) 0px -100px  no-repeat;
		}
	
	#commercial a:hover {
    	background: transparent url(NAVcommercial.png) 0px -100px  no-repeat;
		}

		
	#artwork a:hover{
		background: transparent url(NAVartwork.png) 0px -100px  no-repeat;
		} 
		
	#contact a:hover{
		background: transparent url(NAVcontact.png) 0px -100px  no-repeat;
		} 
		
		
		
	#projects a.active{
		background: transparent url(NAVprojects.png) 0px -200px  no-repeat;
		}
		
	#books a.active{
		background: transparent url(NAVbooks.png) 0px -200px  no-repeat;
		}
		
	#commercial a.active{
		background: transparent url(NAVcommercial.png) 0px -200px  no-repeat;
		}
		
	#artwork a.active{
		background: transparent url(NAVartwork.png) 0px -200px  no-repeat;
		}
		
	#contact a.active{
		background: transparent url(NAVcontact.png) 0px -200px  no-repeat;
		}
			
			
			
			
	#contactsprite {
		height: 200px;
		width:600px;
		margin: 0px 0px 70px 0px; 
		padding: 0px 0px 0px 0px;
		position: relative;
		}
		
  	#contactsprite li {
		margin: 0px; 
		padding: 0px; 
		list-style: none;
		position: absolute; 
		top: 0px;
		}
		
	#contactsprite li, #contactsprite a {
		height: 200px; display: block;
		}
		
	#contactimage {
		left: 200px; 
		width: 250px;
		background: url(SPRITE_CONTACT.png);
		}
		
	#contactimage a:hover{
		background: transparent url(SPRITE_CONTACT.png) 0px -200px  no-repeat;
		}
			

/*TEXT, HEADERS AND SUBHEADERS */
	
	h2{
		font-size:16px;
		line-height:20px;
		padding:5px 5px 5px 0px;
		}

	p{
		font-size:12px;
		line-height:20px;
		padding:5px 5px 5px 0px;
		color:#666666;		
		}
		
	.footer p{font-size:10px;}
	
	hr{
		display:block;
		clear:both;
		float:left;
		width:860px;
		height:1px;
		background-color:#999999;
		margin: 5px 0px 5px 0px;
		}
	
	a{
	text-decoration:none;
	color:#990000;
	}
	
	a:hover{
	color:#FF0000;
	}
	
	
		
/* CONTENT INFO */
	.maincolumn{
		width:600px;
		float:right;
		margin:10px 10px 10px 0px;
		display:inline;
		}
	
	.sidecolumn{
		width:250px;
		float:left;
		margin:10px 0px 10px 0px;
		display:inline;
		}
		
	.clearfloat{
		background:none;
		display:inline;
		clear:both;
		float:left;
	}
	
	
	
	
	

	 
/* IMAGE STYLING */

.contentimage {
		width:600px;
		padding: 10px 0px 10px 10px;
		float:left;
		font-size:12px;
		display:inline;
		}
		
	.contentimage p{
		padding:3px 0px 0px 0px;
		line-height:12px;
		}
		

/* FOOTER INFO */

	.footer{
		width:600px;
		float:right;
		padding: 20px 0px 50px 10px;
		display:block;
		clear:both;
		text-align:left;
		}

	.footnav{
		display:block;
		margin: 0px 0px 20px 0px;
		}
	.footnav li {
		margin: 0px 15px 0px 0px; 
		padding: 0px; 
		list-style: none;
		display: inline;
		font-size:12px;
		}
	
		