BODY {
  background-image:url("bg.jpg");
  color: #000000;
  margin: 0px;
  width:850px;
}

P.smallText  { color: #BBBBBB}

A {
  color: #826eb5;
  text-decoration: none;  
}
A:hover {
  color: #38128a;
  text-decoration: none;
  
}


.mycenter {
	text-align: center;
	padding-left: 179px;
}	

.arrow {
  height:17px;
  width:17px;
  border: 0px solid #fff;
  padding: 0px;
  margin: 0px;
  float: left;
}
#leftarrow {
  background-image:url("arrowleft.jpg");
}
#rightarrow {
  background-image:url("arrowright.jpg");
}
A:hover #leftarrow {
  background-image:url("arrowleftblue9.jpg");
}
A:hover #rightarrow {
  background-image:url("arrowrightblue9.jpg");
}

.thirdsbox2,
.thirdsbox {
	height: 420px;
	width: 250px;
	float:left;
}
.thirdsbox2 {
	float:right;
}
.mbox {
	border-bottom: 0px solid #999;
	border-top: 5px solid #eee;
	padding-top: 48px;
	padding-bottom: 175px;
	height: 1500px;
	width: 750px;
	background-color: #ffffff;
}

.mbox2 {
	border: 1px solid #666;
	padding: 0px;
	height: 300px;
	width: 300px;
	margin-right:15px;
	float: right;	
}


pre {
	font-family: Helvetica,Courier;
}
.codebox {
	border: 1px dotted #666;
	padding: 3px;
	height: 1100px;
	width: 294px;
	margin-right:15px;
	margin-top:15px;
	float: right;	
	font-family: Helvetica;
	font-size: 10px;
	color: #000;
	text-align:left;
	text-decoration: none;
	 overflow: scroll	;
}
.descbox {
	border: 1px dotted #999;
	padding: 3px;
	height: 150px;
	margin-left:15px;
	margin-bottom:15px;
	width: 395px;
	float: left;	
}
.mbox1 {
	border: 0px solid #cccccc;
	height: 400px;
	width: 400px;
	margin-left:15px;
	float: left;
	padding: 0px;
}

HR {
  border-width: 1px;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-color: #fff;
}

.newHR2 {
  margin: 0px;
  padding: 0px;  
  border-width: 5px;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-color: #fff;
}


.title_text, 
.title_text2, 
.title_text3,
.title_text4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.title_text, 
.title_text3,
.title_text4 {
	font-size: 13px;
	color: #999;
	font-weight: bold;
}
.title_text2 {
	font-size: 9px;
	color: #666;
}
.title_text3 {
	color: #ccc;
}

.title_text4 {
	color: #333;
}


.txtNumber {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333;
	text-decoration: none;
}
#txtNumber2, 
#txtNumber3, 
#txtNumber4, 
#txtNumber6, 
#txtNumber7 {
	font-weight: bold;
}
#txtNumber2 {
	color: #999999;
}
#txtNumber3, 
#txtNumber8 {
	color: #bbbbbb;
}
#txtNumber4 {
	color: #aaaaaa;
}
#txtNumber5 {
    font-style:italic;
	color: #ffffff;
}
#txtNumber6, 
#txtNumber7 {
	font-family: Courier, Verdana, Arial, Helvetica, sans-serif;
}
#txtNumber6 {
	font-size: 18px;
	color: #999;
}
#txtNumber7 {
	font-size: 11px;
	color: #999;
}
#txtNumber8 {
	color: #999;
    font-style:italic;
    /*
    font-weight:bold;
    */
}



.txtText, 
.txtText2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
.txtText {
	color: #222222;
}
.txtText2 {
	color: #ff4500;
}



.container, 
.container2,
.container3 {
  background-image:none;
}
.container {
  background-color:#ffffff;
  border-color:#999;
  color:#666;
  margin-bottom:50px;
  margin-right:50px;
  margin-left:50px
}
.container2, 
.container3,
.container10,
.container9 {
  background-color:#ccc;
  border-color:#999;
  height:5px;
  color:#666;
}	
.container3 {
  height:3px;
  background-color:#aaa;
}	
.container4 {
  height:1px;
  background-color:#aaa;
}
.container9 {
  background-color:#ddd;
}
.container10 {
  height:9px;
  background-color:#000;  
}

.orange {
  font-family:verdana, arial, sans-serif;
  color:#ff5c5a;
  font-size:10px;
  font-weight:normal;
  line-height:140%;
  padding:2px;			
  cursor:pointer;	
}
			
			

.purple, 
.purple_bold {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#8777be;
  padding:2px;
  line-height:140%;
  font-weight:normal;
}
.purple {
  font-size: 9px;
}
.purple_bold {
  font-size:12px;
  font-weight:bold;
}



.posted	{ 
  font-family:verdana, arial, sans-serif; 
  font-size: 10px; 
  color: #aaa; 
  margin-bottom:25px;
}
		

			
.imgBorderLightFaces {
	border: 1px solid #ddd;
	padding: 0px;
}
A:hover .imgBorderLightFaces {
	border: 1px dotted #826eb5;
	padding: 0px;
}


.imgBorder,
.imgBorderBold,
.imgBorderBold2 {
	padding: 0px;
}


.imgBorderBold {
	border: 5px solid #ccc;
}
.imgBorderBold2 {
	border: 3px solid #999;
}
.imgBorder {
	border: 1px solid #ddd;
	padding: 0px;
}
.imgBorderLight, 
.imgBorderLight1, 
.imgBorderLight2,
.imgBorderLight4 {
	border: 1px dotted #bbb;
	padding: 1px;
}
.imgBorderLight1 {
	padding: 2px;
	border: 1px solid #999;
}
.imgBorderLight3 {
	padding: 0px;
	border: 1px solid #999;
}
A:hover .imgBorderLight {
	border: 1px solid #826eb5;
}
A:hover .imgBorderLight2 {
	border: 2px solid #826eb5;
	padding: 0px;
}
A:hover .imgBorderLight4 {
	border: 2px solid #ff7ac9;
	padding: 0px;
}


.diver {
    height: 25px;
}

.diver2 {
    height: 20px;
}

.footer,
.footer2,
.footer2a,
.footer3,
.footer4,
.footer5,
.footer6 {
	font-family:verdana, arial, sans-serif;
	color:#666;
	font-size:small;
	font-weight:normal;
	line-height:140%;
	padding-bottom:6px;
	padding-top:6px;		
	border-bottom:1px dotted #ccc;
}		
.footer2 {
    background-color: #eeeeee;
}		
.footer2a {
    background-color: #eeeeee;
	border-bottom:0px dotted #ccc;
}		
.footer3 {
    background-color: #ffffff;
    padding-bottom:0px;
}
.footer4,
.footer5 {
    padding-bottom:0px;
    border-bottom:0px;
	border-top:1px dotted #ccc;
}
.footer9 {
	border-top:1px solid #ccc;
}

.footer6 {
    padding-bottom:0px;
    border-bottom:0px;
	border-bottom:1px solid #ddd;
}	
	.footer5 {
	border-top:1px solid #ddd;
/*
	border-top:1px dotted #ccc;
*/	
}

.box {
  width: 199px;
  height: 66px;
  border: 1px solid #ccc;
  padding: 0px;
  margin-bottom:2px;
  margin-top:1px;
  background: none;
  background-repeat: no-repeat;  
}
A:hover .box {
  border: 1px solid #aaa;
}
.box2 {
  width: 30px;
  height: 30px;
  border: 1px solid #ccc;
  padding: 0px;
  margin-bottom:0px;
  margin-top:5px;
  float:left;
}
A:hover .box2 {
  background: #aaaaaa;
  border: 1px solid #bbb;
}
.box3 {
  width: 200px;
  height: 67px;
  border: 1px dotted #bbb;
  background-position:1px 1px;
  padding: 1px;	
}
A:hover .box3 {
	border: 1px solid #826eb5;
	padding: 1px;
}



.rightborder {
  border-right: 0px solid #fff;
}
.leftborder {
  border-left: 0px solid #fff;
}

.leftborder1 {
  border-bottom: 1px solid #d6d6d6;
}

.tab, 
.tab2, 
.tab3, 
.droptab, 
.droptab2, 
.droptab3,
.blanktab,
.blanktab1,
.blanktab2,
.blanktab3 {
  height: 5px;
}
.tab {
  border-bottom:2px dotted #eee;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;  
}
.tab2 {
  border-bottom:2px dotted #fff;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 0px solid #fff;
}
.tab3 {
  border-bottom:2px dotted #eee8f6;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.droptab {
  border-top:1px dotted #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.droptab2 {
  border-top:1px dotted #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.droptab3 {
  border-top:1px dotted #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.blanktab2 {
  border: 1px solid #ddd;  
}	
.blanktab1 {
  border-bottom: 1px solid #e6e6e6
}
.blanktab3 {
  height: 9px;
}
.blanktab4 {
  border-top: 4px solid #ddd;  
}	
.tearoff {
  border-top:2px dotted #eee;
}




.boxtitle,
.substrate_boxtitle,
.lotus_boxtitle,
.context2_boxtitle,
.context_boxtitle,
.eggs_boxtitle,
.remix_boxtitle,
.snowflake_boxtitle,
.bifurcation_boxtitle,
.traveling_boxtitle,
.strange_boxtitle,
.buddha_boxtitle,
.eggs_boxtitle {
  padding: 0px;
  border:0px;
  width:750px;
  height:171px;
}
.boxtitle {
  background-image:url("mandala_title2.jpg");
  height:191px;
  cursor:crosshair;
}
A:hover .boxtitle {
  background-image:url("mandala_title1.jpg");
}
.remix_boxtitle {
  height:85px;
  background-image:url("../substrateremix/clip_pagewidthmini3.jpg");
}
A:hover .remix_boxtitle {
  background-image:url("../substrateremix/clip_pagewidthmini1.jpg");
}
.eggs_boxtitle {
  height:85px;
  background-image:url("../spaceeggs/clip_pagewidthmini3.jpg");
}
A:hover .eggs_boxtitle {
  background-image:url("../spaceeggs/clip_pagewidthmini1.jpg");
}
.lotus_boxtitle {
  height:85px;
  background-image:url("../lotus/clip_pagewidthmini3.jpg");
}
A:hover .lotus_boxtitle {
  background-image:url("../lotus/clip_pagewidthmini1.jpg");
}
.context_boxtitle {
  height:90px;
  background-image:url("../cfv1/clip_pagewidthmini3.jpg");
}
A:hover .context_boxtitle {
  background-image:url("../cfv1/clip_pagewidthmini1.jpg");
}
.context_boxtitle2 {
  height:90px;
  background-image:url("../cfv2/clip_pagewidthmini3.jpg");
}
A:hover .context_boxtitle2 {
  background-image:url("../cfv2/clip_pagewidthmini1.jpg");
}
.traveling_boxtitle {
  height:85px;
  background-image:url("../traveling/clip_pagewidthmini3.jpg");
}
A:hover .traveling_boxtitle {
  background-image:url("../traveling/clip_pagewidthmini2.jpg");
}
.substrate_boxtitle {
  height:85px;
  background-image:url("../substrate/clip_pagewidthmini3.jpg");
}
A:hover .substrate_boxtitle {
  background-image:url("../substrate/clip_pagewidthmini1.jpg");
}
.snowflake_boxtitle {
  height:85px;
  background-image:url("../snowflakes/clip_pagewidthmini3.jpg");
}
A:hover .snowflake_boxtitle {
  background-image:url("../snowflakes/clip_pagewidthmini2.jpg");
}
.buddha_boxtitle {
  height:85px;
  background-image:url("../buddhamind/clip_pagewidthmini3.jpg");
}
A:hover .buddha_boxtitle {
  background-image:url("../buddhamind/clip_pagewidthmini2.jpg");
}
.eggs_boxtitle {
  height:250px;
  background-image:url("../spaceeggs/mindMeld.jpg");
}
A:hover .eggs_boxtitle {
  background-image:url("../spaceeggs/mindMeld.jpg");
}
.bifurcation_boxtitle {
  height:85px;
  background-image:url("../bifurcation/clip_pagewidthmini3.jpg");
}
A:hover .bifurcation_boxtitle {
  background-image:url("../bifurcation/clip_pagewidthmini1.jpg");
}
.recursive_boxtitle {
  height:85px;
  background-image:url("../PSinPS/clip_pagewidthmini3.jpg");
}
A:hover .recursive_boxtitle {
  background-image:url("../PSinPS/clip_pagewidthmini1.jpg");
}
.strange_boxtitle {
  height:85px;
  background-image:url("../strange/clip_pagewidthmini3.jpg");
}
A:hover .strange_boxtitle {
  background-image:url("../strange/clip_pagewidthmini2.jpg");
}



#box_traveling {
  background-image:url("../traveling/small.fade.traveling.jpg");
}
A:hover #box_traveling {
  background-image:url("../traveling/small.traveling.jpg");
}



#box_tarbell {
  background-image:url("influences/small.jared.tarbell.jpg");
}
A:hover #box_tarbell {
  background-image:url("influences.color/small.jared.tarbell.jpg");
}
#face_tarbell {
  background-image:url("influences.faces.color/small.face.jared.tarbell.jpg");
}
A:hover #face_tarbell {
  background-image:url("influences.faces/small.face.jared.tarbell.jpg");
}



#box_earth_above {
  background-image:url("influences/small.earth.from.above.jpg");
}
A:hover #box_earth_above {
  background-image:url("influences.color/small.earth.from.above.jpg");
}
#face_yann {
  background-image:url("influences.faces.color/small.face.yann.jpg");
}
A:hover #face_yann {
  background-image:url("influences.faces/small.face.yann.jpg");
}



#box_earth {
  background-image:url("influences/small.earth.as.art.jpg");
}
A:hover #box_earth {
  background-image:url("influences.color/small.earth.as.art.jpg");
}
#face_earth {
  background-image:url("influences.faces.color/small.face.earth.jpg");
}
A:hover #face_earth {
  background-image:url("influences.faces/small.face.earth.jpg");
}



#box_mandelbrot {
  background-image:url("influences/small.benoit.mandelbrot.jpg");
}
A:hover #box_mandelbrot {
  background-image:url("influences.color/small.benoit.mandelbrot.jpg");
}
#face_mandelbrot {
  background-image:url("influences.faces.color/small.face.benoit.mandelbrot.jpg");
}
A:hover #face_mandelbrot {
  background-image:url("influences.faces/small.face.benoit.mandelbrot.jpg");
}



#box_hubble {
  background-image:url("influences/small.hubble.jpg");
}
A:hover #box_hubble {
  background-image:url("influences.color/small.hubble.jpg");
}
#face_hubble {
  background-image:url("influences.faces.color/small.face.hubble.jpg");
}
A:hover #face_hubble {
  background-image:url("influences.faces/small.face.hubble.jpg");
}



#box_fry {
  background-image:url("influences/small.ben.fry.jpg");
}
A:hover #box_fry {
  background-image:url("influences.color/small.ben.fry.jpg");
}
#face_fry {
  background-image:url("influences.faces.color/small.face.ben.fry.jpg");
}
A:hover #face_fry {
  background-image:url("influences.faces/small.face.ben.fry.jpg");
}



#box_pollack {
  background-image:url("influences/small.jackson.pollack.jpg");
}
A:hover #box_pollack {
  background-image:url("influences.color/small.jackson.pollack.jpg");
}
#face_pollack {
  background-image:url("influences.faces.color/small.face.jackson.pollack.jpg");
}
A:hover #face_pollack {
  background-image:url("influences.faces/small.face.jackson.pollack.jpg");
}



#box_draves {
  background-image:url("influences/small.scott.draves.jpg");
}
A:hover #box_draves {
  background-image:url("influences.color/small.scott.draves.jpg");
}
#face_draves {
  background-image:url("influences.faces.color/small.face.scott.draves.jpg");
}
A:hover #face_draves {
  background-image:url("influences.faces/small.face.scott.draves.jpg");
}



#box_fol {
  background-image:url("small.fade.fol.jpg");
}
A:hover #box_fol {
  background-image:url("small.fol.jpg");
}
#box_journal {
  background-image:url("small.fade.journal.jpg");
}
A:hover #box_journal {
  background-image:url("small.journal.jpg");
}
#box_timourian {
  background-image:url("small.fade.self.jpg");
}
A:hover #box_timourian {
  background-image:url("small.self.jpg");
}
#face_timourian {
  background-image:url("influences.faces.color/small.face.ian.timourian.jpg");
}
A:hover #face_timourian {
  background-image:url("influences.faces/small.face.ian.timourian.jpg");
}



#box_cc {
  background-image:url("influences.color/small.cc.jpg");
}
A:hover #box_cc {
  background-image:url("influences.color/small.cc.grey.jpg");
}
#face_cc {
  background-image:url("influences.faces.color/small.face.cc.jpg");
}
A:hover #face_cc {
  background-image:url("influences.faces/small.face.cc.jpg");
}


#box_balance1 {
  background-image:url("small.fade.balance1.jpg");
}
A:hover #box_balance1 {
  background-image:url("small.balance1.jpg");
}
#box_balance2 {
  background-image:url("small.fade.balance2.jpg");
}
A:hover #box_balance2 {
  background-image:url("small.balance2.jpg");
}



#box_grey {
  background-image:url("influences/small.alex.grey.jpg");
}
A:hover #box_grey {
  background-image:url("influences.color/small.alex.grey.jpg");
}
#face_grey {
  background-image:url("influences.faces.color/small.face.alex.grey.jpg");
}
A:hover #face_grey {
  background-image:url("influences.faces/small.face.alex.grey.jpg");
}



#box_goldsworthy {
  background-image:url("influences/small.andy.goldsworthy.jpg");
}
A:hover #box_goldsworthy {
  background-image:url("influences.color/small.andy.goldsworthy.jpg");
}
#face_goldsworthy {
  background-image:url("influences.faces.color/small.face.andy.goldsworthy.jpg");
}
A:hover #face_goldsworthy {
  background-image:url("influences.faces/small.face.andy.goldsworthy.jpg");
}



/* -------------------------------- */



FORM {
	display: inline;
}

table {
  background-color: #fff;
  background-color: #eee8f6;
  background-color: #eeeeee;
}

TR {
  text-align: right;
}

P.main  { 
  font-family: Verdana, Arial, sans-serif;
  font-size: 8px;
  line-height: 2;
 }
.txtTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
}
.txtPrice {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #8CA68D;
}
.txtBody,
.txtBody_1,
.txtBody_2,
.txtBody_3
 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.8;
text-align:left;
	color: #6D6D6D;
}
.txtBody_1 {
	font-size: 11px;
}
.txtBody_2 {
	font-size: 10px;
}
.txtBody_3 {
	font-size: 9px;

}

A .txtBody {
    color: #999;
}

A:hover .txtBody {
    color: #666;    
}


.txtDimensions {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #AAAAAA;
}