/* Remove all margins, padding & remove the width from the border & outline elements */
body, img, p, h1, h2, h3, b, div {
	margin:0px;
	padding:0px;
	border-width:0px;
	outline-width:0px;
}

/* Specify the font for the website */
body {
	font-family: arial, sans-serif;
}

/* To style the linlks at the bottom to the prototype website & the w3c standards */
.prototlinks { color:#003366; text-decoration:none; }
.prototlinks:hover { color:#666; text-decoration:none; }
.emaillink { color:#666; text-decoration:none; }
.emaillink:hover { color:#003366; text-decoration:none; }
.offerlinks { color:#003366; }
.offerlinks:hover { color:#000; }


/* The main box containing the header */
.headerdiv {
	height:99px;
	width:780px;
	background-color:#fff;
	text-align:right;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:0px;
	padding:0px;
	border:0px;
	vertical-align:middle;
}

/* The class for the logo at the top of the page */
.diblogo {
	width:188px;
	height:91px;
	position:relative;
	right:156px;
	top:4px;
}

/* The class that governs the 1px line that splits up the boxes */
.spacerbox {
	width:780px;
	height:1px;
	line-height:1px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	background-image:url('images/dib-line.jpg');
}

/* The main box that contains all 3 working areas */
.maincontent {
	background-color:#fff;
	width:780px;
	height:350px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}

/* The footer area containing the links to the prototype website etc. */
.footer {
	background-color:#fff;
	width:780px;
	height:26px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}

/* The extra little bit of white on the bottom - created incase of design change */
.excess {
	background-color:#fff;
	width:780px;
	height:7px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}

/* The class covering the link to the www.prototypecreative.co.uk */
.madeby {
	text-align:right;
	float:right;
	font-size:11px;
	width:200px;
	position:relative;
	right:19px;
	top:7px;
	color:#003366;
}

/* For both links to the w3c covering XHTML & CSS */
.standards {
	text-align:left;
	font-size:11px;
	width:500px;
	position:relative;
	left:14px;
	top:7px;
	color:#003366;
}

/* The main menu container - for the menu see navstyles.css */
.menumaster {
	height:342px;
	width:127px;
	position:relative;
	left:3px;
	top:4px;
	background-color:#666666;
	background-image:url('images/menuback.jpg');
	float:left;
	z-index:1;
	border-bottom:0;
}

/* The central content area where the flash movies etc. are loaded */
.centrecontent {
	float:left;
	height:342px;
	width:308px;
	position:relative;
	top:4px;
	left:4px;
	background-color:#666666;
}

/* The box on the far right that contains the 9 squares */
.displayarea {
	float:right;
	height:342px;
	width:337px;
	position:relative;
	top:4px;
	right:3px;
	background-color:#666666;
	background-image:url('images/boxesback.jpg');
}

/* The 9 thumbnails & the associated containers */
.thumbs {
	width:97px;
	height:97px;
	border:1px solid #fff;
	position:relative;
	top:19px;
	left:16px;
}

/* The cursor is changed to a pointer on hover because the href on the <a> link was removed due
to the fact that on IE7 everytime a link was clicked a # was added to the end*/
.thumbs:hover { cursor:pointer; }

/* The image at the top of the layout with the telephone number */
.telheader {
	float:left;
	font-size:45px;
	font-weight:bold;
	color:#003366;
	position:relative;
	top:1px;
	left:50px;
}

/* To display the full box that loads on the home & tesimonials page */
.homedisplay {
	float:left;
	height:342px;
	width:645px;
	position:relative;
	top:4px;
	left:4px;
	background-color:#666666;
	background-image:url('images/boxesback.jpg');
}

/* The map on the right hand side of the contact us page */
.dibmap {
	float:left;
	position:relative;
}

/* The contact centre content area where the test is located */
.contactcentre {
	float:left;
	height:342px;
	width:308px;
	position:relative;
	top:4px;
	left:4px;
	background-color:#fff;
}

/* The home improvement partnership logo */
.hiplogo {
	position:relative;
	top:70px;
	left:16px;
	background-color:#666666;
	background-image:url('images/boxesback.jpg');
}

/* The text on the testimonials page */
.testitext {
	font-size:12px;
	line-height:13px;
	color:#fff;
}

/* The text on the testimonials page */
.testiname {
	font-size:12px;
	font-weight:bold;
	margin-top:4px;
	margin-bottom:4px;
	color:#036;
}

/* The text on the testimonials left area */
.testimonialstextleft {
	float:left;
	text-align:justify;
	height:326px;
	width:313px;
	position:relative;
	top:14px;
	left:5px;
}

/* The text on the testimonials right area */
.testimonialstextright {
	float:left;
	height:326px;
	text-align:justify;
	margin-left:7px;
	width:314px;
	position:relative;
	top:14px;
	left:4px;
}

/* The right section of the homepage */
#homeconright {
	float:left;
	height:300px;
	width:322px;
}

/* The text on the right hand side of the homepage - the top box */
.homerighttexttop {
	color:#fff;
	font-size:13px;
	line-height:14px;
	width:292px;
	margin-top:19px;
	margin-left:18px;
}

/* The text on the testimonials right area */
.bullettop {
	float:left;
	color:#fff;
	line-height:14px;
	font-size:13px;
	margin-top:19px;
	margin-left:8px;
}

/* The text on the right hand side of the homepage */
.homerighttext {
	color:#fff;
	font-size:13px;
	width:292px;
	line-height:14px;
	margin-top:8px;
	margin-left:18px;
}

/* The text on the testimonials right area */
.bullet {
	float:left;
	color:#fff;
	line-height:14px;
	font-size:13px;
	margin-top:8px;
	margin-left:8px;
}

/* The left section of the homepage */
#homeconleft {
	float:left;
	height:300px;
	width:322px;
	border-right:1px solid #fff;
}

/* The topbox on the left section of the homepage */
#homelefttext {
	height:29px;
	width:322px;
	padding-top:13px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

#hometopslogan {
	height:29px;
	width:645px;
	padding-top:13px;
}

/* The boxes on the left that contain the pictures on the homepage */
.homeleftmiddle {
	height:120px;
	width:322px;
	border-top:1px solid #fff;
}

/* The images on the left side of the homepage */
.homeleftimage {
	height:120px;
	width:322px;
}

/* The topbox on the left section of the homepage */
#hlttext {
	color:#fff;
	font-size:15px;
	line-height:18px;
	width:298px;
	font-weight:bold;
	margin-left:15px;
}

#noltekitchen {
	position:relative;
	top:20px;
	left:129px;
}

#noltemobel {
	position:relative;
	top:20px;
	left:129px;
}

#crownbeds {
	position:relative;
	top:50px;
	left:130px;
}
#getacore {
	position:relative;
	top:50px;
	left:95px;
}
#laminate {
	position:relative;
	top:50px;
	left:40px;
}

#secnatlogo {
	position:relative;
	top:60px;
	left:83px;
}

/* The topbox on the left section of the homepage */
#hltslogan {
	color:#fff;
	font-size:16px;
	line-height:18px;
	text-align:center;
	width:644px;
	font-weight:bold;
}

.links {
	color:#000;
}

.links:hover {
	color:#fff;
}

.borderBott {
	border-bottom:1px solid #fff;
}

.oneBox {
	float:left;
	text-align:justify;
	height:326px;
	width:634px;
	position:relative;
	overflow:auto;
	top:14px;
	left:5px;
}

.oneBox h1 {
	font-size:18px;
	line-height:20px;
	margin-bottom:8px;
	color:#fff;
}

.oneBox h2 {
	font-size:14px;
	line-height:16px;
	margin-bottom:4px;
	font-style:italic;
	color:#fff;
}

.oneBox p {
	font-size:13px;
	line-height:15px;
	color:#fff;
}

#hpnoltekitchen {
	position:relative;
	top:5px;
	left:6px;
}

#hpnoltemobel {
	position:relative;
	top:5px;
	left:8px;
}

#hpcrownbeds {
	position:relative;
	top:5px;
	left:10px;
}

#hpsecnatlogo {
	position:relative;
	top:-2px;
	left:12px;
}