html, body{ 
 margin:0; 
 padding:0;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#000; 
 } 
 
#pagewidth{ 
 width:800px;
  margin-top:2%;  
 margin-left:auto; 
 margin-right:auto;  
} 

img {border:none;}
img.thumb {border:solid 1px #CCCCCC; margin:15px,0,5px,10px;}

p	{color:#666666; font-weight:normal;}
p.test	{color:#666666; font-weight:normal; margin-bottom:5px;}
 
a	{color:#666;
	font-size:11px;
	text-decoration:none;
	/*background-color:#ffffff;*/
	} 
a:hover {background-color:#CCCCCC;
		 color:#FFFFFF;}

a.lightbox	{color:#666;
	font-size:11px;
	text-decoration:none;
	}

#header{
 position:relative; 
 height:100px; 
  /*background-color:#FFF;*/ 
 width:800px;
} 

/*LEFT COLUMN - START */ 
<!--[if IE]>
#leftcol{
 width:200px;
 height:450px; 
 float:left; 
 position:absolute; 
 background-color:#fff; 
 }
<!--[EndIf]--> 

#leftcol{
 width:200px;
 height:450px; 
 float:left; 
 position:relative; 
 background-color:#fff;
 }
 
/*MAINCOL PHP*/
#simplepie {background-color: #FFF;
 float: left; 
 position: relative;
 width:600px;
 height:400px;
 overflow:auto;
 /*border:#000000 solid 1px;*/
 }
/*simplepie header/item styling*/
div.header {
		border-bottom:1px solid #000;
		margin-top:0px;
			}
div.header h1{font-size:18px;}
 
	div.item {
		padding:5px 0;
		border-bottom:1px solid #000;
	}	
/*END of SImple pie stuff*/
	
 /*MAIN COLUMNS - START */
#maincol{background-color: #FFF;
background-image:url(images/teabag.gif);  
 float: right; 
 display:inline; 
 position: relative; 
 width:600px;
 height:450px; 
 }
 
 #maincolindex{background-color: #FFF;
/*background-image:url(images/teabag.gif);*/  
 float: right; 
 display:inline; 
 position: relative; 
 width:600px;
 height:450px; 
 }
 
 #maincolback{background-color: #FFF;
background-image:url(images/teabag.jpg);  
 float: right; 
 display:inline; 
 position: relative; 
 width:600px;
 height:450px; 
 }
 
 #maincolteam{background-color: #FFF;
background-image:url(images/teaspoon.jpg);  
 float: right; 
 display:inline; 
 position: relative; 
 width:600px;
 height:450px; 
 }
 
 #maincolgallery{background-color: #FFF;
 background-image:url(images/teapot.jpg);
 float: right; 
 display:inline; 
 position: relative; 
 width:600px;
 height:450px;
 
  }
 
 #maincolcontact{background-color: #FFF;
 background-image:url(images/teastain2.jpg);
 float: right; 
 display:inline; 
 position: relative; 
 width:600px;
 height:450px; 
 }
 
 #maincolbrand{background-color: #FFF;
background-image:url(images/sugar.jpg);  
 float: right; 
 display:inline; 
 position: relative; 
 width:600px;
 height:450px; 
 }
 
 #maincoltest{background-color: #FFF;
/*background-image:url(images/sugar.jpg);*/  
 float: right; 
 display:inline; 
 position: relative; 
 width:600px;
 height:450px; 
 }
 
 #maincollinks{background-color: #FFF;
background-image:url(images/biscuit.jpg);  
 float: right; 
 display:inline; 
 position: relative; 
 width:600px;
 height:450px; 
 }

 #maincolabout{background-color: #FFF;
background-image:url(images/teabag.jpg);  
 float: right; 
 display:inline; 
 position: relative; 
 width:600px;
 height:450px; 
 }
 
  #maincolthankyou{background-color: #FFF;
background-image:url(images/teastain2.jpg);  
 float: right; 
 display:inline; 
 position: relative; 
 width:600px;
 height:450px; 
 }
 /*MAIN COLUMNS - END */
 
/* RANDOM DIVS */
#backgroundtxt	{width:400px;}
  
#footer{
 height:50px; 
  background-color:#fff; 
 clear:both;
 font-size:10px;
 z-index:-1;
 }
  <!--[if IE6]>
 #footer{
 height:50px; 
 background-color:#fff; 
 clear:both;
 font-size:10px;
 position:static;
 } <!--[EndIf]--> 
 
  
#footerindex{
 height:50px; 
 background-color:#fff; 
 clear:both;
 font-size:10px;
 }
<!--[if IE7]> 
#footerindex{
 height:50px; 
  background-color:#fff; 
 clear:both;
 font-size:10px;
 position:relative;
 top:310px;
 }
<!--[EndIf]-->

 ul	{
 	list-style: none;
		margin: 0 0 10px 0;
		padding: 0;
		}

li	{
	font-weight:bolder;
	margin-bottom:5px;
	text-align:left;
	color:#666;
	}

h1	{
	font-size:48px;
	font-weight:lighter;
	margin-bottom:5px;
	color:#FFFFFF;
	display:inline;
	}
	
p.small	{
	font-size:10px;
	font-weight:lighter;
	color:#333333;
	margin:5px 0 5px 0;	}

h2	{display:block;}

h3	{margin-top:0px;
	margin-bottom:10px;
	font-size:11px;
	font-weight:bolder;
	color:#666666; }
	
#title h2 	{
	font-size:16px;
	font-weight:bolder;
	margin-left:0;
	margin-top:0;
	color:#333;
	}
#title	{/*background-color:#fff;*/
	width:600px;
	height:20px;
	}

#slide	{position:relative;
		left:50;
		display:block;
	}	
<!--[if IE6]>	
#map	{position:relative;
		top:-500px;
		}
 <!--[EndIf]-->
 
#hidden	{position:relative;
		top:-9999px;}
 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

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


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}