@charset "UTF-8";
/* CSS Document */


/* 
------------------------------------------------------------------------------

Author:  			Peter Richman
E-mail:				peter@plugandplaydesign.co.uk
Company: 			Plug and Play Design
Date:				20/01/2008

Version:			1.0
Designed for:		FireFox 2

CSS file:			Design One 

------------------------------------------------------------------------------*/





/* =USUAL SUSPECTS
------------------------------------------------------------------------------*/

body{
font-family:		Verdana, Arial, Helvetica, sans-serif;
font-size:			62.5%;
color:				#444444;
}

img{
border:				none;
}

h1, h2, h3, h4, h5, h6{
font-family:		Verdana, Arial, Helvetica, sans-serif;
}


.centre p strong{
color:				#000;
}


a{
text-decoration:	none;
}

q{
font-style:			italic;
color:				#000;
}

.clear{
clear:				both;
}

strong{
color:				#000;
}

hr{
margin-top:			20px;
margin-bottom:		20px;
margin-left:		17px;
margin-right:		17px;

}


/* HACK for FIREFOX!! - to always display right hand scroll bars in short pages
this prevents the page bouncing left when changing pages */

html { 
overflow: -moz-scrollbars-vertical; 
height: 100%; 
}

/*Hack over*/

p{
font-size:			1.2em;
line-height:		1.8em;
color:				#000;
}

p a{
text-decoration:	underline;	
}

p a:hover{
text-decoration:	none;
}

a:hover{
text-decoration:	underline;
}


/* =WRAPPER
------------------------------------------------------------------------------*/

.externalWrapper{
background-color:	#fbfaee;
width:				788px;
margin-left:		auto;
margin-right:		auto;
padding-top:		15px;
padding-bottom:     15px;
}



.wrapper{
width:				758px;
margin-left:		auto;
margin-right:		auto;
}

.top h1{
background:			url(images/logos.jpg) top left no-repeat;
height:				107px;
width:				203px;
text-indent:        -3000px;
}

* .top h1{
* margin-top:		5px;
* margin-left:		5px;
}


/* =TOP
------------------------------------------------------------------------------*/

.top{
height:				120px;
background:			url(images/topBar.jpg) top left repeat-x;
margin:				0px 0px 0px 0px;
}

.top a{
display:			block;
float:				left;
}

.top .contactUs{
position:			relative;
top:				63px;
left:				340px;
}

* .top .contactUs{
* top:				58px;
}


/* =MENU
------------------------------------------------------------------------------*/

.mainMenu{
float:				left;
list-style:			none;
padding:            0px;
width:				758px;
margin:				-10px 0px 3px 0px;
}

*html .mainMenu{
* margin:			-8px 0px 3px 0px;
}  

* ul[class="mainMenu"]{
* margin:			4px 0px 0px 0px;
}

.home .mainMenu{
background:			url(images/menuHome.jpg) top right repeat-x;
height:				26px;
}

.mainMenu li{
float:				left;
padding:            6px 10px 3px 10px;
color:				#FFF;
}


.mainMenu li a{
color:				#FFF;
}

/* =THREE PANEL
------------------------------------------------------------------------------*/

.threePanel ul{
float:				left;
list-style:			none;
padding:            0px;
width:				758px;
margin:				3px 0px 0px 0px;
}

*html .threePanel ul{
_margin:				1px 0px 0px 0px;
}

.threePanel ul li{
float:				left;
}

.threePanel ul .second, .threePanel ul .first{
margin:				0px 4px 0px 0px;
}

/* =FOOTER
------------------------------------------------------------------------------*/

.footer{
margin-left:		auto;
margin-right:		auto;
width:				758px;
}

.footerMenu{
float:				left;
list-style:			none;
padding:            0px 0px 0px 0px;
margin:				10px 0px 0px -15px;
}

.footerMenu li{
float:				left;
padding:            0px 15px 0px 15px;
}

.footerMenu li a{
color:				#77695b;
}

.footerMenu .PAPD{
padding-left:       15px;
padding-right:      0px;
}

* .footerMenu .PAPD{
* padding-left:      60px;
* width:				160px;
}


/* =SUB PAGE
------------------------------------------------------------------------------*/

.title{
height:				278px;
width:				758px;
text-indent:        -3000px;
margin-bottom:		4px;
}

h2[class="title"]{
margin-top:			34px;
}

* h2[class="title"]{
* margin-top:		3px;
}


*html .title{
_margin-top:		0px;
}

.content{
float:				left;
width:				504px;
background:			#FFF;
}

.content ul{
font-size:			1.2em;
line-height:		1.8em;
}

.content h3{
margin:				20px;
font-size:			2em;
font-weight:		lighter;
}

.text{
margin:				20px;
}

.text .leftLogo{
float:				left;
margin:				10px 20px 20px 0px;
}

.right{
float:				right;
width:				250px;
}

.right .moreInfo a{
font-size:			2.5em;
color:				#FFF;
text-decoration:	none;
display:			block;
margin-left:		20px;
}

.right .moreInfo{
margin:				0px;
padding:            0px;
}

.right .moreInfo a{
padding:            15px 0px 15px 0px;
}

.right .testimonial{
margin-top:			3px;
width:				246px;
background:			#FFF;
}

.right .testimonial p{
margin:				10px;
}

.right .testimonial p span{
font-size:			0.8em;
}

.right .testimonial p span a{
font-size:			1.2em;
}



/* =HARDWOOD
------------------------------------------------------------------------------*/

.hardwood .externalWrapper{
background-color:	#ccbeb3;
}

.hardwood .mainMenu{
background:			url(images/menuHardwood.gif) top right repeat-x;
height:				26px;
}

.hardwood .title{
background:			url(images/bannerWood.jpg) top left no-repeat;
}

.hardwood .moreInfo{
background:			#5a2f28;
}

.hardwood .right .testimonial{
border:				2px solid #a48677;
}

.hardwood .right .testimonial p{
color:				#5a2f28;
font-style:			italic;
}

.hardwood .content h3{
color:				#5a2f28;
}

/* =CARPETS
------------------------------------------------------------------------------*/

.carpets .externalWrapper{
background-color:	#d6d2c9;
}

.carpets .mainMenu{
background:			url(images/menuCarpets.jpg) top left repeat-x;
height:				26px;
}

.carpets .title{
background:			url(images/bannerCarpet.jpg) top left no-repeat;
}

.carpets .moreInfo{
background:			#9c8868;
}

.carpets .right .testimonial{
border:				2px solid #9c8868;
}

.carpets .right .testimonial p{
color:				#7d6c51;
font-style:			italic;
}

.carpets .content h3{
color:				#7d6c51;
}


/* =VINYL
------------------------------------------------------------------------------*/

.vinyl .externalWrapper{
background-color:	#e9e8e5;
}

.vinyl .mainMenu{
background:			url(images/menuVinyl.jpg) top left repeat-x;
height:				26px;
}

.vinyl .title{
background:			url(images/bannerVinyl.jpg) top left no-repeat;
}

.vinyl .moreInfo{
background:			#38505b;
}

.vinyl .right .testimonial{
border:				2px solid #38505b;
}

.vinyl .right .testimonial p{
color:				#38505b;
font-style:			italic;
}

.vinyl .content h3{
color:				#38505b;
}




/* =HOME SUB
------------------------------------------------------------------------------*/



.home .title{
background:			url(images/bannerHome.jpg) top left no-repeat;
}

.home .moreInfo{
background:			#514436;
}

.home .right .testimonial{
border:				2px solid #514436;
}

.home .right .testimonial p{
color:				#514436;
font-style:			italic;
}

.home .content h3{
color:				#514436;
}



/* =CONTACT
------------------------------------------------------------------------------*/

label{
display:			block;
width:				400px;
margin-left:		20px;
font-size:			1.2em;
color:				#514436;
}

input, textarea{
margin-left:		20px;
margin-bottom:		10px;
border:				2px solid #514436;
}

.submit{
margin-bottom:		20px;
}


/* =TESTIMONIALS
------------------------------------------------------------------------------*/

.mainTestimonial{
margin-left:		20px;
}

.contentTestimonials{
float:				left;
width:				758px;
background:			#FFF;
}

.contentTestimonials h3{
margin:				20px;
font-size:			2em;
font-weight:		lighter;
}

/* =COMMERCIAL
------------------------------------------------------------------------------*/


.commercial .externalWrapper{
background-color:	#dee2cb;
}

.commercial .mainMenu{
background:			url(images/menuCommercial.jpg) top left repeat-x;
height:				26px;
}

.commercial .title{
background:			url(images/bannerCommercial.jpg) top left no-repeat;
}

.commercial .moreInfo{
background:			#515615;
}

.commercial .right .testimonial{
border:				2px solid #515615;
}

.commercial .right .testimonial p{
color:				#515615;
font-style:			italic;
}

.commercial .content h3{
color:				#515615;
}

/* SEO LINKS
------------------------------------------------------------------------------*/

.testimonial .subMenu{
list-style:			none;
float:				left;
}

.subMenu{
width:				200px;
}

.subMenu li{
float:				left;
width:				90px;
}