html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { background-color: black; margin: 0; padding: 0; }

.clear { clear: both; }

#container { width: 900px; padding: 10px 15px; background-color: white; margin: 0 auto;}

#header { background-color: black; width: 885px; height: auto; padding: 20px 0px 15px 15px; border-bottom: 4px solid #e40001; }
	a#logo { background: url('../img/logo.png'); height: 0; width: 0; padding: 29px 0 0 379px; display: block; overflow: hidden; float: left; }

		.slider { margin: 0px 0 0 0; width: 900px; height: 455px; overflow: scroll; position: relative; }
			ul.slides { list-style: none; margin: 0; padding: 0;}
			ul.slides li { }
			
			a.spacer { position: absolute; right: 0; bottom: 0; width: 184px; height: 186px; z-index:100;}

#content { width: 900px;}
	.left { width: 200px; float: left; margin: 15px 20px 0 0;}
	.left p { font-family: tahoma, sans-serif; font-size: 11px; color: black; line-height: 17px; margin: 0 0 7px 0;}
	.left p a { color: black; text-decoration: none; }
	.left p a:hover { text-decoration: underline; }
	ul.nav { list-style: none; padding: 0; margin: 0 0 15px 0; }
	ul.nav li { background-color: black; font-family: arial, sans-serif; font-size: 14px; text-transform: uppercase; padding: 7px 0 7px 7px; margin: 0 0 3px 0;}
	ul.nav li a { color: white; font-weight: bold; text-decoration: none; width: 100%; }
	ul.nav li:hover, ul.nav li a:hover { background-color: red;}

#content .right { width: 680px; float: left;}
	ul.kitchens { list-style: none; padding: 0; margin: 0;}
	ul.kitchens li { padding: 8px 8px 0 0; float: left; width: 221; height: 186px;}
	.right h2 { font-family: arial, sans-serif; font-size: 18px; font-weight: bold; text-transform: uppercase; margin: 14px 0 10px 0;}
	.right p { font-family: arial, sans-serif; font-size: 12px; line-height: 19px; margin-bottom: 10px;}
	
	.right form { width: 250px; margin: 0; padding: 0; float: left; }
		.right label { display: block; font-family: arial, sans-serif; font-weight: bold; }
		.right .inputbox { padding: 5px; font-family: arial, sans-serif; font-size: 11px; width: 250px; color: #333; }
		.right .inputbox:focus { color: black; padding: 6px; border: 1px solid #666; }
		
	#enquireform  { font-family: arial, sans-serif; font-size: 11px; width: 285px; text-transform: uppercase; font-weight: bold;}
	#enquireform p { margin: 3px 0 0 0; }
	#enquireform .enquireinput { padding: 4px; font-size: 11px;\width: 170px; }
	#enquireform .enquirearea { padding: 4px; font-size: 11px; width: 250px; text-align: left; font-family: arial, sans-serif;}
	
	
ul.citychooser{
		list-style: none;
		margin: 10px 0 0 0;
	}	
ul.citychooser li{
			float: left;
			font-size: 13px;
			color: rgb(100,100,100);
		}
ul.citychooser li a{
			font-weight: bold;
			padding: 0 3px;
			color: rgb(75,75,75);
			text-decoration: none;
		}
ul.citychooser li a:hover{
			border-bottom: 1px dotted rgb(75,75,75);
		}
		
	
		ul.citychooser { float: left; }
		ul.citychooser li { float: left; font-weight: bold; padding: 5px 0 15px 0;}
		ul.citychooser li  a{ padding: 0 6px; font-family: arial, sans-serif; color: black; font-size: 12px; text-decoration: none;}
		ul.citychooser li a:hover { text-decoration: underline; }

.letter_active { font-family: arial, sans-serif; font-size: 18px; font-weight: bold; padding: 0 0 5px 0;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}