html body, div{
	font-family: arial, helvetica, sans-serif;font-size:12px;
}

#overall {
width:760px;
margin-right: auto;
margin-left: auto;
padding:0px;
/*border:1px black solid;*/
text-align: center;
}

#mainImage{clear:both;}

/* Navigation*/
#nav{margin:0 0 5px 0; padding:0; width:760px; background-image:url(images/nav_line.gif);float:left;}

#nav a{margin: 0 12px 0 0 ; float:left; border-bottom:6px white solid; border-width:0px 0 6px 0; }
#nav a:hover{margin: 0 12px 0 0 ; float:left; border-bottom:6px #EE5001 solid; border-width:0px 0 6px 0; }
#nav img{border:0;}
#ps{margin: 0 18px 0 0 !important ;width:168px;}
#nav01{width:48px;}
#nav02{width:57px;}
#nav03{width:25px;}
#nav04{width:37px;}
#nav05{width:71px;}
#nav06{width:70px;}
#nav07{width:51px;}
#nav08{width:18px;}
#nav09{width:44px;}

/*general*/
h2 {
font-size:14px;
text-transform:uppercase;
color:#000000;
margin:0;
}
td{
font-size:13px;
color:#333333;
text-align:left;
}
p, #text p{
margin-top:0;
margin-bottom:6px;
}

#text{
color:black;
font-size:10px;
float:left;
padding:600px 0 0 0;
}

#links{
color:black;
font-size:10px;
padding:10px 0 0 0;
}

	
#flash{

	top: 0px;
	width:100%;
	clear:both;
	}

#flashinner{margin:0 auto; width:500px;}	
/*IE only * html #flash{ 
	position: absolute;
	left: 0px;
	top: 0px;
	}*/
	


/*Bio Page*/
#bioPat{margin: 0 0 0 187px;text-align:left;}
#bioPat p{margin: 0 40px 12px 180px;}
	
/*BiscuitMain Page*/
#mainBiscuitImage{float:left;width:340px;}
#mainBiscuitcontent{float:left; width:400px; text-align:left;}

/*JackMain Page*/
#mainJackImage{float:left;width:340px;}
#mainJackContent{float:left; width:400px; text-align:left;}
#jackMain .starred{background-image:url(images/starred.gif);background-repeat:no-repeat;}
#jackMain p, #jackMain ul li, #jackMain h2, #jackMain h3{padding-left:20px;}
#mainJackImage {width:320px;}
#jackMain .bookGroup{width:420px;}
#jackMain .bookGroup img{margin-left:20px;}

/*other Books Page*/
.otherContent{float:left; width:416px; text-align:left;margin:0 0 16px 0;}
.otherImage{float:left;width:324px; text-align:right;padding:0 16px 0 0; margin:0 0 16px 0;}


/*porfolio*/
#theBook{clear:both;float:left;;width:160px; text-align:left;}
#pageNav{float:left;width:47px;}
#pageNav img{border:0;padding:0; height:28px;margin:0;padding:0;}
#pageNav a{border:1px solid #ccc; height:28px; line-height:normal;}
#pageNav a:hover{border:1px solid #EE5001; }
#nextPage{text-align:left;}
#nextPage a{ font-weight:bold; color:#EE5001;border:0 !important; text-decoration:none; }
#nextPage a:hover{ color:#999 !important; text-decoration:underline;}
#pages{float:right; margin-top:0px;}
#pages img{margin:0 0 6px 0;}
#overall h2.port{font-size:12px;font-weight:bold; color:#EE5001;margin:6px 0 0px 0; text-align:left;}


/*#theBook h2{font-size:12px;font-weight:bold; color:#EE5001;margin:6px 0 0px 0;}*/
#bookBlurb {margin:6px 0 10px 0;}


/*subsub nav page minis*/
#pageNav ul {margin: 0;padding:0;}
#pageNav li {
display:block;
		list-style-type:none;
		margin:0 0 6px 0;
		padding:0;
		}
#pageNav li a{display:block;width:45px;}		
		
#pageNav {height:27px; width:43px;display:none; margin-top:0px;}	


/* portfolion book subnav  */
#bookNav {
		height: 60px;
		//width: 760px;
		margin:0 0 20px 60px;
		clear:both;
		}
#bookNav p{text-align:left; float:left; margin-right:10px;color:#666666;}			
			
.cssnav	{
		float: left;
		padding: 0;
		//width: 29px;
		//height: 49px;
		margin:0 6px 0 0;
		}
		
.cssnav a {
		//width: 29px;		
		display: block;
		float: left;
		height: 54px;
		}


.cssnav img {border: 0; }


.cssnav span {
		position: absolute;
		left: -1000px;top: -1000px;
		text-align: center;
		width: 150px;
		cursor: pointer;        
		}
#bookNav a:hover{border-bottom:6px #EE5001 solid; }


#jack5,#biscuit7{ margin-right:30px;}
			

/* contact  */

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0 0 0 14px;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px; 
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 0px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}



form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}


form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                             label aligns textarea better in IE */
    float:left; 
   
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

#submit{margin-left:160px;}

	
	/*botanical*/
	#botanicalNav ul{list-style:none; margin:0;padding:0 0 0 106px; width:50px;}
	#botanicalNav img{border:1px solid white; margin-left:10px;}
	#botanicalNav a{border:1px solid white;}
	#botanicalNav a:hover img{border:1px solid red;}
	#botanicalNav,#art{float:left;}

	#botanicalNav{margin:0; padding:0;}
	#art{width:570px;}
	
.buyLink{text-align:left;}
.seeMe img{border:1px solid #CCCCCC;}

.bookSection{clear:both;}


a{color:#3d6ac3;}
a:visited, a:hover{color:#666666;}



/*Biscuit main*/
#biscuitMain .bookwrap {background-color:#fffcde; border:1px solid #d8e7f8; width:400px;margin-bottom:10px;}
#biscuitMain .bookwrap h2{font-size:13px;margin:10px 0 0 10px;}
#biscuitMain #mainBiscuitImage{text-align:left;}

#biscuitMain #mainBiscuitImage h2, 
#biscuitMain #mainBiscuitImage p, 
#biscuitMain #mainBiscuitImage ul{margin-left:10px;margin-right:10px; }

#biscuitMain .bookwrap p, 
#biscuitMain .bookwrap .bookrow{margin:0 10px 4px 10px;}


#biscuitMain .bookwrap p{margin-top:10px;}
#biscuitMain .block ul li{list-style:none;}
#biscuitMain .block ul{ padding:0px}
#biscuitMain .block {margin:0 0 30px 0;}
#biscuitMain .reviews h2{margin:30px 0 10px 0;}
#biscuitMain #mainBiscuitImage .blurb{font-size:10px;margin-left:10px; color:#666666;}
#biscuitMain #mainBiscuitImage .quote{font-size:14px; font-style:italic; color:#000000;}


#biscuitMain #bookGroup1 .bookText{width:78px; margin:4px 6px 4px 4px;float:left;}

#biscuitMain #bookGroup2 .bookText,
#biscuitMain #bookGroup3 .bookText, 
#biscuitMain #bookGroup4 .bookText, 
#biscuitMain #bookGroup5 .bookText{
 width:108px; margin:4px 6px 4px 4px;float:left;}

#biscuitMain .bookwrap p.pubLink{padding-top:16px;}

#biscuitMain #bookGroup1 .bookrow, 
#biscuitMain #bookGroup1 h2, #bookGroup1 p,
#biscuitMain #bookGroup2 .bookrow,
#biscuitMain #bookGroup2 h2, #bookGroup2 p,
#biscuitMain#bookGroup3 .bookrow,
#biscuitMain #bookGroup3 h2, #bookGroup3 p,
#biscuitMain#bookGroup4 .bookrow,
#biscuitMain #bookGroup4 h2, #bookGroup4 p
{margin-left:28px;}

#biscuitMain #nav{margin:0 0 20px 0;}


.clearfix{clear:both;}


/*Jack Main*/

#jackMain .bookGroup{width:400px;margin-bottom:10px;}
#jackMain .bookGroup h2, 
#jackMain .bookGroup p{margin-left:0px;margin-right:10px;}
#jackMain .bookGroup img{margin-bottom:6px;}

#jackMain .block ul li{list-style:none;}
#jackMain .block ul{ padding:0px}
#jackMain .block {margin:0 0 30px 0;}
#jackMain .reviews h2{margin:30px 0 10px 0;}
#jackMain #nav{margin:0 0 20px 0;}