*STYLE RESET*/
body,ul,ol,h1,h2,h3,h4,h5,h6,form,li,p,img {
	margin:0;
	padding:0;
	border:0;
}

/*----------------------------------------
   BODY
----------------------------------------*/

html {  }

body {
	font-size: 13px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 22px;
	color: #fff;
	background: #c9bdcd url(../images/bg-body.png) repeat-y center top;
	position: relative;
	margin: 0;
}
	
/*----------------------------------------
   FONTS > STANDARD
----------------------------------------*/

h1,h2,h3,h4,h5,h6 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	color: #4a6d81;
}
	
h1 { font-size: 25px; margin: 0 0 10px 0; }
h2 { font-size: 21px; margin: 0 0 10px 0; }
h3 { font-size: 18px; margin: 7px 0 7px 0; }
h4 { font-size: 14px; margin: 0 0 10px 0; line-height: 16px; }
h5 { font-size: 14px; margin: 0 0 10px 0; }
h6 { font-size: 13px; margin: 0 0 10px 0; }

p { font-size: 13px; line-height: 20px; color: #2c3d46; margin: 0 0 14px 0;  }

a { color: #3086c7; text-decoration: none; }
a:hover { color: #8dc94c; text-decoration: none; }

.clear { clear: both; font-size: 0; line-height: 0; }

.divider { height: 1px; background: #a6a6a6; border: 0; margin: 0 0 10px 0; }

/*----------------------------------------
   CONTAINERS > HEADER
----------------------------------------*/

#header { 
	width: 960px; height: 160px; 
	margin: 0 auto; 
	background: #fff url(../images/bg-header.png) no-repeat top;
	position: relative; }
#header .logo { margin: 42px 0 0 20px; float: left }

#top-menu { width: 500px; position: absolute; right: 0; top: 130px; }
#top-menu a p { float: left; padding: 0 10px 2px 10px; margin: 0; font-size: 16px; color: #9561a8; border-right: 1px solid #a5dbd4; }
#top-menu a:hover p { color: #a5dbd4; }
#top-menu a p.last { border-right: 0px; }

/*----------------------------------------
   CONTAINERS > CONTENT
----------------------------------------*/

#content-wrap { background: #d9d1dc url(../images/bg-content-wrap.png) repeat-y center top; }
#content { width: 920px; margin: 0 auto; padding: 20px; background: #e9f6fb; }
	
#main { width: 960px; height: 318px; margin: 0 auto; overflow: hidden; }

.intro { background: #d6ebf2 url(../images/img-intro.jpg) no-repeat 0 18px; }
.about { background: #d6ebf2 url(../images/img-about.jpg) no-repeat 0 18px; }
.fitting { background: #d6ebf2 url(../images/img-fitting.jpg) no-repeat 0 18px; }
.surgery { background: #d6ebf2 url(../images/img-surgery.jpg) no-repeat 0 18px; }
.ddplus { background: #d6ebf2 url(../images/img-ddplus.jpg) no-repeat 0 18px; }
.maternity { background: #d6ebf2 url(../images/img-maternity.jpg) no-repeat 0 18px; }
.health { background: #d6ebf2 url(../images/img-health.jpg) no-repeat 0 18px; }
.lifestyle { background: #d6ebf2 url(../images/img-lifestyle.jpg) no-repeat 0 18px; }
.contact { background: #d6ebf2 url(../images/img-contact.png) no-repeat 0 18px; }
.blank02 { background: #d6ebf2 url(../images/img-blank.jpg) no-repeat 0 18px; }

#text-block01 { width: 455px; margin: 56px 0 0 56px; }
#text-block01 p { font-size: 14px; line-height: 16px; margin: 0 0 14px 0; color: #8c718a; }
#text-block02 { width: 455px; margin: 56px 0 0 56px; }
#text-block02 p { font-size: 16px; line-height: 20px; margin: 14px 0 0 0; color: #8c718a; }
#text-block03 { width: 455px; margin: 0 0 0 330px; }
#text-block03 p { font-size: 14px; line-height: 16px; margin: 0 0 14px 0; color: #8c718a; }
#text-block03 img { margin: 0 0 5px 0; }
#text-block04 { width: 460px; padding: 20px 0 0 0; margin: 0 0 0 56px; }
#text-block04 p { font-size: 14px; line-height: 16px; margin: 0 0 14px 0; color: #8c718a; }

#text-block05 { width: 240px; padding: 0 20px 0 0; margin: 0 0 0 30px; float: left; }
#text-block05 p { font-size: 12px; line-height: 14px; margin: 0 0 10px 0; color: #8c718a; }
#text-block05 h3 { margin: 0 0 5px 0; color: #8c718a; }
#text-block05.first { margin: 0 0 0 56px; }

#text-block06 { width: 500px; margin: 40px 0 0 56px; }
#text-block06 p { font-size: 13px; line-height: 15px; margin: 0 0 10px 0; color: #8c718a; }
#text-block07 { width: 550px; margin: 0 0 0 330px; }
#text-block07 p { font-size: 13px; line-height: 15px; margin: 0 0 10px 0; color: #8c718a; font-style: italic; font-weight: bold; }
#text-block08 { width: 500px; margin: 56px 0 0 56px; }
#text-block08 p { font-size: 14px; line-height: 16px; margin: 10px 0 0 0; color: #8c718a; }

#text-block09 { width: 268px; padding: 0 0 0 0; margin: -8px 0 0 56px; float: left; }
#text-block09 p { font-size: 14px; line-height: 16px; margin: 0 0 14px 0; color: #8c718a; }
#text-block09 img { margin: 10px 0 10px 0; }
#text-block10 { width: 603px; height: 200px; margin: -8px 0 0 0; background: url(../images/bg-health-blocks.png) no-repeat; float: left; }

#text-block11 { width: 500px; margin: 0 0 0 360px; }
#text-block11 p { font-size: 14px; line-height: 16px; margin: 0 0 14px 0; color: #8c718a; }
#text-block12 { width: 400px; margin: 35px 0 0 56px; }
#text-block12 p { font-size: 14px; line-height: 16px; margin: 10px 0 0 0; color: #8c718a; }
#text-block13 { width: 400px; padding: 20px 0 0 0; margin: 0 0 0 56px; }
#text-block13 p { font-size: 14px; line-height: 16px; margin: 0 0 14px 0; color: #8c718a; }

#text-block14 { width: 400px; padding: 0; margin: -10px 0 0 56px; }
#text-block14 p { font-size: 14px; line-height: 16px; margin: 0 0 0 0; color: #8c718a; }
#text-block14 h4 { font-size: 14px; line-height: 16px; margin: 0 0 0 0; color: #8c718a; }

#text-block14 .text-box01 { width: 180px; padding: 0 10px 0 0; float: left; }
#text-block14 .text-box02 { width: 360px; padding: 0 10px 0 0; float: left; }

#text-block14 input { width: 170px; height: 16px; margin: 0 0 5px 0; border: 1px solid #999; }
#text-block14 input:hover { border: 1px solid #7ea9bc; background: #d6ebf2; }
#text-block14 input:focus { border: 1px solid #7ea9bc; background: #d6ebf2; }
#text-block14 textarea { width: 360px; height: 70px; margin: 0 0 5px 0; border: 1px solid #999; }
#text-block14 textarea:hover { border: 1px solid #7ea9bc; background: #d6ebf2; }
#text-block14 textarea:focus { border: 1px solid #7ea9bc; background: #d6ebf2; }
#text-block14 .button { width: 71px; height: 22px; margin: 0 0 0 0; border: 0px solid; background: url(../images/btn-send.png) top; cursor: pointer; }
#text-block14 .button:hover { border: 0px solid; background: url(../images/btn-send.png) bottom; }

#text-block15 { width: 460px; padding: 0 0 0 0; margin: 0 0 0 56px; }
#text-block15 p { font-size: 14px; line-height: 16px; margin: 0 0 14px 0; color: #8c718a; }


#sub-main { height: 203px; width: 960px; padding: 20px 0 0 0; margin: 0 auto; }
.about02 { background: #e9f6fb url(../images/img-about02.jpg) no-repeat; }
.fitting02 { background: #e9f6fb url(../images/img-fitting02.jpg) no-repeat right; }
.ddplus02 { background: #e9f6fb url(../images/img-ddplus02.jpg) no-repeat left; }
.maternity02 { background: #e9f6fb url(../images/img-maternity02.jpg) no-repeat right; }
.lifestyle02 { background: #e9f6fb url(../images/img-lifestyle02.jpg) no-repeat left; }
.contact02 { background: #e9f6fb url(../images/img-contact02.png) no-repeat left; }
.blank { background: #e9f6fb; }

/*----------------------------------------
   CONTAINERS > MENU2
----------------------------------------*/

/* root element for tabs  */
ul.tabs { list-style: none; margin: 0; padding: 0; }

/* single tab */
ul.tabs li { text-indent: 12px; padding: 0; margin: 0; list-style-image: none; }

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../images/bg-health-menu.png) no-repeat bottom;
	font-size: 11px; line-height: 30px; color: #9561a9; font-weight: bold;
	display: block;
	height: 32px; width: 265px;
	text-decoration: none;
	padding: 0; margin: 0 0 6px 0;	
	position: relative;	top: 1px;
}
ul.tabs a:active { outline: none; }

/* when mouse enters the tab move the background image */
ul.tabs a:hover { background-position: 0 -36px;	color: #fff; }

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background-position: top; color: #fff; cursor: default !important; }

.info-panes { padding: 15px 25px 10px 15px; }
.info-panes img { float: left; margin: -2px 20px 0 10px; }
.info-panes p { font-size: 11px; line-height: 13px; color: #8c718a; }



/*----------------------------------------
   CONTAINERS > MENU
----------------------------------------*/

#menu { 
	width: 550px;
	height: 30px; 
	background: url(../images/bg-menu.png) no-repeat center top; 
	position: absolute;
	top: 125px; right: 20px;
	z-index: 99;
}
#menu p { display: inline; font-size: 16px; margin: 0 10px; }
#menu p a { color: #9561a8; text-decoration: none; font-weight: bold; }
#menu p a:hover { color: #f4c839; }

/*----------------------------------------
   CONTAINERS > CONTENT
----------------------------------------*/


.info-box { 
	width: 298px; height: 172px; 
	margin: 0 12px 0 0;
	background: #fff url(../images/bg-yellow-box.jpg) repeat-x; 
	float: left; overflow: hidden; }
.info-box h2 { margin: 1000px 0 0 0; }
.btn-fitting { background: url(../images/bg-btn-fitting.jpg) no-repeat; }
.btn-healthy { background: url(../images/bg-btn-healthy.jpg) no-repeat; }
.btn-shape { background: url(../images/bg-btn-shape.jpg) no-repeat; margin: 0;}

/*----------------------------------------
   CONTAINERS > FOOTER
----------------------------------------*/

#footer { 
	height: 190px; width: 960px; 
	margin: 0 auto; padding: 3px 0 0 0;
	background: #e2d1e6 url(../images/bg-footer.png) no-repeat;
	text-align: right; }
#footer p { color: #8c718a; font-size: 10px; margin: 10px 20px 0 0; line-height: 12px  }
#footer p a { color: #7d4692; }
#footer p a:hover { color: #000; }