/* Rhodes and Wordsworth CSS */



html, body {
height: 100%;
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-align: center;
font-size: small;
}

* html body{
font-size : x-small;
f\ont-size: small;
}

#main {
padding: 0px;
width: 770px;
margin-top: 30px;
margin-right: auto;
margin-left: auto;
background-color: #ffffff;
}


/* ------------------------------------------  Common Layout */

p{
margin-top: 0px;
padding-top: 0px;
}

.highlight {
margin-bottom: 3px;
display:block;
padding: 1px 2px 1px 3px;
background-color: #292728;
color:#FFFFFF;
}

#logo {
margin-top:-25px;
padding:0px;
float:right;
}



/* --------------------------------  Header */
#header {
margin: 0px;
padding: 0px;
padding-top: 25px;
width: 100%;
height: 125px;
background-color: #231f20;
text-align: left;
}

#header ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#header li {
	margin: 0px;
	padding: 0;
	margin-left: 20px;
	margin-right: 40px;
	}
	
#header li a {
	color:#999999;
	margin: 0px;
	padding: 0px;
	background:none;
	text-decoration:none;
	font-size: 85%;	
	margin-bottom: 5px;
	}
	
#header li a:hover {
	color:#FFFFFF;
	font-size: 85%;
	}
	
#header li a.active {
	color:#FFFFFF;
	margin: 0px;
	padding: 0px;
	background:none;
	text-decoration:none;
	font-size: 85%;	
	margin-bottom: 5px;
	padding: 0px;
	}


/* --------------------------------  footer */	
#footer {
clear: both;
padding-top: 20px;
width: 790px;
background-color: #ffffff;
color:#666666;
}

#footer p{
margin: 0px;
padding-top: 2px;
font-size: 11px;
}


#footer a, #footer  a:link, #footer a:visited, #footer a:active{
text-decoration: underline;
background-color: #ffffff;
color:#666666;
}


#footer a:hover{
background-color:#ffffff;
color:#000000;
}


/* --------------------------------  buttons */

#buttons {
margin: 0px;
padding-top: 340px;
padding-left: 440px;
text-align:left;
}

#buttons ul {
margin: 0;
padding: 0;
font-size:90%;
color: #999999;
}

#buttons li {
display:inline;
margin-left: 8px;
list-style: none;
}

#buttons a {
color: #999999;
text-decoration:none;
}

#buttons a:hover {
color:#FFFFFF;
}

.deadbutton {
color: #333333;
}



/* ---------------------------- main nav */

#footer a, #footer  a:link, #footer a:visited, #footer a:active{
text-decoration: underline;
color:#666666;
}

#level1, #level2, #Service, #People, #DesNames, #CabNames, #FitterNames{
float: left;
}

/* ------------------------------------------  Home Page Layout */

#homecontainer {
padding: 0px;
margin:0px;
height:505px;
width: 100%;
background-color: #231f20;
color:#ffffff;
border-bottom: solid #45a9df 6px;
}

#homecopy {
margin: 0px;
padding: 0px 100px 0px 100px;
text-align: left;
}

#homecopy h1, h2 {
padding: 0px;
margin: 0px;
}

#homecopy h2 {
margin-top: 20px;
}

#homecopy h1, h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: x-large;
color: #CCCCCC;
font-weight: lighter;
line-height: 38px;
letter-spacing: -0.03em
}

.massive {
border-bottom: 1px #45a9df solid;
}

#systemreq {
padding:30px 0px 0px 100px;
text-align:left;
margin-top:10px;
}
#systemreq p {
color: #999999;
}
#systemreq a{
color: #999999;
}

#systemreq a:hover {
color: #ffffff;
}

#imagestrip{
margin: 0;
padding-top: 40px;
}

/* ------------------------------------------  supplier page layout */

#suppliercontainer{
padding: 0px;
margin:0px;
height:505px;
width: 100%;
background-color: #231f20;
color:#ffffff;
border-bottom: solid #45a9df 6px;
}

#supplierlist {
margin: 0px 0px 0px 10px;
padding: 10px;
text-align: left;
width: 120px;
background-color:#231f20;
height: 420px;
float:left;
}

#supplierlist ul {
color:#999999;
margin: 0;
padding: 0px;
list-style:none;
font-size: 85%;
line-height: 1.5em;
}

#supplierlist a {
color: #999999;
}

#supplierlist a:hover {
color:#FFFFFF;
}


/* ------------------------------------------  Testimonials Page Layout */

#testimonialscontainer {
padding: 30px 0px 0px 0px;
margin: 0px;
height:505px;
width: 100%;
background-color: #231f20;
color:#ffffff;
border-bottom: solid #45a9df 6px;
}

#testbanner {
background-color:#292728;
padding: 5px 10px 0px 10px;
margin: 0px 80px 0px 80px;
height: 30px;
}
/* -----------------------------Test buttons */

#testbuttons {
margin: 0px;
padding: 0px;
float:right;
text-align:left;
}

#testbuttons ul {
margin: 0px;
padding: 0px;
font-size:90%;
color: #999999;
}

#testbuttons li {
display:inline;
margin-left: 8px;
list-style: none;
}

#testbuttons a {
color: #999999;
text-decoration:none;
}

#testbuttons a:hover {
color:#FFFFFF;
}



#testintro {
padding:0px;
margin: 0px;
width: 70%;
float:left;
}

#testintro p {
font-size: 90%;
padding: 0px;
text-align: left;
}

#quotes {
margin: 0px;
padding-top: 5px;
padding-left: 50px;
padding-right:50px;
}

#quotes p {
text-align:left;
color:#999999;
font-size: 90%;
line-height:1.5em;
}

blockquote {
margin-bottom: 10px;
border-bottom:#292728 solid 2px;
}




/* ------------------------------------------  Service Page Layout */

#service {
width: 100%;
background-color: #231f20;
color:#ffffff;
height:505px;
border-bottom: solid 6px #45a9df;
}

#service #serviceimages{
margin: 0px;
padding: 0px;
background-color: #404041;
color: #ffffff;
float: left;
width: 440px;
height:350px;
border-bottom: solid 6px #45a9df;
}

#service #serviceimages img{
margin: 0px;
padding: 0px;
}

#service #servicecopy{
margin: 0px;
margin-left: 20px;
padding: 0px;
background-color: #231f20;
color: #ffffff;
float: left;
width: 280px;
height:355px;
}

#service #servicecopy p{
margin: 0px;
padding: 0px;
text-align: left;
font-size: 90%;
}

/* ------------------------------------------  People Page Layout */

#people {
width: 100%;
background-color: #231f20;
color:#ffffff;
height:505px;
border-bottom: solid 6px #45a9df;
}

#people #peopleimages{
margin: 0px;
padding: 0px;
background-color: #404041;
color: #999999;
float: left;
width: 250px;
height:350px;
border-bottom: solid #45a9df 6px;
}

#people #peopleimages img{
margin: 0px;
padding: 0px;
}

#people #peoplecopy{
margin: 0px;
margin-left: 20px;
padding: 0px;
background-color: #231f20;
color: #999999;
float: left;
width: 280px;
height:220px;
}

#people #peoplecopy p{
margin: 0px;
padding: 0px;
text-align: left;
font-size: 90%;
line-height:1.5em;
}

/* ------------------------------------------  kitchens/bathrooms Page Layout */

#productcontainer {
width: 100%;
background-color: #231f20;
color:#ffffff;
height:450px;
border-bottom: solid 6px #45a9df;
}

#productimages{
margin: 0px;
padding: 0px;
background-color: #404041;
color: #ffffff;
float: left;
width: 770px;
height: 505px;
border-bottom: solid #45a9df 6px;
}

#product #productimages img{
margin: 0px;
padding: 0px;
}

/* ------------------------------------------  Product Layout */

#productcontainer_bathroom {
padding: 0;
margin: 0;
width: 100%;
background-color: #231f20;
height:850px;
border-bottom: solid 6px #45a9df;
}

#productcontainer_kitchen {
padding: 0;
margin: 0;
width: 100%;
background-color: #231f20;
height:680px;
border-bottom: solid 6px #45a9df;
}

#columnone {
float:left;
width:49%;
margin:0;
padding-left:5px;
border-right:#292728 solid 2px;
}

#columntwo {
float:left;
width:49%;
margin:0;
padding:0;
}

#productcontainer_kitchen p, #productcontainer_bathroom p {
margin: 0;
padding-left:15px;
font-size:88%;
line-height: 1.6em;
color:#999999;
width: 220px;
height: 100px;
text-align:left;
float:left;
}

#introcopy {
background-color:#292728;
padding: 25px 30px 30px 30px;
margin: 0px 24px 0px 24px;
width:85.5%;
height: 95px;
}

#introcopy p {
font-weight: lighter;
padding: 0;
width: 100%;
margin: 0;
font-size: 115%;
text-align: center;
line-height: 1.6em;
}

.productbanner {
width: 90%;
height: 150px;
background-color:#292728;
padding:0px;
margin: 0px;
}



.supplier a {
color:#999999;
}

.supplier a:hover {
color:#ffffff;
}

.highlightsup {
padding: 0;
display:block;
padding: 1px 2px 1px 3px;
background-color: #292728;
color:#FFFFFF;
}

.thumbs {
padding:0;
margin: 0;
float: left;
border-bottom: solid 6px #45a9df;
}

.supplier {
padding:20px;
margin: 0;
width: 340px;
border-bottom:#292728 solid 2px;
float:left;
}

.white {
color:#FFFFFF;
}





/* ------------------------------------------  Directions Page Layout */

#mapimage {
padding: 0px;
margin: 0px;
color: #333333;
height: 505px;
border-bottom: solid #45a9df 6px;
}



/* ------------------------------------------  Contact Page Layout */


#contactcontainer {
margin: 0px;
padding:0px;
background-color: #231f20;
height: 505px;
border-bottom: solid #45a9df 6px;
}

#contactcopy {
margin: 0px;
padding-right: 20px;
float: right;
}

#contactcopy li {
padding: 0px;
margin: 0px;
color:#999999;
text-align:left;
list-style:none;
font-size: 90%;
line-height: 1.5em;
}

#contactcopy a {
color:#999999;
}

#contactcopy a:hover {
color: #ffffff;
}

#thisform {
float: left;
margin-left: 20px;
padding: 0px;
line-height:1.5em;
}

#thisform p {
margin: 2px 0px 7px 0px;
font-size: 90%;
color: #999999;
text-align: left;
}

#name, #email, #query, #phone, #referrer, #interested {
width: 300px;
}