/*
	CLAY & GLAZE STYLE SHEET

	dd-mm-yyyy	v1	First version.
*/

/*
	NOTE THE FOLLOWING CSS IS USED TO CATER FOR THE BOX PROBLEM IN IE5 AND IE5.5,
	width: 320px;  = width according to IE
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 300px;  = width according to everyone else
*/

/* HTML TAG DEFAULTS */
body {
	background-color: #fff;
	font-size: 100%;
	color: #fff;
	font-family: Arial, sans-serif;
    text-align: center;
}
img {
	border: 0;
	}
table {
    color: #003366; 
	padding: 0;
	font-size: 90%;
	font-weight: normal;
	font-family: Arial, sans-serif;
	}
td {
	font-family: Arial, sans-serif;
	}
#text-cell {
    padding-top: 30px;
    vertical-align: top;
    text-align: center;
	}
	
/* WEB-PAGE HOLDER */
#outer-page {
    background-color: #003366;
	width: 930px;
	margin: 0 auto;
    min-height: 100%;
    text-align: left;
	}
#inner-page, #floors-page-2 {
	background-color: #003366;
    margin: 0 15px 0 15px;
    width: 900px;
    min-height: 90%;
    text-align: left;
	}
#floors-page-2 #gallery-row-1 {
    margin-left: 75px;
}
#floors-page-2 #gallery-row-2 {
    margin-left: 75px;
}
/* PAGE HEADER AND FOOTER */
#masthead {
	margin: 0;
	padding: 10px 0 10px 0;
	}
#footer {
    clear: both;
	width: 930px;    
	background-color: #003366;
	}
#footer-margin {
    clear: both;
    height: 40px;
    }
#address {
	clear: left;
    font-size: 75%;
	font-weight: normal;
	text-align: center;
    width: 930px;
    }
#footer-box {
	background-color: #95B5C1;
	}
#copyright {
	font-size: 75%;
	float: left;
    margin-left: 15px
	}
#designed-by {
	font-size: 75%;
	text-align: right;
    margin-right: 15px;
	}

/* NAVIGATION STYLES */
#nav-top-box {
	height: 40px;
	margin: 0;
	padding: 0;
	background-image: url(images/nav-top-bg.jpg);
	background-repeat: repeat-x;
	width: 930px;
	}
.nav-top-item, .nav-top-item-pg {
	width: 130px;
	height: 30px;
	margin-left: 15px;
	padding: 0;
	float: left;
	display: inline;
	}
.nav-top-item-pg {
	width: 180px;
	margin-left: 0px;
	}
.nav-top-link {
	height: 20px;
	margin: 0;
	padding: 0;
	font-family: Gill Sans MT, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: black;
	text-decoration: none;
	}
.nav-top-link:hover {
	font-weight: bold;
	text-decoration: none;
	}

/* PAGE SPECIFIC CSS */

/* HOME PAGE */

#home-col-1 {
	float: left;
	display: inline;
	margin: 20px 0 0 0px;
	padding: 0;
	width: 300px;
	}
h1.home-welcome {
	font-size: 100%;
	margin: 0;
	padding: 0;
	float: left;
    display: inline;
	}
p.home-welcome {
	font-size: 80%;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
	display: inline;
	width: 300px;
	}
#home-image-1 {
	float: left;
	display: inline;
	margin: 22px 0 0 0;
	padding: 0;
    width: 300px;
	}
#home-col-2 {
	float: left;
	display: inline;
	margin: 0 0 0 15px;
	padding: 0;
    width: 370px;
	}
#home-image-2 {
	float: left;
	display: inline;
	margin: 30px 0 0 0px;
	padding: 0;
	}
#home-col-3 {
	float: left;
	display: inline;
    margin-left: 15px;
    padding: 0;
	width: 200px;
	}
#home-new-lines {
	font-size: 80%;
    margin: 30px 0 0 0;
	padding: 10px;
	border: 1px solid white;
    font-weight: normal;
	}
#home-underfloor {
	font-size: 80%;
	margin: 40px 0 0 0;
	border: 1px solid white;
	padding: 10px;
	}
#home-new-lines a, #home-underfloor a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
	}
#home-new-lines a:visited, #home-underfloor a:visited {
    color: #fff;
    text-decoration: none;
	}
#home-new-lines a:hover, #home-underfloor a:hover {
    color: #fff;
    text-decoration: underline;
	}
#home-summary {
	font-size: 80%;
	font-weight: normal;
	clear: both;
	float: left;
	display: inline;
    margin: 20px 0 0 0;
	width: 900px;
	}
#home-summary a {
	color: #fff;
    font-size: 120%;
	font-weight: bold;
    text-decoration: none;
	}

/* PRODUCT GALLERY MAIN PAGE */

#prodgal-heading {
	font-size: 90%;
    font-weight: bold;
	}
#prodgal-help {
	font-size: 80%;
    text-align: center;
    margin: 30px 0 0 0px;
	}
#prodgal-row {
    height: 360px;
	}
#prodgals-1, #prodgals-2, #prodgals-3 {
	float: left;
	display: inline;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	margin-top: 10px;
    margin-bottom: 40px;
    margin-left: 100px;
	text-align: center;
	}
#prodgals-1 {
    margin-left: 170px;
    }
#prodgals-1:hover, #prodgals-2:hover, #prodgals-3:hover  {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	}

/* INDIVIDUAL GALLERY PAGES */

#gallery-heading {
	font-size: 90%;
    font-weight: bold;
	}
#gallery-row-1 {
    float: left;
    margin-top: 15px;
	width: 900px;
    height: 175px;
    }
#gallery-row-2 {
    float: left;
	width: 900px;
    margin-top: 30px;
    margin-bottom: 40px;
    height: 175px;
    }
#gallery-help {
	float: left;
    font-size: 80%;
    margin: 30px 0 0 0;
	}
.gallery-tn {
    float: left;
    display: inline;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
    margin: 5px 10px 0 0;
    padding: 0;
    text-align: center;
    }
.gallery-tn-right {
    margin: 5px 0 0 0;
    }
.gallery-tn-text {
    margin-top: 0px;
    font-size: 80%;
    }
.gallery-tn:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	}
#gallery-page-index {
    float: right;
    display: inline;
    margin: 30px 0 0 0;
	font-weight: normal;
    font-size: 80%;
	color: #fff;
	text-decoration: none;
	}
#gallery-page-index:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	}

/* UNDERFLOOR HEATING PAGE */

#underfloor-heading {
	margin: 0;
	padding: 0;
	font-size: 90%;
    font-weight: bold;
	line-height: 90%;
    text-align: left;
	}
#underfloor-row-1, #underfloor-row-2, #underfloor-row-3 {
    float: left;
    display: inline;
	width: 900px;
    margin-top: 30px;
	font-size: 80%;
    }
#underfloor-row-3 {
    padding-left: 190px;
    }
.underfloor-tn {
	float: left;
    display: inline;
    font-weight: normal;
    width: 200px;
	color: #fff;
	text-decoration: none;
    margin: 0 10px 0 0;
    padding: 0;
    text-align: center;
    }
.underfloor-text, #underfloor-text-prices {
	font-weight: normal;
	color: #fff;
	margin: 0 20px 0 20px;
	}
#underfloor-hr {
    float: left;
    color: white;
    background-color: white;
    height: 1px;
    margin: -4px 0 0 210px;
    width: 670px;
    }
#underfloor-page-index {
    float: right;
    display: inline;
    margin: 0 0 0 0;
	font-weight: normal;
    font-size: 80%;
	color: #fff;
	text-decoration: none;
	}
#underfloor-page-index:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	}

/* MATERIALS PAGE */

#materials-heading {
	margin: 0;
	padding: 0;
	font-size: 90%;
    font-weight: bold;
	line-height: 90%;
    text-align: left;
	}
#materials-row-1, #materials-row-2, #materials-row-3, #materials-row-4 {
    float: left;
    display: inline;
	width: 900px;
    margin-top: 30px;
	font-size: 80%;
    }
#materials-row-4 {
    padding-left: 120px;
    }
.materials-col-2 {
    float: left;
    display: inline;
    width: 120px;
    }
.materials-tn {
	float: left;
    display: inline;
    font-weight: normal;
    width: 100px;
	color: #fff;
	text-decoration: none;
    margin-left: 20px;
    padding: 0;
    }
.materials-text, #materials-text-prices {
	float: left;
    display: inline;
	font-weight: normal;
	color: #fff;
    width: 330px;
	margin: 0;
	}
#materials-text-prices {
    width: 800px;
	}
.materials-hr {
    float: left;
    color: white;
    background-color: white;
    height: 1px;
    margin: -4px 0 0 120px;
    width: 760px;
    }
#materials-page-index {
    float: right;
    display: inline;
    margin: 0 0 0 0;
	font-weight: normal;
    font-size: 80%;
	color: #fff;
	text-decoration: none;
	}
#materials-page-index:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	}

/* CONTACT PAGE */

#contact-heading {
	margin: 0;
	padding: 0;
	font-size: 90%;
    font-weight: bold;
	line-height: 90%;
    text-align: left;
	}
#contact-details {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 90%;
    text-align: left;
	}
#contact-col-1 {
    float: left;
    display: inline;
	width: 220px;
    margin: 30px 0 0 0;
	font-size: 80%;
    }
#contact-col-1-text {
    font-weight: normal;
    }
#contact-col-2 {
    float: left;
    display: inline;
	width: 300px;
    margin: 30px 0 0 20px;
	font-size: 80%;
    }
#contact-col-3 {
    float: left;
    display: inline;
	width: 200px;
    margin: 30px 0 0 20px;
	font-size: 80%;
    }
#contact-map {
    float: left;
    display: inline;
	width: 450px;
    margin-top: 30px;
	font-size: 80%;
    }
#contact-image-1 {
    margin-top: 56px;
    }
#contact-image-2 {
    margin-top: 136px;
    }

/* SUPPLIER PAGE */

#suppliers-heading {
	margin: 0;
	padding: 0;
	font-size: 90%;
    font-weight: bold;
	line-height: 90%;
    text-align: left;
	}
#suppliers-col-1 {
    float: left;
    display: inline;
	width: 630px;
    margin: 30px 20px 0 0;
	font-size: 80%;
    }
#suppliers-col-2 {
    float: left;
    display: inline;
	width: 200px;
    margin: 30px 0 0 0;
	font-size: 80%;
    }
#suppliers-box {
	margin: 20px 0 140px 0;
    }
.supplier-name {
	margin: 20px 0 0 20px;
    font-weight: bold;
	}
.supplier-text {
	margin: 10px 0 0 30px;
	}
.supplier-text a, .supplier-text a:visited {
	color: #eee;
    font-weight: bold;
    font-size: 120%;
    text-decoration: none;
	}
.supplier-text a:hover {
	color: #fff;
    text-decoration: none;
	}
#suppliers-image {
    margin-top: 0;
    }

/* SERVICES PAGE */

#services-heading {
	margin: 0;
	padding: 0;
	font-size: 90%;
    font-weight: bold;
	line-height: 90%;
    text-align: left;
	}
#services-col-1 {
    float: left;
    display: inline;
	width: 600px;
    margin: 30px 0 0 0px;
	font-size: 80%;
    }
#services-col-2 {
    float: right;
    display: inline;
	width: 250px;
    margin: 30px 0 0 50px;
	font-size: 80%;
    }
#services-col-1-text {
    font-weight: normal;
    }
#services-box {
	margin: 20px 0 140px 0;
    }
.service-type {
	margin: 20px 0 0 20px;
    font-weight: bold;
	}
.service-text-indented {
	margin: 10px 0 0 30px;
	}
.service-text-not-indented {
	margin: 10px 0 0 20px;
	}
#services-image-1 {
	margin: 10px 0 0 0;
	}
#services-image-2 {
	margin: 40px 0 0 0;
	}