@import url("reset.css"); 
@import url("typography.css"); 

body { background:#FBEB12 url(images/body-bkg.png) top left repeat-x; color:#2C0301; width:100%; min-height:100%; }
#container { width:990px;  min-height:757px; text-align:left; margin:0 auto; }
.shade-left { width:17px; background:url(images/container_shade.png) top left no-repeat; min-height:757px; padding:0; margin:0; float:left; }
.shade-right { width:17px; background:url(images/container_shade.png) top right no-repeat; min-height:757px; padding:0; margin:0; float:left; }

#logo { width:400px; margin:10px 0 0 69px; float:left; }
#logo img { width:295px; height:66px; display:block; }
#logo p { margin:5px 0 0 57px; font-size:10px; line-height:1em; display:inline-block; padding:0; }
body#home #logo p { background:url(images/green70opaque.png) repeat; color:#fff; padding:2px 3px 3px; }

#menu { float:left; margin:-30px 0 0 694px; text-align:left; }
#menu ul { padding:0;}
#menu ul li { font-size:30px; line-height:25px; padding:0; background:none; }
#menu ul li.active { color:#C80900; }
#menu ul li a { color:#5D0805; }
#menu ul li a:hover { text-decoration:none; color:#FF5100; }
body#home #menu ul li a { color:#fff; }

#content { width:950px; background:#EEEEE8; padding:0; margin:0; min-height:757px; float:left; }
#content .home { min-height:757px; background:#3B6736 url(images/home-visual_2.jpg) no-repeat 50% 0; }
#content .home .text { float:left; line-height:28px; margin:-120px 0 0 67px; }
#content .home .text p { margin-bottom:20px; width:auto; display:inline-block; padding:7px 10px; color:#1B0201; line-height: 24px; }
#content .home .text p.ind1 { /*margin-left:0;*/ background:url(images/yellow50opaque.png) repeat; width:300px; }
#content .home .text p.ind2 { /*margin-left:96px;*/ background:url(images/grass50opaque.png) repeat; }
#content .home .text p.ind3 { /*margin-left:48px;*/ background:url(images/blue50opaque.png) repeat; width:365px; }
#content .home .text p a { color:#fff; }
#content .home .text p a:hover,
#content .home .text p a:visited { color:#EBEBEB; }

#content .text { float:left; line-height:28px; margin:-120px 0 0 126px; width:450px; padding-bottom:1em; }

#content .home .gallery { position:relative; z-index:2; bottom:-458px; left:510px; width:426px; }
#content .home .gallery .hdr { width:221px; height:66px; margin-left:118px; background:url(images/gallery-header.png) no-repeat; }
#content .home .gallery .visual { width:426px; height:276px; background:url(images/gallery.png) no-repeat; text-align:left; position:absolute; }
#content .home .gallery .visual a { font-size:20px; width:200px; text-align:left; padding:0; margin-left:250px; color:#FF5100; }

#content .about { position:relative; z-index:2; bottom:-422px; left:690px; width:235px; height:365px; background:url(images/lauren-metelski-pregnant.png) no-repeat; }
#content .philosophy { position:relative; z-index:2; bottom:-422px; left:690px; width:235px; height:365px; background:url(images/lauren-metelski-stomach.png) no-repeat; }
#doula { position:relative; z-index:2; top:-370px; left:690px; width:235px; height:361px; background:url(images/lauren-metelski-stomach.png) no-repeat; border:1px solid red; }

#gallery { width:500px; margin-top:10px; }
#gallery img { margin:0 2px 2px 0; padding:0; }

.quote { background:#CECEC7 url(images/quote-border.gif) repeat-x bottom left; margin:0 44px 30px 64px; }
.quote p { height:100%; margin:0 -4px 15px 0; background:url(images/quote-corner.png) no-repeat bottom right; padding:6px 20px; font-size:12px; line-height:20px; }
.color1 { background-color:#C0D7BD; }
.color2 { background-color:#BDD6D7; }
.color3 { background-color:#C5BDD7; }
.quote p.color1 { background:url(images/quote-corner-1.png) no-repeat bottom right; }
.quote p.color2 { background:url(images/quote-corner-2.png) no-repeat bottom right; }
.quote p.color3 { background:url(images/quote-corner-3.png) no-repeat bottom right; }

p img { float:left; margin:12px 10px 0 0; }

.inner { clear:both; height:91px; }

#footer { clear:both; width:950px; margin-left:17px; height:143px; background:#C9B19C url(images/footer-beige.png) repeat-x top; }
#footer .left { width:368px; height:143px; float:left; background:#C9B19C url(images/footer-green.png) repeat-x top; }
#footer .right { width:582px; height:143px; float:right; }
#footer .left p { padding:22px 0 0 120px; }
#footer .left p, #footer .left p a { color:#fff; }
#footer .right p { padding:20px 0 0 67px; line-height:35px; }
#footer .right p span { float:left; padding-right:80px; }
#footer .right p span a { color:#5D0805; }

.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }

/* Forms */
form { margin-bottom:2em; }
form label { padding: 9px 10px 9px 0; font-size:1.5em; color:#61492B; }
.lbl { width:100px; padding: 10px 10px 9px 0; font-size:1.5em; color:#61492B; float:left; clear:both; }
form input, textarea { width:350px; margin: 6px 6px 0 0; padding:4px 6px; border:1px solid #D7D7D7; color:#472905; }
textarea { height:150px; }
.button { background-color:#743A0C; color:#fff; font-weight:bold; width:364px; }

/* Tables */
table {width: 100%; line-height:1.7em; }
table th, table td { padding: 9px 10px 9px 0; vertical-align: top; }
table th { font-weight:bold; color:#fff; background-color:#743A0C; }
table td { /*border-bottom:1px solid #743A0C;*/ }

/* Widths */
.span-min { width:10px; }
.span-1 { width:10px; }
.span-2 { width:20px; }
.span-3 { width:30px; }
.span-4 { width:40px; }
.span-5 { width:50px; }
.span-6 { width:60px; }
.span-7 { width:70px; }
.span-8 { width:80px; }
.span-9 { width:90px; }
.span-10 { width:100px; }
.span-11 { width:150px; }
.span-12 { width:200px; }
.span-13 { width:250px; }
.span-14 { width:300px; }

/* Prepend */
.prepend-min { padding-left:0; }
.prepend-1 { padding-left:10px; }
.prepend-2 { padding-left:48px; }
.prepend-3 { padding-left:96px; }

/* Prepend on Top */
.top-1 { padding-top:15px }
.top-2 { padding-top:20px }
.top-3 { padding-top:30px }
.top-4 { padding-top:40px }
.top-5 { padding-top:50px }

/* Height */
.high-1 { height:10px; }
.high-7 { height:70px; }
.high-9 { height:90px; }

/* opacity */
.op-0 { opacity: 0.0; -moz-opacity: 0.0; -khtml-opacity: 0.0; filter: alpha(opacity=0); }
.op-2 { opacity: 0.2; -moz-opacity: 0.2; -khtml-opacity: 0.2; filter: alpha(opacity=20); }
.op-3 { opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; filter: alpha(opacity=30); }
.op-4 { opacity: 0.4; -moz-opacity: 0.4; -khtml-opacity: 0.4; filter: alpha(opacity=40); }
.op-5 { opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(opacity=50); }
.op-6 { opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; filter: alpha(opacity=60); }
.op-7 { opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7; filter: alpha(opacity=70); }
.op-8 { opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; filter: alpha(opacity=80); }
.op-9 { opacity: 0.9; -moz-opacity: 0.9; -khtml-opacity: 0.9; filter: alpha(opacity=90); }
.op-10 { opacity: 1.0; -moz-opacity: 1.0; -khtml-opacity: 1.0; filter: alpha(opacity=100); }