body {
background-image:url(gfx/bg.gif); background-repeat:repeat-x; background-position:top;
font-size: 11px;
font-family: verdana, "Times New Roman", Times, serif;
color:#564b47;
padding:0px;
margin:0px;

}

/* ----------text-------------- */
h1, h2, h3 {
color:#7A7A7A;
font-size:16px;
font-weight: bold;
padding: 0;
margin: 10px 10px 20px 15px;}

h1 { color: #255fb3; font-size: 20px;}
h2 {color:#0E1F37;}
h3 { color:#255fb3; font-size:14px; margin: 10px 10px 10px 15px; }

/* ----------links-------------- */
a {color: #666; font-weight:bold;}
a:visited {color:#666; font-weight:bold;}
a:hover {color: #000; font-weight:bold;}
a:active { color:#666; font-weight:bold;}

.sub_menu a {color: #DB7093; font-weight:normal;}
.sub_menu a:visited {color:#DB7093; font-weight:normal;}
.sub_menu a:hover {color: #564b47; font-weight:normal;}
.sub_menu a:active { color:#000000; font-weight:normal;}

#footer a {color: #fff; font-weight:normal; text-decoration:none;}
#footer a:visited {color:#fff; font-weight:normal; text-decoration:none;}
#footer a:hover {color: #fff; font-weight:normal; text-decoration:none;}
#footer a:active { color:#fff; font-weight:normal; text-decoration:none;}


/* ----------container to center the layout-------------- */
#container {
width: 800px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
border-left: 1px solid #3c66b8;
border-right: 1px solid #3c66b8;
}

/* ----------banner for logo-------------- */
#banner {
background-color: #e1ddd9;
text-align: right;
padding: 0px;
margin: 0px;
}
#banner img {padding:0px;} 

/* -----------------content--------------------- */
#content {
background-color: #ffffff;
padding: 0px;
margin-right: 200px;
margin-left: 0px;
}
div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

#content p, #content ul {
font-size: 14px; color:#000; margin: 10px 10px 10px 15px; word-spacing: 0.20em; 
}

#content ul,.common ul {list-style-type: none;text-align: left;margin: 0 0 5px 20px;padding: 5px;}
#content li,.common li {padding-left: 20px;text-align: left;
font-size:95%;text-decoration: none;color: #000;font-weight: 300;background: transparent url("./gfx/bullet1.gif") left no-repeat;background-position:0% 5%; }

/* --------------right navi------------- */
#right {
float: right;
width: 200px;
margin: 0px;
padding: 10px;
}

/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 0px;
background-image:url(gfx/footer_bg.gif);
background-repeat:repeat-x;
min-height: 33px; }

/* -----------boxes--------------------------- */

.common,.about, .testimonial, .training_point, .healthcheck {min-height:150px;padding: 10px;}
.about  p, .testimonial p, .training_point p, .healthcheck p  { margin: 35px 5px 5px 3px;color:#666;font-size:10px;}
.common p{ margin: 15px 5px 5px 3px;color:#666;font-size:10px;}
.common h3{font-size:15px; margin: 5px;}

.common{background:url(gfx/common.gif); background-repeat:no-repeat ;}
.about {background:url(gfx/box_bg.gif); background-repeat:no-repeat ;}
.testimonial {background:url(gfx/testimonials.gif); background-repeat:no-repeat ;}
.training_point {background:url(gfx/meet_the_team_RIGHT.gif); background-repeat:no-repeat ;}
.healthcheck {background:url(gfx/healthcheck.gif); background-repeat:no-repeat ;}

#quote { background-color: #eee; border:1px dashed #ccc; margin: 10px 10px 10px 20px;}


/* -----------main navigation--------------------------- */
.menu {  position: relative; top: -3.8em; left: 25.5em; padding: 2px 0 0 0; margin: 0; width: 515px; background-image: url('./gfx/menu_bg.gif'); height: 50px }
ul#nav { width: 452px; height: 21px; margin:10px 0 0 32px; padding: 0; background: url('./gfx/menu_text.gif'); position:relative;  }
ul#nav li { display:block;  margin: 0; padding: 0; list-style: none; position: absolute; top: 0; color:#fff; }
ul#nav li a { display:block; height:21px; }
li#i1 { left: 0; width: 45px; }
li#i2 { left: 48px; width: 135px; }
li#i3 { left: 183px; width: 98px; }
li#i4 { left: 282px; width: 112px; }
li#i5 { left: 394px; width: 61px; }

/*#i1 a:hover { background: transparent url(/hr/gfx/menu_text.gif) -3px -16px no-repeat; }
#i2 a:hover { background: transparent url(/hr/gfx/menu_text.gif) -48px -16px no-repeat; }
#i3 a:hover { background: transparent url(/hr/gfx/menu_text.gif) -123px -16px no-repeat; }
#i4 a:hover { background: transparent url(/hr/gfx/menu_text.gif) -264px -16px no-repeat; }
#i5 a:hover { background: transparent url(/hr/gfx/menu_text.gif) -417px -16px no-repeat; }*/
ul#nav li a { text-indent:-9000px; background-color:transparent; }


/* -----------sub navigation--------------------------- */
.sub_menu { background-color: #eee; border-top:1px dashed #ccc;  border-right:1px dashed #ccc;  border-bottom:1px dashed #ccc;  border-left:4px solid #ccc; margin: 10px 30px 20px 15px; padding: 5px; color: #666; }

.next_menu { background-color: #f8f8f8; border:1px dashed #ccc; margin: 15px; padding: 5px; color: #CC0000; width: 50%; font-size:12px; font-weight:bold; }
.next_menu a { color: #CC0000}

/* -----------contact form--------------------------- */
#form {border: 1px dashed #ccc;padding: 1px;width: 80%;margin: 20px 0 20px 15px;background-color: #f8f8f8;}
#form p { color: #CC0000; font-weight:bold; margin:5px 0 0 5px; padding:3px;}
input, textarea {margin-left: 10px;}

/* -----------images--------------------------- */
#central_imgs { margin: 10px 0 10px 15px;}
#central_imgs img { margin-bottom: 10px; border:none;}

.right { float:right; margin: 10px 10px 10px 15px; padding: 3px; border: 1px dashed #ccc;}
.left {  margin-left:3px; border: none;}


/* -----------question and answer dhtml--------------------------- */
.qanda { margin: 0 0 0 20px;}
.dhtmlgoodies_question{	background-color:#eee;	width:90%;background-color: #eee; border-top:1px dashed #ccc;  border-right:1px dashed #ccc;  border-bottom:1px dashed #ccc;  border-left:4px solid #666; margin: 10px 30px 5px 0; padding: 5px; color: #666;height:45px;	overflow:hidden;	cursor:pointer;}
.dhtmlgoodies_answer {background-color: #fff; border-top:1px dashed #ccc;  border-right:1px dashed #ccc;  border-bottom:1px dashed #ccc;  border-left:4px solid #ccc;	width:90%;	visibility:hidden;	height:0px;	overflow:hidden;	position:relative;}
.dhtmlgoodies_answer_content { padding: 8px; color: #666;position:relative; }
.line{border:0;border-bottom:1px solid gray;width:20px;background-color: #f8f8f8;}