/* ------------------------------ reset ------------------------------ */
* { margin: 0em; padding: 0em; }
fieldset, img { border: none; }
li { list-style:none; }

/* ------------------------------ tags ------------------------------ */
html { background: rgb(230,230,230); }
body { font-family:Geneva, Arial, Helvetica, sans-serif; }

/* ------------------------------ links ------------------------------ */
a, a:link, a:visited { color: rgb(0,0,255); font-weight:bold; text-decoration: none; }
a:visited:hover, a:link:hover, a:hover:active { color: rgb(0,0,255); text-decoration: underline; }

/* ------------------------------ typography ------------------------------ */
h1 { font-family: "Trebuchet MS", arial, helvetica, sans-serif; font-size: 2.75em; letter-spacing: -2px;}
h2 { font-family: Georgia, "Times New Roman", Times, serif;	 font-size: 1.5em; letter-spacing: -2px; font-weight: normal; }
h3 { font-size: 3em; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: -2px; font-weight: normal; }
h3 span, dt span { padding: 0em .25em; display: block }
h4 { font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 1.5em; letter-spacing: -1px; font-weight: bold; font-style: normal; margin: .25em 0em; }
h5 { font-size: 1.25em; letter-spacing: -1px; font-weight: normal; }
p { font-family: Trebuchet Ms, Georgia, "Times New Roman", Times, serif; font-size: 1.5em; line-height: 1.5em; letter-spacing: -1px; margin: 1em 0em }
dt { font-size: 2em; letter-spacing: -2px; font-weight: bold; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; float: left; width: 30%; text-align: center; }

/* ----------------------- generic classes ------------------------- */
.invisible { display: none; visibility: hidden; }
.breathe { margin-top: 1em; }
.padding { overflow:hidden; padding: .5em; }
.centre { text-align:center; }
.destra { text-align: right; }
.peace { overflow: hidden; }
.float-right { float: right; margin-left: 1em; }
.float-left { float: left; margin-right: 1em; }
.video { width: 425px; padding: .5em; margin: .5em auto; }
.video-alt { width: 450px; padding: .5em; margin: .5em auto; }

/* ----------------------- color classes ------------------------- */
.black { background: rgb(0,0,0); color: rgb(255,255,255); }
.white { background: rgb(255,255,255); color: rgb(0,0,0); }
.blue { background: rgb(0,125,200); color: rgb(255,255,255); }
.lips { background: rgb(175,0,100); color: rgb(255,255,255); }
.gold { background: rgb(215,150,0); color: rgb(255,255,255); }
.yellow { background-color: rgb(250,245,190); color: rgb(0,0,0); }
.orange { background: rgb(255,100,0); color: rgb(255,255,255); }
.gray { background: rgb(230,230,230); color: rgb(0,0,0); }
.lime { background: rgb(225,255,200); color: rgb(0,0,0); }
.green { background: rgb(0,200,0); color: rgb(255,255,255); }

/* ----------------------- selector classes ------------------------- */
span.alan { background: rgb(230,230,230); padding: .25em; margin: 0em .5em; }
span.tst-image { float: right; padding: .25em; background: rgb(51,51,51); margin: 0em .5em; }

/* ------------------------------ div.wrapper ------------------------------ */
div.wrapper { overflow: hidden; width: 850px; margin: 0em auto 0em auto; }

/* ------------------------------ div#header ------------------------------ */
div#header { padding: .25em 0em 0em 0em; }

/* ------------------------------ blockquote.logo ------------------------------ */
blockquote.logo { float: left; width: 60%; }
blockquote.logo h1, blockquote.logo h2 { display: inline; }
blockquote.logo h1 a, blockquote.logo h1 a:hover { color: rgb(255,255,255); border-right: 1px solid rgb(100,100,100); padding: 0em .15em 0em .25em;  }

/* ------------------------------ blockquote.usp ------------------------------ */
blockquote.usp { float: left; width: 40%; position: relative; height: 65px;}
blockquote.usp ul { position: absolute; bottom: 0em; right: 0em; overflow:hidden; font-family: Trebuchet Ms, Arial, Helvetica, sans-serif; }
blockquote.usp ul li { list-style:none; float:left; padding-right: .5em }
blockquote.usp ul li.last { padding-right: 0em }
blockquote.usp ul li a { background:rgb(51,51,51); color:rgb(230,230,230); display:block; padding: .25em .5em; text-align:center; }
blockquote.usp ul li a span { display:block; font-size: 1.5em; letter-spacing: -2px; }
blockquote.usp ul li a:hover { background:rgb(255,255,255); color: rgb(0,0,255); }
blockquote.usp ul li a.selected { display:block; background:rgb(255,255,255); color: rgb(0,0,0); }

/* ------------------------------ div#headquote ------------------------------ */
div#headquote { margin: .5em 0em; overflow:hidden; }
div#headquote h3 { padding-top: .25em; }
div#headquote small { display: block; letter-spacing: 0px; font-size: 1.25em; margin: .5em; text-align:center  }
div#headquote blockquote a.btn { margin-left: 10em; margin-top: .25em; }

/* ------------------------------ div.content ------------------------------ */
div.content { margin: .5em 0em; }
div.content p.peace {  margin-left: 1.5em; margin-right: 1.5em;}
div.content h3 { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 2em; font-weight: bold; padding-bottom: .25em; border-bottom: 1px dotted rgb(200,200,200); }
div.content h4 { padding-bottom: .25em; border-bottom: 1px dotted rgb(200,200,200);  }

/* ------------------------------ div#what_i_do ------------------------------ */
div#do { }
div#do p { margin-top: 0em; }
div#do h3 { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 2em; font-weight: bold; text-transform: capitalize; }
div#do ul li {  }
div#do dl { padding: .5em; overflow:hidden; }

/* ------------------------------ dd.sidebar ------------------------------ */
dd.sidebar { float: left; width: 29%;  }
dd.sidebar h4 { text-align: center; padding: .25em; color: rgb(200,200,200) }

/* ------------------------------ dd.blurb------------------------------ */
dd.blurb { padding: .5em; float: left; width: 69%; overflow: hidden; }
dd.blurb h4 { padding-bottom: .25em; border-bottom: 1px dotted rgb(200,200,200); }
dd.blurb p.peace { list-style: decimal; margin-left: 1em; font-style: normal; }
dd.blurb p.peace img { display: none; }
dd blockquote a.btn { margin-left: 7em; }

/* ------------------------------ ul.testimonials ------------------------------ */
ul.testimonials { margin: .5em 0em; }
ul.testimonials h5 {  padding: .25em; }
ul.testimonials small{ padding: 0em .25em; display: block }

/* ------------------------------ div#start ------------------------------ */
div#start { margin: .5em 0em; overflow:hidden; }
div#start p, div#start h4 { margin: 0em 0em; }

blockquote#start-go { width: 300px; float: right; margin-left: 1em; }
blockquote#start-go h4 { text-align: center; padding-bottom: none; border-bottom: none; margin-bottom: 0em; }
blockquote#start-go small { padding: .5em; display: block; }
blockquote#start-go p { margin: .5em .25em .5em .5em; }
blockquote#start-go p .btn { font-size: 1em; margin-left: .75em; letter-spacing: -2px; }
form.order { margin-top: .75em; text-align:center }

/* ------------------------------ div#start ------------------------------ */
blockquote#go {  }

blockquote#go h4 { text-align: center; padding-bottom: none; border-bottom: none; margin-bottom: .25em; }
blockquote#go small { padding: .5em; display: block; }
blockquote#go p .btn { font-size: 1em; margin-left: .75em; letter-spacing: -2px; }

/* ------------------ div#footer ------------------ */
div#footer { overflow: hidden; width: 850px; margin: .25em auto;clear:both; }
div#footer small { padding: .25em .5em; color: rgb(150,150,150); display: block; }
div#footer a, div#footer a:visited, div#footer a:active { color: rgb(150,150,150); font-weight: normal; text-decoration: none; }
div#footer ul { background: rgb(255,255,255);  overflow: hidden;}
div#footer ul li { float: left; width: 49%; list-style: none; }


/* >>>>>>>>>>>>>>>>>>>> 

ADDONS

<<<<<<<<<<<<<<<<<<<<  */

/* ------------------------------ ul.testimonials ------------------------------ */
body#speaking ul.testimonials li { margin: 1em 3em; background: url(_images/css-quote.png) no-repeat 0em 0em; }
body#speaking ul.testimonials li h5 { padding-left: 60px; font-size: 1.5em; font-style: italic;}

/* ------------------------------ div#control ------------------------------ */
div#control { overflow: hidden }

div#control div p { margin: 0em; padding: .5em; }
div#contain { width: 100%; float: left; margin-right: -350px; }
div#main { margin-right: 350px; }
div#sidebar { width: 350px; float: right; }

/* ------------------------------ div#controlalt ------------------------------ */
div#controlalt { overflow: hidden }
div#controlalt div#contain { margin-left: -250px; }
div#controlalt div#main { margin-left: 250px; }
div#controlalt div#sidebar { float: left; }

/* ------------------------------ form#myForm ------------------------------ */
form#myForm { width: 450px; margin: 0em auto; padding: 1em 0em; }
form#myForm dl dd label { margin: .5em 0em .25em 0em; font-weight: bold; display: block; }
form#myForm dl dd input, form#myForm dl dd textarea { width: 95%; padding: .25em; }
form#myForm dl dd#submit { margin: 1em 0em; }
form#myForm dl dd#submit input { font-weight: bold; font-size: 1.5em; letter-spacing: -2px; }
fieldset { border: none; }

p#success { padding: 3px 10px; background: #92FFA5; border: 2px solid #009218; color: #009218; font-weight: bold; margin-bottom: 10px; text-align: center; }
p#bademail, p#badserver { background: #FFA3A1; border: 2px solid #D00D00; color: #D00D00; font-weight: bold; margin-bottom: 10px; text-align: center; }

/* ------------------ div.download-pdf ------------------ */
div.download-pdf { margin: 1em auto; overflow:hidden;padding: 0em 10px .25em 80px; width: 85%; clear: both; background: rgb(245,245,245) url(_images/ico-download-pdf.png) no-repeat 10px 8px; border: 1px solid rgb(230,230,230); height: 75px;  }
div.download-pdf h4 { line-height: 64px; }

/* ------------------ buttons ------------------ */
.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: rgb(0,0,255); text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
.btn.green { background: rgb(0,200,0); color: rgb(255,255,255); font-weight: bold; font-size: 1.5em; letter-spacing: -2px; }
.btn.carrot { background: rgb(255,100,0); color: rgb(255,255,255); font-weight: bold; font-size: 1.5em; letter-spacing: -2px; }
.btn.carrot:hover { background: rgb(255,100,0); }
.btn:hover { background-color: rgb(230,230,230); }
.btn.green:hover { background: rgb(0,215,0); }
.btn:active { background-color: rgb(230,230,230); }
.btn[class] {  background-image: url(shade.png); background-position: bottom; }

a.more strong { background: url(_images/ico-more.png) no-repeat 0em .1em; padding-left: 30px; line-height: 1.25em;  }
a:hover.more { color: rgb(255,255,255); }

a.get strong { background: url(_images/ico-get.png) no-repeat 0em .1em; padding-left: 30px; line-height: 1.25em;  }
a:hover.get { color: rgb(255,255,255); }

* html .btn { border: 3px double #aaa; }
* html .btn:hover { border-color: #a00; }
* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }