/*=== BODY STYLES ===*/

  body
	{background-image: url(img/etc/jbje-background-1.jpg);
	background-repeat: repeat;
	background-color: #ccc;
	font: normal 13px/1.5 arial, helvetica, sans-serif;
	margin: 40px 0 0 0px;}

  br
  	{clear: both;}

/*=== STRUCTURE STYLES ===*/ 

  #container
	{background-color: #fff;
	color: #333;
	border: 1px solid #666;
	margin: 30px auto;
	width: 700px;}
	
  #navbar	
	{background-color: #F5F5F5;
	color:#000;
	font: 12px/1.25 verdana, geneva, sans-serif; 
	padding: 6px;
	text-align: right;}

  #headline
	{border-bottom: 1px solid #666;
	border-top: 1px solid #666;
  	text-indent: 160px;}
	
  #twocolumncontent
	{;}

  #leftnav
	{float: left;
	margin-bottom: 40px;
	text-align: right;  /*this is only affecting the image*/
	width: 140px;}

  #rightcontent
	{margin-left: 140px;
	padding: 20px;}

  #footer
	{border-top: 1px solid #666;
	clear: both;}
	
  #imagespace-portfolio
  	{float: left;
  	height: 400px;
  	width: 500px;}
  	
  #imagespace-ceramics
  	{float: left;
  	height: 300px;
  	width: 500px;}
	
  #metaspace
  	{margin-left: 600px;
  	border: 1px solid 666;
  	background-color: #fcc}
  	
  #thumbspace-portfolio
  	{height: 150px;
  	clear: both;
  	padding: 20px 0 30px 0;}
  
  #thumbspace-ceramics
  	{height: 50px;
  	clear: both;
  	padding: 20px 0 20px 0;}
  	
   #buyspace
  	{clear: both;
  	padding: 0 0 30px 0;}
  	
  	
/*=== LINK STYLES ===*/
  
  a:link	
	{color: #900; 
	text-decoration: none;}
	
  a:visited	
	{color: #900; 
	text-decoration: none;}

  a:hover	
	{color: #c00;
	text-decoration: none;}
	
  a:active	
	{color: #900; 
	text-decoration: none;}
	

/*=== COLOR STYLES ===*/

  .jajjy
	{background-color: #aaa;
	background-image: url(img/etc/jbje-background-2.gif);
	background-repeat: repeat;}
	

/*=== TEXT STYLES ===*/


  h1
  	{border-bottom: 1px #999 solid;
  	color: #666;
  	font: bold 20px/1.25 verdana, geneva, sans-serif;
  	letter-spacing: 2px;
  	text-align: left;}
  	
  h2
  	{color: #FFF;
  	font: bold 22px/.25 verdana, geneva, sans-serif;
  	letter-spacing: 2px;
  	text-align: left;}
  
  h3
    {color: #600;
	font: bold 18px/1.25 verdana, geneva, sans-serif;
	margin-bottom: 5px;
	margin-top: 0;
   	text-align: left;}
   	
  h4
    {border-bottom: 1px #999 solid;
    color: #600;
	font: bold 16px/1 arial, helvetica, sans-serif;
	margin-bottom: 7px;
   	text-align: left;}
   	
  h5
    {color: #666;
    font: bold 18px/1 verdana, geneva, sans-serif;
    letter-spacing: 1px;
	margin-bottom: 10px;
	margin-top: 0;
   	text-align: left;
   	text-indent: 4px;}
  
  h6
  	{font: normal 10px/1.5 arial, helvetica, sans-serif;
  	color: #fff;
	margin: 0;
	padding: .25em;
	text-align:right;
	text-indent: 1em;}
  	
  p
   	{color: #333;
	font: normal 14px/1.5 arial, helvetica, sans-serif;
	margin-bottom: 10px;
	margin-top: 0;}

   	
   	
/*=== LABEL STYLES ===*/
  	
  .label	
	{background-color: #b2b2b2;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	border-top: 1px solid #666; 
	color: #fff;
	font: bold 12px/1.5 verdana, geneva, sans-serif;
	margin-bottom: 15px;
	margin-top: 15px;
	padding-right: 6px;
	text-align: right;
	text-transform: uppercase;}

  .button	
	{font: 12px/1.5 verdana, geneva, sans-serif;
	margin: 5px 0 5px 0;
	padding-left: 14px;}
	
  .buybutton
  	{;}

   	
/*=== LIST STYLES ===*/

  ol
    {list-style-position: outside;
    margin-bottom: 10px;
	margin-top: 0;}
   	
  ul
    {list-style-position: url (../../img/etc/list_black.gif);
   	list-style-position: outside;
   	margin-bottom: 10px;
	margin-top: 0;}
   	
  li
    {color: #333;
    font: normal 14px/1.5 arial, helvetica, sans-serif;
    padding-top: 10px;}

  dt
    {color: #006;
    font: bold 14px/1.25 arial, helvetica, sans-serif;
    margin: 0 0 4px 0;}
	
  dd
    {color: #333;
    font: normal 14px/1.5 "courier new", courier, monospace;
    margin: 0 0 0 2em;}
	

/*=== IMAGE STYLES ===*/

  img.anchorpic
	{padding-top: 20px;}

  img.cornerpic
	{border: 1px solid #666; 
	float: left;
	margin: 0 15px 5px 0;}
	
  img.upperpic
	{border: 1px solid #666;}
	
  img.indentpic
	{border: 1px solid #666; 
	float: left;
	margin: 0 0 0 100px;}
	
  img.splashpic-jaj-1
	{border-left: 4px solid #ccc;
	border-right: 0;
	border-top: 0;
	border-bottom: 0;}
	
  img.splashpic-jaj-2
	{border-left: 4px solid #ccc;
	border-right: 4px solid #ccc;;
	border-top: 0;
	border-bottom: 0;}
	
  img.thumbpic
	{border: 0;
	float: left;
	height: 50px;
	padding-right: 2px;
	padding-bottom: 2px;
	width: 50px;}