/* GLOBAL RESET */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,blockquote,fieldset,p,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table {
	border-collapse: collapse; 
	border-spacing: 0;
}
html, body, .wrap{
	margin:0;
	height: 100%;
}
body {
	font-family: Arial;
	color: #000000;
	font-size: 12px;
	line-height: 1.5em;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #637392;
}
.wrap{	
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom:-55px;
}
.clear {
	clear: both;
}


.wrap .wrapper .header {
	height: 187px;
}
.wrap .wrapper .header .head-wrap {
	width: 800px;
	margin: 0 auto;
	height: 187px;
}
.wrap .wrapper .header .logo {
	padding: 21px 0 0 18px;
	position: absolute;
	z-index: 10;
}
.wrap .wrapper .menu {
	position: absolute;
}
.wrap .wrapper .menu ul {
	margin: 1px 0 0 35px;
}
.wrap .wrapper .menu li a span {
	display: none;
}
.wrap .wrapper .menu li .menuwrap {
	height: 62px;
	background: url('../images/menu/menubottom.png') no-repeat bottom;
}


.wrap .wrapper .menu li .menu01 {
	background: url('../images/menu/01.jpg') no-repeat top;
	width: 99px;
	height: 62px;
	display: block;
}
.wrap .wrapper .menu li .menu02 {
	background: url('../images/menu/02.jpg') no-repeat top;
	width: 99px;
	height: 62px;
	display: block;
}
.wrap .wrapper .menu li .menu03 {
	background: url('../images/menu/03.jpg') no-repeat top;
	width: 99px;
	height: 62px;
	display: block;
}
.wrap .wrapper .menu li .menu04 {
	background: url('../images/menu/04.jpg') no-repeat top;
	width: 99px;
	height: 62px;
	display: block;
}
.wrap .wrapper .menu li .menu05 {
	background: url('../images/menu/05.jpg') no-repeat top;
	width: 99px;
	height: 62px;
	display: block;
}
.wrap .wrapper .menu li .menu06 {
	background: url('../images/menu/06.jpg') no-repeat top;
	width: 99px;
	height: 62px;
	display: block;
}
.wrap .wrapper .menu li .menu07 {
	background: url('../images/menu/07.jpg') no-repeat top;
	width: 99px;
	height: 62px;
	display: block;
}

.wrap .wrapper .menu li a:hover, .wrap .wrapper .menu li .selected {
	background-position: bottom !important;
	height: 54px !important;
}

/* start of drop down menu*/
#jsddm {
}
	
#jsddm li {
	float: left;
	list-style: none;
	font: 12px Tahoma, Arial;
	margin-right: 5px;
	width: 99px;
}
#jsddm li.line {
	background: url('../images/menu/div.jpg') no-repeat right center;
	padding-right: 1px;
}

#jsddm li a {
	display: block;
	text-decoration: none;
	color: #EAFFED;
	white-space: nowrap
}
#jsddm li a:hover, #jsddm li a.selected {
	background-position: bottom;
}
#jsddm li ul {
	margin: -8px 0 0 0;
	position: absolute;
	visibility: hidden;
	width: 99px;
}
#jsddm li ul li {
	float: left;
	display: inline;
	width: 99px;
}
#jsddm li ul li.top {
	background: url('../images/menu/submenu1.jpg') no-repeat bottom;
	height: 19px;
	display: block;
}
#jsddm li ul li.bottom {
	background: url('../images/menu/submenu2.png') no-repeat bottom left;
	width: 99px;
	height: 9px;
}
#jsddm li ul li a {
	background: #ffffff;
	padding: 0 0px 10px 6px;
	width: 93px;
	color: #171e29;
	display: block;
	font-weight: bold;
	height: auto !important;
}

#jsddm li ul li a:hover
{  }
/*end of drop down menu*/

.wrap .wrapper .mainpic {
	background: url('../images/mainpic01.jpg') no-repeat left bottom;
	height: 305px;
	width: 800px;
	margin: -23px auto 0;
}
.wrap .wrapper .mainpic02 {
	background: url('../images/mainpic02.jpg') no-repeat right bottom;
	height: 305px;
}

.wrap .wrapper .medium {
	font-size: 14px;
}
.back-to-top {
	float: right;
}
.back-to-top a {
	color:#667795;
	font-weight: bold;
}
.phone .back-to-top {
	padding-top: 10px;
}

/*home page*/
.home .wrapper {
	background: url('../images/home/bg02.jpg') repeat-x bottom;
	z-index: -10;
}
.home .wrap .wrapper .header {
	background: url('../images/home/bg.jpg') repeat-x top;
}
.home .wrap .wrapper .content {
	width: 800px;
	margin: 0 auto;
	background: url('../images/home/content.png') repeat-x top;
}
.home .wrap .wrapper .content .leftcontent {
	width: 167px;
	float: left;
	padding: 0 0 0 15px;
	font-size: 11px;
	color: #171e29;
}
.home .wrap .wrapper .content .leftcontent .profile-pic {
	position: absolute;
	margin: -51px 0 0 -10px;
}
.home .wrap .wrapper .content .rightcontent {
	background: url('../images/rightbg.png') no-repeat left top;
	width: 162px;
	float: right;
	text-align: center;
}
.home .wrap .wrapper .content .rightcontent img {
	margin-top: 20px;
}
.home .wrap .wrapper .content .centercontent {
	font-weight: bold;
	padding: 25px 180px 80px 182px;
}
.home .wrap .wrapper .content .centercontent h1 {
	font-size: 16px;
	font-weight: bold;
}
.home .wrap .wrapper .content .centercontent ul {
	margin-left: 19px;
}
.home .wrap .wrapper .content .centercontent ul li {
	list-style-image: url('../images/bullet.gif');
	margin-bottom: 10px;
	padding-left: 10px;
}

/*about page*/
.about .wrapper {
	background: #eef0f6 url('../images/about/bg02.jpg') repeat-x bottom;
	z-index: -10;
}
.about .wrap .wrapper .header {
	background: url('../images/about/bg.jpg') repeat-x top;
}
.about .wrap .wrapper .content {
	width: 800px;
	margin: 0 auto;
	background: url('../images/about/content.png') repeat-x top;
}
.about .wrap .wrapper .content .centercontent {
	padding: 10px 180px 0 10px;
}
.about .wrap .wrapper .content .centercontent h1 {
	font-weight: bold;
	font-size: 18px;
	color: #677b93;
}
.about .wrap .wrapper .content .centercontent h2 {
	font-weight: bold;
	font-size: 14px;
	color: #677b93;
}
.about .wrap .wrapper .content .centercontent .year {
	font-weight: bold;
	width: 55px;
	float: left;
}
.about .wrap .wrapper .content .rightcontent {
	background: url('../images/about/rightbg.png') no-repeat left top;
	width: 163px;
	float: right;
	height: 1645px;
}
.about .wrap .wrapper .content .rightcontent .profile-pic {
	position: absolute;
	margin-top: -64px;
}
.about .wrap .wrapper .content .rightcontent h3 {
	padding: 0 7px;
	font-size: 13px;
	font-weight: bold;
}
.about .wrap .wrapper .content .rightcontent p {
	margin: 0 10px;
	font-size: 11px;
}
.about .wrap .wrapper .content .rightcontent .line {
	border-top: 1px #b1bbc7 solid;
	padding-top:5px;
	margin-top:7px;
}
.dashed {
	background: url('../images/about/dash.gif') repeat-x;
}

/*emotional page*/
.emotional .wrapper {
	background: #ffffff url('../images/emotional/bg02.jpg') repeat-x bottom;
	z-index: -10;
}
.emotional .wrap .wrapper .header {
	background: url('../images/home/bg.jpg') repeat-x top;
}
.emotional .wrap .wrapper .content {
	width: 800px;
	margin: 0 auto;
	background: url('../images/emotional/content.png') repeat-x top;
}
.emotional .wrap .wrapper .content .centercontent {
	padding: 10px 10px 0 14px;
}
.emotional .wrap .wrapper .content .centercontent p {
	padding: 0 10px;
}
.emotional .wrap .wrapper .content .centercontent h1 {
	padding: 0 10px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3em;
}
.emotional .wrap .wrapper .content .centercontent h2 {
	font-weight: bold;
	font-size: 14px;
	padding: 0 10px;
}
.emotional .wrap .wrapper .content .centercontent ul {
	margin-left: 25px;
}
.emotional .wrap .wrapper .content .centercontent li {
	list-style-type: square;
}
.emotional .wrap .wrapper .content .centercontent .boxes {
	background: #424c5e url('../images/emotional/box_bottom.jpg') bottom no-repeat;
	width: 585px;
	color: #fff;
	padding: 15px 15px 23px 15px;
}
.emotional .wrap .wrapper .content .centercontent .boxes h1 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2em;
	padding: 0;
}
.emotional .wrap .wrapper .content .centercontent .boxes h1.space {
	padding-bottom: 10px;
}
.emotional .wrap .wrapper .content .centercontent .boxes h1 a {
	font-size: 14px;
	color: #fff;
}
.emotional .wrap .wrapper .content .centercontent .boxes .box-top {
	background: url('../images/emotional/box_top.jpg') top no-repeat;
	width: 615px;
	height: 15px;
	position: absolute;
	margin: -15px;
}
.emotional .wrap .wrapper .content .centercontent .boxes ul {
	margin-left: 15px;
}
.emotional .wrap .wrapper .content .centercontent .boxes ul li {
	margin-top: 15px;
}
.emotional .wrap .wrapper .content .centercontent .boxes .nospace li {
	margin-top: 0;
}
.emotional .wrap .wrapper .content .rightcontent {
	width: 163px;
	float: right;
	height: 1442px;
}
.emotional .wrap .wrapper .content .centercontent .boxes .float-text {
	padding-left: 117px;
}
.emotional .wrap .wrapper .content .centercontent .table {
	margin-top: 7px;
	width: 771px;
	border: 1px #000 solid;
}
.emotional .wrap .wrapper .content .centercontent .table td {
	padding: 10px 20px;
	border: 1px #000 solid;
}
.emotional .wrap .wrapper .content .centercontent .boxes02-top {
	background: url('../images/emotional/box_top02.jpg') no-repeat;
	width: 771px;
	height: 16px;
	margin-bottom:-1px;
	position: absolute;
}
.emotional .wrap .wrapper .content .centercontent .boxes02-bottom {
	background: url('../images/emotional/box_bottom02.jpg') no-repeat;
	width: 771px;
	height: 16px;
	position: absolute;
	margin-top: -3px;
}
.emotional .wrap .wrapper .content .centercontent .boxes03-top {
	background: url('../images/emotional/box_top03.jpg') no-repeat;
	width: 771px;
	height: 16px;
	margin-bottom:-1px;
	position: absolute;
}
.emotional .wrap .wrapper .content .centercontent .boxes03-bottom {
	background: url('../images/emotional/box_bottom03.jpg') no-repeat;
	width: 771px;
	height: 16px;
	position: absolute;
	margin-top: -3px;
}
.boxes04 {
	background: #6782ab;
	border: 1px #000 solid;
	padding: 20px;
	width: 729px;
}
.emotional .wrap .wrapper .content .centercontent .boxes04-top {
	background: url('../images/emotional/box_top04.jpg') no-repeat;
	width: 771px;
	height: 15px;
	margin-bottom:-1px;
	position: absolute;
}
.emotional .wrap .wrapper .content .centercontent .boxes04-bottom {
	background: url('../images/emotional/box_bottom04.jpg') no-repeat;
	width: 771px;
	height: 15px;
	position: absolute;
	margin-top: -3px;
}
.emotional .wrap .wrapper .content .centercontent .back-to-top {
	float: right;
}
.emotional .wrap .wrapper .content .centercontent .back-to-top a {
	color: #fff;
	font-weight: bold;
}

/*phone page*/
.phone .wrapper {
	background: #ffffff url('../images/phone/bg02.jpg') repeat-x bottom;
	z-index: -10;
}
.phone .wrap .wrapper .header {
	background: url('../images/home/bg.jpg') repeat-x top;
}
.phone .wrap .wrapper .content {
	width: 800px;
	margin: 0 auto;
	background: url('../images/phone/content.png') repeat-x top;
}
.phone .wrap .wrapper .content .rightcontent {
	background: url('../images/phone/sidebg.png') no-repeat bottom;
	width: 162px;
	height: 857px;
	float: right;
}
.phone .wrap .wrapper .content .centercontent {
	padding: 10px 183px 0 14px;
}
.phone .wrap .wrapper .content .rightcontent .profile-pic {
	position: absolute;
	margin: -25px 0 0 0;
}
.phone .wrap .wrapper .content .rightcontent .faq-title {
	background: url('../images/phone/faqtitle.png') no-repeat;
	width: 147px;
	height: 29px;
	line-height: 29px;
	padding-left: 15px;
	margin-left: 1px;
	font-weight: bold;
	font-size: 11px;
}
.phone .wrap .wrapper .content .rightcontent .faq-box {
	font-size: 11px;
	line-height: 1.1em;
	padding: 10px 10px 0 15px;
}
.phone .wrap .wrapper .content .centercontent .titlebg {
	background: url('../images/workshop/titlebg.png') no-repeat;
	height: 41px;
	line-height: 41px;
	padding-left: 10px;
	font-size: 14px;
	font-weight: bold;
}
.phone .wrap .wrapper .content .centercontent ul {
	margin-left: 20px;
}
.phone .wrap .wrapper .content .centercontent li {
	list-style-image: url('../images/phone/bullet.jpg');
	padding-top: 8px;
}
.phone .wrap .wrapper .content .centercontent p {
	padding: 0 8px;
}
.phone .wrap .wrapper .content .centercontent h1 {
	padding: 0 8px;
}

/*workshop page*/
.workshop .wrapper {
	background: #ffffff url('../images/workshop/bg02.jpg') repeat-x bottom;
	z-index: -10;
}
.workshop .wrap .wrapper .header {
	background: url('../images/workshop/bg.jpg') repeat-x top;
}
.workshop .wrap .wrapper .content {
	width: 800px;
	margin: 0 auto;
	background: url('../images/workshop/content.png') repeat-x top;
}
.workshop .wrap .wrapper .content .rightcontent {
	background: url('../images/workshop/sidebg02.png') no-repeat left;
	width: 142px;
	height: 978px;
	float: right;
	padding: 20px 10px 0;
	font-size: 11px;
	line-height: 1.2em;
}
.workshop .wrap .wrapper .content .rightcontent i b {
	color: #677b93;
}
.workshop .wrap .wrapper .content .leftcontent {
	background: url('../images/workshop/sidebg01.png') repeat-x top;
	width: 139px;
	float: left;
	padding: 0 15px;
	font-size: 11px;
	color: #ffffff;
	height: 981px;
	margin-top: -37px;
	font-weight: bold;
	line-height: 1.5em;
}
.workshop .wrap .wrapper .content .leftcontent p {
	padding-bottom: 5px;
}
.workshop .wrap .wrapper .content .centercontent {
	padding: 0 180px 80px 182px;
}
.workshop .wrap .wrapper .content .centercontent ul {
	margin-left: 17px;
}
.workshop .wrap .wrapper .content .centercontent li {
	list-style-image: url('../images/phone/bullet.jpg');
	padding-left: 15px;
}
.workshop .wrap .wrapper .content .centercontent h2 {
	font-size: 16px;
	font-weight: bold;
	color: #677b93;
	padding-bottom: 3px;
}
.workshop .wrap .wrapper .content .centercontent .titlebg {
	background: url('../images/workshop/titlebg.png') no-repeat;
	height: 41px;
	line-height: 41px;
	padding-left: 10px;
	font-size: 16px;
	font-weight: bold;
	margin-left: -10px;
}
.workshop .wrap .wrapper .content .centercontent .para-tab li {
	list-style-image: url('../images/workshop/bullet2.gif');
}
.workshop .wrap .wrapper .content .centercontent .back-to-top {
	float: right;
	line-height: 41px;
}
.workshop .wrap .wrapper .content .centercontent .back-to-top a {
	color: #667795;
	font-weight: bold;
}
.underline {
	text-decoration: underline;
}

/*clinic page*/
.clinic .wrapper {
	background: #ffffff url('../images/clinic/bg02.jpg') repeat-x bottom;
	z-index: -10;
}
.clinic .wrap .wrapper .header {
	background: url('../images/workshop/bg.jpg') repeat-x top;
}
.clinic .wrap .wrapper .content {
	width: 800px;
	margin: 0 auto;
	background: url('../images/clinic/content.png') repeat-x top;
}
.clinic .wrap .wrapper .content .rightcontent {
	background: url('../images/clinic/sidebg.png') no-repeat top;
	width: 162px;
	height: 857px;
	float: right;
}
.clinic .wrap .wrapper .content .rightcontent .profile-pic {
	position: absolute;
	margin: -25px 0 0 0;
}
.clinic .wrap .wrapper .content .centercontent {
	padding: 10px 183px 0 14px;
}
.clinic .wrap .wrapper .content .centercontent .back-to-top {
	float: right;
	padding-right: 20px;
}
.clinic .wrap .wrapper .content .centercontent .back-to-top a {
	color: #667795;
	font-weight: bold;
}
.clinic .wrap .wrapper .content .centercontent ul {
	margin-left: 18px;
}
.clinic .wrap .wrapper .content .centercontent ul li {
	list-style-image: url('../images/bullet.gif');
	padding-left: 10px;
}

/*link and resources page*/
.resources .wrapper {
	background: #ffffff url('../images/resources/bg02.jpg') repeat-x bottom;
	z-index: -10;
}
.resources .wrap .wrapper .header {
	background: url('../images/resources/bg.jpg') repeat-x top;
}
.resources .wrap .wrapper .content {
	width: 800px;
	margin: 0 auto;
	background: url('../images/resources/content.png') repeat-x top;
}
.resources .wrap .wrapper .content .centercontent {
	padding: 10px 14px 0 14px;
	font-size: 14px;
}
.resources .wrap .wrapper .content .centercontent a {
	font-weight: bold;
}

/*contact page*/
.contact .wrapper {
	background: #ffffff url('../images/contact/bg02.jpg') repeat-x bottom;
	z-index: -10;
}
.contact .wrap .wrapper .header {
	background: url('../images/contact/bg.jpg') repeat-x top;
}
.contact .wrap .wrapper .content {
	width: 800px;
	margin: 0 auto;
	background: url('../images/contact/content.png') repeat-x top;
}
.contact .wrap .wrapper .content .centercontent {
	padding: 10px 14px 0 190px;
}
.contact .wrap .wrapper .content .leftcontent {
	background: url('../images/contact/sidebg.png') repeat-x top;
	width: 139px;
	float: left;
	padding: 0 15px;
	font-size: 11px;
	color: #ffffff;
	height: 256px;
	margin-top: -37px;
	font-weight: bold;
	line-height: 1.5em;
}
.contact .wrap .wrapper .content .centercontent .text {
	width: 207px;
	height: 20px;
	border: 1px #abadb3 solid;
}
.contact .wrap .wrapper .content .centercontent .text2 {
	width: 103px;
	height: 20px;
	border: 1px #abadb3 solid;
}
.contact .wrap .wrapper .content .centercontent textarea {
	width: 447px;
	height: 166px;
	border: 1px #abadb3 solid;
}
.contact .wrap .wrapper .content .centercontent .info-like {
	margin-bottom: 15px;
}
.contact .wrap .wrapper .content .centercontent .info-like .small {
	padding-right: 10px;
}
.contact .wrap .wrapper .content .centercontent .info-like .big {
	padding-right: 20px;
}
.contact .wrap .wrapper .content .centercontent .submit-but {
	background: transparent url('../images/submitbut.gif') no-repeat;
	border: 0;
	width: 87px;
	height: 36px;
	padding-top: 36px;
	margin-left: 355px;
}
.contact .wrap .wrapper .content .centercontent .float-left {
	float: left;
	padding-right: 10px;
	padding-bottom: 5px;
}


.push{
	height: 34px;	
}
.footer {
	width: 785px;
	margin: 0 auto;
	height: 34px;
	font-size: 11px;
	padding-left: 10px;
}
.footer a {
	margin: 0 5px;
}
.footer a:hover {
	color: #647594;
}
.footer .copyright {
	padding-left: 5px;
}
