html, body, div, span, object, iframe, h1, h2, p, blockquote, a, img, strong, ol, ul, li, fieldset, form, label, legend, table, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-family: inherit;vertical-align: baseline;}

body, input, textarea {font:13px/1.231 helvetica,arial,clean,sans-serif;}
body {
	margin:0 0;
	font-family: Helvetica, Arial, sans-serif;
	background: #000000 url(../images/body_tile.gif);
	color:#fff;
}
a {
	color:#fff;
	text-decoration:underline;
	outline: none;
}
	a:hover {
		color:#CCC;
	}
	:focus {
		outline:none;
	}

h1 {
	font-size:182%;
	padding:0 0 5px 0;
	margin:0;
}
	h2 {
		font-size:161.6%;
		padding:0;
		margin:0;
		color:#000000;
	}
		h3 {
			font-size:153.9%;
			padding:0 0 0px 0;
			margin:0;
		}
.clear {
	clear:both;
}
.hidden {
	visibility:hidden;
	display:none;
	width:0px;
	height:0px;
}
.left {
	float:left;
}
	.leftimg {
		float:left;
		margin:0 20px 20px 0;
	}
.right {
	float:right;
}
	.rightimg {
		float:right;
		margin:0 0 20px 20px;
	}
.error {
	color: #CC0000;
}
.odd {
	background: #ECF8F0;
}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

p {
	margin:10px 0;
}

/* ----------- Layout ----------- */
.main {
	width:100%;
}	
	.sub {
		width:900px;
		margin:0 auto;
	}
	
.header {
	height:200px;
	background: url(../images/header_tile.gif) repeat-x;
}
	.logo {
		float:left;
		margin:0;
		border:none;
		display:block;
		width:165px;
		height:140px;
		background: url(../images/whitehill_kitchens_logo.gif) no-repeat;
	}
		.logo:hover {
			background-position: left bottom;
		}
		.logo span {
			display:none;
		}

.content {
	text-align:justify;
	font-size:100%;
	margin-top:-30px;
	letter-spacing: .05em;
}
	.contentbox {
		background: url(../images/content_tile.gif) repeat-x left bottom;
		border:1px solid #232323;
		padding:10px;	
		float:left;
		margin-bottom: 10px;
	}
		.contentbox75 {
			width:635px;
			position:relative;
		}
		.contentbox50 {
			width:420px;
		}
	.contentboxright {
		float:right;
		margin:0 0 0 10px;
		text-align:left;
	}
		.contentboxright25 {
			width:205px;
		}
		.contentboxright50 {
			width:420px;
		}
		
	.contentbox75, .contentbox50, .contentboxright25, .contentboxright50  {
		min-height:200px;
	}
	.homepg .contentbox50, .homepg .contentboxright50 {
		min-height:165px;
	}

/* ----------- Menu ----------- */	
.menu {
	margin:0;
	padding:0;
}
	ul.menu{
		padding: 0;
		margin: 0;
		float:right;
	}
		ul.menu li {
			float: left;
			list-style: none;
			margin:0;
			padding:0;
		}
			ul.menu li a {
				display: block;
				float: left;
				margin:0;
				padding:0;
				text-decoration:none;
				color:#fff;
				height:140px;
			}
				ul.menu li a span {
					display: none;
				}
			ul.menu li.kitchensbut a {
				width:126px;
				background: url(../images/kitchens_but.gif) no-repeat;
			}
			ul.menu li.bedroomsbut a {
				width:126px;
				background: url(../images/bedrooms_but.gif) no-repeat;
			}
			ul.menu li.projectsbut a {
				width:122px;
				background: url(../images/projects_but.gif) no-repeat;
			}
			ul.menu li.brandsbut a {
				width:103px;
				background: url(../images/brands_but.gif) no-repeat;
			}
			ul.menu li.contactbut a {
				width:115px;
				background: url(../images/contact_but.gif) no-repeat;
			}
			ul.menu li a:hover, body.kitchenspg ul.menu li.kitchensbut a, body.bedroomspg ul.menu li.bedroomsbut a, body.projectspg ul.menu li.projectsbut a, body.brandspg ul.menu li.brandsbut a, body.contactpg ul.menu li.contactbut a {
					background-position: left bottom;
			} 
		

/* ----------- Footer ----------- */
.footer {
	font-size:77%;
	clear:both;
	padding:5px 0 10px 0;
}
	.footer span {
	padding: 0 2px 0 4px;
	border-left: 1px solid #333333;
	}


/* ----------- Homepage ----------- */
.mainimage {
	margin:0 0 20px 0;
	width:900px;
	height:400px;
}

.sliderwrapper{
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
}

	.sliderwrapper .contentdiv{
		visibility: hidden; /*leave as is*/
		position: absolute; /*leave as is*/
		left: 0;  /*leave as is*/
		top: 0;  /*leave as is*/
		width: 900px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
		height: 100%;
		/*filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);*/
		opacity: 1;
	}
	.mainimage img {
	}
	.mainimage h2 {
		float:left;
		position:absolute;
		top:0px;
		padding:4px 10px 0 10px;
		z-index:999;
		background: url(../images/white_tile.png);
		min-width:120px;
	}
	
	.mainimage .imageinfo {
		position:relative;
		height:26px;
		color: #000;
		top:370px;
		padding: 2px 10px 2px 0px;
		z-index:1000;
		background: url(../images/white_tile.png);
		float:right;
	}

		.pagination {
			float:right;
		}
			.pagination a {
				float:left;
				display:block;
				background:#FFF;
				width:12px;
				height:12px;
				margin:6px 0 0 10px;
				border:1px solid #999;
			}
				.pagination a:hover {
					border:1px solid #333333;
				}
			.pagination a.selected {
				background:#000;
				border:1px solid #333;
			}
	
	
	
	.contentboxright .thumbnails {
		margin:0 0 -10px 0;
	}
		.thumbnails {
			float:left;
		}
			.thumbnails a {
			float:left;
			margin:0 0 10px 1px;
			}
			.thumbnails .thumbblock {
				float:left;
				margin-bottom: 20px;
			}
				.thumbnails .thumbblock a {
				float:none;
				margin: 0px;
				}
			.thumbnails img {
				border:1px solid #999;
			}
			.thumbnails a:hover img {
				border:1px solid #fff;
			}
			.thumbnails .alt {
				margin-left: 11px;
			}
			.thumbnails .alt4 {
				margin-left: 23px;
			}


a.brandimage {
	width:198px;
	height:88px;
	float:right;
	border:1px solid #999;
	margin: 0 0 10px 20px;
}
	a.brandimage:hover {
		border:1px solid #fff;
	}



/* ----------- Contact ----------- */
#contactform {
	width:372px;
}
	label {
		font-weight: bold;
	}
	.textbox {
		border:1px solid #333;
	}
	#contactform label, #contactform span.sm{
		float: left;
		width: 120px;
		margin: 0px;
		clear: left;
	}
	#contactform br{
		clear: left;
	}
		#contactform input, textarea{
			margin: 0px 0px 5px 0px;
		}
		#contactform textarea{
			width: 250px;
			height: 78px;
		}
	.formbutton {
		cursor: pointer;
		color:#fff;
		font-weight:bold;
		text-align:center;
		background: url(../images/button_tile.gif) repeat-x left bottom;
		border:1px solid #232323;
		padding:3px 12px;
	}
		.formbutton:hover {
			background: url(../images/button_tile_on.gif) repeat-x left top;
			border: 1px solid #333333;
			color:#fff;
		}
	a.formbutton {
		padding:6px 12px;
		text-decoration:none;
		float:left;
		margin:0 20px 0 0;
	}
	a.formbuttonmap {
		margin:0 0 0 150px;
	}
	.formbuttonhome {
		margin:10px 0 10px 110px;
	}
	.backbutton {
		position:absolute;
		bottom:10px;
		margin:10px 0 0 0;
	}
	
	#contactform span {
		padding: 1px 0px 5px 0px;
		float: left;
	}

#map_sm {
	width:415px;
	height:240px;
	margin:0 0 5px 0;
}
#map {
	width:900px;
	height:400px;
}		
		
/* ----------- SIFR ----------- */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size:182%;
	padding:0 0 5px 0;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 167%;
}
.sIFR-hasFlash h3 {
	visibility: hidden;
	font-size:153.9%;
	padding:0 0 0px 0;
}