/* Copyright 2006 iseem www.illyanseem.com */



/* s e t u p */

*{
margin:0;
padding:0;
}
body{
color: #656565;
background: #7BA3AE url(./i/background.jpg) repeat-x 0 0;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Sans-Serif;
font-size: 1em;
}
ul{
list-style:none;
}
a, a:link{
color: #517F90;
font-weight: bold;
text-decoration: none;
}
a:visited{
}
a:hover{
color: #96D2D9;
text-decoration: underline;
}
a:active{
color: #386272;
}
a:active,
a:focus{
outline:0;
}
h3{
border-bottom: 1px solid #ccc;
color: #A66F47;
font-family: "Lucida Grande", sans-serif;
font-size: 90%;
font-weight: normal;
margin-top: 1.7em;
margin-bottom: 10px;
padding-bottom: 3px;
}
h3#first{
margin-top: .8em;
}



/* c o n t e n t */

#wrapper{
background: transparent url(./i/backplate.jpg) no-repeat center top;
height:516px;
margin: 55px auto 40px auto;
position: relative;
width: 776px;
z-index: 10;
}

h1#logo{
background: transparent url(./i/logo3.gif) no-repeat 0 0;
height: 14px;
left: 20px;
position:absolute;
top: -7px;
width: 257px;
}

h1#logo span{
display:none;
}

#content{
height: 370px;
overflow: auto;
padding-right: 70px;
position: absolute;
right: 9px;
top: 80px;
width: 420px;
z-index: 50;
font-size:1.2em;
}

#content p{
font-family: Arial, Sans-Serif;
font-size: 70%;
line-height: 1.7em;
margin-bottom: .85em;
z-index: 50;
}

#contact h3#first,
#modalities h3#first,
#patients h3#first,
#disorders h3#first,
#about h3#first{
margin-bottom: 1em;
}

blockquote p{
color: #5b7e8c;
font-family: Arial, Sans-Serif;
font-size: .8em;
font-style: italic;
left: 55px;
line-height: 1.5em;
position: absolute;
top: 115px;
width: 160px;
z-index: 200;
}
blockquote #author{
display: block;
font-style: normal;
font-weight: bold;
line-height: 1.4em;
margin-top: 5px;
white-space: nowrap;
}

p.appt{
padding-top: 20px;
text-align: right;
}
#home p.appt{
padding-top: 15px;
text-align: right;
}

p.appt a{
text-decoration: underline;
}

#home #content{
height: 395px;
}

#content ul{
font-family: Arial, Sans-Serif;
list-style-type: disc;
list-style-position: outside;
}

#content li{
font-size: 70%;
line-height: 1.5em;
margin-bottom: .8em;
margin-left: 20px;
z-index: 50;
}

#professionals #content li,
#athletes #content li,
#disorders #content li{
list-style: none;
margin-left: 0px;
}

#locations #content li{
line-height: 1.3em;
list-style: none;
margin-left: 0px;
}

#disorders #content ul li ul li{
font-size: 100%;
list-style-position: inside;
list-style-type: square;
margin-bottom: 0;
margin-left: 2px;
}

#professionals #content li strong,
#athletes #content li strong{
display: block;
margin-top: .7em;
margin-bottom: 0;
}

#locations #content li strong{
display: block;
margin-top: 1em;
margin-bottom: 0;
}

#disorders #content ul li strong{
display: block;
margin-top: 1em;
margin-bottom: .3em;
}

#pic{
background: transparent url(./i/lizard2.jpg) no-repeat left bottom;
display: block;
height: 464px;
left: 9px;
position: absolute;
top: 43px;
width: 472px;
z-index: 20;
}

#patients #pic,
#disorders #pic,
#newpatient #pic,
#athletes #pic,
#professionals #pic{
background: transparent url(./i/rockwater2.jpg) no-repeat left bottom;
display: block;
height: 464px;
left: 9px;
position: absolute;
top: 43px;
width: 472px;
z-index: 20;
}

#modalities #pic,
#facial #pic,
#acupuncture #pic,
#reiki #pic{
background: transparent url(./i/ocean2.jpg) no-repeat left bottom;
display: block;
height: 464px;
left: 9px;
position: absolute;
top: 43px;
width: 472px;
z-index: 20;
}

#contact #pic,
#questions #pic,
#appointments #pic,
#locations #pic,
#testimonials #pic{
background: transparent url(./i/tent2.jpg) no-repeat left bottom;
display: block;
height: 464px;
left: 9px;
position: absolute;
top: 43px;
width: 472px;
z-index: 20;
}

#testimonial p.testSig{
font-weight: bold;
padding-right: 15px;
text-align:right;
margin-bottom: 40px;
margin-top: -10px;
}



/* n a v */


#mainNav {
cursor: pointer;
font-size: .7em;
left: 305px;
list-style: none;
padding: 0;
position: absolute;
top: 9px;
white-space: nowrap;
z-index: 100;
}
	
#mainNav li {
display:block;
float:left;
position:relative;
white-space: nowrap;
z-index:10;
}
	
#mainNav a, #mainNav a:link, #mainNav a:visited{
color: #517F90;
cursor: pointer;
display:block;
font-weight: bold;
padding: 10px 15px 11px 15px;
text-decoration: none;
font-size:1.1em;
}
	
#mainNav a:hover, #mainNav a:active{
color: #fff;
font-weight: bold;
}

#mainNav li ul{
background-color: #517F90;
display:none;
float:none;
margin-left: 10px;
padding-top: 5px;
position: absolute;
top: 34px;
}

#mainNav li ul li{
display:inline;
float:none;
white-space: nowrap;
}
	
#mainNav li:hover ul, #mainNav li.over ul{
display: block;
}

#mainNav li ul li a, #mainNav li ul li a:link, #mainNav li ul li a:visited{
background-color: #D8E7EB;
border: 1px solid #B8CED6;
border-top: none;
color: #678590;
cursor: pointer;
display: block;
font-weight: bold;
margin: 0;
padding: 6px 7px;
white-space: nowrap;
width: 10em;
}

#mainNav li ul li a:hover, #mainNav li ul li a:active{
background-color: #FBFBFB;
color: #386272;
font-weight: bold;
}

#mainNav li ul#mod li a, 
#mainNav li ul#mod li a:link, 
#mainNav li ul#mod li a:visited{}
#mainNav li ul#patient li a, 
#mainNav li ul#patient li a:link, 
#mainNav li ul#patient li a:visited{}
#mainNav li ul#cont li a, 
#mainNav li ul#cont li a:link, 
#mainNav li ul#cont li a:visited{}


/* f o r m s */

form{
background-color: #AFC8D1;
border: 2px solid #9AB0B8;
color:#273033;
margin-bottom: 30px;
margin-top: 25px;
padding: 20px;
width: 355px;
}
form p{
width: 335px;
}
input[type="text"]{
border: 1px solid #9AB0B8;
color: #656565;
padding: 5px 0;
width: 345px;
}
input[type="radio"]{
margin: 5px 5px 0 30px;
position: relative;
top: 2px;
}
input[type="checkbox"]{
margin: 5px 8px 0 0;
}
input[type="submit"]{
background-color:#6F7F85;
border: 1px solid #85989E;
border-right-color:#5A676B;
border-bottom-color:#5A676B;
color: #fff;
cursor: pointer;
height: 40px;
margin-top: 15px;
width: 350px;
}
input[type="submit"]:hover{
background-color:#fff;
color: #273033;
}
textarea{
color: #656565;
font-family: "lucida grande",arial,sans-serif;
font-size: 1.2em;
height: 120px;
padding: 5px 0;
width: 345px;
}
textarea:focus{
border: 2px solid #5A676B;
}
input[type="text"]:focus{
border: 1px solid #5A676B;
}
label{
display: block;
float: none;
font-weight: bold;
padding-top: 0px;
padding-right: 5px;
text-align: left;
white-space: nowrap;
}
.area{
width: 335px;
}
.area label{
margin-top: 20px;
text-align: left;
}
fieldset{
border: 1px solid #9AB0B8;
margin-top: 35px;
margin-bottom: 0;
padding: 5px;
width: 335px;
}
fieldset label{
font-size: .7em;
font-weight: normal;
margin-top: -5px;
margin-bottom: 10px;
width: 60px;
}
fieldset legend{
font-size: .7em;
font-weight: bold;
padding-bottom: 10px;
}
#prefCon label,
#location label,
#times label
{
float: left;
padding-left: 30px;
}
#prefCon label,
#location label{
clear: left;
}
#times label{
width: 80px;
}
#urg{
color: #fff;
}


/* f o o t e r */

#footer{
color: #AAD0D8;
font-size: .75em;
left: 6px;
letter-spacing: 4px;
position: absolute;
text-align: center;
top: 518px;
width: 100%;
}

#credit{
color: #9ab8c0;
font-family: arial, sans-serif;
font-size: 9px;
position: absolute;
text-align: center;
top: 540px;
width: 100%;
}

#credit a{
color: #9ab8c0;
}