/* 
Title: Being In Flow
Author: team A design 
www.GoTeamA.com
*/

* { margin: 0; padding: 0; list-style: none; text-decoration: none; border:0; }

html { min-height:100%; }

body { 
	background:#0268cd url(../img/grad-bg.gif) top repeat-x; 
	font: normal 14px "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, Helvetica, sans-serif; 
	color:#fff; 
}

a:link, a:visited { color:#fff; }
a:hover, a:active { color:#fc0; }

div#top, div#bottom, div#left, div#right { background:#fff; position:fixed; z-index:20; }
div#left, div#right {top:0; bottom:0; width:15px; }
div#left { left:0; }
div#right { right:0; }
div#top, div#bottom { left:0; right:0; }
div#top { top:0; height:30px; }
div#bottom { bottom:0; height:15px; }

div.wrap { position:relative; min-width:960px; margin:0 auto; }
div#top p { text-align:right; color:#ac3d48; font-size:12px; margin:6px 15px 0; }

input.text { border-bottom:1px solid #69c; background:#d5ecf8; color:#639; text-align:left; width:80px; height:14px; padding:1px 2px; }
form.sign-up input#email-address { width:140px;  }
input#sign-up-button { background:#ac3d48; color:#fff; text-transform:uppercase; padding:2px 4px; }

div#container {
	position:relative;
	width:900px;
	margin:0 auto;
	padding:30px 15px 15px;
}

/*head and nav styles*/

div#head, div#nav { width:800px; }

div#head { 
	height:195px; 
	position:relative; 
	margin:0 auto; 
	text-align:center; 
	background:url(../img/header-bg.jpg) no-repeat; 
}

div#nav { 
	height:85px; 
	position:absolute; 
	top:110px; 
	left:0; 
	z-index:10; 
}

div#nav ul li { font:normal 18px 'Trebuchet MS', Helvetica, Arial, sans-serif; float:left; }
li.tall a { height:85px; line-height:80px; display:block; }
li.short a { height:65px; padding-top:20px; line-height:60px; display:block;  }

li#mission a, li#missionA a { background:url(../img/mission-btn.png) no-repeat; width:126px; }
li#services a,li#servicesA a { background: url(../img/service-btn.png) no-repeat; width:141px; }
li#blog a, li#blogA a { background: url(../img/blog-btn.png) no-repeat; width:115px; }
li#coaching a, li#coachingA a { background: url(../img/coach-btn.png) no-repeat; width:230px; }
li#contact a, li#contactA a { background: url(../img/contact-btn.png) no-repeat; width:187px; color:#fc0; }

div#nav ul li a:hover { color:#fff; }
li#mission a:hover, li#services a:hover, li#blog a:hover, li#coaching a:hover, li#contact a:hover, li#missionA a, li#servicesA a, li#blogA a, li#coachingA a, li#contactA a { background-position:0 -85px; }

h1#my-mission { background:url(../img/header-mission.png) no-repeat; width:180px; height:42px; margin:0 0 0 75px; text-indent:-9999px; padding:0; font-size:24px; }

/*lilypad styles*/

div.lilypad { float:left; position:relative; width:592px; padding:10px 0 50px 0; margin:0 0 60px 0;  }
img.lilybg { position:absolute; width:100%; height:100%; top:0; left:0; z-index:1; }
div.lilypad p.top { margin-top:-10px; }

div#missionContainer, div#servicesContainer, div#coachingContainer, div#contactContainer  { z-index:10; position:relative; top:0; left:0; }

div#missionContainer p { padding:0 80px 15px 125px; }
div#missionContainer blockquote p { 
	float:right; 
	margin:0 30px 10px 10px; 
	padding:0 0 0 8px; 
	width:175px;  
	font:bold 16px Georgia, "Times New Roman", Times, serif; 
	color:#ffc; 
	border-left:1px solid #9c6; 
	border-right:1px solid #9c6; 
}

div#servicesContainer p { padding:0 80px 15px 120px; }
div#servicesContainer ul li h2 { font:normal 16px Georgia, "Times New Roman", Times, serif; }
div#servicesContainer ul li p { font-size:12px; padding:0 0 10px 0; }
div#servicesContainer ul li { list-style: circle outside url(../img/lotus-bullet.png); margin:0 40px 0 130px; }
div#servicesContainer p a { color:#fc0; }
div#servicesContainer p a:hover { border-bottom:1px solid #fc0; }

div#coachingContainer p { padding:0 100px 15px 140px; }
div#coachingContainer ul { padding:0 0 15px 200px; }
div#coachingContainer ul li { font-size:12px; }

div#contactContainer ul li { padding:0 0 4px 0; }
div#contactContainer form { padding:0 150px; }

div#contactContainer form input, div#contactContainer form textarea { 
	background:url(../img/BiF-form-bg.gif); border:1px solid #cf0; 
	font-size:14px; 
	color:#fff;  
}

div#contactContainer form input { display:block; height:24px; width:150px; padding:2px 5px; }
div#contactContainer form textarea { height:100px; width:290px; padding:5px; }

div#contactContainer input#submit { border:0; width:116px; height:35px; background:transparent; padding:20px 88px 0 88px; }
div#contactContainer form em { font-size:10px; font-style:normal; color:#030; }

p.contactIntro { padding:0 100px 15px 120px; margin-top:-10px; }
p.formError { color:#ff0; margin:5px 0; padding:0; width:100%; text-align:left; }
p.formSubmit { padding:0 100px 310px 120px; margin-top:-10px; }

/*lotus and lettuce styling*/

div.lotus, div.lettuce { float:right; text-align:center; }

div.lotus { color:#600; }
div.lotus p { font-family:Georgia, "Times New Roman", Times, serif; margin:0 auto; }
div.lotus p.cite { padding-top:20px; }

div.lettuce p { 
	font:normal 16px/24px Georgia, "Times New Roman", Times, serif; 
	color:#fadf81; 
	padding-bottom:20px;
	width:200px; 
	margin:0 auto; 
}
div.lettuce p em { font-size:18px; }

div#missionLotus, div#servicesLotus, div#contactLotus { background:url(../img/lotus.png) no-repeat; display:block; width:284px; height:160px; padding-top:110px; }

div#missionLotus { margin:-50px 14px 0 0; }
div#servicesLotus { margin-top:30px; }
div#contactLotus { margin:-70px 14px 0 0; }

div#missionLettuce { 
	background:url(../img/BiF-lettuce-mission.png) no-repeat; 
	padding-top:60px; 
	width:273px;
	height:270px; 
	display:block; 
}

div#servicesLettuce { 
	background:url(../img/BiF-lettuce-services.png) no-repeat; 
	margin:-30px 0 0 -80px; 
	padding-top:60px; 
	width:308px; 
	height:232px; 
	display:block; 
}

div#coachingLettuce, div#contactLettuce { background:url(../img/BiF-lettuce-coaching.png) no-repeat; display:block; width:275px; height:222px; padding-top:60px; }
div#coachingLettuce { margin-top:100px; }
div#contactLettuce { margin-top:30px; }

div#footer { clear:both; margin:30px auto; background:url(../img/footer-back.gif) no-repeat; text-align:center; width:240px; height:130px; padding:5px 20px 20px; }
div#footer p { font-size:10px; color:#ccc; padding:5px 0; }