body{
background-color: #0066ff;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: small; }

* {
margin: 0px;
padding: 0px; }

.whole {
width: 699px;
margin-right: auto;
margin-left: auto;}

.container {
width: 699px;
margin-right: auto;
margin-left: auto;
background-image: url(images/lowermainbox.jpg);
padding: 0px 0px 227px 0px;
background-position: left bottom;
background-repeat: no-repeat;
float: left;
margin-top: 0px;
margin-bottom: 0px; 
clear: both;}

#header {
background-image: url(images/uppermainboxA.jpg);
padding: 20px 0px 0px 0px;
margin: 0px;
background-repeat: no-repeat; 
width: 699px;
height: 303px;
float:left;}

.logo {
background-image: url(images/dflogo.gif);
background-repeat: no-repeat;
text-indent: -9999px;
width: 453px;
height: 67px;
margin-right: auto;
margin-left: auto;
margin-top: 10px;
padding: 0px;
margin-bottom: 12px; }

.callus {
text-indent: -9999px;
background-image: url(images/callus.gif);
background-repeat: no-repeat;
width: 226px;
height: 27px;
padding: 0px;
margin-left: 40px;
margin-bottom: -35px;
float: left; }

.nav {
background-image: url(images/lowermenu.png);
width: 641px;
height: 20px;
background-repeat: no-repeat;
margin-left:20px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
text-indent: -9999px; 
position: relative;
float: left;}

div #nr {
float: left;
}

ul {
margin: 10px 80px 0px 300px;
padding: 0px;
float: right;}

#nr li {
list-style-type: none;
display: inline;
height: 22px;
width: 98px;
margin: 0px;
padding: 0px 6px 0px 0px;
float: left;}

#nr ul li a {
text-decoration: none; 
text-indent: -9999px;
height: 0px !important;
overflow: hidden;
text-decoration: none;
display: inline;
padding: 22px 0pt 0pt;
float: left;}

#nr li.current a {
background-position: left -22px;}

#nr a:hover {
background-position: left -22px;}

#nr .aboutus  {
background-image: url(images/aboutus1.gif);
background-repeat: no-repeat;
background-position: left top;
width: 98px;}

#nr .ourservices {
background-image: url(images/ourservices1.gif);
background-repeat: no-repeat;
background-position: left top;
width: 98px;}

#nr .photos {
background-image: url(images/photos1.gif);
background-repeat: no-repeat;
background-position: left top;
width: 98px;}

#bbb {
margin-left: 530px;
margin-top: 85px;
padding: 0px;
 }

a img {
border: 0px none;}

.smallbox, .smallbox2 {
background-image: url(images/smallboxbottom.gif);
background-repeat: no-repeat;
background-position: left bottom;
width: 373px;
padding: 0px;
margin: 10px 0px 0px 0px; 
float: left;}

.smallbox2right {
background-image: url(images/smallboxbottom.gif);
background-repeat: no-repeat;
background-position: left bottom;
width: 373px;
padding: 0px;
margin: 10px 5px 0px 0px; 
float: right;
z-index: 2;}

.smallbox h3 {
background-image: url(images/smallboxtop.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -9999px;
width: 373px;
height: 40px;
margin: 0px;}

.smallbox2 h3, .smallbox2right h3 {
background-image: url(images/smallboxtop2.gif);
background-repeat: no-repeat;
background-position: left top;
padding-top: 13px;
width: 373px;
height: 40px;
margin: 0px;
text-align: center;
text-decoration: underline; }

.smallbox p, .smallbox2 p, .smallbox2right p  {
padding-top: 10px;
padding-right: 10px;
padding-bottom: 15px;
padding-left: 15px; }

.smallbox2 dt, .smallbox2right dt {
margin-left: 15px;
font-weight: bolder; 
width: 320px;}

.smallbox2 dd, .smallbox2right dd {
margin-left: 32px;
display: block;
font-weight: bold; 
width: 320px;}

#bathtub  {
background-image: url(images/bathtub.jpg);
background-repeat: no-repeat;
width: 249px;
height: 320px;
margin: 0px 20px 0px 8px;
padding: 0px;
float: right;}

.container2 {
width: 669px;

padding: 0px 20px 10px 15px;
float: left;}

#antislip {
background-image: url(images/antislip.jpg);
background-repeat: no-repeat;
width: 252px;
height: 168px;
float: left;
margin: 0px 5px 0px 15px;
z-index: 1; }

#afterantislip {
background-image: url(images/afterantislip.jpg);
background-repeat: no-repeat;
width: 252px;
height: 168px;
float: right;
margin: 8px 30px 0px 0px; }

#shower {
background-image: url(images/shower.gif);
background-repeat: no-repeat;
width: 273px;
height: 234px;
float: right;
margin: 22px 18px 0px 0px; }

.smaller {
font-size: .8em;
font-weight: 100;
padding: 5px; 
list-style-type: none;}

.pictures {
width: 265px; }

#footer {
margin-left: 50px;
float: left; }

.form {
float: left;
padding: 0px 0px 0px 20px;
width: 500px;}

.form p {
float: left;
line-height: 16px;
margin: 0px 0px 8px 0px;
}

label {
display:block;
float:left;
margin-right:12px;
text-align:right;
width:170px;}

.clear {
clear: both;}