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

/* ------------------------------ tags ------------------------------ */
body { font-family:Geneva, Arial, Helvetica, sans-serif; background: rgb(230,230,230); }
body#blue { background: rgb(74,163,215); }
body#black { background: rgb(0,0,0); }
body#pink { background: rgb(225,10,125); }

/* ------------------------------ 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; }
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 }
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: 1em 0em; }
.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; }

/* ----------------------- color classes ------------------------- */
.black { background: rgb(0,0,0); color: rgb(255,255,255); }
.blue { background: rgb(75,150,215); color: rgb(255,255,255); }
.pink { background: rgb(225,10,125); 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; }

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#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; border-bottom: 1px dotted rgb(200,200,200); padding-bottom: .1em; 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 { margin: 0em 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.content ul { margin-left: 3em; overflow:hidden; }
div.content ul li { list-style: disc; float: left; width: 45%; margin-left: 1em; } */

/* ------------------------------ 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: 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.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 }

/* ------------------------------ ul.portfolio ------------------------------ */
ul.portfolio { margin: .5em 0em; overflow: hidden; }
ul.portfolio li { float: left; width: 33%; }
ul.portfolio blockquote { margin: 1em; padding: .5em; background: rgb(230,230,230); min-height: 275px; }
ul.portfolio blockquote a img { background: rgb(245,245,245); border: 1px solid rgb(255,255,255); padding: .1em; }
ul.portfolio p { font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height:1.25em; letter-spacing: 0px; margin: .25em 0em } }

/* ------------------------------ 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 { 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; }


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

ADDONS

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

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


/* ------------------------------ 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 .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); }
.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; }