/* CSS Document */

/* Global Generic Styles */

body {
height:100%;
margin: 0;
padding: 0;
font: 0.8em/1.4em "trebuchet MS", Verdana, Arial, sans-serif;
color: #000;
background: #000 url(../assets/generic/star-bg.gif) fixed bottom right no-repeat;
}

#container {
position:relative;
margin:50px 0 0 125px;
padding:0;
width: 568px;
height:100%;
min-height:680px;
background:#fff;
}

#header {
margin: 0;
padding:0;
width: 100%;
height: 100px;
background: url(../assets/generic/tr-corner.gif) top right no-repeat;
}

#content {
margin: 0 0 0 130px;
padding: 0;
}

#side {
position:absolute;
left:-80px;
top:120px;
width:186px;
height:575px;
background:url(../assets/generic/bottom-circles.png) bottom no-repeat;
}

#footer {
float:left;
margin:0 0 0 125px;
padding: 0;
width: 568px;
}

/* HEADER Styles */

#header h2 {
width: 353px;
height:100px;
text-indent:-9999px;
background:url(../assets/generic/envisage-success.gif) top left no-repeat;
}

#header p {
font-size: 0.9em;
float:right;
margin:-75px 0.8em 0 0;
padding:0;
text-align:right;
}

#header p b {
color: #ff7d21;
}

#header a:link, a:visited {
color: #000;
text-decoration:none;
}

#header a:hover, a:active {
color: #ff7d21;
}

/* CONTENT Styles */

#content p {
text-align:justify;
font-size:0.9em;
line-height:1.5em;
padding: 0.5em 2.5em 1em 0;
margin:0 0 0.5em 0;
}

#content a:link {text-decoration:underline; color:#ff7d21;}
#content a:visited {text-decoration:underline; color:#999;}
#content a:hover, #content a:active  {text-decoration:none; color: #00bfff}

p.orange {
color:#000;
font-weight:bold;
}

p.orange b {
color:#ff7d21;
font-style:italic;
}

p.orange span.answer {
font-weight:normal;
}

#content ul {
margin:0 0 0 1em;
padding: 0 0 1em 0;
}

#content li {

line-height:1.7em;
font-size: 0.95em;
list-style-type:disc;
}

/* CONTENT TITLE Styles */

#content h3 {
text-indent: -9999px;
width:370px;
height:35px;
margin:0.5em 0 0.3em 0;
padding:0;
}


#content h3.welcome{background:url(../assets/titles/welcome.gif) no-repeat;}
#content h3.canhelp{background:url(../assets/titles/nlp-can-help.gif) no-repeat;}
#content h3.whatisnlp {background:url(../assets/titles/what-is-nlp-coaching.gif) no-repeat;}
#content h3.nlp{background:url(../assets/titles/nlp-coaching.gif) no-repeat;}
#content h3.isitforyou{background:url(../assets/titles/is-it-for-you.gif) no-repeat;}
#content h3.process{background:url(../assets/titles/what-is-the-process.gif) no-repeat;}
#content h3.sessions{background:url(../assets/titles/coaching-sessions.gif) no-repeat;}
#content h3.workshops{background:url(../assets/titles/workshops-and-seminars.gif) no-repeat;}
#content h3.communication{background:url(../assets/titles/communication-skills.gif) no-repeat;}
#content h3.goal{background:url(../assets/titles/goal-setting.gif) no-repeat;}
#content h3.about {background:url(../assets/titles/bit-about-me.gif) no-repeat;}
#content h3.testimonials {background:url(../assets/titles/testimonials.gif) no-repeat;}
#content h3.contact {background:url(../assets/titles/contact.gif) no-repeat;}
#content h3.sarah {background:url(../assets/titles/sarah-coope.gif) no-repeat;}

/* CONTENT QUOTE Styles */

#content h4 {
text-indent: -9999px;
width:425px;
height:90px;
margin:0.5em 0 0.5em 0;
padding:0 0 0.8em 0;
}

#content h4.coachingis {background:url(../assets/quotes/coaching-is.gif) no-repeat;}
#content h4.aristotle {background:url(../assets/quotes/aristotle.gif) no-repeat;}
#content h4.collier {background:url(../assets/quotes/collier.gif) no-repeat;}


/* navbox box Layout Styles */

.rbroundbox { background: #ff7d21; }
.rbtop div  { background: url(../assets/navigation/tl.gif) no-repeat top left; }
.rbtop      { background: url(../assets/navigation/tr.gif) no-repeat top right; }
.rbbot div  { background: url(../assets/navigation/bl.gif) no-repeat bottom left; }
.rbbot      { background: url(../assets/navigation/br.gif) no-repeat bottom right; }

.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 14px;
font-size: 1px;
}

.rbcontent  { margin: 0; }
.rbroundbox { width: 186px;}

.rbcontent h4 {
margin:0 0 0.5em 0.8em;
padding:0;
background: url(../assets/navigation/nlp-coaching.gif) left no-repeat;
text-indent: -9999px;
width: 170px;
height:32px;
}

.rbcontent ul {
margin:0;
padding:0;
}

.rbcontent li {
margin:0;
padding:0;
list-style-type: none;
border-bottom: 2px dotted #ff9e59;
text-indent:-9999px;
} 

.rbcontent li.first {
border-top: 2px dotted #ff9e59;
}

.rbcontent li a {
padding:0;
margin:0;
display:block;
width:186px;
height:33px;
}


.rbcontent li.welcome {background: url(../assets/navigation/welcome-r.gif) no-repeat -1000px -1000px}
.rbcontent li.welcome a:link, .rbcontent li.welcome a:visited {
background: url(../assets/navigation/welcome.gif) no-repeat center left;}
.rbcontent li.welcome a:hover, .rbcontent li.welcome a:active {
background: url(../assets/navigation/welcome-r.gif) no-repeat center left;}

.rbcontent li.whatis {background: url(../assets/navigation/what-is-r.gif) no-repeat -1000px -1000px}
.rbcontent li.whatis a:link, .rbcontent li.whatis a:visited {
background: url(../assets/navigation/what-is.gif) no-repeat center left;}
.rbcontent li.whatis a:hover, .rbcontent li.whatis a:active {
background: url(../assets/navigation/what-is-r.gif) no-repeat center left;}

.rbcontent li.foryou {background: url(../assets/navigation/is-it-for-you-r.gif) no-repeat -1000px -1000px}
.rbcontent li.foryou a:link, .rbcontent li.foryou a:visited {
background: url(../assets/navigation/is-it-for-you.gif) no-repeat center left;}
.rbcontent li.foryou a:hover, .rbcontent li.foryou a:active {
background: url(../assets/navigation/is-it-for-you-r.gif) no-repeat center left;}

.rbcontent li.process {background: url(../assets/navigation/process-r.gif) no-repeat -1000px -1000px}
.rbcontent li.process a:link, .rbcontent li.process a:visited {
background: url(../assets/navigation/process.gif) no-repeat center left;}
.rbcontent li.process a:hover, .rbcontent li.process a:active {
background: url(../assets/navigation/process-r.gif) no-repeat center left;}

.rbcontent li.workshop {background: url(../assets/navigation/workshop-r.gif) no-repeat -1000px -1000px}
.rbcontent li.workshop a:link, .rbcontent li.workshop a:visited {
background: url(../assets/navigation/workshop.gif) no-repeat center left;}
.rbcontent li.workshop a:hover, .rbcontent li.workshop a:active {
background: url(../assets/navigation/workshop-r.gif) no-repeat center left;}

.rbcontent li.about {background: url(../assets/navigation/about-r.gif) no-repeat -1000px -1000px}
.rbcontent li.about a:link, .rbcontent li.about a:visited {
background: url(../assets/navigation/about-me.gif) no-repeat center left;}
.rbcontent li.about a:hover, .rbcontent li.about a:active {
background: url(../assets/navigation/about-me-r.gif) no-repeat center left;}

.rbcontent li.test {background: url(../assets/navigation/testimonials-r.gif) no-repeat -1000px -1000px}
.rbcontent li.test a:link, .rbcontent li.test a:visited {
background: url(../assets/navigation/testimonials.gif) no-repeat center left;}
.rbcontent li.test a:hover, .rbcontent li.test a:active {
background: url(../assets/navigation/testimonials-r.gif) no-repeat center left;}


.rbcontent li.contact {background: url(../assets/navigation/contact-r.gif) no-repeat -1000px -1000px}
.rbcontent li.contact a:link, .rbcontent li.contact a:visited {
background: url(../assets/navigation/contact.gif) no-repeat center left;}
.rbcontent li.contact a:hover, .rbcontent li.contact a:active {
background: url(../assets/navigation/contact-r.gif) no-repeat center left;}

/* Highlight Page Layout Styles */

body#welcome a#navwelcome {background: url(../assets/navigation/welcome-r.gif) no-repeat center left;}
body#whatis a#navwhatis {background: url(../assets/navigation/what-is-r.gif) no-repeat center left;}
body#foryou a#navforyou {background: url(../assets/navigation/is-it-for-you-r.gif) no-repeat center left;}
body#process a#navprocess {background: url(../assets/navigation/process-r.gif) no-repeat center left;}
body#workshop a#navworkshop {background: url(../assets/navigation/workshop-r.gif) no-repeat center left;}
body#about a#navabout {background: url(../assets/navigation/about-me-r.gif) no-repeat center left;}
body#test a#navtest {background: url(../assets/navigation/testimonials-r.gif) no-repeat center left;}
body#contact a#navcontact {background: url(../assets/navigation/contact-r.gif) no-repeat center left;}


/* FOOTER Styles */

#specialist {
float:left;
width:100%;
background: url(../assets/generic/footer-grey.jpg) repeat-x ;
margin:0;
padding:0;
}

#specialist p {
color:#fff;
text-align:center;
font-size:0.9em;
line-height: 1.3em;
padding:0.3em 0;
margin:0;
}

#build {
height:37px;
width: 568px;
float:left;
clear:both;
margin:0 0 0 0;
padding:0;
background:#ff7d21;
border-top:2px solid #fff;
}

#build p {
font-size: 0.8em;
text-align:left;
padding: 0;
color:#fff;
}

#build p a:link, #build p a:visited {
text-decoration:none;
color: #fff;
}

#build p a:hover, #build p a:active {
text-decoration:underline;
color: #000;
}

#build p#valid {
float:left;
padding-left: 1.5em;
}

#build p#credits {
float: right;
padding-right: 1.5em;
}