/*
Business of Being Born (c) DIASA DESIGN 2007
----------------------------------------------- */
@media screen {
/* =General page settings
----------------------------------------------- */
* { font-size: 100%; margin: 0; padding: 0; }

html { height: 100%; }

body { background: url(../i/new-bg.jpg) #f9f3e8 no-repeat left top scroll; color: #200000; font-size: 10px; font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", arial, geneva, sans-serif; min-width: 810px; }

p, ul, li, h2, h3, h4, h5, h6, dl, dt, dd, form, input, textarea, blockquote, pre, table { margin: 0 0 5px 0; }

/* =Headings - Generic styles
----------------------------------------------- */
h2, h3, h4, h5, h6 { background: transparent; color: #200000; font-weight: normal; letter-spacing: 1px; }

#content h2 { font-size: 11px; padding: 8px 0px 4px 0px; }

#content h3 { font-size: 11px; padding: 5px 0px 4px 0px; }

#content h4 { font-size: 10px; padding: 0px 0px 5px 0px; }

#content h5 { font-size: 9px; padding: 0px 0px 5px 0px; }

#content h6 { font-size: 11px; padding: 9px 0px 0px 170px; }

/* =Anchors
----------------------------------------------- */
a img { border: none; }

a:link { background: transparent; color: #604040; text-decoration: none; }

a:hover, a:focus, a:active { background: transparent; color: #aaaaaa; text-decoration: none; }

a:visited { background: transparent; color: #484848; text-decoration: none; }

/* =Content
----------------------------------------------- */
#content { background:none; position: relative; margin: auto; text-align: left; width: 810px; }

#contenti { background: none; position: relative; margin: auto; text-align: left; width: 810px; }

/*#wrapper { background: transparent url(../i/BB_wrappe.jpg) repeat-y 0 0; text-align: left; width: 810px; }*/
#wrapper { background: none; text-align: left; width: 810px; }

/* =Heading Layout
----------------------------------------------- */
#heading { background: none; height: 132px; position: relative; width: 810px;  }

#heading h1 { left: 9px; position: absolute; top: 36px; }

#heading h1 a { background: transparent; display: block; height: 85px; overflow: hidden; text-indent: -9999px; width: 780px; }

#heading h4 { left: 175px; position: absolute; top: 20px; }

#heading h4 a { background: transparent; display: block; height: 18px; overflow: hidden; text-indent: -9999px; width: 620px; }

/* =Content Layout
----------------------------------------------- */
#content-a { float: left; font-size: 11px; width: 160px; height: 395px; }

#content-b { float: left; font-size: 11px; width: 636px; height: 395px; }

#content-a-inner { padding:10px 10px 10px 20px; }

#content-b-inner { padding:0;}

#content-b-left { padding:0; text-align: center; float: left; font-size: 11px;  }

#content-b-right { padding:0; text-align: center; float: left; font-size: 11px;  }

.watch-title {color:#333333; font-size:14px; font-weight: bold; }


#content-c { float: left; font-size: 11px; width: 170px; height: 395px; }

#content-d {float: left; font-size: 11px; width: 630px; height: 395px; }

#content-c-inner { padding: 10px 22px 0px 31px; }

#content-d-inner { padding: 10px 24px 0px 14px; }

#content-g { float: left; font-size: 11px; width: 795px; height: 395px; }

#content-g-inner { padding: 0px 15px 0px 38px; }

#content-t { float: left; font-size: 10px; width: 160px; height: 395px; }

#content-s { float: left; font-size: 10px; width: 630px; height: 395px; }

#content-t-inner { padding: 57px 25px 0px 46px; }

#content-s-inner { padding: 10px 15px 0px 10px; }

/* =Footer
----------------------------------------------- */
#footer { clear: both; background: none; height: 70px; width: 810px; padding: 0px 0 0px 0; text-align: left; }

#footer p { background: transparent; color: #fff; font-size: 8px; line-height: 10px; margin: 0 0 2px 0; text-align: center; text-transform: uppercase; }

#nav-d { background: none; list-style-position:inside; list-style-type: none; padding: 20px 0px 0px 0px; }

#nav-d li { float: left; margin: 0 0px 0 0; list-style-type: none; padding: 0 0px 0px 0px; }

#nav-d li a { display: block; overflow: hidden; text-indent: -9999px; width: 130px; height: 45px; }

#nav-d-design { background: transparent; position: relative; left: 25px; cursor: pointer; }

#nav-d-policy { background: transparent; position: relative; left: 205px; cursor: pointer; }

/* =Index Layout
----------------------------------------------- */
#enter { background: url(../i/BB_bg.jpg) #ffffff no-repeat left top fixed; text-align: center; margin: 0 auto; padding: 0; }

/* =Main Navigation
----------------------------------------------- */
#main {width: 810px; height: 24px; background: transparent;}

.navmain {padding:0 0px 0 156px; margin:0; list-style:none; height:24px; position:relative; z-index:500; }

.navmain li.top {display:block; float:left;}

.navmain li a.pos1 {background: transparent url(../i/navmain_1.jpg); width:107px; height:24px; display:block;text-indent:-99999px;} 
.navmain li a.pos2 {background: transparent url(../i/navmain_2.jpg); width:88px; height:24px; display:block;text-indent:-99999px;} 
.navmain li a.pos3 {background: transparent url(../i/navmain_3.jpg); width:88px; height:24px; display:block;text-indent:-99999px;} 
.navmain li a.pos4 {background: transparent url(../i/navmain_4.jpg); width:114px; height:24px; display:block;text-indent:-99999px;} 
.navmain li a.pos5 {background: transparent url(../i/navmain_5.jpg); width:107px; height:24px; display:block;text-indent:-99999px;} 
.navmain li a.pos6 {background: transparent url(../i/navmain_6.jpg); width:150px; height:24px; display:block;text-indent:-99999px;} 
.navmain li a.pos7 {background: transparent url(../i/navmain_7.jpg); width:124px; height:24px; display:block;text-indent:-99999px;} 

.navmain li.p1 {background: transparent url(../i/navmain_1o.jpg);} 
.navmain li.p2 {background: transparent url(../i/navmain_2o.jpg);} 
.navmain li.p3 {background: transparent url(../i/navmain_3o.jpg);} 
.navmain li.p4 {background: transparent url(../i/navmain_4o.jpg);} 
.navmain li.p5 {background: transparent url(../i/navmain_5o.jpg);} 
.navmain li.p6 {background: transparent url(../i/navmain_6o.jpg);} 
.navmain li.p7 {background: transparent url(../i/navmain_7o.jpg);} 

.navmain li.on a.pos1,
.navmain li.on a.pos1:hover {background: transparent url(../i/navmain_1h.jpg);} 
.navmain li.on a.pos2,
.navmain li.on a.pos2:hover {background: transparent url(../i/navmain_2h.jpg);} 
.navmain li.on a.pos3,
.navmain li.on a.pos3:hover {background: transparent url(../i/navmain_3h.jpg);} 
.navmain li.on a.pos4,
.navmain li.on a.pos4:hover {background: transparent url(../i/navmain_4h.jpg);} 
.navmain li.on a.pos5,
.navmain li.on a.pos5:hover {background: transparent url(../i/navmain_5h.jpg);} 
.navmain li.on a.pos6,
.navmain li.on a.pos6:hover {background: transparent url(../i/navmain_6h.jpg);} 
.navmain li.on a.pos7,
.navmain li.on a.pos7:hover {background: transparent url(../i/navmain_7h.gif);} 

.navmain table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.navmain a:hover {visibility:visible; position:relative; z-index:200;}
.navmain li:hover {position:relative; z-index:200;}

.navmain li a.top_link:hover {background:transparent;} 
.navmain li:hover > a.top_link {background:transparent;} 

/* keep the 'next' level invisible by placing it off screen. */
.navmain ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.navmain :hover ul {left:0; top:24px; background: transparent url(../i/navsubmain_bg.jpg); padding:3px; white-space:nowrap; height:auto; width:auto; z-index:300; border-left: 1px solid #f6f0e1; border-right: 1px solid #f6f0e1; border-bottom: 1px solid #f6f0e1; }
.navmain :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.navmain :hover ul li a {display:block; font-size: 9px; height:20px; line-height:20px; width:auto; padding:0 10px; color: #0066cc; background:transparent; text-decoration:none; text-transform:uppercase;}
.navmain :hover ul li a:hover { color: #aaaaaa; }


/* =Navigation "Side Bar"
----------------------------------------------- */
#nav-s { background: transparent; list-style-type: none; padding: 0px 5px 0px 5px; }

#nav-s li { margin: 0; }

#nav-s li a { display: block; overflow: hidden; text-indent: -9999px; width: 140px; padding: 0px 0px 0px 0px; }

#nav-s-one a { background: transparent url(../i/BB_navs1.gif) no-repeat 0 0; height: 206px; }
#nav-s-one-on a { background: transparent url(../i/BB_navs1.gif) no-repeat 0 0; background-position: -140px 0; height: 206px; }

#nav-s-two a { background: transparent url(../i/BB_navs2.gif) no-repeat 0 0; height: 28px; }
#nav-s-two-on a { background: transparent url(../i/BB_navs2.gif) no-repeat 0 0; background-position: -140px 0; height: 28px; }

#nav-s-three a { background: transparent url(../i/BB_navs3.gif) no-repeat 0 0; height: 30px; }
#nav-s-three-on a { background: transparent url(../i/BB_navs3.gif) no-repeat 0 0; background-position: -140px 0; height: 30px; }

#nav-s-four a { background: transparent url(../i/BB_navs4.gif) no-repeat 0 0; height: 62px; }
#nav-s-four-on a { background: transparent url(../i/BB_navs4.gif) no-repeat 0 0; background-position: -140px 0; height: 62px; }

#nav-s-five a { background: transparent url(../i/motheringmagazine.gif) no-repeat 0 0; height: 38px; }
#nav-s-five-on a { background: transparent url(../i/motheringmagazine.gif) no-repeat 0 0; background-position: -140px 0; height: 38px; }

#nav-s-six a { background: transparent url(../i/BB_navs6.gif) no-repeat 0 0; height: 153px; }
#nav-s-six-on a { background: transparent url(../i/BB_navs6.gif) no-repeat 0 0; background-position: -140px 0; height: 153px; }

#nav-s-seven a { background: transparent url(../i/BB_navs7.gif) no-repeat 0 0; height: 70px; }
#nav-s-seven-on a { background: transparent url(../i/BB_navs7.gif) no-repeat 0 0; background-position: -140px 0; height: 70px; }

#nav-s-one a:hover, #nav-s-one a:focus, #nav-s-one a:active, #nav-s-two a:hover, #nav-s-two a:focus, #nav-s-two a:active, #nav-s-three a:hover, #nav-s-three a:focus, #nav-s-three a:active, #nav-s-four a:hover, #nav-s-four a:focus, #nav-s-four a:active, #nav-s-five a:hover, #nav-s-five a:focus, #nav-s-five a:active, #nav-s-six a:hover, #nav-s-six a:focus, #nav-s-six a:active, #nav-s-seven a:hover, #nav-s-seven a:focus, #nav-s-seven a:active { background-position: -140px 0; }

/* =Navigation "Filmmakers"
----------------------------------------------- */
#nav-f { background: transparent; list-style-type: none; padding: 60px 10px 0px 0px; }

#nav-f li { margin: 0; }

#nav-f li a { display: block; height: 30px; overflow: hidden; text-indent: -9999px; width: 140px; padding: 0px 0px 5px 0px; }

#nav-f-one a { background: transparent url(../i/BB_navf1.gif) no-repeat 0 0; }
#nav-f-one-on a { background: transparent url(../i/BB_navf1.gif) no-repeat 0 0; background-position: -140px 0; }

#nav-f-two a { background: transparent url(../i/BB_navf2.gif) no-repeat 0 0; }
#nav-f-two-on a { background: transparent url(../i/BB_navf2.gif) no-repeat 0 0; background-position: -140px 0; }

#nav-f-three a { background: transparent url(../i/BB_navf3.gif) no-repeat 0 0; }
#nav-f-three-on a { background: transparent url(../i/BB_navf3.gif) no-repeat 0 0; background-position: -140px 0; }

#nav-f-four a { background: transparent url(../i/BB_navf4.gif) no-repeat 0 0; }
#nav-f-four-on a { background: transparent url(../i/BB_navf4.gif) no-repeat 0 0; background-position: -140px 0; }

#nav-f-five a { background: transparent url(../i/BB_navf5.gif) no-repeat 0 0; }
#nav-f-five-on a { background: transparent url(../i/BB_navf5.gif) no-repeat 0 0; background-position: -140px 0; }

#nav-f-six a { background: transparent url(../i/BB_navf6.gif) no-repeat 0 0; }
#nav-f-six-on a { background: transparent url(../i/BB_navf6.gif) no-repeat 0 0; background-position: -140px 0; }

#nav-f-one a:hover, #nav-f-one a:focus, #nav-f-one a:active, #nav-f-two a:hover, #nav-f-two a:focus, #nav-f-two a:active, #nav-f-three a:hover, #nav-f-three a:focus, #nav-f-three a:active, #nav-f-four a:hover, #nav-f-four a:focus, #nav-f-four a:active, #nav-f-five a:hover, #nav-f-five a:focus, #nav-f-five a:active, #nav-f-six a:hover, #nav-f-six a:focus, #nav-f-six a:active { background-position: -140px 0; }

/* =P Classes
----------------------------------------------- */
p.note { background: transparent; font-size: 8px; text-decoration: none; }

p.list { font-size: 9px; padding: 0px 0px 0px 0px; }

p.inst { padding: 0px 0px 8px 0px; text-align:center; }

p.instj { padding: 0px 0px 8px 0px; text-align:left; }

p.sub { font-size: 9px; padding: 0px 20px 0px 0px; }

p.side { font-size: 9px; padding: 0px 6px 0px 0px; }

p.sm { font-size: 9px; padding: 0px 0px 0px 0px; }

p.smr { font-size: 8px; padding: 0px 0px 0px 0px; }

p.med { font-size: 10px; padding: 0px 0px 0px 0px; }

p.caption { font-size: 7px; color: #200000; padding: 0px 0px 0px 0px; }

p.hm { font-size: 10px; padding: 0px 20px 0px 20px; }

p.hm2 { font-size: 11px; padding: 0px 20px 0px 20px; }

p.space { font-size: 10px; padding: 10px 0px 0px 0px; text-align:center; }

p.scrn { font-size: 10px; letter-spacing: .10px; color: #006699; font-weight: bold; padding: 1px 0px 1px 0px; }

p.syn { font-size: 11px; letter-spacing: .05em; padding: 0px 0px 0px 0px; }

p.spc { font-size: 11px; letter-spacing: .10px; padding: 0px 0px 0px 0px; }

p.lg { font-size: 11px; padding: 0px 25px 5px 23px; }

p.q, p.q a { color: #0066bb; }

p.q a:hover { color: #999999; }

/* =Tables
----------------------------------------------- */
#first_name, #last_name { width: 180px; }

#email, #email_confirm, #email_address { width: 370px; }

input.send { border: none; margin: 0 auto; padding: 0; text-align:center; }

/* =Forms
----------------------------------------------- */
label { background: transparent; color: #200000; display: block; text-align:left; }

input, textarea, select { background: transparent repeat-x 0 0; border-top: 1px solid #aaaaaa; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-left: 1px solid #cccccc; color: #444444; display: block; font-family: Lucida Grande, Lucida Sans Unicode, arial, geneva, sans-serif; font-size: 9px; letter-spacing: 1px; margin-top: .5em; padding: 2px; }

select {background:#FFFFFF;}

/* =Birth Story */

#birthstory { width: 504px; }

#birthstory table td { padding: 0; }

#birthstory-name, #birthstory-email { width: 245px; }

#birthstory-subject, #birthstory-message, #comments { width: 500px; }

#birthstory-message { height: 90px; }

#birthstory input.submit { border: none; margin: 0; padding: 0; text-align:center; }

/* =Mailing List */

#mailinglist table td { padding: 0; }

#first_name, #last_name { width: 180px; }

#email { width: 370px; }

#email_confirm { width: 370px; }

/* =Tell A Friend Form */

#tell { width: 582px; }

#tell-a { float: left; width: 250px; position: relative; margin: auto; padding-left: 25px; }

#tell-b { float: left; width: 260px; position: relative; margin: auto; padding-left: 30px; }

#tell input { display: block; LEFT: 87px; width: 150px; position: relative; top: -2em; margin-bottom: 3px; }

/* make invisible marginForm inputs with class=invisible */
#tell input.hidden { display:none; visibility:hidden; margin:0px; border:none; width:0px; height:0px; }

#tell input.submit { clear: both; top: 0px }

#tell label { clear: both; margin-top: -2em; display: block; font-weight: normal; width: 100px; }

#tell label.first { margin-top: .2em }

/* FIX FOR DISAPPEARING FORM->SELECT->OPTION TAGS*/
#tell option { clear: both; display:inherit; font-weight: normal; float: left; visibility:visible; height:auto; background:none; width:auto;}

#tell select { display:block; LEFT:8em; position: relative; top: -2em; margin-bottom: 3px; width:auto; min-width:42px; overflow:visible; visibility:visible; height:auto; background:none; background:#FFFFFF; width:auto;}

#tell textarea { clear: both; margin-top: 9px; display: block; position: relative; font-weight: normal; width: 150px; margin-left: 87px; }

#tell input.image { clear: both; margin-top: -2em; display: block; }

/* =Ask a Midwife Question */

#question { width: 114px; text-align:center; }

#question table td { padding: 52px 0px 0px 0px; font-size: 8px; }

#question-name, #question-email, #question-email2 { width: 109px; }

#question-message { width: 109px; height: 85px; }

input.ask { border: none; margin: 0; padding: 0; text-align:center; }

/* =Scrolling Marquee */

#marquee { text-align:center; height: 20px; width: 550px; overflow:hidden; padding: 0px 0px 0px 20px;}

#marquee input { border: none; margin: 0; padding: 0; text-align:center; font-size: 11px; color:#9b0000; font-variant:small-caps; font-weight:bold; letter-spacing: 0px; font-stretch:condensed; }

/* =Screenings Table
----------------------------------------------- */
.tableone {width:590px; border-collapse:collapse; margin:0 auto; }
.tabletwo {width:584px; border-collapse:collapse;}
.th1 {width:129px;}
.th2 {width:213px;}
.th3 {width:250px;}

.td1 {width:129px;}
.td2 {width:213px;}
.td3 {width:250px;}

.tableone {background:#f6f0e1; border:1px solid #f6f0e1; color:#333;}
.tableone td {border:1px solid #f6f0e1; color:#666666; padding: 0px 0px 0px 5px;}
.tableone th { padding: 2px 0px 2px 8px; font-size: 9px; text-decoration: none; color:#006699; }
.tableone tbody {background:#f6f0e1; color:#666666; }
.tableone caption {background:#f6f0e1; color:#333; font-size:11px; margin:0 auto;}
.tabletwo td {background:#fffffe; color:#200000; font-size: 9px; padding: 2px 0px 2px 5px; vertical-align: top; }
.tableone th, .tabletwo th, .tableone td, .tabletwo td {text-align:left; }
.tableone tr:hover, .tabletwo tr:hover, .innerb tr:hover { background:#f6f0e1; }

.innerb {height: 280px; overflow:auto; }

/* =Javascript Scrolling
----------------------------------------------- */
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }

.scroll-pane { height: 300px; width: 614px; overflow: auto; display:block; position: relative; float: left; padding-left: 5px; text-align:justify; }

.scroll-pane2 { height: 300px; width: 609px; overflow: auto; display:block; position: relative; float: left; }

.scroll-pane3 { height: 280px; width: 614px; overflow: auto; display:block; position: relative; float: left; padding-left: 5px; }

.scroll-panecart { height: 120px; width: 594px; overflow: auto; display:block; position: relative; float: left; padding-left: 0px; }

.scroll-paneconfirm { height: 62px; width: 592px; overflow: auto; display:block; position: relative; float: left; padding-right: 0px; }

.jScrollPaneTrack { background:url(../i/jscroll_bg.gif) repeat-y 0 50%; height: 100%; position: absolute; cursor: pointer; right: 0; top: 0; }

.jScrollPaneDragTop {background:url(../i/jslider_top.gif) no-repeat 0; height: 5px; background-position:2px; position: absolute; overflow: hidden; }

.jScrollPaneDrag {background:url(../i/jslider_middle.gif) repeat-y 0 50%; background-position:2px; position: absolute; cursor: pointer; overflow: hidden; }

.jScrollPaneDragBottom {background:url(../i/jslider_bottom.gif) no-repeat 0; height: 5px;background-position:2px; position: absolute; bottom: 0; left: 0; overflow: hidden; }

a.jScrollArrowUp { background:url(../i/jscroll_up.gif) no-repeat 0 0; height:9px; width:12px; display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; }

a.jScrollArrowDown { background:url(../i/jscroll_dn.gif) no-repeat 0 0; height:9px; width:12px;display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; 
}

#holder { float: left; margin: 0; }

/* =Stills
------------------------------------------------ */

img.frame { border-top:1px solid #FFEFD5; border-right:1px solid #FFF8DC; border-bottom:1px solid #fff; border-left:1px solid #FFF8DC; }


}
@media print {
body { background: #ffffff; color: #888888; font: 8pt Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6, code, pre { color: #888888; }

h2	{ font-size: 10pt; }

h3	{ font-size: 9pt; }

h4, h5, h6 { font-size: 8pt; }

abbr, acronym { border-bottom: none; }

abbr:after, acronym:after { content: ' (' attr(title) ') '; }

a:after { content: ' (' attr(href) ') '; }

a { color: #eeeeee; text-decoration: none; }

#nav-main, #nav-a,form { display: none; }

}