/* begin gallery styling */
#jgal { list-style: none; width: 360px; position: relative; padding-left: 10px;}
#jgal li { float: left; display: block; width: 100px; height: 100px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; }
#jgal li img { top: 0px; left: 370px; position: absolute; display: none; width: 360px; height: auto;}
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; /* safari bug */ }
 
/* styling without javascript */sh
#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 10px 10px 0; }
#gallery img { height: 60px; width 60px; }

/* ----------- Clear Floated Elements ----------- */
html body .util-clearb {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	position: static;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* ----------- Fix to Clear Floated Elements ----------- */
.util-clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}
.util-clearfix {
	display: inline-block;
}
* html .util-clearfix {
	height: 1%;
}
.util-clearfix {
	display: block;
}

body {
	margin-top: 0px;
	background: url(http://cdn.filecity.co.uk/hwf/images/wooden-plank-flooring.jpg) #371C00;
}

.project {
	padding: 15px;
	width: 670px;
	margin-left: 20px;
	margin-right: 20px;
	min-height: 120px;
	height: auto;
	margin-bottom: 20px;
	text-align: center;
}

.project img {
	padding-right: 10px;
	padding-bottom: 20px;
}

.projectTitle {
	float: left;
	width: 420px;
	font-size: 20px;
	padding-bottom: 5px;
}

.projectServices {
	float: left;
	width: 420px;
	font-size: 14px;
}

.projectImage {
	margin-top: -15px;
	float: right;
	width: 250px;
	text-align: center;
}

.style1 {
	color: #808080;
	font-size: medium;
}
.style2 {
	font-size: x-large;
	font-family: "Times New Roman", Times, serif;
	color: #663300;
}
.style3 {
	color: #FFFFFF;
}
.style6 {
	font-weight: bold;
	font-size: xx-small;
}
.style7 {
	font-size: xx-small;
}
.style8 {
	text-align: center;
}
.style9 {
	font-size: large;
}

.menu {
	width: 179px;
	height: 229px;
	background: url(http://cdn.filecity.co.uk/hwf/images/wood-timber-menu.gif);
	vertical-align: top;
	text-align: center;
	overflow: hidden;
}

.menu ul {
	margin-top: -11px;
	padding-top: 12px;
}

.menu li {
	list-style-type: none;
	text-align: left;
	width: 120px;
	height: 19px;
	float: left;
	margin-left: -11px;
}

.menu a {
	text-decoration: none;
	color: #FFFFFF;
	height: 19px;
	width: 120px;
	display: block;
	padding-left: 3px;
	padding-top: 3px;
}

.menu a:hover {
	text-decoration: none;
	color: #FFFF00;
	background: #006699;
}

.gallery {
	height: 550px;
	overflow: hidden;	
}

.wood-floor {
	background: url(http://cdn.filecity.co.uk/hwf/images/wood-floor-background.gif);
}

.wood-timber {
	background: url(http://cdn.filecity.co.uk/hwf/images/wood-timber-background.gif);
}

.wood-plank {
	background: url(http://cdn.filecity.co.uk/hwf/images/wooden-plank-flooring.jpg);
}

.timber-flooring {
	background: url(http://cdn.filecity.co.uk/hwf/images/timber-flooring.jpg);
}

.wood-flooring {
	background: url(http://cdn.filecity.co.uk/hwf/images/wood-flooring.jpg);
}

.bottom_nav {
	height: 25px;
	color: #FFFFFF;
	font-size: x-small;
}

.bottom_nav a {
	color: #FFFFFF;
	text-decoration: none;
}

.bottom_nav a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#nav {
	padding-left: 10px;
	width: 345px;
}

.left {
	float: left;
}

.right {
	float: right;
}

td { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 11px; 
color : #000033; 
} 
hr { 
color : #000080; 
font-size : 10px; 
} 
h1 { 
font-size : 12px; 
font-weight : bold; 
color : #000033; 
} 
h2 { 
font-size : 11px; 
font-weight : bold; 
} 
.botbar { 
font-size : 10px; 
color : #ffffff;
text-align: center;
} 
a.woodlink { 
font-weight : bold; 
color : #ff6600; 
text-decoration : none; 
} 
input { 
font-size : 11px; 
color : #000033; 
} 
p { 
font-size : 10px; 
color : #663300; 
} 
body { 
color : #663300; 
font-size : 10px; 
} 
.style1 { 
font-size : large; 
color : #000033; 
} 
.style2 { 
font-size : medium; 
color : #808080; 
} 
.style4 { 
color : #ffffff; 
} 
.style6 { 
font-weight : bold; 
font-size : xx-small; 
} 
.style7 { 
font-size : xx-small; 
}