/* Set defaults */
body			{ margin: 0; padding: 0; font-size: 76%; }
input,
select,
textarea		{ font-size: 1em; }
th,
td				{ vertical-align: top; font-size: 1em; }
img				{ border: 0; }
a				{ text-decoration: none; }
a:hover			{ text-decoration: underline; }

/* Generic classes */
.clear:after	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear			{ display: inline-block; }
/* \*/
.clear			{ display: block; }
/* */

.align-left		{ text-align: left !important; }
.align-right	{ text-align: right !important; }
.align-centre	{ text-align: center !important; }
.align-top		{ vertical-align: top !important; }
.align-bottom	{ vertical-align: bottom !important; }
.align-middle	{ vertical-align: middle !important; }

.bold			{ font-weight: bold !important; }
.italic			{ font-style: italic !important; }
.underline		{ text-decoration: underline !important; }


/* Site specific */
body { background: transparent url(../graphics/2/body.gif) repeat-x; }
body,
input,
select,
textarea { font-family: Arial, Helvetica, sans-serif; }

h1 { font-size: 2em; font-weight: normal; }
h2 { font-size: 1.2em; font-weight: normal; }
h3 { font-size: 1em; }

a { color: #a98653; }

hr { color: transparent; background: transparent; border-width: 1px 0 0; border-style: dashed; border-color: #444; }

#wrapper { width: 990px; margin: 0 auto; background: #fdd07e url(../graphics/2/wrapper.gif) repeat-x; }

#header { position: relative; height: 200px; margin: 0 0 -1px; background: url(../graphics/2/header.gif) no-repeat 210px 0; }

#logo { position: absolute; left: 0; top: 0; }

#banner { position: absolute; left: 210px; top: 0; width: 750px; height: 130px; font-size: 2em; }

#navigation { position: absolute; left: 0; bottom: 0; width: 750px; height: 70px; padding: 0 0 0 210px; background: url(../graphics/2/byline.gif) no-repeat; }
#navigation ul { margin: 0; padding: 0; list-style-type: none; }
#navigation li { float: left; }
#navigation li a { float: left; width: 150px; height: 70px; background-repeat: no-repeat; }
#navigation li a:hover { text-decoration: none; }
#navigation li a span { visibility: hidden; }

/* General top navigation */
body.home #navigation li.nav_1,
body.general #navigation li.nav_1 { background: url(../graphics/2/nav/nav_1_active_hover.gif) no-repeat; }
body.home #navigation li.nav_1 a,
body.general #navigation li.nav_1 a { background-image: url(../graphics/2/nav/nav_1_active.gif); }
body.home #navigation li.nav_2,
body.general #navigation li.nav_2 { background: url(../graphics/2/nav/nav_2_active_hover.gif) no-repeat; }
body.home #navigation li.nav_2 a,
body.general #navigation li.nav_2 a { background-image: url(../graphics/2/nav/nav_2_active.gif); }
body.home #navigation li.nav_3,
body.general #navigation li.nav_3 { background: url(../graphics/2/nav/nav_3_active_hover.gif) no-repeat; }
body.home #navigation li.nav_3 a,
body.general #navigation li.nav_3 a { background-image: url(../graphics/2/nav/nav_3_active.gif); }
body.home #navigation li.nav_4,
body.general #navigation li.nav_4 { background: url(../graphics/2/nav/nav_4_active_hover.gif) no-repeat; }
body.home #navigation li.nav_4 a,
body.general #navigation li.nav_4 a { background-image: url(../graphics/2/nav/nav_4_active.gif); }
body.home #navigation li.nav_5,
body.general #navigation li.nav_5 { background: url(../graphics/2/nav/nav_5_active_hover.gif) no-repeat; }
body.home #navigation li.nav_5 a,
body.general #navigation li.nav_5 a { background-image: url(../graphics/2/nav/nav_5_active.gif); }
body.home #navigation li a:hover,
body.general #navigation li a:hover { background-image: none !important; }

/* Areas top navigation */
body.area #navigation li.nav_1 { background: url(../graphics/2/nav/nav_1_hover.gif) no-repeat; }
body.area #navigation li.nav_1 a { background-image: url(../graphics/2/nav/nav_1_link.gif); }
body.area #navigation li.nav_1 a:hover { background-image: none; }
body.area #navigation li.nav_1_active a,
body.area #navigation li.nav_1_active a:hover { background-image: url(../graphics/2/nav/nav_1_active.gif); }
body.area #navigation li.nav_2 { background: url(../graphics/2/nav/nav_2_hover.gif) no-repeat; }
body.area #navigation li.nav_2 a { background-image: url(../graphics/2/nav/nav_2_link.gif); }
body.area #navigation li.nav_2 a:hover { background-image: none; }
body.area #navigation li.nav_2_active a,
body.area #navigation li.nav_2_active a:hover { background-image: url(../graphics/2/nav/nav_2_active.gif); }
body.area #navigation li.nav_3 { background: url(../graphics/2/nav/nav_3_hover.gif) no-repeat; }
body.area #navigation li.nav_3 a { background-image: url(../graphics/2/nav/nav_3_link.gif); }
body.area #navigation li.nav_3 a:hover { background-image: none; }
body.area #navigation li.nav_3_active a,
body.area #navigation li.nav_3_active a:hover { background-image: url(../graphics/2/nav/nav_3_active.gif); }
body.area #navigation li.nav_4 { background: url(../graphics/2/nav/nav_4_hover.gif) no-repeat; }
body.area #navigation li.nav_4 a { background-image: url(../graphics/2/nav/nav_4_link.gif); }
body.area #navigation li.nav_4 a:hover { background-image: none; }
body.area #navigation li.nav_4_active a,
body.area #navigation li.nav_4_active a:hover { background-image: url(../graphics/2/nav/nav_4_active.gif); }
body.area #navigation li.nav_5 { background: url(../graphics/2/nav/nav_5_hover.gif) no-repeat; }
body.area #navigation li.nav_5 a { background-image: url(../graphics/2/nav/nav_5_link.gif); }
body.area #navigation li.nav_5 a:hover { background-image: none; }
body.area #navigation li.nav_5_active a,
body.area #navigation li.nav_5_active a:hover { background-image: url(../graphics/2/nav/nav_5_active.gif); }

#main { position: relative; width: 960px; margin: 0 0 30px; background: white url(../graphics/2/home/main.png) repeat-y; }
body.area #main { background: white url(../graphics/2/area/main.png) repeat-y; }
body.area #main div.inner { background: url(../graphics/2/area/sidebar.gif) no-repeat left bottom; }

#sidebar { float: left; width: 210px; min-height: 384px; }
* html #sidebar { height: 384px; }
body.area #sidebar,
body.general #sidebar { padding: 0 0 108px; }
body.home #sidebar,
body.general #sidebar { background: url(../graphics/2/home/sidebar.png) no-repeat 0 1px; }
#sidebar ul { margin: 0; padding: 0; list-style-type: none; font-size: 0.8em; }
#sidebar li {  }
#sidebar li a { display: block; height: 40px; line-height: 40px; padding: 0 20px; color: black; font-size: 1.7em; }
#sidebar li a:hover { text-decoration: none; }
#sidebar li a span span { text-transform: uppercase; font-size: 0.6em; }
body.home #sidebar li a:hover,
body.home #sidebar li.nav_active a,
body.general #sidebar li a:hover,
body.general #sidebar li.nav_active a { background: url(../graphics/2/home/nav_hover.gif) repeat-y; }
body.area #sidebar li a:hover,
body.area #sidebar li.nav_active { background: #ddd; }
body.home #sidebar li a strong,
body.general #sidebar li a strong { font-weight: normal; font-size: 1.7em; text-transform: none; }
body.area #sidebar li a strong { font-weight: normal; font-size: 1.7em; text-transform: none; }
#sidebar ul ul { padding: 0 0 1em; font-size: 0.6em; text-transform: uppercase; }
#sidebar ul ul li { margin: 0 0 0.5em; }
#sidebar ul ul li a { height: auto; line-height: 1.3em; padding: 0 20px 0 45px; color: #8b8b8b; }
#sidebar ul ul li.nav_active a,
#sidebar ul ul li a:hover { color: black; }
#sidebar a.gfar { position: absolute; z-index: 50; bottom: 70px; left: 0px; display: block; zoom: 1; height: 35px; width: 210px; }
#sidebar a.gfar:hover { text-decoration: none; }

#content { position: relative; float: left; width: 750px; overflow: hidden; }
#content h2 { margin: 0 0 0.5em; }
#content h3	{ margin: 0 0 0.6em; }
#content h4,
#content p { margin: 0 0 0.9em; }
#content label { float: left; width: 150px; }
#content input.text { width: 300px; }
#content input.submit { margin: 0 0 0 150px; }

#content div.images { float: left; width: 750px; height: 70px; }
* html #content div.images { margin: 0 0 -3px; }
#content div.images ul { margin: 0; padding: 0; list-style-type: none; height: 70px; }
#content div.images li { float: left; width: 150px; height: 70px; }
#content div.images li a { display: block; height: 70px; zoom: 1; }

body.construction #content div.images li.ecobuild { background: url(../../file/content_images/construction/ecobuild.jpg) no-repeat; }
body.construction #content div.images li.modular { background: url(../../file/content_images/construction/modular.jpg) no-repeat; }
body.construction #content div.images li.interiors { background: url(../../file/content_images/construction/interiors.jpg) no-repeat; }
body.construction #content div.images li.joinery { background: url(../../file/content_images/construction/joinery.jpg) no-repeat; }

body.ecobuild #content div.images li.construction { background: url(../../file/content_images/ecobuild/construction.jpg) no-repeat; }
body.ecobuild #content div.images li.modular { background: url(../../file/content_images/ecobuild/modular.jpg) no-repeat; }
body.ecobuild #content div.images li.interiors { background: url(../../file/content_images/ecobuild/interiors.jpg) no-repeat; }
body.ecobuild #content div.images li.joinery { background: url(../../file/content_images/ecobuild/joinery.jpg) no-repeat; }

body.modular #content div.images li.construction { background: url(../../file/content_images/modular/construction.jpg) no-repeat; }
body.modular #content div.images li.ecobuild { background: url(../../file/content_images/modular/ecobuild.jpg) no-repeat; }
body.modular #content div.images li.interiors { background: url(../../file/content_images/modular/interiors.jpg) no-repeat; }
body.modular #content div.images li.joinery { background: url(../../file/content_images/modular/joinery.jpg) no-repeat; }

body.interiors #content div.images li.construction { background: url(../../file/content_images/interiors/construction.jpg) no-repeat; }
body.interiors #content div.images li.ecobuild { background: url(../../file/content_images/interiors/ecobuild.jpg) no-repeat; }
body.interiors #content div.images li.modular { background: url(../../file/content_images/interiors/modular.jpg) no-repeat; }
body.interiors #content div.images li.joinery { background: url(../../file/content_images/interiors/joinery.jpg) no-repeat; }

body.joinery #content div.images li.construction { background: url(../../file/content_images/joinery/construction.jpg) no-repeat; }
body.joinery #content div.images li.ecobuild { background: url(../../file/content_images/joinery/ecobuild.jpg) no-repeat; }
body.joinery #content div.images li.modular { background: url(../../file/content_images/joinery/modular.jpg) no-repeat; }
body.joinery #content div.images li.interiors { background: url(../../file/content_images/joinery/interiors.jpg) no-repeat; }

body.construction div.images li.ecobuild img,
body.construction div.images li.modular img,
body.construction div.images li.interiors img,
body.construction div.images li.joinery img,
body.ecobuild div.images li.construction img,
body.ecobuild div.images li.modular img,
body.ecobuild div.images li.interiors img,
body.ecobuild div.images li.joinery img,
body.modular div.images li.construction img,
body.modular div.images li.ecobuild img,
body.modular div.images li.interiors img,
body.modular div.images li.joinery img,
body.interiors div.images li.construction img,
body.interiors div.images li.ecobuild img,
body.interiors div.images li.modular img,
body.interiors div.images li.joinery img,
body.joinery div.images li.construction img,
body.joinery div.images li.ecobuild img,
body.joinery div.images li.modular img,
body.joinery div.images li.interiors img { visibility: hidden; }

#content div.quote { float: right; font-style: italic; width: 130px; padding: 7em 10px 0; text-align: right; background: url(../graphics/2/content.png) no-repeat right top; }
#content div.quote span { display: block; font-size: 1.4em; line-height: 1.4em; padding: 0 0 0.5em; color: #ab8963; }

#content div.content-quote,
#content div.content { float: left; width: 710px; background: url(../graphics/2/content.png) no-repeat; font-size: 1.2em; min-height: 383px; }
* html #content div.content-quote,
* html #content div.content { height: 383px; }
#content div.content-quote { float: left; width: 560px; }
body.home #content div.content { font-size: 1.1em; }
body.home #content div.content td { width: 130px; padding: 1em 10px 0; text-align: center; }
body.home #content div.content td p { line-height: 1.5em; font-size: 0.9em; }
body.general #content div.content-quote,
body.general #content div.content,
body.area #content div.content-quote,
body.area #content div.content { padding: 1em 20px 1px; }

#content table.custom-table { margin: 0 0 1em -20px; border-top: 1px dashed #444; }
#content table.custom-table td { padding: 5px 0 0; border-bottom: 1px dashed #444; }
#content table.custom-table td.image { padding: 0 10px 0 0; }
#content table.custom-table td p { margin: 0; }

body.home #content table { margin: 0 -20px; }

#content_base { position: absolute; right: 0; bottom: 0; padding: 10px 0; width: 750px; }
#content_base h2 { margin: 0; display: inline; font-size: 1.9em; padding: 0 0.5em 0 0; }
#content_base h2 a { padding: 0 0 0 70px; background: url(../graphics/2/content_base.gif) no-repeat left center; }
#content_base p { margin: 0; display: inline; }

#main ul.links { position: absolute; bottom: 0; left: 0; width: 210px; height: 70px; margin: 0; padding: 0; list-style-type: none; font-size: 0.5em; }
body.home #main ul.links { bottom: -70px; }
body.area #main ul.links { padding: 28px 0 0; background: url(../graphics/2/area/sidebar.gif) no-repeat left top; }
#main ul.links li {  }
#main ul.links li a { position: relative; display: block; padding: 0 20px; height: 35px; line-height: 35px; color: black; text-transform: uppercase; background: url(../graphics/2/footer-link.gif) no-repeat; }
#main ul.links li a:hover { text-decoration: none; }
#main ul.links li a strong { font-weight: normal; font-size: 1.7em; text-transform: none; }
#main ul.links li a span { position: absolute; right: 20px; top: 1px; }

#footer {  }
#footer #latest_news_snippet { padding: 10px 0 0 370px; margin: -30px 30px 30px 0; height: 60px; background: #e2e3e4 url(../graphics/2/gold-logo.png) no-repeat 210px 0; }
#footer #latest_news_snippet h2 { margin: 0; }
#footer #latest_news_snippet p { position: relative; overflow: hidden; margin: 0; font-size: 0.9em; line-height: 1.5em; white-space: nowrap; }
#footer #latest_news_snippet img { float: left; margin: -10px 10px -10px -10px; }
#footer #latest_news_snippet strong { font-size: 1.4em; font-weight: normal; }
#footer #latest_news_snippet span { color: #a98653; }
#footer div.base { padding: 1px 0; background: white; font-weight: bold; font-size: 0.85em; }

/* Case study table */
#case-study { padding: 0; margin: 0 0 15px; }
#case-study tr.images td { padding: 0 24px 0 0; }
#case-study tr.images td.final { padding: 0; }
#case-study td.content { padding: 0 24px 0 0; }
#case-study td.project-details { width: 195px; padding: 0 12px 35px; background: #fdd07e url(../graphics/2/casestudy-details.png) repeat-y; }
#case-study td.content h1,
#case-study td.project-details h2 { padding: 0.5em 0 0; font-size: 1.4em; font-weight: bold; }
#case-study td.content h1 { margin: 0 0 0.5em; }
#case-study td.project-details h2 { margin: 0 0 0.5em; }
#case-study td.project-details p { font-size: 0.9em; }
#case-study td.project-details img.cover { position: absolute; right: 19px; bottom: 16px; }

#gallery { margin: 0; padding: 0; list-style-type: none; width: 732px; }
#gallery li { float: left; width: 161px; height: 161px; padding: 0 22px 22px 0; }
#gallery li a { #float: left; display: table-cell; width: 161px; height: 161px; text-align: center; vertical-align: middle; }
#gallery li a * { vertical-align: middle; }
#gallery li a span { #display: inline-block; #height: 100%; }