* { margin:0; padding:0;}

body { color: #333; background: #FFF; font: normal 69% Verdana, Tahoma, Arial, sans-serif; }
img { border:0; }

a { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { margin: 0 0 0.2em 0; padding: 0; color: #33393b; font: normal 2em Verdana, Tahoma, Arial, sans-serif; }
h2 { margin: 0 0 0.2em 0; padding: 0; color: #33393b; font: normal 1.6em Verdana, Tahoma, Arial, sans-serif; }
h3 { margin: 0 0 0.5em 0; font-size: 1.2em; font-weight: normal; }
h4 { margin: 0 0 0.2em 0; padding: 6px; color: #33393b; font: normal 1.4em Verdana, Tahoma, Arial, sans-serif; text-transform: uppercase; background-color: #EEEED2; }
p { line-height: 140%; }

.clear { clear:both;}
.hide {	display: none; }
.print { display: inline; }

#header { margin: 0; padding: 0; width: 640px; }
	#hleft { float: left; margin: 0; width: 410px; }
		#logo { float:left; display: list-item; list-style-image: url(images/boma_garden_centre_london_logo.jpg); list-style-position: inside; letter-spacing: -1000em; font-size: 1pt; color: #fff; }
	
	#hright { float: left; margin: 0; width: 200px; }
		#slogan { display: none; }
		.topmenu { display: none; }
		address { float: right; }
	
#mainnav { float: left; width: 640px; margin: 6px 0 0 0; padding: 10px 0 0 0; background-color: #EEEED2; border-bottom: 2px solid #A2A23E; }
	#mainnav ul { margin: -20px 0 0 0; padding: 0; }
	#mainnav ul li { float:left; margin: 10px 6px 0 5px; background-color: #EEEED2; color: #000; list-style: none; text-align: center; }
	#mainnav ul li a { display: block; line-height: 24px; padding: 6px 6px 6px 5px; color: #000; text-decoration:none; font-size: 14px; font-weight: bold; }
	#mainnav ul li a:hover { background-color: #A2A23E; color: #000; }
	#mainnav ul li.selected a { background-color: #A2A23E; color: #000; }

#mainleft { display: none; }

#mainright { clear: both; float: left; margin: 0; padding: 0 0 0 10px; width: 640px; font-size: 11px; color:#333333; line-height: 1.5em; }
	.rbox { float: left; margin: 0; padding: 0; width: 640px; }
	.bfeature { float: right; width: 170px; margin: 10px 40px 10px 20px; background-color: #A2A23E; padding: 10px; text-align: center; }
		.bright { margin: 10px 20px 10px 20px; }
		.bfeature img { float: left; margin: 0 0 10px 0; width: 170px; }
		.bfeature h2 { margin: 10px 0 6px 6px; padding: 10px 0 0 0; color: #000; font-size: 20px; font-weight: normal;}
		.bfeature a { color: #000; text-decoration: none; }
		.bfeature a:hover { color: #000; text-decoration: underline; }

	#topimage h1 { display: none; }
	#trl { display: none; }
	
#cols { clear: both; margin: 0; padding: 0; width: 640px; }
#col1 { float: left; margin: 0 10px 0 0; padding: 0 0 6px 0; width: 160px; border-right: 2px solid #A2A23E; }
	.snav { margin: 10px 0 0 0; padding: 0; width: 160px; border-bottom: 2px solid #A2A23E; clear: both; }
	.snav.first { margin: 10px 0 0 0; padding: 0; width: 160px; border-bottom: 2px solid #A2A23E; clear: both; }
	.snav ul { margin: 0; padding: 0; list-style: none; }
	.snav li { margin: 0; padding: 6px 0 6px 2px; list-style: none; background-color: #EEEED2; border-top: 1px solid #FFF; }
	.snav li, #sidenav a { display: block; }
	.snav a:link, #sidenav a:visited { color: #333; text-decoration: none;  } 
	.snav a:hover, #sidenav a.sidenav-on { color: #000; text-decoration: underline; }

#col2 { float: left; margin: 0; padding: 6px 0 6px 10px; width: 458px; }

	#ctaction, #ctcontact, #ctvisit, #ctfull { margin: 10px 0 10px 0; padding: 6px 0 4px 10px; }
	#col2 p { margin: 10px 0 4px 0; }

#col3 { display: none; }

.picture { display: none; }

#footer { margin: 6px 0 0 0; padding: 0; clear: both; }

	#footer #fmenu { width: 640px; margin: 0 auto; padding: 0; font-size: 12px; border-top: 2px solid #A2A23E;  }
		#footer #fmenu ul { text-align: center; margin: 6px 0 6px 0; }
		#footer #fmenu li { list-style: none; display: inline;  }
		#footer #fmenu li a { padding: 0 16px 0 16px; color: #A2A23E; text-decoration: none; }
		#footer #fmenu li a:hover { color: #000; text-decoration: underline; }

	#footerbase { clear: both; width: 620px; margin: 0 auto; padding: 10px 20px 10px 20px; background-color: #EEEED2; border-bottom: 4px solid #FFC20E; }
		#footerbase h2 { display: none; }
		#footerbase p.fright { float: right; padding: 0 130px 0 0; font-size: 1.2em; }
		#footerbase p.fright a { padding: 0 10px 0 0; color: #FFF; text-decoration: none; }
		#footerbase p.fright a:hover { color: #FFF; text-decoration: underline; }

	#footermain { color: #000; margin: 0; padding: 0; text-align: center; }
		#footermain p { font-size: 11px; }
		#footermain a { color: #000; text-decoration: none; }
		#footermain a:hover { color: #A2A23E; text-decoration: underline; }