body {
	 background: url(pics/base/clouds1.jpg) repeat top left;
	 font-family: Ariel, Verdana, sans-serif;
	 font-size: small;
	 margin: 0;
	 padding: 0;
	 }

#container{
	 background-color: #848484;
	 width: 840px;
	 margin: auto;
	 border: 4px solid #fff;
	 padding: 0;
	 text-align: center;
	 }
	 
#navigation{
	 
	 float: left;
	 width: 100%;
	 background: #000 url(pics/base/bg.gif) repeat-x bottom;
	 line-height: normal;
	 font-size: 90%;
	 border-bottom: 3px solid #FFF;
	 
	 /*border: 1px #666 solid;
	 text-align: center;*/
	 }
	   
#navigation ul {
	 margin: 0;
	 padding: 7px 120px 0;
	 line-style-type: none;
	 font-family: Arial, Helvetica, sans-serif;
	 }
	 
#navigation li {
	 background: url("pics/base/norm_left.gif") no-repeat left top;
	 float: left;
	 margin: 0;
	 padding: 0 0 0 9px;
	 list-style-type: none;
	 text-align: center;
	 font-size: 130%;
	 }
	 
#navigation a {
	 float: left;
	 background: url("pics/base/norm_right.gif") no-repeat left top;
	 display: block;
	 padding: 5px 15px 4px 6px;
	 text-decoration: none;
	 font-weight: bold;
	 color: #008bec;
	 }
	 
#navigation a:link, #navlist a:visited  {
	 color: #008bec;
	 text-decoration: none;
	 }
	 
#navigation a:hover {
	 background-color: #fff;
	 color: #000;
	 }

#navigation a, #navigation strong, #navigation span {
	 display:block;
    background:url("pics/base/norm_right.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
	 }
	 
#navigation #current {
    background-image:url("pics/base/norm_left_on.gif");
    }
  
#navigation #current a {
    background-image:url("pics/base/norm_right_on.gif");
	padding-bottom: 5px;
	}
	 
	 
#content{
	 background: #848484;
	 width: 420px;
	 margin: 0;
	 padding: 5px 35px 5px 5px;
	 float: right;
	 text-align: left;
	 }
	 
#photopanel{
	 background: #a7a7a7;
	 border: 2px solid #c0c0c0;
	 width: 340px;
	 height: 100%;
	 margin: 2px;
	 padding: 5px 5px 5px 5px;
	 float: left;
	 }
	 
.ienlarger {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.ienlarger span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image */
}

.ienlarger a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #FFCC00; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-color: #000000;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 10px;
}

.ienlarger img { /* leave or IE puts a border around links */
border-width: 0;
}

.ienlarger a:hover span { 
	display:block;
	top: 25px; /* means the pop-up's top is 50px away from thumb's top */
	left: 125px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

.resize_thumb {
	width: 165px; /* enter desired thumb width here */
	height : auto;
}

/* smart image enlarger ends here */
	 
#contact {
	  float: left;
	  text-align: center;
	  margin-left: 50px;
	  }
	 
#footer{
	 margin: 0;
	 padding: 10px 20px;
	 clear: both;
	 color: #BBB;
	 font-size: 85%;
	 font-weight: bold;
	 background-color: #333;
	 }
	 	 
#footer p {
	  text-align: center;
	 }
		 
a:link, a:visited  {
	 color: #FFF;
	 text-decoration: none;
	 }
		 
li {
	  margin: 0 0 6px 0;
	}
	
p,table {
	  text-align: left;
	  margin: 5px 15px;
	}
	
table {
	  /*font-size: 12px;*/
	  width: 458px;
	  margin: 5px 0 0 50px;
	  /*border: 1px solid #ccc;*/
	  border-spacing: 10px 5px;
	  }
	  
th {
	  font-weight: bold;
	  border-bottom: 1px dashed #FF6A0F;
	  }
	  
td {
	  vertical-align: top;
	  }
	  
.prod1{
	  width: 30%;
	  text-align: center;
	  }

.prod2{
	  width: 30%;
	  border-bottom: none;
	  }
	  
.prod3{
	  width: 30%;
	  text-align: left;
	  }
	  

h1 {
	background: url(pics/base/flameheader3.jpg) no-repeat top center;
	height: 147px;
	margin: 0;
	padding: 30px 60px 55px 40px;
	font-family: "Lucida Grande", "Lucida Sana", "Trebuchet MS";
	font-size: 300%;
	font-weight: bold;
	text-align: right;
	color: #fff;
	}
	
h2 {
	margin: 5px 0 3px 0;
	padding: 16px 0 3px 0px;
	background: url(pics/art/wand.JPG) no-repeat top left;
	font-size: 150%;
	font-weight: bold;
	color: #FFF;
	border-bottom: 2px solid #008bec;
	}
	
h3 {
	margin: 10px 0 5px 10px;
	font-size:110%;
	font-weight: bold;
	color: #FFF;
	}
	
h4 {
	text-align: center;
	font-size: 115%;
	color: #2B2B6A;
	}
	
h5 {
	margin: 0;
	padding: 30px 60px 55px 40px;
	font-family: "Lucida Grande", "Lucida Sana", "Trebuchet MS";
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	color: #000;
	}
	

	 
.noborder{
	border: none;
	margin: 0 2px;
	padding: 0;
	}