* { margin:0; padding:0;}
body { background:#000000}
html, input, textarea, select{font-family:arial; font-size:100%; color:#626262; font-weight:normal; font-size:0.75em; line-height:1.33em}
a, a:link, a:visited, a:active {color: #f8ca34;}


/*in_line*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.clear { clear:both;}

.fleft { float:left;}
.fright { float:right;}

.alignright { text-align:right;}

.title, .title_top, .title_bot{ display:block}

p {margin:0; padding:0;}


h1 { text-indent:-1000px;  padding:0; margin:0; line-height:1em; font-size:1em; background:url(images/logo.gif) no-repeat; width:282px; height:134px; margin-left:40px}
.pos{ position:absolute; margin:0; padding:0; margin-left:40px}

h2 {  padding:0; margin:0; font-size:1em; padding-bottom:15px; line-height:1.275em}

/*txt, links*/

.list ul { margin:0; padding:0; list-style:none}
.list ul li a { color:#f8ca34; text-decoration: underline; font-weight:normal; font-size:0.91em}
.list ul li a:hover{ text-decoration:none}

.list1 ul { margin:0; padding:0; list-style:none; line-height:1.875em}
.list1 ul li{ background:url(images/list_bg.gif) no-repeat 0 8px; padding-left:12px}
.list1 ul li a { color:#929292; text-decoration: underline; font-weight: bold; font-size:0.91em}
.list1 ul li a:hover{ text-decoration:none}

.list2 ul { margin:0; padding:0; list-style:none; line-height:1.6em}
.list2 ul li{ background:url(images/list_bg1.gif) no-repeat 0 7px; padding-left:12px}
.list2 ul li a { color:#f8ca34; text-decoration: underline; font-weight: normal; font-size:0.91em}
.list2 ul li a:hover{ text-decoration:none}


a{ text-decoration:underline}
a:hover{ text-decoration:none}

/*header*/
#header{ background:url(images/head_bg.jpg) no-repeat}

/*footer*/
#footer {background:#220508;color:#ccc;}
#footer .indent{ padding:0 45px; color:#ccc}
#footer .bg{ background:url(images/foot_bg.gif) repeat-x; width:100%}
#footer .bg div{ padding:32px 0 0 18px}
#footer a{ color:#ccc; text-decoration: underline}
#footer a:hover{ text-decoration:none}


/*content*/
#content{ background:#220508 url(images/content_bg.jpg) no-repeat}
body.subpage #content { background: #220508 url(images/content_bg2.jpg) no-repeat}
#content .col1 .indent{ padding:0 37px 51px 52px}
#content .block{ width:100%}
#content .block .t{ background:url(images/top.gif) repeat-x #710f19; width:100%}
#content .block .b{ background:url(images/bottom.gif) repeat-x left bottom; width:100%}
#content .block .l{ background:url(images/left.gif) repeat-y; width:100%}
#content .block .r{ background:url(images/right.gif) repeat-y right top; width:100%}
#content .block .lt{ background:url(images/lt.gif) no-repeat; width:100%}
#content .block .rt{ background:url(images/rt.gif) no-repeat right top; width:100%}
#content .block .lb{ background:url(images/lb.gif) no-repeat left bottom; width:100%}
#content .block .rb{ background:url(images/rb.gif) no-repeat right bottom; width:100%}

#content .box{ background:#f7ca33 url(images/l.gif) no-repeat; width: 150px;margin-top:10px; }
#content .box .ind_{ background:url(images/r.gif) no-repeat right top; padding:2px 0 3px 0; color:#710f19; font-weight:bold; font-family:tahoma; text-align:center; font-size:0.91em}
#content .box a { color:#710f19; font-weight:bold;text-decoration: none; text-align: center; width: 150px; display: block; }
#content .col1 .separate{ height:30px; background:url(images/separate.gif) repeat-x center}
#content .col1 a, #content .col1 a:link, #content .col1 a:visited, #content .col1 a:active { font-size: 100%; }
#content .ind1 h2 { padding: 0; margin: 0;  }
#content .ind1 { color: #ccc; }

#content .col1 a.link, #content .col1 a.link:visited, #content .col1 a.link:active, #content .col1 a.link:visited{ background:url(images/marker.gif) no-repeat 0 4px; padding-left:17px; color:#f7ca33; text-decoration:underline; font-family:tahoma;padding: 1px 0 1px 17px;}
#content .col1 a.link:hover{ text-decoration:none}

#content .col2 .row1{ width:100%}
#content .col2 .row1 .link{background:url(images/marker.gif) no-repeat 0 4px; padding-left:17px; color:#f8ca34; text-decoration:underline; font-family:tahoma;padding: 1px 0 1px 17px;}
#content .col2 .row1 .link:hover{ text-decoration:none}

#content .col2 .row2{ width:100%;padding-top:10px;}
#content .col2 .row2 .link{background:url(images/marker.gif) no-repeat 0 4px; padding-left:17px; color:#f8ca34; text-decoration:underline; font-family:tahoma;padding: 1px 0 1px 17px;}
#content .col2 .row2 .link:hover{ text-decoration:none}

#content .title{ margin-bottom:26px}

#content p{ padding-bottom:10px}

/*================== index-1.html ==================*/
#content .col1 .ind{ padding:32px 36px 46px 35px}
#content .col1 b{ color:#ffffff; font-size:0.91em}
#page1 #content .col1 .title{ margin-bottom:35px}
#content .col1 .ind1{ padding-left:8px}
#page1 #content .col1 ul{ margin:17px 0 20px 0}

#content .col2 .row1 .indent{ padding:58px 31px 126px 63px; color:#ccc}
#content .col2 .row1 p{ padding-bottom:16px}
#content .col2 .row2{ color:#ccc}
#page1 #content .col2 .row2 .col1{ width:286px}
#page1 #content .col2 .row2 .title{ margin:5px 0 33px 0}
#page1 #content .col2 .row2 .col1 .img{ display:block; margin-bottom:22px}
#page1 #content .col2 .row2 .col2{ width:255px}
#content .col2 .row2 .col2 .indent{ padding:0 20px 50px 0}
#page1 #content .col2 .row2 .block{ width:229px; padding-bottom:26px}
#page1 #content .col2 .row2 .block .c1{ width:124px; float:left}
#page1 #content .col2 .row2 .block .c2{ width:105px; float:left}
#page1 #content .col2 p{ padding-bottom:14px}

/*================== index-1.html ==================*/
#page2 #content .col1 .title{ margin-bottom:25px}
#page2 #content .col1 b{ display:block; padding-bottom:6px} 
#page2 #content .col1 .img{ display:block; margin:12px 0 13px -5px} 
#page2 #content .col1 .ind{ padding-bottom:39px}

#page2 #content .col2 .row1 .indent{ padding-bottom:94px}
#page2 #content .col2 .row2 .ind{ padding:0 34px 15px 7px}
#page2 #content .col2 .row2 ul{ margin:0 0 10px 0}
#page2 #content .col2 .row2 .img{ float:left; margin-right:21px}

/*================== index-2.html ==================*/
#page3 #content .col1 .title{ margin-bottom:36px}
#page3 #content .col1 ul{ margin:17px 0 20px 0}

#page3 #content .col2 .row1 .indent{ padding-right:0; padding-bottom:115px}
#page3 #content .col2 .row1 .indent .block{ width:452px}
#page3 #content .col2 .row1 .indent .block .c1{ float:left; width:243px}
#page3 #content .col2 .row1 .indent .block .c1 div{ padding-right:40px}
#page3 #content .col2 .row1 .indent .block .c2{ float:left; width:209px}

#page3 #content .col2 .row2 .c1{ width:287px; float:left}
#page3 #content .col2 .row2 .c1 .img{ display:block; margin-bottom:15px}
#page3 #content .col2 .row2 .c1 div{ padding:0 45px 10px 6px}
#page3 #content .col2 .row2 .c2{ width:254px; float:left}
#page3 #content .col2 .row2 .c2 div{padding-right:40px; padding-bottom:10px }
#page3 #content .col2 .row2 .c2 ul{ margin-bottom:5px}

/*================== index-3.html ==================*/
#page4 #content .col1 .title{ margin-bottom:25px}
#page4 #content .col1 .ind{ padding-bottom:38px}
#page4 #content .col1 .ind_{ padding-left:8px}
#page4 #content .col1 ul{ margin-bottom:20px}

#page4 #content .col2 .row1 p{ padding:20px 0 12px 0}
#page4 #content .col2 .row1 .indent{ padding-bottom:116px}

#page4 #content .col2 .row2 .block{ width:443px; padding-bottom:12px}
#page4 #content .col2 .row2 .block .c1{ width:234px; float:left}
#page4 #content .col2 .row2 .block .c2{ width:209px; float:left}
#page4 #content .col2 .row2 .block .c2 img{ margin:0 6px 11px 0}
#page4 #content .col2 .row2 .fleft{ padding-left:4px}
#page4 #content .col2 .row2 .fright{ color:#ccc; padding-right:80px} 
#page4 #content .col2 .row2 .fright a{ color:#ccc; text-decoration:underline}
#page4 #content .col2 .row2 .fright a:hover{ text-decoration:none}
#page4 #content .col2 .row2 .fright span a{ text-decoration:none; font-weight:bold}
 
/*================== index-4.html ==================*/
#page5 #content .col1 .title{ margin-bottom:28px}
#page5 #content .col1 .ind_{ padding-left:8px; color:#f8ca34; font-size:0.91em}
#page5 #content .col1 p{ padding-bottom:16px}
#page5 #content .col1 .indent{ padding-right:45px}
#page5 #content .col1 .ind{ padding-bottom:17px}

#page5 #content .col2 .row1 .title{ margin-bottom:18px}
#page5 #content .col2 .row1 .img{ float:left; margin-right:16px}
#page5 #content .col2 .row1 a{ color:#455a00; text-decoration:underline}
#page5 #content .col2 .row1 a:hover{ text-decoration:none}
#page5 #content .col2 .row1 .indent{ padding-left:50px; padding-bottom:108px}

#page5 #content .col2 .row2 .indent{ padding:30px 20px 10px 0 }
#page5 #content .col2 .row2 .indent .block{ width:500px; margin-top:12px}
#page5 #content .col2 .row2 .indent .block .c1{ width:183px; float:left}
#page5 #content .col2 .row2 .indent .block .c1 .row{ height:25px}
#page5 #content .col2 .row2 .indent .block .c2{ width:317px; float:left}
#page5 #content .col2 .row2 .indent .block input{ width:176px; height:18px; background:#0d0d0d; border:#a4a4a4 1px solid; font-family:tahoma; font-size:0.91em}
#page5 #content .col2 .row2 .indent .block textarea{ width:311px; height:68px; background:#0d0d0d; border:#a4a4a4 1px solid; font-family:tahoma; font-size:0.91em; overflow:auto}
#page5 #content .col2 .row2 .indent .block .fleft{ padding-top:19px}
#page5 #content .col2 .row2 .indent .block .fright{ padding-top:19px; padding-right:3px}

/*================== index-5.html ==================*/
#page6 #content .col1 .title{ margin-bottom:28px}
#page6 #content .col1 .ind_{ padding-left:8px; color:#f8ca34; font-size:0.91em}
#page6 #content .col1 p{ padding-bottom:16px}
#page6 #content .col1 .indent{ padding-right:45px}
#page6 #content .col1 .ind{ padding-bottom:36px}

#page6 #content .col2 .row1 .indent{ padding-top:36px; padding-left:53px}
#page6 #content .col2 .row1 p{ padding:16px 0 14px 0}

#page6 #content .col2 .row2 .indent{ padding:0 20px 10px 0 }
#page6 #content .col2 .row2 .indent p{ padding-bottom:15px}
#page6 #content .col2 .row2 .link{ color:#f8ca34; text-decoration:underline; font-family:tahoma; background:none; padding:0}

.aboutus h2, .our-clinic h2, .midwifery-care h2, .resources h2.h2 { font-size: 1.7em; }
.our-clinic h2 { padding: 15px 0 5px; margin: 0; }
.our-clinic h2.first { padding-top: 0; }
.midwifery-care ul { margin-left: 20px; }
.midwifery-care h2 { padding: 15px 0 5px; margin: 0; }
.midwifery-care h2.first { padding-top: 0; }
div.baby-photos img, div.clinic-photos img {  border: 3px solid #710f19; margin: 0 10px 10px; }
div.baby-photos img.first, div.clinic-photos img.first { margin-left: 0; }
img.imgbdr { border: 3px solid #710f19; }
.our-clinic h3, .midwifery-care h3 { font-weight: bold; font-size: 1.2em; padding: 0 0 3px; margin: 0; line-height: 1.2; }
.midwifery-care h3 { padding-top: 5px; }
.bioleft { width: 146px; margin-right: 15px; float: left; }
.bioleft img { border: 1px solid #710f19; }
.bioleft h3 { background: #710f19; font-size: 0.91em; padding: 10px; }
blockquote { padding: 10px; color: #999; border-left: 2px solid #710f19; }
blockquote p { font-weight: bold; font-style: italic; }
blockquote cite { text-align: right; font-style: normal; }
.clear { clear: both; }

.resources h2 { clear: both; padding: 0 0 5px; margin: 0; }
.resources dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.resources dl { padding-bottom: 20px; zoom: 1;}
.resources dl dt { float: left; width: 330px; clear: left; }
.resources dl dd { float: left; width: 180px; }
.resources dl.dlpadd {padding-left: 15px; padding-bottom:0;}
.resources dl.dlpadd dt { width: 315px; }