/* common */
html {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#wholepage {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}
*{padding:0;margin:0;}
img{border:0; margin:0;}
p{padding:0 0 15px 0;}
.clear{clear:both;}

body { background-color: #fff; font-family: arial, verdana, helvetica, sans-serif; font-size: 80%; color: #6b6b6b; width:100%; height:100%; overflow:hidden; }

a { color: #9DB714; text-decoration: none; }
a:hover { text-decoration: underline; }


#topwrap { margin: 0 auto; width: 830px; }
  #logo { width: 245px; padding: 50px 5px 20px 10px; float: left; }
  #phonenumber { text-align: right; padding: 80px 175px 0 0; float: right; }
  
#mainwrap { margin: 0 auto; width: 830px; background-image: url(images/header_bg.gif); background-repeat: no-repeat; }
 #whitewrap { width: 665px; float: left; }  /* include header, left content, content */
 #therapist { width: 165px; float: left; } /* include right photo */
  
  #header { width: 665px; }
    #lefthead { padding: 0px 0 0 0; width: 200px; float: left; color: #797979; }
      #mainmenu { padding: 30px 0 0 50px; color: #fff; }
        #mainmenu ul { margin: 0; padding: 0; }
        #mainmenu li { margin: 0 0 10px 0; list-style: none none; font-size: 100%;}
        #mainmenu #last { margin: 0; }
        #mainmenu li a { color: #000; font-weight: bold; text-decoration: none; }
        #mainmenu li a:hover { color: #c2d71b; }
    #righthead { padding: 15px 0 0 0; width: 465px; float: left; }
      #righthead img { padding: 0 0 23px 3px; }
  
  #leftcontent { padding: 0 0 10px 0; width: 200px; float: left; color: #797979; }
    #leftcontentbg { padding: 40px 0 0 0; background-color: #fff; }
    #leftcontent a { font-weight: bold; color: #6E6E6E; }
    #leftcontent a:hover { text-decoration: none; }
    #singup { margin: 0 0 0 15px; }
    #readtips { width: 150px; margin: 50px 0 0 15px; }
      #readtips p { font-size: 12px; font-weight: bold; padding: 0 0 0 10px; }
    #leftcontentend { width: 100%; height: 64px; background-image: url(images/leftcontent-end.gif); background-repeat: no-repeat; }
  
  #content { width: 465px; float: left; background-color: #fff; }
    #image { padding: 0 0 23px 0; }
    #content p { line-height:23px; padding: 0 10px 15px 10px; }
    #content h1 { font-weight: bold; font-size: 140%; color: #5C6C7C; margin: 0 10px 7px 10px; }
    #content ul { padding: 0 0 15px 25px; }
    #content ul li a { color: #9DB714; text-decoration: none; }
    #content ul li a:hover { text-decoration: underline; }
    #content a { color: #9DB714; text-decoration: none; }
    #content a:hover { text-decoration: underline; }

  #rightcontent { padding: 70px 0 0 0; width: 165px; float: left; color: #797979; font-size: 11px; }
    #rightcontent a { color: #9DB714; font-weight: bold; text-decoration: none; }
    #rightcontent a:hover { text-decoration: underline; }
    #rightcontent p { padding: 0 0 0 13px; line-height: 18px; }
    .teaser { font-weight: bold; }
    #suephoto { padding: 0 0 5px 13px; }
    #rightcontent h3 { font-weight: bold; font-size: 13px; margin: 0 0 5px 13px; color: #7C7C78; }
    #sidemenu { width: 150px; padding: 180px 0 0 13px; }
      #sidemenu h3 { font-weight: bold; font-size: 13px; color: #7C7C78; padding: 20px 0 0 0; margin: 0; }
      #sidemenu ul li { list-style: none; }
      #sidemenu ul li a { color: #6E6E6E; font-weight: normal; }
      #sidemenu ul li a:hover { text-decoration: underline; }
      #sidemenu li{ padding:9px 0 1px 18px; background-image:url(images/sidemenu-arrow.gif); background-repeat:no-repeat; background-position:0 10px; }

    #homesidemenu { width: 150px; padding: 0px 0 0 13px; }
      #homesidemenu h3 { font-weight: bold; font-size: 13px; color: #7C7C78; padding: 20px 0 0 0; margin: 0; }
      #homesidemenu ul li { list-style: none; }
      #homesidemenu ul li a { color: #6E6E6E; font-weight: normal; }
      #homesidemenu ul li a:hover { text-decoration: underline; }
      #homesidemenu li{ padding:9px 0 1px 18px; background-image:url(images/sidemenu-arrow.gif); background-repeat:no-repeat; background-position:0 10px; }


#footer { width: 465px; height: 67px; margin: 5px 0 0 210px; font-size: 10px; color: #959493; height: 20px; text-transform: uppercase; }
  #footer p { padding: 0; line-height: 18px; }
  #footer a { color: #959493; text-decoration: none; }
  #footer a:hover { text-decoration: underline; }
#footer2 { width: 485px; height: 67px; background-image: url(images/footer.gif); background-repeat: no-repeat; margin: 5px 0 0 185px; }


/************* contact form ***************************/
form{
	width: 450px;
	margin: 15px 0 40px 10px;
	clear: left;
}

#form-left{
	width: 225px;
	float: left;
}

#form-right{
	width: 225px;
	float: right;
}

.formfield, #messagediv label{
	padding: 0 0 10px 0;
}

input, select, textarea{
	border: solid 1px #666;
	background: #fff;
	width: 180px;
}

textarea{
	width: 405px;
}

#submitdiv input{
	float: right;
	margin: 0 43px 0 0;
	background: #eee;
}

#errormsg{
	width: 350px;
	padding: 10px 10px 10px 70px;
	background: url(images/problem.jpg) no-repeat 10px 10px;
	color: red;
	border: solid 1px red;
	clear: left;
	height: 60px;
}