body {
	color:#333;
	background-color:#fff;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	padding:0;
	margin:15px 0 50px 0;
    font-size:0.65em;
	line-height:1.65em;
}	   

.bg { background-color: #ecf0ff; }	 
.bg1 { background-color: #ffffff; }

body * {
  padding:0;
  margin:0;
}

img { border:0 }
img.margin-r {
margin-right: 2px;
}
img.margin-l {
margin-left: 2px;
}
table { border-collapse:collapse; }   
hr { color:purple; } 
.cr { color:red; }

a {
  color:purple;
  background-color:#fff;
  text-decoration:underline;
}
a:hover { color:#bbb }
h2 a, h3 a, h4 a, h5 a, h6 a,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  text-decoration:none;
}

li { list-style:none }

fieldset { border:0 }

h1 {
  float:right;
  width:243px;
  height:24px;
  display:block;
}

h2,h3,h4,h5,h6 {
  color:purple;
  background-color:#fff;
  font-size:1em;
  margin-bottom:0.25em;
  text-transform:uppercase;
}

strong {
  font-weight: bold;
  color:purple;
  background-color:#fff;
}

td {
	font-size:.55em;
	voice-family: "\"}\""; 
  voice-family:inherit;
	font-size:1em;
}
#ie5postBoxHack{}
td { line-height:1.85em }




/* PARAGRAPH */
p.padded {
  margin-bottom:0.75em;
}
/* END OF PARAGRAPH */




/* FLOAT CLEARING STUFF */
div.clear {
  clear:both;
  margin-top:-1px;
  height:1px;
  overflow:hidden;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* END OF FLOAT CLEARING STUFF */




/* CONTENT AND BORDERS */
#all {
  margin:auto;
  width:778px;
  padding:0 20px;
	voice-family: "\"}\""; 
  voice-family:inherit;
  width:738px;
}
#ie5postBoxHack{}
/* END OF CONTENT AND BORDERS */




/* CONTENT */
.content {
  padding:0 5px;
}
/* END OF CONTENT */




/* HEADER */
#header {
  padding-bottom:15px;
  width:738px;
  background-color:#eee;  
  border-top:1px solid #bbb;
  border-bottom:1px solid #bbb;
  margin-bottom:1em;
}
#header img {
  display:block;
}
/* END OF HEADER */		  


/* NAV MAIN */
#nav-main * { display:block }
#nav-main {
  display:block;
  margin-top:4px;
  width:447px;
  height:31px;
  /*background:url(assets/navigation/penadore/penadore/background.gif) no-repeat;*/
}
#nav-main a {
  text-decoration:none;
  background-color:transparent;
}
#nav-main li {
  float:left;
  height:18px;
  margin-top:2px;
  list-style-type:none;
}
#nav-home        { width:45px }
#nav-about       { width:62px }
#nav-fountain    { width:90px }
#nav-contact     { width:68px }
#nav-cart        { width:65px }

#nav-main a:hover img { visibility:hidden }
/* following hacks for ie5.0s sake */
#nav-main img {
  display:inline;
	voice-family: "\"}\""; 
  voice-family:inherit;
  display:block;
}
#ie5postBoxHack{}
#nav-main a {
  height:auto;
	voice-family: "\"}\""; 
  voice-family:inherit;
  height:13px;
}
#ie5postBoxHack{}
/* END OF NAV MAIN */

/* BREADCRUMBS */
.breadcrumbs {
  clear:both;
  margin-bottom:3em;
  border-bottom:1px solid #bbb;
}
.breadcrumbs #td-logo * {
  display:block;
}
.breadcrumbs img {
  padding-right:0.25em;
  margin-bottom:2px;
}
.breadcrumbs h2,
.breadcrumbs h3,
.breadcrumbs h4,
.breadcrumbs h5,
.breadcrumbs h6 {
  display:inline;
  margin:0 0.3em;
  padding:0;
}
.breadcrumbs h2 {
  margin-left:0;
}
.breadcrumbs #td-logo h2 {
  padding:0;
  margin:0;
}
.breadcrumbs td {
  height:31px;
  vertical-align:bottom;
}
.breadcrumbs a {
  text-decoration:none;
  color:#000066;
}
.breadcrumbs a:hover {
  color:#bbb;
}

/* END OF BREADCRUMBS */


/* TWO COLUMNS */
.column-left {
  float:left;
  width:347px;
}
.column-right {
  float:right;
  width:347px;
}
/* END OF TWO COLUMNS */


/* FOOTER */
#nav-footer li { display:inline }
#nav-footer a {
  text-decoration:none;
  color:#bbb;
  background-color:#fff;
}
#nav-footer a:hover { color:purple }
#copyright { float:right }
#footer {
  clear:both;
  padding-top:1px;
  border-top:1px solid #bbb;
  margin-top:3em;
  color:#bbb;
  background-color:#fff;
} 
#footer-desc {
  clear:both;
  padding-top:1px;    
  color:#bbb;
  background-color:#fff;
}
/* END OF FOOTER */
	
	
/* light note */
#note {							
  font-size:0.8em;	
  color:#444444;
}		
			 

/* FORMS */
button,
input.button {
  overflow: visible;
  padding:0 0.5em;
  font-size:1em;
}
#buttons {
  margin-top:3em;
}
.button-checkout-forwards {
  float:left;
}
.button-checkout-backwards {
  float:right;
}
form table {
  margin-top:1em;
  margin-bottom:3em;
  display:block;
}
.pre-form {
  margin-bottom:3em;
}
form table td {
  padding-top:0.25em;
  padding-bottom:0.25em;
}
form h2,h3,h4,h5,h6 {
  margin-top:3em;
}
.td-label {
  text-transform:uppercase;
  padding-right:15px;
}
.td-left {
  padding-right:40px;
}
.td-left,
.td-right {
  vertical-align:top;
}
/* firefox displays tables as inline & margins don't collapse as
   a result. Can't set 100% width table to block so... */
.table-margin {
  margin-top:1em;
  margin-bottom:3em;
}
.table-margin table {
  margin-top:0;
  margin-bottom:0;
  display:table;
}	

.td_field {border-bottom:1px solid #bbb; border-color: purple}
/* END OF FORMS */		

#table-pens .tr-first td {  
  border-top:1px solid #ddd;   
}	
.td-pen-name {
	margin-top:20px;  
}


/* HOME PAGE */
#content-home {
  padding:0 0 0 5px;
}
#table-home {
  margin-top:20px;
}
#td-home-text {	
  padding-left:5px;
  padding-right:30px;
  vertical-align:top; 
  background-color:#eee;
}
#td-home-center {
  vertical-align:top;  
  width:400px;   /* must be size of current image */
}    
#td-goog {
  vertical-align:top;  
  width:125px;   
}
/* END OF HOME PAGE */

/* TESTIMONIAL */
.testimon { border:2px solid purple; padding:5px; }