/*
	 +------------------------------+
	 |                              |
	 |   Cheshire Brick and Slate   |
	 |        CSS Document          |
	 |        Mark Shelley          |
	 |                              |
	 |                              |
	 |     Started:  10 April 07    |
	 |Last Updated:  14 May 07      | 
	 |                              |
	 |                              |
	 +------------------------------+

*/

html {
	height: 100%;
}
/* Main Body CSS */
body {
	background-color: #f1f679;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: repeat-x;
}
/*The background, i.e. fade! etc...! */
#behindPage { 

	background: url(images/background.jpg) top center;
	background-repeat: repeat-x;
	background-color: #f1f679;
    text-align: center;
	margin: 0 auto;
	display: block;
	
 }
 #page {
 
	margin: 0 auto;
    padding: 0;
    width: 100%;
    text-align: center;
    overflow: hidden;
	display: block;

 
}
#home{
	background: url(images/centreBackground.jpg);
	margin: 0 auto;
	padding: 0;
	width:751px;
	text-align:left;
	display: block;


}
#topBorders{

	border-top-style: solid;
	border-top-color: #e9b323;
	border-top-width: 1px;
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: #e9b323;
	border-right-style: solid;
	border-right-width: 2px;
	border-right-color: #e9b323;
	margin: 0 auto;
	display: block;
	min-height: 800px;



} 
/*Now we have done that house keeping, lets sort out the left hand column, i.e. the menu!! :) */
#left{

	background: url(images/leftMiddle2.jpg) top center;
	background-repeat: repeat;
	width:215px;
	margin: 0 auto;
	padding: 0;
	text-align:left;
	float: left;
	display: block;


}
#leftTop{

	background: url(images/leftMiddle.jpg) top center;
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 0;
	width:215px;
	display: block;
	text-align:left;

}
#leftContactTop{
	
	background: url(images/contact.jpg) top center;
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 215px;
	height: 36px;
	text-align:left;
	


}
#leftContactMiddle{
	background: url(images/leftBottomMiddle.jpg) top center;
	background-repeat: repeat;
	margin: 0 auto;
	width: 215px;
	text-align: left;
	


}
#leftContactFooter{

	background: url(images/leftEnd.jpg) top center;
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 215px;
	height: 45px;
	
}
#leftText{
	
	width: 220px;
	text-align:left;
	margin-left:0px;
	padding: 0px;
	

}
#leftTextWhite{
	
	width: 190px;
	text-align:left;
	margin-left:12.5px;

}
/*Now we have done the Menu! We need to footer to be all nice and neat, so lets sort that out :) */
#footer{
	background: url(images/footer.jpg) top center;
	width:753px;
	height:34px;
	margin: 0 auto;
    text-align: center;
	vertical-align: middle;
	display: block;



}
#copyright{

	position:relative;
	bottom:-6px;
	margin-left:150px;


}
#copyrightRight{
	float:Right;
	width:150px;

}
/*Now the main content for the website, i.e. the big box in the middle :p */
#centre{

	background: url(images/content/background.jpg) top center;
	border-top-width: 0px;
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: #e9b323;
	border-right-style: solid;
	border-right-width: 2px;
	border-right-color: #e9b323;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 215px;
	margin-right: 0px;
	width: 507px;
	text-align:left;
	min-height: 120px;


}
#centreFooter{
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left: 215px;
	background: url(images/content/footer.jpg);
	width:511px;
	height:33px;	
}
#centreLeft{
	margin-top:0px;
	margin-bottom:0px;
	margin-right:150px;
	margin-left:0px;
	width:340px;
	text-align:left;


}
#centreRight{
	position:relative;
	right:30px;
	top:4px;
	width:100px;
	height:180px;
	float:right;
}
#centreRightOneHundred{
	position:relative;
	right:10px;
	top:4px;
	width:100px;
	height:100px;
	float:right;
}
#compass{
	position:relative;
	text-align:center;
	right:10px;
	top:4px;
	width:150;
	float:right;
}
#clear{
	
	
}
/* Now we need to sort out the pictures for the bottom of the pages on the HOME page :) */
#picturesContainer{
	
	width:516px;
	margin-left:220px;

}

#pictureLeftContainer{	
	width:253px;
	text-align:none;
	float:left;



}
#pictureLeftHeader{

	background: url(images/content/home/leftTop.jpg) top center;
	background-repeat: no-repeat;
	height: 253px;
	width: 30px;
	

}
#pictureLeftMiddle{
	
	background: url(images/content/home/leftMiddle.jpg) top center;
	min-height: 40px;
	text-align: center;
	
}
#pictureLeftFooter{


	background: url(images/content/home/leftBottom.jpg) top center;
	background-repeat: no-repeat;
	height: 253;
	width: 11;

}
#pictureRightContainer{	
	width:253px;
	text-align:right;
	float:right;
	position:relative;
	margin-right:5px;


}
#pictureRightHeader{

	background: url(images/content/home/leftTop.jpg) top center;
	background-repeat: no-repeat;
	height: 253px;
	width: 30px;
	

}
#pictureRightMiddle{
	
	background: url(images/content/home/leftMiddle.jpg) top center;
	min-height: 40px;
	text-align: center;
	
}
#pictureRightFooter{


	background: url(images/content/home/leftBottom.jpg) top center;
	background-repeat: no-repeat;
	height: 253;
	width: 11;

}
/* While Loading */
#view{
	background: url(images/view/wait.png) top center;
	background-repeat: no-repeat;
	height: 380;
	width:507;
	margin: 0 auto;
	padding: 0px;
}
/* Lets sort out the left right for the gravel/landscaping/brick etc....! All of Them :) */
#gravel{
	min-height:220px;
}
#gravelLeft{
	margin-top:0px;
	margin-bottom:0px;
	margin-right:150px;
	margin-left:0px;
	width:250px;
	text-align:left;


}
#gravelRight{
	position:relative;
	right:30px;
	top:4px;
	width:210px;
	height:210px;
	float:right;
}
/* Now lets sort out all the timber section! */
#timber{
	min-height:220px;
}
#timberLeft{
	margin-top:0px;
	margin-bottom:0px;
	margin-right:150px;
	margin-left:0px;
	width:250px;
	text-align:left;


}
#timberRight{
	position:relative;
	right:30px;
	top:4px;
	width:210px;
	height:210px;
	float:right;
}
/* Now lets sort out all the fireplaces section! */
#fireplaces{
	min-height:220px;
}
#fireplacesHeader{
	
	margin-left:5px;
	margin-right:5px;
	text-align:left;

}
#fireplacesLeft{
	margin-top:0px;
	margin-bottom:0px;
	margin-right:150px;
	margin-left:0px;
	width:250px;
	text-align:left;


}
#fireplacesRight{
	position:relative;
	right:30px;
	top:4px;
	width:210px;
	height:210px;
	float:right;
}
/* Now lets sort out all the bricks section! */
#bricks{
	min-height:220px;
}
#bricksHeader{
	
	margin-left:5px;
	margin-right:5px;
	text-align:left;

}
#bricksLeft{
	margin-top:0px;
	margin-bottom:0px;
	margin-right:150px;
	margin-left:0px;
	width:250px;
	text-align:left;


}
#bricksRight{
	position:relative;
	right:30px;
	top:4px;
	width:210px;
	height:210px;
	float:right;
}
/*Now we need something very similar to the above but for the Plant/Crusher Hire Page */
#hire{
	text-align:center;
}
#hireLeft{
	margin-top:0px;
	margin-bottom:0px;
	margin-right:150px;
	margin-left:0px;
	width:250px;
	text-align:left;


}
#hireRight{
	position:relative;
	right:30px;
	top:4px;
	width:210px;
	height:430px;
	float:right;
}

/* GALLERY!!! Right, we need to sort out all the files for the gallery! etc... So lets sort that out! :) */
#galleryContainer{
	
	text-align:center;

}
#galleryContainer img {
	display:inline;
	border:2px;
	border-color: #986e00;

}
/* Right, in the BEAM section we need to sort out well the fact were having an image on the left etc... */
#beams{
	
	background:url(images/content/timber/beam-stack.jpg) top left;
	background-repeat: no-repeat;
	min-height: 339px ;
	width: 507;
	

}
#beamsContainer{
	margin-left:260px;
}

/* Right we need to sort out all the text styles now! Weve done all the visual elements!*/
/* Normal Text */
p {
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 12px;
	font-weight:600;
	color: #986e00;	
	text-decoration: none;
	padding: 8px;
	margin: 0 auto;

}
#find li{
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 12px;
	font-weight:400;
	color: #986e00;	
	text-decoration: none;
	padding: 8px;
	margin: 0 auto;

}
/* Currently Unused */
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 14px;
	color: #986e00;
	text-decoration: none;
	margin: 0 auto;
	text-align:center;
}
/* Footer Text */
h2 {

	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	vertical-align: middle;
	margin: 0 auto;

}
/* Right now we need to sort out the MENU text, so were gonna need the main items, so h3 and the sub-items will be h4 :p */
h3{
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 11px;
	color: #986e00;
	text-decoration: none;
	padding-left:10px;
	margin: 0 auto;


}
h4{
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 11px;
	color: #986e00;
	text-decoration: none;
	padding-left:10px;
	margin: 0 auto;


}
/* Contact Us CSS, So Blah lol */
h5 {

	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	margin: 0 auto;
}
/*Since we have sorted out the font so people can read it, cos people with glasses found it a bit small! we need to make the font
for the find us page more resonable so its not like erm! ALLL BOLD :( */
#find p{
	font-weight:400;
}
#hire p{
	
	font-weight:400;

}
#gravel p{

	font-weight:300;
	
}
#nisp p{

	font-weight:300;
	
}
#fireplaces p{
	
	font-weight:400;
}
#fireplacesHeader p{
	font-weight:400;
}
#timber p{

	font-weight:400;
	
}
#bricks p{
	
	font-weight:400;
}
#bricksHeader p{
	
	font-weight:400;
}
#rad p{
	font-weight:400;
}
#doorsHeader p{
	
	font-weight:300;
	font-size:12px;
	text-align:left;
	
}
#doorsHeader h1{
	font-size:20px;
	text-align:center;
}

/*Now Then, For The Links Menu its in an unordered list, and we have custom indentation images, so lets sort them out shall we? */
#leftTop ul{
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 14px;
	color: #986e00;
	text-decoration: none;
	margin: 0 auto;
	font-weight:bold;
	list-style-type:none;
	padding-left: 1em;

}
#leftTop li{	
	
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 14px;
	color: #986e00;
	text-decoration: none;
	margin: 0 auto;
	font-weight:bold;
	list-style-type:none;
	padding-left: 1em;
}
/*We also use an unordered list in the Hire Section, So lets sort out the CSS for that shall we? */
#hireTable ul{
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	list-style-type:none; /* remove the bullets */
	margin:0; /* remove the automatic margin that some browsers use for the text-indent. */
	padding:0; /* remove the automatic padding that other browsers use for the text-indent. */

}
#hireTable li{	
	
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	list-style-type:none; /* remove the bullets */
	margin:0; /* remove the automatic margin that some browsers use for the text-indent. */
	padding:0; /* remove the automatic padding that other browsers use for the text-indent. */
	font-size: 12px;
	color: #986e00;
	text-decoration: none;
	text-align:center;
	border-bottom: 1px solid #986e00;

}
#hireTableLeft li{	
	
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	list-style-type:none; /* remove the bullets */
	margin:0; /* remove the automatic margin that some browsers use for the text-indent. */
	padding:0; /* remove the automatic padding that other browsers use for the text-indent. */
	font-size: 12px;
	color: #986e00;
	text-decoration: none;
	text-align:left;
	font-weight: 600;
	border-bottom: 1px solid #986e00;



}
/* THe Slates Table.... */
#slatesTable ul{
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	list-style-type:none; /* remove the bullets */
	margin:0; /* remove the automatic margin that some browsers use for the text-indent. */
	padding:0; /* remove the automatic padding that other browsers use for the text-indent. */

}
#slatesTable li{	
	
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	list-style-type:none; /* remove the bullets */
	margin:0; /* remove the automatic margin that some browsers use for the text-indent. */
	padding:0; /* remove the automatic padding that other browsers use for the text-indent. */
	font-size: 12px;
	color: #986e00;
	text-decoration: none;
	text-align:center;
	border-bottom: 1px solid #986e00;

}
#slatesTableLeft li{	
	
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	list-style-type:none; /* remove the bullets */
	margin:0; /* remove the automatic margin that some browsers use for the text-indent. */
	padding:0; /* remove the automatic padding that other browsers use for the text-indent. */
	font-size: 12px;
	color: #986e00;
	text-decoration: none;
	text-align:center;
	font-weight: 400;
	border-bottom: 1px solid #986e00;



}
#slatesTableRight li{
 	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	margin:0; /* remove the automatic margin that some browsers use for the text-indent. */
	padding:0; /* remove the automatic padding that other browsers use for the text-indent. */
	font-size: 12px;
	color: #986e00;
	text-decoration: none;
	text-align:center;
	font-weight: 400;
	border-bottom: 1px solid #986e00;

}
/* Lighting Table :) */
#lightingTable ul{
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	list-style-type:none; /* remove the bullets */
	margin:0; /* remove the automatic margin that some browsers use for the text-indent. */
	padding:0; /* remove the automatic padding that other browsers use for the text-indent. */

}
#lightingTable li{	
	
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	list-style-type:none; /* remove the bullets */
	margin:0; /* remove the automatic margin that some browsers use for the text-indent. */
	padding:0; /* remove the automatic padding that other browsers use for the text-indent. */
	font-size: 12px;
	color: #986e00;
	text-decoration: none;
	text-align:center;
	border-bottom: 1px solid #986e00;

}
#lightingTableLeft li{	
	
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	list-style-type:none; /* remove the bullets */
	margin:0; /* remove the automatic margin that some browsers use for the text-indent. */
	padding:0; /* remove the automatic padding that other browsers use for the text-indent. */
	font-size: 12px;
	color: #986e00;
	text-decoration: none;
	text-align:left;
	font-weight: 400;
	border-bottom: 1px solid #986e00;



}
#lightingTableRight li{
 	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	margin:0; /* remove the automatic margin that some browsers use for the text-indent. */
	padding:0; /* remove the automatic padding that other browsers use for the text-indent. */
	font-size: 12px;
	color: #986e00;
	text-decoration: none;
	text-align:center;
	font-weight: 400;
	border-bottom: 1px solid #986e00;

}
/*We also use an unordered list in the Timber Section, So lets sort out the CSS for that shall we? */
#timberTable ul{
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	list-style-type:none; /* remove the bullets */
	margin:0; /* remove the automatic margin that some browsers use for the text-indent. */
	padding:0; /* remove the automatic padding that other browsers use for the text-indent. */

}
#timberTable li{	
	
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	list-style-type:none; /* remove the bullets */
	margin:0; /* remove the automatic margin that some browsers use for the text-indent. */
	padding:0; /* remove the automatic padding that other browsers use for the text-indent. */
	font-size: 12px;
	color: #986e00;
	text-decoration: none;
	text-align:center;
	border-bottom: 1px solid #986e00;

}
#timberTableLeft li{	
	
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	list-style-type:none; /* remove the bullets */
	margin:0; /* remove the automatic margin that some browsers use for the text-indent. */
	padding:0; /* remove the automatic padding that other browsers use for the text-indent. */
	font-size: 12px;
	color: #986e00;
	text-decoration: none;
	text-align:left;
	font-weight: 600;
	border-bottom: 1px solid #986e00;



}
/* Unordered List Fireplaces */
#fireplacesTable ul{
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	list-style-type:none; /* remove the bullets */
	margin:0; /* remove the automatic margin that some browsers use for the text-indent. */
	padding:0; /* remove the automatic padding that other browsers use for the text-indent. */

}
#fireplacesTable li{	
	
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	list-style-type:none; /* remove the bullets */
	margin:0; /* remove the automatic margin that some browsers use for the text-indent. */
	padding:0; /* remove the automatic padding that other browsers use for the text-indent. */
	font-size: 14px;
	color: #986e00;
	text-decoration: none;
	text-align:center;
	border-bottom: 1px solid #986e00;

}
#fireplacesTableLeft li{	
	
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	list-style-type:none; /* remove the bullets */
	margin:0; /* remove the automatic margin that some browsers use for the text-indent. */
	padding:0; /* remove the automatic padding that other browsers use for the text-indent. */
	font-size: 14px;
	color: #986e00;
	text-decoration: none;
	text-align:left;
	font-weight: 600;
	border-bottom: 1px solid #986e00;



}
/* Right, More Tables, now for the cobbles, and i cant just use the lighting 1 which i wanted to cos we need silly pictures in them booo!!! */
/* Lighting Table :) */
#stoneTable ul{
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	list-style-type:none; /* remove the bullets */
	margin:0; /* remove the automatic margin that some browsers use for the text-indent. */
	padding:0; /* remove the automatic padding that other browsers use for the text-indent. */
	vertical-align: middle;

}
#stoneTable li{	
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	list-style-type:none; /* remove the bullets */
	margin:0; /* remove the automatic margin that some browsers use for the text-indent. */
	padding:0; /* remove the automatic padding that other browsers use for the text-indent. */
	font-size: 12px;
	line-height:3em;
	color:#986e00;
	vertical-align: middle;
	text-align:center;
	height:100px;
	
}
#stoneTable img{
	display:inline;
}
#stonePlaneTable ul{
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	list-style-type:none; /* remove the bullets */
	margin:0; /* remove the automatic margin that some browsers use for the text-indent. */
	padding:0; /* remove the automatic padding that other browsers use for the text-indent. */
	vertical-align: middle;	
}
#stonePlaneTable li{
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	list-style-type:none; /* remove the bullets */
	margin:0; /* remove the automatic margin that some browsers use for the text-indent. */
	padding:0; /* remove the automatic padding that other browsers use for the text-indent. */
	font-size: 14px;
	line-height:3em;
	color:#986e00;
	vertical-align: middle;
	text-align:center;
}


/*Right were putting the data of the objects in a "table" and since we arent using the html <table> tag we need to write
some css to sort all of this out so lets do it : */
#hireTable{
	border-top: 2px solid #986e00;
	border-left: 2px solid #986e00;
	border-right: 2px solid #986e00;
	border-bottom: 1px solid #986e00;
	margin-left:20px;
	margin-right:20px;
}
#hireTableLeft{
	float: left;
	width: 200px;
	border-right: 1px solid #986e00;
	margin-left:5px;
}
#slatesTsable{
	border-top: 2px solid #986e00;
	border-left: 2px solid #986e00;
	border-right: 2px solid #986e00;
	border-bottom: 1px solid #986e00;
	margin-left:20px;
	margin-right:20px;
}
#slatesTable{
	border-top: 2px solid #986e00;
	border-left: 2px solid #986e00;
	border-right: 2px solid #986e00;
	border-bottom: 1px solid #986e00;
	margin-left:20px;
	margin-right:20px;
}
#slatesTableLeft{
	float: left;
	width: 120px;
	border-right: 1px solid #986e00;
	margin-left:5px;
}
#slatesTableRight{
	float: right;
	width: 175px;
	border-left: 1px solid #986e00;
	margin-left:5px;
}
#lightingTable{
	border-top: 2px solid #986e00;
	border-left: 2px solid #986e00;
	border-right: 2px solid #986e00;
	border-bottom: 1px solid #986e00;
	margin-left:20px;
	margin-right:20px;
}
#lightingTableLeft{
	float: left;
	width: 200px;
	border-right: 1px solid #986e00;
	margin-left:5px;
}
#lightingTableRight{
	float: right;
	width: 125px;
	border-left: 1px solid #986e00;
	margin-left:5px;
}
#timberTable{
	border-top: 1px solid #986e00;
	border-left: 1px solid #986e00;
	border-right: 1px solid #986e00;
	margin-left:20px;
	margin-right:20px;
}
#timberTableLeft{
	float: left;
	width: 60px;
	margin-left:5px;
}
#stoneTable{
	border:0px;
	margin-left:5px;
	margin-right:10px;
	vertical-align: middle;
}
#stoneTableLeft{
	float: left;
	width: 100px;
	margin-left:5px;
	margin-right:0px;
	vertical-align: middle;
}
#stoneTableLeftLeft{
	float: left;
	width: 154px;
	margin-left:0px;
	margin-right:0px;
	vertical-align: middle;
}
#stoneTableRight{
	float: right;
	width: 100px;
	margin-left:0px;
	vertical-align: middle;
}
#stonePlaneTable{
	border:0px;
	margin-left:20px;
	margin-right:20px;
	vertical-align: middle;
}
#stonePlaneTableLeft{
	float: left;
	width: 100px;
	margin-left:5px;
	margin-right:0px;
	vertical-align: middle;
}
#stonePlaneTableLeftLeft{
	float: left;
	width: 150px;
	margin-left:0px;
	margin-right:0px;
	vertical-align: middle;
}
#stonePlaneTableRight{
	float: right;
	width: 100px;
	margin-left:0px;
	vertical-align: middle;
}



/* 109 * 323 Doors :*/
#doors{
	text-align:center;
	height: 370px;

}
#doorsClear{
	text-align:center;
	height:200px;
}
#doorsLeft{
	position:relative;
	bottom:370px;
	width:140px;
	height:323px;
	margin-left:20px;
	float:left;

}
#doorsRight{
	position:relative;
	bottom:370px;
	width:140px;
	height:323px;
	margin-right:20px;
	float: right;
}
/*Now then, this stupidly large CSS file gets larger again! We need to sort out for the Fireplaces Section */
/* First Tiles */
#tiles{
	width:507px;
	height:480px;
	margin-left:40px;
}
#tilesLeft{
	float:left;
	width:102px;
	height:480px;


}
#tilesRight{
	float:right;
	width:102px;
	height:480px;
	margin-right:95px;

}
/*Surrounds!!!*/
#surrounds{
	width:507px;
	height:430px;
	margin-left:40px;
}
#surroundsLeft{
	float:left;
	width:102px;
	height:430px;


}
#surroundsRight{
	float:right;
	width:102px;
	height:430px;
	margin-right:95px;

}
/* Now we need to sort out the baskets! */
#baskets{
	width:507px;
	height:260px;
	margin-left:40px;
}
#basketsLeft{
	
	float:left;
	width:220px;
	height:220px;
	
}
/*Now Then THe Combinations, we need a table again! : */
#fireplacesTable{
	border-top: 1px solid #986e00;
	border-left: 1px solid #986e00;
	border-right: 1px solid black;
	margin-left:80px;
	margin-right:80px;
}
#fireplacesTableLeft{
	float: left;
	width: 120px;
	border-right: 1px solid #986e00;
	margin-left:5px;
}
/* RIght Pictures Bleh */
#rad{
	margin-right:20px;
	height:238px;


}
#radLeft{

	float:left;
	margin-left:20px;
	width:180px;
	
}
#radColour{
	background:url(images/content/radiators/colours.jpg);
	width:507px;
	height:800px;
}
/* This ever growing CSS file needs some information reguarding the services page doesnt it? Yes Yes it does! :p */
#services{


}
#services ul{
	margin: 0 auto;
	color: #986e00;
	font-size:16px;

}
/*Now for the terms and cons paid! */
#terms{
	
	color:#986e00;
	list-style-type: decimal;

}
#terms ol{
	color:#986e00;
}
#terms li{
	
	margin-bottom:5px;
	
}
#terms ol ol{
	
	list-style-type: lower-alpha;
	color:#986e00;


}
/* Information Pages Left Right and Center */
#infoLeft{

	float:left;
	width:100px;
	margin-left:10px;
	text-align:left;

}
#infoCenter{

	width:507px;;
	text-align:center;

}
#infoRight{
	
	float:right;
	width:100px;
	margin-right:10px;
	text-align:right;

}
/* Link Styles, We need diffrent styles for the diffrent things we mite link too! So lets sort those out lol! */

#leftText a:link { 
	text-decoration:none;
	color: #986e00;
}
#leftText a:visited { 
	text-decoration:none;
	color: #986e00;
}
#leftText a:hover { 
	text-decoration:none;
	color: #e3af23;
}
#leftText a:active { 
	text-decoration:none;
	color: #986e00;
}
#leftTextWhite a:link { 
	text-decoration:none;
	color: #ffffff;
}
#leftTextWhite a:visited { 
	text-decoration:none;
	color: #ffffff;
}
#leftTextWhite a:hover { 
	text-decoration:none;
	color: #e3af23;
}
#leftTextWhite a:active { 
	text-decoration:none;
	color: #ffffff;
}
#centreLeft a:link { 
	text-decoration:none;
	color: #986e00;
}
#CentreLeft a:visited { 
	text-decoration:none;
	color: #986e00;
}
#centreLeft a:hover { 
	text-decoration:none;
	color: #e3af23;
}
#centreLeft a:active { 
	text-decoration:none;
	color: #986e00;
}
h2 a:link { 
	text-decoration:none;
	color: #ffffff;
}
h2 a:visited { 
	text-decoration:none;
	color: #ffffff;
}
h2 a:hover { 
	text-decoration:none;
	color: #e3af23;
}
h2 a:active { 
	text-decoration:none;
	color: #ffffff;
}
a:link{ 
	text-decoration:none;
	color: #986e00;
}
a:visited{ 
	text-decoration:none;
	color: #986e00;
}
a:hover{ 
	text-decoration:none;
	color: #e3af23;
}
a:active{ 
	text-decoration:none;
	color: #986e00;
}




/* Now To Remove Some Pesky Gaps We Need To Sort some imagey things out  */
img{


	display: block;
	border: 0px none;


}
.links{

	display:inline;
	
}


#extend{
	height:260px;

}