@charset "UTF-8";
/* CSS Document */

* {margin: 0; padding: 0;}

/*======================================== --- allpages --- ===========================================*/	


body {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: small;
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	line-height: 1.5em;
	color: #1b222b;
	text-align: center;
	background: #FFFFFF;
	}
html>body { /*Opera */
	font-size: small;
	}
	
a {
	color: #e64e00;
	text-decoration: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}
	
a:hover {
	color: #6d6d6d;
	
}

h2 {
	margin: 4px 0px 4px 0px;
	padding: 0px;
}

h3 {
	margin: 4px 0px 4px 0px;
	padding: 0px;
}

.orangetext {
color: #e64e00;
}

.graytext {
color: #b8b8b8;
}

.graytext2 {
color: #666;
}
  
	
#bubblewrap { 
	margin: 0px auto;
	padding: 0px auto;
	width: 1000px;
	height: 800px;
	text-align:left;
	border: none;
	background: #333 url(../imgs/bg2.jpg);
  }	
  
/*======================================== --- navigation --- ===========================================*/	
  
  
#NAVwrap { 
	margin: 0px auto;
	padding: 8px 0px 3px 0px;
	width: 960px;
	height: 94px;
	text-align:left;
	background: none;
	border: none;
	
  }	
  
#logo {
	margin: 12px 0px 0px 18px;
	padding: 0px;
	float: left; 
	}
	
#buttonWrap {
	margin: 32px 0px 0px 32px;
	padding: 0px;
	float: left; 
	}
	
.buttons {
	margin: 0px 0px 0px 18px;
	padding: 2px 0px 0px 0px;
	float: left; 
	}
	
	
/*======================================== --- homepage --- ===========================================*/	
	
	
.IMGholder  {
	margin: 30px 0px 0px 0px;
	padding: 0px;
	text-align: center;
	}

	
.HPText {
	margin: 0px auto;
	padding: 24px 0px 8px 0px;
	width: 610px;
	text-align: center;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
  }
  
  
/*======================================== --- about page --- ===========================================*/	
  
  
.aboutText {
	margin: 0px auto;
	padding: 4px 0px 8px 38px;
	width: 916px;
	text-align: left;
	float: left;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
  }
  
  
  /*======================================== --- artists page Main --- ===========================================*/	


.artistIMGholder  {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 18px;
	}

.artistBox_main  {
	margin: 0px 0px 0px 22px;
	padding: 0px;
	float: left;
	}  

.artistTXTholder  {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 18px;
	}
  
.artistText {
	margin: 0px 0px 0px 22px;
	padding: 6px 0px 0px 0px;
	width: 290px;
	text-align: left;
	float: left;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
  }
  
  
  /*======================================== --- artists page Main --- ===========================================*/	


.artistBox_indvid  {
	margin: 0px 40px 0px 0px;
	padding: 0px;
	float: right;
	} 

.artistText_bio {
	margin: 0px 0px 0px 22px;
	padding: 6px 0px 0px 0px;
	width: 280px;
	text-align: left;
	float: left;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
  }
  
 .artistText_bio2 {
	margin: 0px 0px 0px 22px;
	padding: 6px 0px 0px 0px;
	width: 900px;
	text-align: left;
	float: left;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
  }
  
.artistText_titles {
	margin: 0px 40px 0px 0px;
	padding: 6px 0px 0px 0px;
	width: 294px;
	text-align: center;
	float: right;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
  }
  

  
  
  
/*======================================== --- current exhibit page --- ===========================================*/	
  
  
  
.currentWrap { 
	margin: 0px auto;
	padding: 12px 0px 0px 0px;
	width: 980px;
	background: none;
	border: none;	
  }		
	
.IMGholder_exhibit  {
	margin: 0px 30px 0px 0px;
	padding: 0px;
	float: right;
	}  
  
.currentText {
	margin: 0px auto;
	padding: 24px 0px 8px 30px;
	width: 360px;
	text-align: left;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	float: left;
  } 
  
  
  
/*======================================== --- previous exhibit page --- ===========================================*/	
  
  
  
#currentWrap { 
	margin: 0px auto;
	padding: 12px 0px 0px 0px;
	width: 980px;
	background: none;
	border: none;	
  }		
	
.IMGholder_exhibit  {
	margin: 0px 30px 0px 0px;
	padding: 0px;
	float: right;
	}  
  
.previousText {
	margin: 0px auto;
	padding: 4px 6px 8px 30px;
	width: 360px;
	text-align: left;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	float: left;
  } 
   
  
  
    
  
/*======================================== --- press page --- ===========================================*/	
  
  
.pressText {
	margin: 0px auto;
	padding: 4px 0px 8px 38px;
	width: 916px;
	text-align: left;
	float: left;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
  }
  
  
/*======================================== --- footer --- ===========================================*/	
  
  
#footerWrap { 
	margin: 0px auto;
	padding: 12px 0px 0px 0px;
	width: 980px;
	text-align:left;
	background: none;
	border: none;	
  }	
  
#formWrap { 
	margin: 0px auto;
	padding: 0px 50px 0px 30px;
	width: 200px;
	background: none;
	border: none;	
	float: left;
  }	
  
.footerText {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	width: 150px;
	text-align: left;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	float: left;
  }
  
.twitterBox {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 200px;
	height: 100px;
	text-align: left;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	float: right;
	background: url(../imgs/twitterIMG.png);
  }
  
  
/*======================================== --- exhibit buttons --- ===========================================*/	
  
  
  
#BTNholder  {
	width: 960px;
	float: left;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}  
  
.btn1 a {
	 margin: 0px 0px 0px 230px;
	float: left;
	 width:150px;
	 height:40px;
	 background: url(../imgs/exhibitBTN1.png) 0px 0px no-repeat;
 }

.btn1 a:hover {
	 background-position: 0px -40px;
 }
 
 .btn1_up  {
	 margin: 0px 0px 0px 40px;
	float: left;
	 width:150px;
	 height:40px;
 }
 
 
 
.btn2 a {
	 margin: 0px 0px 0px 40px;
	float: left;
	 width:150px;
	 height:40px;
	 background: url(../imgs/exhibitBTN2.png) 0px 0px no-repeat;
 }

.btn2 a:hover {
	 background-position: 0px -40px;
 }
 
 .btn2_up  {
	 margin: 0px 0px 0px 40px;
	float: left;
	 width:150px;
	 height:40px;
 }
 
 
 
.btn3 a {
	 margin: 0px 0px 0px 40px;
	 outline: none;/* get rid of dotted borders in FireFox */
	float: left;
	 width:150px;
	 height:40px;
	 background: url(../imgs/exhibitBTN3.png) 0px 0px no-repeat;
 }

.btn3 a:hover {
	 background-position: 0px -40px;
 }