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

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

/* ------------------------------ 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; }
a.more-link { background:url(_images/ico-next.png) 0em .35em no-repeat; padding-left: 20px; }
a.mail{ background:url(_images/ico-mail.png) 0em 0em no-repeat; padding-left: 22px; }

/* ------------------------------ typography ------------------------------ */
h1 { font-family: "Trebuchet MS", arial, helvetica, sans-serif; font-size: 2em; letter-spacing: -2px; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.75em; letter-spacing: -2px; font-weight: normal; }
h3 { font-size: 2.5em; 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; line-height: 1.25em; letter-spacing: -1px; font-weight: normal;  padding: .25em; text-align: center; letter-spacing: -1px }

/* ----------------------- classes ------------------------- */
.float-right { float: right; margin-left: 1em; }
.float-left { float: left; margin-right: 1em; }
.centre { text-align:center; }
.invisible { display: none; visibility: hidden; }
.breathe { margin: 1em 0em; }
.peace { overflow: hidden; }
.padding { overflow:hidden; padding: .5em; }
.video { background: rgb(0,0,0); padding: .5em .25em; margin: .5em auto; width: 435px; text-align:center }
.camtasia { background: rgb(0,0,0); padding: .5em .25em; margin: .5em auto; width: 490px; text-align:center }
.tst-image { float: right; padding: .25em; background: rgb(51,51,51); margin: 0em .5em; }

/* ----------------------- color classes ------------------------- */
.white { background: rgb(255,255,255); color: rgb(0,0,0); }
.black { background: rgb(0,0,0); color: rgb(255,255,255); }
.dark { background: rgb(25,25,25); color: rgb(255,255,255); }
.pink { background: rgb(225,10,125); 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); }
.yellow { background-color: rgb(250,245,190); color: rgb(0,0,0); }
.orange { background: rgb(255,100,0); color: rgb(255,255,255); }
.gold { background: rgb(215,150,0); color: rgb(255,255,255); }
.lips { background: rgb(175,0,100); color: rgb(255,255,255); }
.blue { background: rgb(0,125,200); color: rgb(255,255,255); }

h2#usp { text-align: left; padding-left: 125px; }

/* ------------------------------ div#header ------------------------------ */
div#header { padding: 0em 0em 0em 0em; background:rgb(255,255,255); }

/* ------------------------------ div.logo ------------------------------ */
div.logo { float: left; width: 100px; }
div.logo h1 { text-align:center; font-size: 1.5em; }
div.logo h1 strong { font-size: 2em; }
div.logo h1 a, div.logo h1 a:hover { color: rgb(255,255,255); }

div#logo { background: rgb(225,10,125); width: 100px; padding: 0em .5em; height: 100px; }

/* ------------------------------ div.navigation ------------------------------ */
div#navigation { position: relative; height: 100px; }
div#navigation ul { float: right; font-family: Trebuchet Ms, Arial, Helvetica, sans-serif; position: absolute; bottom: 0em; right: 0em; }
div#navigation ul li { margin: 0em .15em; float: left;  }
div#navigation ul li a { background:rgb(227,111,30); color: rgb(255,255,255); display:block; text-decoration:none; font-weight:bold; font-size: 1em; padding: .25em .5em .25em .5em;  text-align: center; }
div#navigation ul li a span { display:block; font-size: 1.25em; letter-spacing: -1px; text-align: center; }
div#navigation ul li.home a { background: rgb(100,100,100); }
div#navigation ul li.email a { background: rgb(242,107,0); }
div#navigation ul li.copywriting a { background:rgb(110,143,0); }
div#navigation ul li.repair a { background: rgb(0,127,159); }
div#navigation ul li.talk a { background: rgb(75,150,215); }
div#navigation ul li.consultation a { background: rgb(175,0,100); }
div#navigation ul li.coaching a { background: rgb(215,150,0); }

div#navigation ul li a:hover { background:rgb(51,51,51); color: rgb(255,255,255); }
div#navigation ul li a.selected { display:block; background:rgb(0,0,0); color: rgb(255,255,255);}



/* ------------------ div#home ------------------ */
div#home { overflow: hidden; padding: 1em 2em; }
div#single { overflow: hidden; padding: 1em 2em; margin: .5em 0em; }

/* ------------------ div#control ------------------ */
div#control { overflow: hidden; }
div#control div#contain { width: 100%;float: left; margin-right: -265px; }
div#control div#main {  margin-right: 265px; }
div#control div#sidebar { width: 265px; float: right; }

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

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

/* ------------------------------ div.content ------------------------------ */
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.content p, div.content ul.testimonials  { font-family: Trebuchet Ms, Georgia, "Times New Roman", Times, serif; font-size: 1.5em; line-height: 1.5em; letter-spacing: -1px; margin: 1em 0em }
div.content 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; }

/* ------------------------------ 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 h5 { text-align: left;}
div#do ul li.odd {  }
div#do ul li.odd dd.sidebar {  float: right; }
div#do ul li.odd dd.blurb { float: right;}
div#do dl { padding: .5em; overflow:hidden; }

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


/* ------------------------------ dd.blurb------------------------------ */
dd.blurb { padding: .5em; float: left; width: 68%; overflow: hidden; }
dd.blurb h4 { padding-bottom: .25em; border-bottom: 1px dotted rgb(200,200,200); }
dd.blurb 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 }
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.response ------------------------------ */
div.response { overflow:hidden; }

/* ------------------------------ div#response ------------------------------ */
div#response { overflow:hidden; background: rgb(250,245,190); color: rgb(0,0,0); margin: .5em auto;  }

/* ------------------------------ div#optin ------------------------------ */
div#optin { float: left; font-family:Arial, Helvetica, sans-serif; background: rgb(250,245,190); }
div#optin div.optin { overflow: hidden; padding: 0em .25em 0em .5em; }
div#optin form { text-align: center; }
div#optin form p { margin: .5em 0em;}
div#optin form dl { overflow: hidden; }
div#optin form dl dt { clear:both; padding: .5em 0em; text-align: left}
div#optin form dl dt label {  font-size: 1em; color: rgb(0,0,0); font-weight: bold; }
div#optin form dl dt.submit-home { margin: 0em auto; text-align:center; padding: 0em 0em; } 
div#optin form dl dt.submit-home input { padding: .25em .25em; font-size: 115%; width: 240px; font-weight: bold; cursor:pointer; text-align:center; border-width: 2px }
div.optin form dl dt.privacy_policy { width: 100%; font-size: .85em; padding: 0em 0em; } 
div.optin form dl dt small { display: block; text-align: center;  } 
div#optin form dl dd { float:left; width:68%; margin: 0em 0em 0.5em 0.25em; }
div#optin form dl dd input { background-color: rgb(255,255,255); color : rgb(0,0,0);  padding: .25em; width: 225px; font-size: 1em;  }
div#optin form dl dd input:hover, div#optin form dl dd input:focus { background-color: rgb(255,255,255); color : rgb(0,0,0); }
div#optin form dl dt.privacy_policy { font-size: .8em; text-align:center; font-weight: normal; color: rgb(0,0,0); text-align: left; }

/* ------------------ div#services ------------------ */
div#services { overflow: hidden; padding: 2em 2em; clear: both; }
div.services {  overflow: hidden; }
div.services div.float { float: left; width: 33%; }
div.services div.float blockquote { width: 95%; margin: .5em auto; }
div.services dl { overflow: hidden; background: rgb(255,255,255); }
div.services dl dd.desc { min-height: 120px }
div.services dl dd.desc p, div.services dl dd.price p { text-align: center; font-weight: bold; padding: .5em;  }
div.services dl dd.action { overflow:hidden; padding: .5em; }
div.services dl dd.action a.btn { margin-left: .9em; }
div.services dl dd.purchase { overflow:hidden; padding: .5em; text-align: center; min-height: 50px; }
div.services dl dd.purchase form dl dd { padding: .5em; background: rgb(255,100,0); }
div.services dl dd.purchase form dl dd:hover { padding: .5em; background: green; }
/*form.purchase dl dd:hover { padding: .5em; background:#009900; }*/
div.services dl dd.purchase form dl dd input { width:100%; cursor:pointer; font-family:Tahoma, Verdana; font-size: 1.5em; font-weight:bold; letter-spacing: -1px; height:40px; }

div#copywriting { overflow: hidden; padding: 2em 2em; clear: both; margin: .5em 0em; }
div#copywriting div.float { width: 24%; }

/* ------------------ 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 { color: rgb(255,255,255);  text-decoration: none; }
div#footer a:hover { color: rgb(255,255,255); text-decoration: underline; }
div#footer ul { overflow: hidden;}
div#footer ul li { float: left; width: 49%; list-style: none; }

div#cart { margin: 2em 0em 0em 0em; }
div#cart blockquote { margin: 3em 0em; clear: both; overflow: hidden; }
div#cart span a.btn { margin-left: 30px; font-size: 2.5em; }

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

ADDONS

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

/* ------------------------------ form#myForm ------------------------------ */
form#myForm { width: 450px; margin: 0em auto .5em auto; padding: 1em .5em; text-align:center }
form#myForm dl dd label { margin: .5em 0em .25em .5em; font-weight: bold; display: block; text-align: left; }
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; }

/* ------------------ 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); color: rgb(255,255,255); }
.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; }