#video {
	width: 700px;
}


#construction {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: large;
	color: 	#696969;
	margin-bottom: 50px;
	}


h1 {color: #666666;
	font-weight: lighter;
	white-space: nowrap;
	letter-spacing: 1.25em;
	width: 100%;
} 


body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333;
  text-align: center;
}


h2 {
text-align: left;
/*font-weight: 300;*/
}

h3 {
	font-weight: bold;
	margin-right: 2in;
	float: right;
}
	
	
h4 {
margin-left: 2in;
font-weight: bold;
}


#filmstill {
position: absolute;
margin-left: 200px;
margin-top: 500px;
float: right;
}

#DBstills {
position: absolute;
margin-left: 1.8in;
margin-top: -.16in;
border-spacing: .2in;
}


#dobbinlogo {
position: absolute;
float: left;
margin-top: -.22in;
left: 8px;
}

#dobbinbooksbio {
position: absolute;
left: 2in;
top: 3.2in;
max-width: 700px;
font-size: small;
text-align: left;
}



#dobbinmillbio {
position: absolute;
left: 2in;
top: 3.2in;
max-width: 700px;
font-size: small;
text-align: left;
margin-bottom: -23in;
}

/*#dobbinlogo {
position: absolute;
left: 275px;
top: .3in;
}
*/


#pagecenter {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}




/* works page*/

#slice {
top: 40px;
margin-left: auto;
margin-right: auto;
text-align: center;
bottom: -20px;
}

#uabtable {
top: 40px;
margin-left: auto;
margin-right: auto;
text-align: center;
}


#collabtable {
top: 40px;
margin-left: auto;
margin-right: auto;
text-align: center;
}


#edtable {
margin-top: -5px;
margin-left: auto;
margin-right: auto;
text-align: center;
}


#itable {
top: 40px;
margin-left: auto;
margin-right: auto;
text-align: center;
}




/*thumbnails*/

.thumbnail1 {
position: absolute;
top: 8px;
left: 716px;
}

.thumbnail2 {
position: absolute;
top: 116px;
left: 716px;
}

.thumbnail3 {
position: absolute;
top: 224px;
left: 716px;
}


.thumbnail4 {
position: absolute;
top: 332px;
left: 716px;
}


.thumbnail5 {
position: absolute;
top: 8px;
left: 516px;
height: 100px;
width: 100px;
}

.thumbnail6 {
position: absolute;
top: 116px;
left: 516px;
height: 100px;
width: 100px;
}

.thumbnail7 {
position: absolute;
top: 224px;
left: 516px;
height: 100px;
width: 100px;
}

.thumbnail8 {
position: absolute;
top: 332px;
left: 516px;
}



.thumbnail9 {
position: absolute;
top: 440px;
left: 716px;
}

.thumbnail10 {
position: absolute;
top: 548px;
left: 716px;
}

.thumbnail11 {
position: absolute;
top: 8px;
left: 826px;
	
}

.thumbnail12 {
position: absolute;
top: 116px;
left: 826px;

}
	
.thumbnail13 {
position: absolute;
top: 224px;
left: 826px;
	}
		
.thumbnail14 {
position: absolute;
top: 332px;
left: 826px;
		}
		
.thumbnail15 {
position: absolute;
top:8px;
left: 366px;
}

.thumbnail16 {
position: absolute;
top: 116px;
left: 366px;
}		

.thumbnail17 {
	position: absolute;
	top: 440px;
	left: 826px;
}
		
		
.thumbnail18 {
position: absolute;
top: 8px;
left: 608px;
}

.thumbnail19 {
	position: absolute;
	top: 116px;
left: 608px;
}

.thumbnail20 {
	position: absolute;
	top: 224px;
	left: 608px;
}

.thumbnail21 {
	position: absolute;
	top: 336px;
	left: 608px;
}		

#bio {
text-align: left;
margin-top: -.25in;
margin-bottom: -.3in;
margin-left: 2.5in;
max-width: 700px;

}



#statement {
margin-left: 2.5fin;
margin-right: 2in;
}









a {
color: gray;
   text-decoration: none;
   display: inline;
   text-align: center;
}


#name {
font-weight: bold;
font-size: medium;
/*color: gray;*/
}


#resume {
text-align: left;
margin-left: .5in;
margin-top: -.8in;
}


#resumeheader {
font-weight: bold;
font-size: medium;
margin-left: 2in;
/*color: gray;*/
}




/*primary navigation menus*/

#works_page_primary_nav ul {

/*margin-left: -175px;*/
margin-right: auto;
text-align: center;
}


#works_page_primary_nav li {
  font-size: 14px;
	color: #666666;
	font-weight: normal;
	padding: 32px;
	margin: 1.4px;
	list-style-type: none;
    display: inline;
    /*white-space: nowrap;*/
}



#works_page_primary_nav li a:hover {
color: black;
}






#primary_nav ul {

margin-left: -42px;
margin-right: auto;
text-align: center;
}


#primary_nav li {
  font-size: 14px;
	color: #666666;
	font-weight: normal;
	padding: 34px;
	margin: 1.4px;
	list-style-type: none;
    display: inline;
   
}



#primary_nav li a:hover {
color: black;
}






#primary_nav_footer ul {
margin-left: -42px;
margin-right: auto;
text-align: center;
}


#primary_nav_footer li {
  font-size: 14px;
	text-align: center;
	color: #666666;
	font-weight: normal;
	padding: 34px;
	margin: 1.4px;
	list-style-type: none;
    display: inline;
}


#primary_nav_footer li a:hover {
color: black;
}











pre {
font-family: Arial, Helvetica, sans-serif;
	margin-left: 2in;
}





	


#contact {
text-align: right;
margin-right: .3in; 
margin-top: -.18in;
font-size: 118%;
color: #333333;
font-weight: bold;
}




#conspan {
font-size: 94%;
color: dimgray;
}



#footer{
	padding-top: 10px;
	margin-left: auto;
	margin-left: auto;
	top: 720px;
	text-align: center;
	width: 675px;
	font-size: x-small;
}
	








#works_menu {
font-size: large;
margin-left: auto;
margin-right: auto;
text-align: center;
}


#works_menu a:hover {
color: black;
}

#editions {
	padding-left: 40px;
	padding-right: 5px;
}


#collaborations {
	padding-left:30px;
}

#unique_artists_books {
	padding-left: 40px;
	padding-right: 5px;
	padding-top: 10px;
}
	
	#installations {
	padding-left: 30px;
	padding-top: 10px;
	}
	
	
/*works page*/


/*#editions {
position: absolute;
top: 40px;
left: 290px;
}*/

/*#editions {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	top: 40px;
}
	
	
	
	
	
	
	

#collaborations {
position: absolute;
top: 316px;
left: 558px;
}


#unique_artists_books {
position: absolute;
top: 316px;
left: 290px;
}


#installations {
position: absolute;
top: 40px;
left: 558px;
}
*/





.workstxt {
color: gray;
}


.description {
display: block;
text-align: left;
/*margin-right: 20em;*/
width: 500px;
}



.description_wide {
display: block;
width: 700px;
text-align: left;
}

.description_alt {
	display: block;
	width: 350px;
}


.stats {
width: 550px;
}

.stats_wide {
width: 700px;
}

.stats_alt {
	width: 350px;
}

.works_nav_alt {
height: 40px;
	max-width: 350px;
	text-align: left;
	}
	
	
.works_nav_alt ul {
	margin: 0px;
	padding: 0px;
	line-height: 40px;
	white-space: nowrap;
}

.works_nav_alt li {
	list-style-type: none;
	display: inline;
} 

.works_nav_alt li a {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	padding: 10px;
	margin: 30px;
}


.works_nav_alt li a:hover {
color: black;
}




/*the little menu on the page for each individual artwork*/



.works_nav {
height: 40px;
	min-width: 720px;
	width: 100%;
	text-align: left;
}


.works_nav ul {
	margin: 0px;
	padding: 0px;
	line-height: 40px;
	white-space: nowrap;
}

.works_nav li {
	list-style-type: none;
	
	display: inline;
} 

.works_nav li a {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	padding: 10px;
	margin: 90px;
}


.works_nav li a:hover {
color: black;
}




/*alternate for pages with images in portrait rather than landscape*/


.works_nav2 {
height: 40px;
	max-width: 520px;
/*	width: 100%;*/
}


.works_nav2 ul {
	margin: 0px;
	padding: 0px;
	line-height: 40px;
	white-space: nowrap;
}

.works_nav2 li {
	list-style-type: none;
	display: inline;
} 

.works_nav2 li a {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	padding: 60px;
	/*margin: 60px;*/
}


.works_nav2 li a:hover {
color: black;
}




/*table setup*/

.main {
	display: table;
}

.col1 {
	display: table-cell;
}

.col2 {
	display: table-cell;
	background-color: black;
	width: 500ox;
	height: 500px;
	margin-bottom: 700px;
	valign: top;
	}

.blank {
	display: table-cell;
	background-color: white;
	width: 500px;
	height: 500px;
}

.row2 {
	display: table-cell;
	background-color: blue;
}
.row {
	display: table-row;
	background-color: red;
}

.thumbs {
display: table-cell;
background-color: #green;
}











.bookimage {
	text-align: left;

	
}




.booktitle {
font-weight: bold;
text-align: left;
}

.bookinfo {
	text-align: left;
/*	float: right;
	clear: all; */}




#validator {display: none}

.bpl {
	text-align: right;
}



.bookimage_alt {
	text-align: left;
	float: left;
	height: 600px;
}

#left {
	height: 500px;
	width: 450px;
	float: left;
/*	background: blue;*/

}

#right {
	height: 500px;
	width: 500px;
	text-align: left;
	float: right;
/*	background: red;*/
	
}
	
.layoutexp {
	float: right;
text-align: right;}

.altlayoutright {
	left: 675px;
	text-align: left;
	margin-left: 120px;
}


/*(This is where I am putting the CSS for my experiment for alternate layout to get it to clear thumbnails*/

.bookimagealt {
	float: left;
	
}


.layoutalt {

	position: relative;
	margin: 0;
	width: 500px;
	margin: 0;
}

.works_nav2_alt {
	float: right;
}

.clear {
	clear: all;
}

.stay {
	position: absolute;
	margin-left: 620px;
	top: 100px;
	
}

.staya {
	position: absolute;
	margin-left: 520px;
	top: 100px;
	
}


.stayb {
	position: absolute;
	margin-left: 470px;
	margin-top: -15px;
	
}



.works_nav2_stay {
	position: absolute;
	top: 500px;
	margin-top: -300px;
}





.works_nav2_stay ul {
	margin: 0px;
	padding: 0px;
	line-height: 40px;
	white-space: nowrap;
}

.works_nav2_stay li {
	list-style-type: none;
	display: inline;
} 

.works_nav2_stay li a {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	padding: 60px;
	/*margin: 60px;*/
}


.works_nav2_stay li a:hover {
color: black;
}

.thumbnail5a {
position: absolute;
top: 8px;
left: 416px;
height: 100px;
width: 100px;
}

.thumbnail6a {
position: absolute;
top: 116px;
left: 416px;
height: 100px;
width: 100px;
}

.thumbnail7a {
position: absolute;
top: 224px;
left: 416px;
height: 100px;
width: 100px;
}

.works_nav2_stayb {
	position: absolute;
	top: 550px;
	margin-top: -300px;
}


.works_nav2_stayb ul {
	margin: 0px;
	padding: 0px;
	line-height: 40px;
	white-space: nowrap;
}

.works_nav2_stayb li {
	list-style-type: none;
	display: inline;
} 

.works_nav2_stayb li a {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	padding: 60px;
	/*margin: 60px;*/
}


.works_nav2_stayb li a:hover {
color: black;
}







.stayg {
	position: absolute;
	margin-left: 620px;
	
}


.works_nav2_stayg {
	position: absolute;
	top: 200px;
}


.works_nav2_stayg ul {
	margin: 0px;
	padding: 0px;
	line-height: 40px;
	white-space: nowrap;
}

.works_nav2_stayg li {
	list-style-type: none;
	display: inline;
} 

.works_nav2_stayg li a {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	padding: 60px;
	/*margin: 60px;*/
}


.works_nav2_stayg li a:hover {
color: black;
}