/* Finesse Flooring */

* {
	margin: 0;
	padding: 0;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

body {
	font-size: 62.5%;
	font-family: Verdana;
	background: #232D33;
	padding: 58px 0;
}

strong { color: #22d8e8; font-weight: bold; }
.hilight { font-weight: bold; font-size: 1.1em; }
.fix-pos { position: relative; top: 70px; }

/* Container */

div#container {
	width: 988px;
	height: auto;
	margin: 0 auto;
}	

/* Header */

div.header {
	width: 989px;
	height: auto;
}

div.header:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html div.header {height: 1%;}
/* End hide from IE-mac */

/* Navigation */

div.navigation {
	float: right;
	position: relative;
	right: 1px;
	z-index: 100;
}	

div.navigation ul {
	list-style-type: none;
	margin-right: 1px;
}

div.navigation ul li {
	float: left;
}

div.navigation ul li a {
	float: left;
	display: block;
	height: 35px;
	overflow: hidden;
	text-indent: -9999px;
}

div.navigation ul li a.home {
	width: 76px;
	background: url('../images/core/nav/home.jpg') 0 0 no-repeat;
}

div.navigation ul li a.supply {
	width: 81px;
	background: url('../images/core/nav/supply.jpg') 0 0 no-repeat;
}

div.navigation ul li a.removal {
	width: 87px;
	background: url('../images/core/nav/removal.jpg') 0 0 no-repeat;
}

div.navigation ul li a.preparation {
	width: 115px;
	background: url('../images/core/nav/preparation.jpg') 0 0 no-repeat;
}

div.navigation ul li a.installation {
	width: 110px;
	background: url('../images/core/nav/installation.jpg') 0 0 no-repeat;
}

div.navigation ul li a.contact {
	width: 87px;
	background: url('../images/core/nav/contact.jpg') 0 0 no-repeat;
}

div.navigation ul li a:hover {
	background-position: 0 -35px;
}

/* Content */

div.content {
	width: 988px;
	height: auto;
	background: url('../images/core/tile-content.jpg') 0 0 repeat-y;
}

div.content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html div.content {height: 1%;}
/* End hide from IE-mac */

/* Content Left */

div.content-left {
	width: 676px;
	height: auto;
	float: left;
	position: relative;
}

/* Logo */

#logo {
	width: 676px;
	height: 153px;
	position: absolute;
	top: -45px;
	left: auto;
	margin-left: 0px;
	z-index: 0;
}

div#logo img {
	border: 0;
}

/*#p-index div.logo {
  background: url('../images/core/logo-heads.jpg') no-repeat 0 0;
  height: 20px;
  left: 0;
  position: absolute;
  top: -20px;
  width: 136px;
}*/

/* Banner */

div.banner {
	width: 676px;
	height: auto;
}

div.banner#flash {
	height: 419px;
	background: url('../images/core/placeholder-flash.jpg') 0 0 no-repeat;
}

div.banner#supply {
	height: 169px;
	background: url('../images/core/banner-supply.jpg') 0 0 no-repeat;
}

div.banner#removal {
	height: 169px;
	background: url('../images/core/banner-removal.jpg') 0 0 no-repeat;
}

div.banner#preparation {
	height: 169px;
	background: url('../images/core/banner-preparation.jpg') 0 0 no-repeat;
}

div.banner#installation {
	height: 169px;
	background: url('../images/core/banner-installation.jpg') 0 0 no-repeat;
}

div.banner#contact {
	height: 169px;
	background: url('../images/core/banner-contact.jpg') 0 0 no-repeat;
}

/* Text */

div.text {
	padding: 20px 30px;
}

/* Standard */

div.standard {
	font-size: 1.1em;
	color: #899ea8;
}

div.standard p {
	margin: 10px 0;
	line-height: 1.8em;
}

div.standard a {
	color: #398DB7;
	text-decoration: underline;
}

div.standard a:hover {
	color: #FFF;
}

div.standard h1 {
	font-size: 1.5em;
	color: #FFF;
}

div.standard h2 {
	font-size: 1.4em;
	color: #FFF;
}

div.standard h3 {
	font-size: 1.3em;
	color: #FFF;
}

div.standard h4 {
	font-size: 1.2em;
	color: #FFF;
}

div.standard h5 {
	font-size: 1.1em;
	color: #FFF;
}

div.standard strong {
  color: #398DB7;
  font-weight: bold;
  font-size: 1.6em;
}

div.standard ul {
	list-style-type: none;
	margin: 10px 20px;
	height: auto;
}

div.standard ul.left-list {
	float: left;
	list-style-type: none;
	margin: 10px 20px;
	width: 190px;
}

div.standard ul.right-list {
	display: block;
	float: right;
	list-style-type: none;
	margin: 10px 20px;
}

div.standard ul li {
	line-height: 1.8em;
	padding-left: 20px;
	background: url('../images/core/icon-arrow.gif') 0px 7px no-repeat;
	height: 20px;
}

div.standard img.left {
	float: left;
	margin: 10px 20px 10px 0;
}

div.standard img.right {
	float: right;
	margin: 10px 0 10px 20px;
}

/* Cta */

div.cta {
	font-size: 1.1em;
	color: #7F8084;
}

div.cta:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html div.cta {height: 1%;}
/* End hide from IE-mac */

div.cta div {
	width: 140px;
	height: auto;
	float: left;
	padding: 20px 14px;
}

div.content-right div.cta div {
	padding: 20px 8px;
}

div.cta div img {
	float: left;
	border: 0;
	margin-right: 5px;
}

div.cta div span a {
	color: #398DB7;
	padding-right: 10px;
	text-decoration: underline;
	background: url('../images/core/icon-arrow.gif') right 5px no-repeat;
}

div.cta div a:hover {
	color: #FFF;
}

div.cta div.supply {
	background: #0A0D0F;
}

div.cta div.removal {
	background: #111619;
}

div.cta div.preparation {
	background: #181F24;
}

div.cta div.installation {
	background: #1C2429;
}

/* Content Right */

div.content-right {
	width: 312px;
	height: auto;
	float: right;
}

div.homepage { width: 300px; height: auto; }

#lyr1 h1 {	color: #fff;
	font-size: 12px;
	font-weight: normal;
}

#lyr1 ul {margin-left: 2em; list-style: none;}
#lyr1 ul li {
  line-height: 20px;
	padding-left: 20px;
	background: url('../images/core/icon-arrow.gif') 0px 7px no-repeat;
	height: 20px;
}

/* Gallery */

ul.gallery {
    list-style:none;
    padding:0;
    margin:0;
    float:right;
    width:150px;}
    
ul.gallery li {
  padding:0!important;
  background:none!important;}
  
ul.gallery li a img {
  border:none;}
  
ul.gallery2 { list-style: none; margin: 0; display: inline; padding: 0 20px; clear: both; float: left; }
ul.gallery2 li { list-style: none; margin: 0; float: left; width: 200px; height: 210px; display: block; padding-right: 10px; font-size: 1.1em; text-align: center; line-height: 17px; }
ul.gallery2 li img { border: 0; }
ul.gallery2 li a { text-decoration: none; text-align: center; color: #2e86d2; }
ul.gallery2 li a:hover { text-decoration: underline; color: #fff; }
    
/* Contact Details */

div.contact-details {
	font-size: 1.1em;
	color: #879ca6;
	padding: 5px 30px 14px;
}

div.contact-details h3 {
	font-size: 1.3em;
	color: #FFF;
}

div.contact-details p {
	margin: 10px 0;
	line-height: 1.8em;
}

div.contact-details a {
	color: #398DB7;
	text-decoration: underline;
}

div.contact-details a:hover {
	color: #FFF;
}

div.contact-details h3 {
	font-size: 1em;
}

div.contact-details strong {
	color: #FFF;
}

/* Welcome */

div.welcome {
	font-size: 1.1em;
	color: #9BACB5;
	padding: 10px 15px 10px 10px;
}

div.welcome p {
	margin: 10px 0;
	line-height: 1.5em;
}

div.welcome a {
	color: #398DB7;
	text-decoration: underline;
}

div.welcome a:hover {
	color: #FFF;
}

div.welcome h2 {
	font-size: 1.1em;
	color: #FFF;
}

div.welcome ul {
	list-style-type: none;
	margin: 10px 20px;
	height: auto;
}

div.welcome ul li {
	line-height: 1.8em;
	padding-left: 20px;
	background: url('../images/core/icon-arrow.gif') 0px 7px no-repeat;
	height: 20px;
}


/* Slogan */

div.slogan {
	padding: 20px 10px 10px 10px;
	font-size: 1.2em;
	text-align: center;
}

div.slogan h2 {
	color: #435158;
	font-size: 1.8em;
	font-weight: normal;
}

/* Enquiry Form */

div.enquiry-form table {
	margin: 10px 0;
}

div.enquiry-form table td {
	padding: 5px 20px 5px 0;
}

div.enquiry-form table td input,
div.enquiry-form table td textarea {
	width: 300px;
	padding: 5px;
	font-size: 1em;
	color: #1E262B;
	font-family: Verdana;
	border: none;
}

div.enquiry-form table td input.button {
	border: 0;
	width: 60px;
	padding: 3px;
	color: #FFF;
	background: #398DB7;
}	

/* Footer */

div.footer {
	width: 948px;
	height: auto;
	text-align: center;
	font-size: 1.1em;
	color: #5B6B73;
	padding: 20px;
}

#page-home div.footer {
	text-align: left;
}

div.footer img {
	border: 0;
}

#page-home div.footer img {
	float: right;
	position: relative;
	left: 23px;
	top: -27px;
}

div.footer p {
	line-height: 2em;
}

#page-home div.footer p.footer-details { width: auto; position: relative; color: #44525a; }
#page-home div.footer p.footer-details a { color: #516069; }

div.footer a {
	color: #5B6B73;
	text-decoration: underline;
}

div.footer a:hover {
	color: #5B6B73;
	text-decoration: underline;
}

.indented p { padding-left: 2em; text-indent: -2em; }
.indented p.indent-correctly { padding-left: 2em; text-indent: 0; }
