/* CSS Document */

/* body and navigation*/

html,body {

	margin:0;

	padding:0;

	background:#ffffff;

	font:11px arial, Arial, Helvetica, sans-serif; 

	color:#4d4c4b;

}



/*  site colors 

0033ff = blue

990000 = deep red

000000 = black

333333 = grey


   */
a:link {

	text-decoration: underline;
	color: #0033FF;

}

a:visited {

	text-decoration: underline;
	color: #0033FF;

}

a:hover {

	text-decoration: underline;
	color: #990000;
	

}

a:active {

	text-decoration: inherit;

}





.btn{float:right;}
.btn a {color:#0033ff;}
.btn a:hover {color:#990000;}
,btn a:visited {color: #990000;}
.btn a:active {color:#0033ff;}
#navArea {

width: 541px;

/*background-image:url(../images/navBack.gif);*/

text-indent:15px;

height: 50px;

top: 26px;

left: 238px;

z-index:300;

position:absolute;
}

#navArea ul { padding:20px 8px 8px 8px; height:32px;  margin:0; }
#navArea a { color:#ccc; text-decoration:none; text-align:center; vertical-align:bottom; margin-top:auto; height:32px; font-weight:bold; }
#navArea a:hover { color:#fff; text-decoration:underline  }
#navArea li {
	padding-right:9px;
	margin-right:9px;
	display:inline;
	list-style:none;
	border-right: 1px solid #ccc;
	height: 32px;
}
#navArea li.last { border-right:0 none; }
#navArea li.first { padding-left:0px; } 

.buttonmenu{
list-style-type: none;
margin: 0;
padding: 0;
padding-top:20px;
width: 250px;
}

.large {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #000;
}

.buttonmenu li a{
color: #0033ff;
display: block;
width: 100%;
padding: 2px 4px;
text-decoration: none;
text-indent:25px;
/*border: 1px solid;
/*border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
/*background-color: #704968;*/
text-decoration:none;
}


.buttonmenu li a:visited{
color: #0033ff;
}

.buttonmenu li a:hover, .buttonmenu li a:active{
color: black;
background-color: #ffffff;
}

.servContent {
color:#333333;
}
/* font sizes*/

.cta {
font:18px helvetica, Arial, Helvetica, sans-serifs; 

	margin:0 0;

	text-transform:uppercase;

	font-weight:bold;

	color:#fff;



}


h2 {
	
	margin:0;
	padding: 0;
	
	font: Arial, Helvetica, sans-serif;

	font-size:14px;
	
	line-height:20px;

	color:#655430;

	font-weight:bold;

	text-transform:uppercase;

}



h3 {

	font:11px helvetica, Arial, Helvetica, sans-serifs; 

	margin:0 0;

	text-transform:uppercase;

	font-weight:bold;

	color:#655430;



}

h4 {

	font:12px helvetica, Arial, Helvetica, sans-serifs; 

	margin:0 0;

	text-transform:uppercase;

	font-weight:bold;

	color:#FFFFFF;

	}

	

/*the new h1 tag*/

h1 {
padding:0;
margin:0;

font:Arial, Helvetica, sans-serif;

font-size:12px;

font-weight:bold;

color:#FF3300;

text-transform:uppercase;

line-height: 25px;

}	

h5 {

	font: Arial, Helvetica, sans-serif;

	font-size:16px;

	color:#666666;

	font-weight:bold;

	text-transform:uppercase;
	margin:0;
	padding:0;

	/*line-height: 16px;*/

	

}

h6 {

font:Helvetica, sans-serif;

font-size:1em;



color:#CCCCCC;

text-transform:uppercase;

}	

p { 

	line-height:.5; 

	margin:0 0 .5em;

}



/* text elements*/

#title {
	width: 347px;
	height: 30px;
	top: 118px;
	left: 28px;
	position: absolute;
	z-index: 3;/*	padding: 15px 0px 15px 5px;*/
}

.hometitle {
	width: 347px;
	height:32px;
	top: 136px;
	left: 10px;
	position:absolute;
}

#servTitle {
width:250px;
height:27px;
background-image: url(../images/titeBg.gif);
background-repeat:repeat-x;
top:79px;
left:0px;
z-index:2;
padding:8px 10px 10px 10px;
}


#phTitle {
width:208px;
height:27px;
background-image: url(../images/titeBg.gif);
background-repeat:repeat-x;
top:78px;
left:779px;
z-index:2;
padding:10px 10px 10px 10px;
}

#phtestimonial {

	background-image:url(../images/titleBg.gif);

	position:absolute;

	left:780px;

	top: 79px;

	width: 187px;

	height: 8px;
	padding:8px 10px 10px 10px;

}




.phone {
  color:#FFFFFF;
	font-size:14px;
	font-weight:bold;

}



.subtitle {

	color:#666666;

	font-size:16px;

	font-weight:bold;

	line-height:0px;
	/*clear:both;*/

}

	



.statement {

	color:#FFFFFF;

	font-size:16px;

	font-weight:bold;

	text-transform:uppercase;

	

	}

.underlined {

	text-decoration:underline;

}	



.history {

	line-height: 1.5em;

}

/* layout */

#wrapper {

	position: relative;

    width: 987px;

	/*height:680px;*/

	margin: 0px;

	margin-top: 0px;

	text-align:left;

}

#topBar {

	margin: 0px;

	top: 0px;

	padding: 0px;

	height: 78px;

	width: 987px;

	background-image:url(../images/topBar.gif);

}

#topRightBox {

	position:absolute;

	top: 0px;

	width: 208px;

	height: 78px;

	left: 779px;

	background-image:url(../images/topRight.gif);

}

/* top left logo for cpc*/

#logo  {

	position:absolute;

	left:0px;

	top: 0px;

	height: 78px;

	width: 241px;

	background-image:url(../images/topLeftLogo.gif);
	

}



#mainPic {
	background-image:url(../images/homePage2.jpg);
	position:absolute;
	left: 0px;
	top:80px;
	width: 779px;
	height: 283px;

}

/* testimonials section*/

#testimonial {

	background-image:url(../images/testimonialsBox.gif);

	position:absolute;

	left:779px;

	top: 78px;

	width: 208px;

	height: 29px;

}



#testiContentBox {

	position:absolute;

	background-image:url(../images/testi_box_bg.gif);

	left: 779px;

	width:208px;

	height: 256px;

	top :107px;

	padding-top: 5px;

}
/*-------testimonial box on service page-------------*/
#testiContentBox2 {

	position:absolute;

	background-image:url(../images/greyBG.gif);

	left: 779px;

	width:208px;

	height: 5020px;

	top :107px;

	padding-top: 5px;

}
/*--------testimonial box on about page--------------*/
#testiContentBox3 {
	position:absolute;
	background-image:url(../images/greyBG.gif);
	left: 782px;
	width:205px;
	height: 548px;
	top :106px;
	padding-top: 5px;

}

#testiContentBox4 {
	position:absolute;
	background-image:url(../images/greyBG.gif);
	left: 779px;
	width:208px;
	height: 1019px;
	top :106px;
	padding-top: 5px;

}
p.testimony {

	margin: 20px;

	line-height:16px;

}



p.hours {

	margin: 20px;

	line-height:normal;

}



p.history {

	margin: 10px;

}



p.subnav {

text-align:center;

font-size:10px;

color:#666666;

font-family:Arial, Helvetica, sans-serif;
line-height:12px;
}

p,h2,pre {
		margin:0px 10px 10px 10px;
		
		}
h2 {margin-left:20px;
	
	padding: 0;
	
	font: Arial, Helvetica, sans-serif;

	font-size:14px;
	
	line-height:20px;

	color:#655430;

	font-weight:bold;

	text-transform:uppercase;

}
		

#midSection {

	background-image:url(../images/bottomBg.gif);

	position:absolute;

	left: 0px;

	top: 363px;

	width: 779px;

	height: 234px;

	background-repeat: repeat-x;

}
#midcol {

	background-image: url(../images/centerBG.gif);

	position:absolute;

	left: 250px;
	/*text-indent:20px;*/
	padding-top:20px;

	top: 78px;

	width: 530px;

	height: 5023px;

	background-repeat: repeat;
	/*text-indent:25px;*/

}
#aboutcol {
	background-image: url(../images/centerBG.gif);
	position:absolute;
	left: 251px;
	/*text-indent:20px;*/
	padding-top:20px;
	top: 79px;
	width: 530px;
	height: 500px;
	background-repeat: repeat;	/*text-indent:25px;*/

}
#email {
	width:250px;
	height:200px;
	top:314px;
	left:270px;
	z-index:3;
	position:absolute;
}

#tipscol {
	background-image: url(../images/centerBG.gif);
	position:absolute;
	left: 250px;
	/*text-indent:20px;*/
	padding-top:20px;
	top: 78px;
	width: 530px;
	height: 913px;
	background-repeat: repeat;	/*text-indent:25px;*/

}

p.midcol {

	margin: 20px;
	font-size:12px;

	line-height:18px;

}

#leftcol {

	background-image: url(../images/greyBG.gif); 

	position:absolute;

	left: 0px;

	top: 105px;

	width: 250px;

	height: 5016px;
	
	background-repeat: repeat;

}
#leftcol2 {
	background-image: url(../images/greyBG.gif);
	position:absolute;
	left: 0px;
	top: 105px;
	width: 250px;
	height: 554px;
	background-repeat: repeat;

}
#leftcol3 {
	background-image: url(../images/greyBG.gif);
	position:absolute;
	left: 0px;
	top: 105px;
	width: 250px;
	height: 1023px;
	background-repeat: repeat;
	

}

.leftimg {
background-image:url(../images/br1.jpg);
width:250px;
height:170px;

}
.leftimg2 {
background-image:url(../images/br3.jpg);
width:250px;
height:195px;

}
.leftimg3 {
background-image:url(../images/br2.jpg);
width:250px;
height:318px;

}
/* tank lid pictures*/
.leftimg4 {
background-image:url(../images/img4.jpg);
width:250px;
height:318px;

}
/* walk in tubs pic*/
.leftimg5 {
background-image:url(../images/walkintub.jpg);
width:216px;
height:252px;


}
/* office hours*/

#hours {

	background-image:url(../images/hoursTitle.gif);

	position:absolute;

	top: 363px;

	left: 779px;

	width: 208px;

	height: 29px;

	z-index: 100;

}



#hoursBg {

	background-image:url(../images/hoursBg.gif);

	position:absolute;

	top: 390px;

	left: 779px;

	width: 208px;

	height: 97px;

	padding-top: 5px;

}



#Redbox {

	background-image:url(../images/integBox.jpg);

	position:absolute;

	width: 208px;

	height: 109px;

	top: 487px;

	left: 779px;

}

/* three mini boxes that sit on main graphic*/

#miniBoxes {

	position:absolute;

	left:0px;

	top: 400px;

	background-image:url(../images/thumbPics.png);

	width: 241px;

	height: 181px;

	z-index: 200;

	left: 0px;

	top: 185px;

}

#miniBox1 {
	position:absolute;
	top: 208px;
	left: 103px;
	z-index:300;
	text-align:left;
	line-height:normal;
	width: 119px;
	height: 43px;
}

#miniBox2 {
	position:absolute;
	top: 261px;
	left: 102px;
	z-index:300;
	text-align:left;
	line-height:normal;
	width: 119px;
	height: 43px;
	/* What shall we do if there were too much text here? Hide it.  */
	overflow:hidden;
}

#miniBox3 {
	position:absolute;
	top: 315px;
	left: 103px;
	z-index:300;
	text-align:left;
	line-height:normal;
	width: 119px;
	height: 43px;

}
#miniBox4 {
	position:absolute;
	top: 504px;
	left: 44px;
	z-index:300;
	text-align:left;
	line-height:normal;
	width: 316px;
	height: 62px;
}

/* blue appoointment box*/

#apptBox {
	position:absolute;
	width: 348px;
	height: 212px;
	left: 23px;
	top: 379px;
	z-index:200;
	visibility: visible;

}

/* enjoy life container*/

#enjoyBox {
	position:absolute;
	width: 350px;
	height: 190px;
	background-image:url(../images/enjoyBg.gif);
	z-index: 200;
	left: 390px;
	top: 380px;
	padding: 10px;
	overflow:auto;
}

/* top contact number*/

#emerg {
	position:absolute;
	top: 1px;
	z-index: 200;
	width: 491px;
	height: 25px;
	left: 282px;
	margin-bottom:3px;
	padding:0;
	text-align:right;

}

/* bottom sub nav and info area*/

#subnavBox {

	width: 779px;
	position:absolute;
	
	height:85px;
	left: 1px;
	top: 5121px;
	text-align:center;
	z-index: 300;
	padding: 5px 0 0 0;

}
#subnavBox1 {

	width: 779px;
	position:absolute;
	
	height:85px;
	left: 1px;
	top: 600px;
	text-align:center;
	z-index: 300;
	padding: 5px 0 0 0;

}

#subnavBox2 {
	width: 779px;
	position:absolute;
	height:85px;
	left: 129px;
	top: 662px;
	text-align:center;
	z-index: 300;
	padding: 5px 0 0 0;

}
#subnavBox3 {
	width: 779px;
	position:absolute;
	height:85px;
	left: 0px;
	top: 1133px;
	text-align:center;
	z-index: 300;
	padding: 5px 0 0 0;

}


/* btm right logo box*/

#shields {
	position:absolute;
	left: 779px;
	top:600px;
	width:208px;
	height: 80px;

}
#shields2 {
	position:absolute;
	left: 779px;
	top:5121px;
	width:208px;
	height: 80px;

}
#shields3 {
	position:absolute;
	left: 779px;
	top:1010px;
	width:208px;
	height: 80px;

}
.redBold {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #7B1520;
}
.linkNodeco {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-transform: capitalize;
	color: #666;
	text-decoration: none;
}