/* Global Layout Styles */ 

body {
margin: 0;
padding: 0;
font: 0.8em/1.5em "trebuchet MS", Verdana, Arial, sans-serif;
color: #000;
background: #acaf8f;
}

html, body {
height: 100%;
}

#container {
width: 95%;
min-height: 100%;
min-width: 940px;
background: url(../assets/generic/mainbg.gif) top left;
}

#wrapper{
float:left;
width:100%;
}

#content{
margin-left:232px;
padding-left: 50px;
}

#maincontent {
padding: 6em 1em 2em 0;
}

#navigation {
height: 130px;
}

#sidebar {
position:relative;
float:left;
width:230px;
margin-left:-100%;
}

#frame {
float:left;
margin: 30px 0 10px 5px;
background: url(../assets/generic/framebg.png) no-repeat top left;
width:268px;
height: 468px;
}

#footer {
clear:both;
margin-bottom: 10px;
height:30px;
}


/* Global CSS Styles */ 

#logo {
float:left;
padding: 0 0 0 5px;
margin:0;
}

#logo h1 {
text-indent: -9999px;
background: url(../assets/generic/wjd_logo.png) no-repeat top left;
width:272px;
height: 207px;
margin:15px 0 0 0;
padding:0;
}

#logo a {
display:block;
width:272px;
height: 207px;
}

#maincontent p {
text-align:justify;
}

#maincontent p em {
font-weight:bold;
font-style:italic;
}

#maincontent p a:link, #maincontent p a:visited {
color: #5c5e4c;
text-decoration: underline;
}

#maincontent p a:hover, #maincontent p a:active {
color: #000;
font-weight: bold;
text-decoration: none;
}

#maincontent ul {
line-height: 1.8em;
}

#maincontent ul#biglist li {
line-height: 2.5em;
font-size: 1.2em;
background: url(../assets/generic/buildstar.png) no-repeat center left;
padding-left: 40px;
list-style-type: none;
}

.testimonial {
margin-bottom:1em;
background:url(../assets/generic/testbg.png) repeat;
border: 1px solid #acaf8f;
}

.testimonial p{
padding: 0 1em;
 }
 
#maincontent p.testp {
padding-left: 1em;
font-weight: bold;
color: #4c4d3c;
} 

#frame p {
font-size: 0.9em;
line-height: 1.2em;
width: 200px;
margin: 10px 0 0 30px;
}

#frame p a:link, #frame p a:visited {
color:#000;
}

#frame p a:hover, #frame p a:active {
color:#6f7159;
text-decoration:none;
}

#frame h3 {
margin-top:100px;
padding:0 0 0 50px;
width: 141px;
height:67px;
text-indent: -9999px;
background: url(../assets/generic/lifecoach.png) no-repeat center;
}

#footer h3 {
margin-left:30px;
text-indent: -9999px;
width: 572px;
height: 25px;
background: url(../assets/generic/footertag.png) no-repeat;
}

#footer h6 {
float: right;
margin-top:-40px;
height:30px;
background:url(../assets/generic/buildstar.png) no-repeat;
padding: 0 5px 0 35px;
font-size: 0.8em;
line-height: 1.2em;
color: #6f7159;
}

#footer h6 a:link, #footer h6 a:visited {
text-decoration:none;
color:#6f7159;
}

#footer h6 a:hover, #footer h6 a:active {
text-decoration:underline;
color:#000;
}


/* Navigation Styles */ 


#navigation ul {
margin: 20px 0 0 0;
padding:0;
text-align:left;
}

#navigation li {
padding: 10px 5px 0 0;
list-style-type: none;
text-indent: -9999px;
display:block;
float: left;
}

li#about a:link, li#about a:visited {
display:block;
width: 138px;
height: 46px;
background:url(../assets/navigation/aboutme.png) no-repeat;
}

li#about a:hover, li#about a:active {
background: url(../assets/navigation/aboutmer.png) no-repeat;
}

li#whatis a:link, li#whatis a:visited {
display:block;
width: 194px;
height: 46px;
background: url(../assets/navigation/whatis.png) no-repeat;
}

li#whatis a:hover, li#whatis a:active {
background: url(../assets/navigation/whatisr.png) no-repeat;
}

li#benefits a:link, li#benefits a:visited {
display:block;
width: 142px;
height: 46px;
background: url(../assets/navigation/benefits.png) no-repeat;
}

li#benefits a:hover, li#benefits a:active {
background: url(../assets/navigation/benefitsr.png) no-repeat;
}

li#contact a:link, li#contact a:visited {
display:block;
width: 137px;
height: 46px;
background: url(../assets/navigation/contact.png) no-repeat;
}

li#contact a:hover, li#contact a:active {
background: url(../assets/navigation/contactr.png) no-repeat;
}

li#foryou a:link, li#foryou a:visited {
display:block;
width: 192px;
height: 46px;
background: url(../assets/navigation/foryou.png) no-repeat;
}

li#foryou a:hover, li#foryou a:active {
background: url(../assets/navigation/foryour.png) no-repeat;
}

li#how a:link, li#how a:visited {
display:block;
width: 209px;
height: 46px;
background: url(../assets/navigation/how.png) no-repeat;
}

li#how a:hover, li#how a:active {
background: url(../assets/navigation/howr.png) no-repeat;
}

li#who a:link, li#who a:visited {
display:block;
width: 180px;
height: 46px;
background: url(../assets/navigation/who.png) no-repeat;
}

li#who a:hover, li#who a:active {
background: url(../assets/navigation/whor.png) no-repeat;
}

li#test a:link, li#test a:visited {
display:block;
width: 175px;
height: 46px;
background: url(../assets/navigation/test.png) no-repeat;
}

li#test a:hover, li#test a:active {
background: url(../assets/navigation/testr.png) no-repeat;
}

li#pricing a:link, li#pricing a:visited {
display:block;
width: 138px;
height: 46px;
background: url(../assets/navigation/pricing.png) no-repeat;
}

li#pricing a:hover, li#pricing a:active {
background: url(../assets/navigation/pricingr.png) no-repeat;
}

/* Navigation HIGHLIGHT Styles */ 

body#about a#navabout {background: url(../assets/navigation/aboutmer.png) no-repeat;}
body#whatis a#navwhatis {background: url(../assets/navigation/whatisr.png) no-repeat;}
body#benefits a#navbenefits {background: url(../assets/navigation/benefitsr.png) no-repeat;}
body#contact a#navcontact {background: url(../assets/navigation/contactr.png) no-repeat;}
body#foryou a#navforyou {background: url(../assets/navigation/foryour.png) no-repeat;}
body#how a#navhow {background: url(../assets/navigation/howr.png) no-repeat;}
body#who a#navwho {background: url(../assets/navigation/whor.png) no-repeat;}
body#test a#navtest {background: url(../assets/navigation/testr.png) no-repeat;}
body#pricing a#navpricing {background: url(../assets/navigation/pricingr.png) no-repeat;}


/* Frame bullet Styles */ 

#frame ul {
margin:100px 0 0 0;
padding:0 0 0 20px;
}

#frame li {
list-style-type:none;
text-indent:-9999px;
padding: 10px 0 0 0;
}

li#cluttered, li#worry, li#direction, li#sabotage, li#realyou, li#happier, li#loveyourself, li#selfesteem, li#value, li#attract, li#identify, li#letgo, li#potential, li#live, li#confidence, li#charge {
width:224px;
height: 40px;
}

li#fulfilling,li#enjoylife, li#authentic, li#want, li#takecharge, li#mentalclutter, li#desire, li#hbalance, li#hconfidence, li#hfulfilling {
width:224px;
height: 50px;
}


li#cluttered {background:url(../assets/bullets/cluttered.png) no-repeat;}
li#worry {background:url(../assets/bullets/worry.png) no-repeat;}
li#fulfilling {background:url(../assets/bullets/fulfilling.png) no-repeat;}
li#enjoylife {background:url(../assets/bullets/enjoylife.png) no-repeat;}
li#direction {background:url(../assets/bullets/direction.png) no-repeat;}
li#sabotage {background:url(../assets/bullets/sabotage.png) no-repeat;}
li#realyou {background:url(../assets/bullets/realyou.png) no-repeat;}
li#authentic {background:url(../assets/bullets/authentic.png) no-repeat;}
li#happier {background:url(../assets/bullets/happier.png) no-repeat;}
li#loveyourself {background:url(../assets/bullets/loveyourself.png) no-repeat;}
li#selfesteem {background:url(../assets/bullets/selfesteem.png) no-repeat;}
li#value {background:url(../assets/bullets/value.png) no-repeat;}
li#attract {background:url(../assets/bullets/attract.png) no-repeat;}
li#identify {background:url(../assets/bullets/identify.png) no-repeat;}
li#letgo {background:url(../assets/bullets/letgo.png) no-repeat;}
li#potential {background:url(../assets/bullets/potential.png) no-repeat;}
li#live {background:url(../assets/bullets/live.png) no-repeat;}
li#confidence {background:url(../assets/bullets/confidence.png) no-repeat;}
li#want {background:url(../assets/bullets/want.png) no-repeat;}
li#takecharge {background:url(../assets/bullets/takecharge.png) no-repeat;}
li#mentalclutter {background:url(../assets/bullets/mentalclutter.png) no-repeat;}
li#desire {background:url(../assets/bullets/desire.png) no-repeat;}
li#hbalance {background:url(../assets/bullets/h_balance.png) no-repeat;}
li#hconfidence {background:url(../assets/bullets/h_confidence.png) no-repeat;}
li#hfulfilling {background:url(../assets/bullets/h_fulfilling.png) no-repeat;}
li#charge {background:url(../assets/bullets/charge.png) no-repeat;}

  /* Form Layouts */


form#wjdform {
padding:10px; 
border:1px solid #4c4d3c; 
font-size:1em; 

}

form#wjdform p {
font-size:1em; 
color:#000; 
text-align:left; 
padding:15px 5px 5px 0; 
margin:0;
}

form#wjdform fieldset#hidden {
display:none;
}

form#wjdform fieldset#feedback p {padding:4px; margin:0;}

form#wjdform fieldset {
display:block; 
border:1px dotted #4c4d3c; 
padding:5px 5px 5px 10px; 
margin-bottom:1em; 
line-height:1.5em; 
font-size:1em; 
}

form#wjdform fieldset:hover {
border:1px dotted #acaf8f; 
}

form#wjdform legend {
font-size:0.9em; 
font-weight:bold; 
border:1px solid #4c4d3c; 
margin-bottom:15px; 
padding:6px; 
background: #acaf8f; 
color:#FFF;
}

* html form#wjdform legend { padding:0 0 30px 0; margin:5px 0 0 0; border:none;}

form#wjdform label {
clear:left; 
display:block; 
float:left; 
width:150px; 
text-align:left; 
padding-right:10px; 
color:#000; 
margin-bottom:0.5em;}

form#wjdform input {
border:1px solid #4c4d3c; 
padding-left:0.5em; 
margin-bottom:0.6em; 
width:280px; 
background:#acaf8f;
color: 000;
}

fieldset#help input, fieldset#freesession input {
width: 20px;
padding-top: 0.5em; 
}

form#wjdform input:hover { background:#dee1c5; border:1px solid #000; color:#000;}
form#wjdform input:focus {background:#fff; border:1px solid #4c4d3c; color:#000;}

form#wjdform select {margin:0 0 1em 0.5em;}

form#wjdform textarea {
width:410px; 
height:10em; 
border:1px solid #4c4d3c; 
padding:0.5em; 
overflow:auto;
background:#acaf8f;
color:#000;
}

form#wjdform textarea:hover { background:#dee1c5; border:1px solid #000; color:#000;}
form#wjdform textarea:focus {background:#fff; border:1px solid #dee1c5; color:#000;}


form#wjdform #button1, form#wjdform #button2 {
color:#000; 
padding-right:0.5em; 
cursor:pointer; 
width:205px; 
margin-left:8px; 
background: #acaf8f; 
border:1px solid; 
border-color:#4c4d3c #4c4d3c #000 #000;
}

form#wjdform #button1:hover, form#wjdform #button2:hover {
color:#fff; 
background:#4c4d3c; 
border:1px solid; 
border-color:#666 #666 #999 #999; 
}