/* CSS Document */
html, body { margin: 0; padding: 0; }
		body { padding-bottom: 20px; text-align: center; background-color:#FAE6E6;height:800px;font-family:'Comic Sans MS', 'Lucida Grande'; }
		h1 {font-family:'Comic Sans MS', 'Lucida Grande';font-size: 15px;}
		#container {
			text-align: left;
			margin: 0 auto;
			width: 960px;
			background-image:url(/images/bc1.gif);
			background-repeat:repeat;

		}		
		#header {
			margin: 5px;
			padding: 5px;
		}
		#sidebar {
			width: 200px;
			margin-left: 20px;
			float: left;
			display: inline; /* floats are handled as block elements, this is to fix 
							   a margin collapsing bug in IE */
		}
		#content_index {
			height:700px;
			margin-left: 50px;
			margin-right: 50px;
			padding: 20px;
			background-image:url(/images/bctemp.jpg);
			background-repeat:no-repeat;
		}
		#content {
			height:700px;
			margin-left: 50px;
			margin-right: 50px;
			padding: 20px;
			background-image:url(/images/bc_about.jpg);
			background-repeat:no-repeat;
		}
		#content_gallery {
			height:800px;
			margin-left: 50px;
			margin-right: 50px;
			padding: 20px;
			background-image:url(/images/bc_about.jpg);
			background-repeat:no-repeat;
		}
		#footer {
			margin: 20px 20px 0px 20px;
			padding: 20px;
			clear: left;
			text-align:center;
		}
		#footer_gallery {
			margin: -80px 20px 0px 20px;
			padding: 20px;
			clear: left;
			text-align:center;
		}
		.headertext{text-align:left; position:relative; top:85px; left:20px; width:500px;font-family:'Comic Sans MS', 'Lucida Grande'; color:#383667;}
		.headertext_index{text-align:left; position:relative; top:85px; left:20px; width:250px;font-family:'Comic Sans MS', 'Lucida Grande'; color:#383667;}
		.leftcoltext_index{text-align:left; position:relative; top:160px; left:20px; width:192px; background-image:url(/images/bc2.gif);font-family:'Comic Sans MS', 'Lucida Grande'; color:#383667; font-size:13px; float:left}
		.leftcoltext{text-align:left; position:relative; top:120px; left:20px; width:400px; background-color:#FFFFFF; font-family:'Comic Sans MS', 'Lucida Grande'; color:#383667; font-size:13px; float:left}
		.leftcoltext_links{text-align:left; position:relative; top:120px; left:20px; width:700px; background-color:#FFFFFF; font-family:'Comic Sans MS', 'Lucida Grande'; color:#383667; font-size:13px; float:left}
		.leftcoltext_products{text-align:left; position:relative; top:120px; left:20px; width:750px; background-color:#FFFFFF; font-family:'Comic Sans MS', 'Lucida Grande'; color:#383667; font-size:13px; float:left}
	.facebookHome {   display: block;
   width: 92px;
   height: 84px;
   text-decoration: none;
   position:relative; top:370px; left:-200px; float:left;
	}
	.facebookAboutme {   display: block;
   width: 92px;
   height: 84px;
   text-decoration: none;
   position:relative; top:150px; right:10px; float:right;
	}
   a.rolloveraboutme {
   display: block;
   width: 145px;
   height: 145px;
   text-decoration: none;
   background: url(/images/about_me1.gif);
   position:relative; top:395px; left:70px; float:right;
   }
   
   a.rolloveraboutme:hover {
  background-position: -150px 0;
  }
  
  a.rollovershop {
   display: block;
   width: 250px;
   height: 66px;
   text-decoration: none;
   background: url(/images/shop1.gif);
   position:relative; top:300px; left:-100px; float:right;
   }
   
   a.rollovershop:hover {
  background-position: -250px 0;
  }

   a.rollovercontactme {
   display: block;
   width: 145px;
   height: 145px;
   text-decoration: none;
   background: url(/images/contact_me1.gif);
   position:relative; top:210px; left:-130px; float:right;
   }
   
   a.rollovercontactme:hover {
  background-position: -150px 0;
  }
  
     a.rollovergallery {
   display: block;
   width: 145px;
   height: 145px;
   text-decoration: none;
   background: url(/images/gallery1.gif);
   position:relative; top:25px; left:-195px; float:right;
   }
   
   a.rollovergallery:hover {
  background-position: -149px 0;
  }

     a.rolloverproducts {
   display: block;
   width: 145px;
   height: 145px;
   text-decoration: none;
   background: url(/images/my_products1.gif);
   position:relative; top:-50px; left:-150px; float:right;
   }
   
   a.rolloverproducts:hover {
  background-position: -150px 0;
  }
/* CSS Document */
/* CSS Document */
   a.rolloverhomesml {
   display: block;
   width: 98px;
   height: 98px;
   text-decoration: none;
   background: url(/images/home2.gif);
   position:relative; top:90px; left:0px; float:left;
   }
   
   a.rolloverhomesml:hover {
  background-position: -101px 0;
  }
   a.rolloveraboutmesml {
   display: block;
   width: 98px;
   height: 98px;
   text-decoration: none;
   background: url(/images/about_me2.gif);
   position:relative; top:90px; left:45px; float:left;
   }
   
   a.rolloveraboutmesml:hover {
  background-position: -102px 0;
  }

   a.rollovercontactmesml {
   display: block;
   width: 98px;
   height: 98px;
   text-decoration: none;
   background: url(/images/contact_me2.gif);
   position:relative; top:90px; left:60px; float:left;
   }
   
   a.rollovercontactmesml:hover {
  background-position: -101.5px 0;
  }
  
     a.rollovergallerysml {
   display: block;
   width: 98px;
   height: 98px;
   text-decoration: none;
   background: url(/images/gallery2.gif);
   position:relative; top:90px; left:30px; float:left;
   }
   
   a.rollovergallerysml:hover {
  background-position: -101px 0;
  }

     a.rolloverproductssml {
   display: block;
   width: 98px;
   height: 98px;
   text-decoration: none;
   background: url(/images/my_products2.gif);
   position:relative; top:90px; left:15px; float:left;
   }
   
   a.rolloverproductssml:hover {
  background-position: -101px 0;
  }
  
  .gallerycontainer{
position: relative; top:110px;font-family:'Comic Sans MS', 'Lucida Grande'; 
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -60px;
left: 420px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
.testimonial{font-size:12px}