@charset "UTF-8";
/* CSS Document */




/* --------- 1. defaults  --------- */




*{
margin:0px;
padding:0px;
}


body{
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(../make-up-images/plumbs_chair_bg.gif);
	font-size: small;
	color:#333333;
	background-color: #C6882D;
	background-repeat: repeat-x;
	background-position: center top;
}


body a {
color:#333333;
}


body a:hover {
color:#990000;
}


* html body {
font-size: x-small; /* for IE5/Win */
f\ont-size: small; /* for other IE versions */
}


.boldtext {
font-weight:bold;
}

.boldredtext {
font-weight:bold;
color:#990000;
}




/* --------- 2. structure  --------- */






* html #wrapper  /* this is recognized by IE only */
{
width: 780px;  /* total width, only for IE5.x/Win */
w\idth: 780px; /* content width for other IE */
}

  
#wrapper{
width:780px;
margin:0 auto;
background-color:#FFFFFF;
padding:0;
}


#headwrapper{
	width:780px;
	margin:0 auto;
	background-image:url(../make-up-images/plumbs_chair_base_01.gif);
	padding:25px 0 0 0;
	background-repeat: no-repeat;
	background-position: center top;
}


.splitterimageheadertop {
text-align:center;
height:25px;
}


.splitterimageheaderbottom {
text-align:center;
height:15px;
clear:both;
}


.leftcolumn {
float:left;
width:180px;
margin:0px 0 0 10px;
display:inline;
}


.leftcolumn a img {
border:none;
}




.rightcolumn {
float:left;
width:570px;
margin:0px 0 5px 10px;
}


.rightcolumn a img {
border:none;
}


#footer{
	width:100%;
	margin:0 auto;
	text-align:center;
	padding:10px 0 0px 0;
	font-size:90%;
}

#footer p {
padding-bottom:5px;
color:#990000;
}

.smallgreytext {
font-size:95%;
color:#333333;
}


.showcasepage {
float:left;
width:570px;
margin:0px 10px 0 0;
	background-image:url(../images/showcase_bg_02.gif);
	background-color:#993300;
	background-repeat: no-repeat;
	background-position: left bottom;
	display:inline;

}


.showcasepage h1 {
	padding:15px 15px 5px 15px;
	background-image:url(../images/showcase_bg_01.gif);
	background-color: #993300;
	background-repeat: no-repeat;
	background-position: left top;
	color:#FFFFFF;
	font-size:145%;
	font-weight:bold;
}


.showcasepage p {
	padding:0 15px 15px 15px;
	color:#FFFFFF;
	font-size:100%;
	font-weight:bold;
}


.mainpagecontent {
float:left;
width:540px;
margin:0px 10px 0 0;
padding:15px;
display:inline;
}


.mainpagecontent h1 {
font-size:145%;
font-weight:bold;
padding-bottom:10px;
color:#990000;	
}


.mainpagecontent h2 {
font-size:115%;
font-weight:bold;
padding-bottom:10px;
color:#333333;
}


.mainpagecontent p {
padding-bottom:10px;
}



.pagecontentleft {
float:left;
	background-image:url(../make-up-images/text_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:350px;
	margin:10px 10px 0 0;
	padding:15px;
	
}


.pagecontentleft h1 {
font-size:125%;
font-weight:bold;
padding-bottom:10px;
color:#990000;	
}


.pagecontentleft p {
padding-bottom:5px;
font-size:95%;
}

.pagecontentleft img {
padding-top:10px;
}


.pagecontentleft a img {
border:none;
}


.pagecontentright {
float:right;
margin-top:10px;
width:180px;
}


.box180 {
	margin:10px 0 10px 0;
	background-color:#e3eac2;
	background-image:url(../make-up-images/plumbs_chair_180box_02.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.box180 h3 {
	margin-top:4px;
	padding: 10px 8px 7px 12px;
	font-size: 100%;
	color:#FFFFFF;
	background-color:#7d8a2e;
	background-image:url(../make-up-images/plumbs_chair_180box_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.box180 ol {
	margin: 0px 0px 4px 0px;
	padding: 7px 6px 10px 12px;
	list-style: none;
	line-height: 1.3em;
}

.box180 ol li {
padding-bottom:5px;
}

.box180 ol a {
color:#333333;
}
.box180 ol a:hover {
color:#990000;
}






/* --------- 3. header  --------- */



#headerleft {
width:180px;
float:left;
margin:0px 10px 0 10px;
display:inline; /* fixes IE/Win double margin bug */
}



#headerleft img {
border:none;
}




#headermiddle {
width:440px;
float:left;
padding:0;
display:inline; /* fixes IE/Win double margin bug */
}


#headermiddle h1{
padding:5px 0 7px 15px;
color:#990000;
font-weight:bold;
font-size:185%;
}


#headermiddle p{
padding:0px 0 5px 15px;
color:#333333;
font-size:100%;
}




#headerright {
width:120px;
float:left;
padding:0px 10px 0 0;
display:inline; /* fixes IE/Win double margin bug */
}


#headerright img {
border:0px;
}




/*--------------- 4. navigation -------------*/


#navigation {
font-size:100%;
background-color:#F9EDD9;
margin:0px 0 0px 0;
font-weight:bold;
padding:10px 0px 0px 0px;
background-image:url(../make-up-images/plumbs_chair_navigation_01.gif);
background-repeat: no-repeat;
background-position: left top;
color:#FFFFFF;
}

#navigation ul {
padding:0px 0 0 0;
margin:0;
}


#navigation li {
border:1px solid #FFFFFF;
list-style:none;
margin:0px 0 0 0;
background-color:#CCCCCC;
border-left:none;
border-right:none;
}

#navigation a {
display:block;
background-color:#F9EDD9;
padding:6px 3px 6px 27px;
color:#333333;
text-decoration:none;
}

#navigation a:hover {
background-color:#993300;
color:#FFFFFF;
}

#navigation #subselected a {
background-color:#993300;
background-image:url(../make-up-images/plumbs_chair_navigation_02.gif);
background-repeat: no-repeat;
background-position: left center;
color:#FFFFFF;
}






.lefttestimonial {
background-image:url(../make-up-images/plumbs_chair_navigation_05.gif);
background-repeat: no-repeat;
background-position: left top;
padding:110px 15px 10px 15px;
}


.lefttestimonial p {
padding-bottom:10px;
font-size:90%;
}



.titlepage {
float:left;
width:540px;
padding:15px;
margin:0px 10px 0 0;
display:inline;
}

.titlepage dl {
	float:left;
	width:520px;
	margin: 0px 0px 15px 0px;
	padding:0 15px 15px 0px;
	display: inline;
	border-bottom:1px dotted #666666;
	}

.titlepage dt {
float:right;
width:373px;
margin: 0;
padding: 0px 0 5px 0;
font-size: 115%;
font-weight:bold;
color:#333333;
}

.titlepage dd {
padding: 0;
font-size:100%;
color:#333333;
}

.titlepage dl dd.img {
margin: 0;
}

.titlepage dd.img img {
float:left;
margin: 0 18px 4px 0;
padding: 0px;
}

.titlepage h1 {
font-size:145%;
font-weight:bold;
color:#990000;
padding-bottom:10px;
}

.titlepage h2 {
font-size:115%;
font-weight:bold;
padding-bottom:10px;
color:#333333;
}

.titlepage p {
padding-bottom:10px;
}

.linkpanel {
margin:15px 10px 20px 10px;
border-bottom:1px dotted #666666;
padding-bottom:10px;
}

.linkpanel h2 {
font-size:120%;
color:#333333;
padding-bottom:5px;
}




.mainpagecontentinset {
float:left;
width:540px;
margin:0px 10px 0 0;
padding:15px;
}


.mainpagecontentinset h1 {
font-size:145%;
font-weight:bold;
padding-bottom:10px;
color:#990000;	
}


.mainpagecontentinset h2 {
font-size:115%;
font-weight:bold;
padding-bottom:10px;
color:#333333;
}


.mainpagecontentinset p {
padding-bottom:10px;
margin-left:20px;
}


.imageright300 img {
width: 250px;
float:right;
margin:0 0 10px 20px;
}

.imageright180 img {
width: 180px;
float:right;
margin:0 0 10px 20px;
}


.imageleft300 img {
width: 270px;
float:left;
margin:0 20px 10px 0px;
}

.imagecenter img {
	margin:15px 0px 15px 0px;
}



.sitelinkpanel {
width:570px;
}

.sitelinkpanel img {
border:0px;
}

.sitelinkpanel img a {
border:0px;
}


























