/* CSS Document */


body {
   background-image: url(../images/webbk.jpg);
   background-position: center top;
   background-repeat: none;
}

h1 {
color: #663298; font-size: 18px; font-family: verdana; display: block; width: 100%; border-bottom: 1px dashed #ccc; padding: 5px 0 5px 0; margin: 5px 0 10px 0;
}

h2 {
color: #666; font-weight: bold; font-size: 16px; font-family: verdana; display: block; width: 96%; border-bottom: 1px solid #ccc; padding: 5px 0 5px 0;
}

a {color: #663399; text-decoration: none; font-weight: bold; }

a:hover {color: #666; text-decoration: none; font-weight: bold; }

p { color: #666; font-size: 13px; font-family: verdana; }

#wrap {
 width: 950px; 
 margin: 0 auto;
}

.nav {
 background-image: url(../images/nav-bk.gif);
 height: 34px;
}

.nav ul {
margin: 0;
}

.footertext {
text-align: right; font-size: 10px; color: #666;
width: 950px; 
height: 30px;
}

.footertext a {color: #666; text-decoration: none; font-size: 10px;  }

.footertext a:hover {color: #663399; text-decoration: none; }


.nav li {
	float: left;
	display: inline;
        border-right: 1px solid #DFDFDF;
   
}

.nav a {
display: block; 
padding: 9px 30px 8px 30px;
color: #666; font-size: 13px; font-family: verdana;
text-decoration: none;

}

.nav a:hover {
display: block; 
padding: 9px 30px 8px 30px;
color: #663399; font-size: 13px; font-family: verdana;
text-decoration: none;

}


.text {
width: 930px;
margin: 0 auto;
}

.text li {
font-family: "verdana";
font-size: 13px;
color: #666;
display:block; 
margin: 5px 0px 5px 20px;
padding: 0px 0 0px 10px;
list-style: none;
 background: url('../images/bullet.gif') no-repeat 0px 5px;
}



img { 
border: 0;
}

.carosell {
width: 395px;
height: 299px;
float: right;
margin: 25px 30px 0 0;
}

.purplebar {
 background-image: url(../images/purplebk.gif);
background-repeat: no-repeat;
 background-color: #f5f0f4;
 height: 310px;
}

.info {
margin: 60px 0 0 50px;
float: left;
width: 354px;
}

.info a{
margin: 40px 15px 0 0px;
display: block;
float: left;

}

.content {
background-color: #f5f0f4;
}

.content-inner {
margin: 0px 0 10px 0;
padding-top: 30px;
}

.infobox {
margin: 10px 0 0 22px;
float: left;
width: 286px;
}

#treatments-Button{
  display: block;
  float: left;
  width: 132px;
  height: 39px;
  background: url("../images/treatments-button.gif") no-repeat 0 0;
}

span {
display: none;
}

#treatments-Button:hover {
  background-position: -132px 0px;
}


.contactinfo {float: right; width: 430px; padding-top: 0px; margin-right: 20px;}

.form {float: left; width: 460px; margin: 5px 0 0 20px;}

.button {width: 129px; height: 39px; border: 0px; margin-left: 270px; margin-top: 10px;}

label {width: 100px; float: left; color: #663298; font-size: 13px; font-family: verdana;  }

input {float: left; width: 300px; background-color: #fff; border: 1px solid #ccc; color: #663298; }


textarea {float: left; width: 300px; background-color: #fff; border: 1px solid #ccc; color: #663298; margin: 5px 0 5px 0;}

