/* ------------------------------ reset ------------------------------ */
* { margin: 0em; padding: 0em; }
fieldset, img { border: none; }
li { list-style:none; }
ul, ol { margin: .5em 4em; }
ul li { list-style: disc; margin: 1em 0em }
ol li { list-style: decimal; margin: 1em 0em }

/* ------------------------------ tags ------------------------------ */
body { font-family:Verdana, Arial; font-size: .8em; }
body#grey { background: rgb(230,230,230); }
body#black { background: rgb(0,0,0); }
body#blue { background: rgb(245,245,245) url(_images/grad-blue_light.jpg) repeat-x fixed; }

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

/* ----------------------- start classes ------------------------- */
.centre { text-align: center; }
.breathe { margin: 0em 0em 1em 0em; }
.black { color: rgb(0,0,0); }
.green { color: green; }
.blue { background: rgb(217,228,239);}
.padding { padding: .25em .5em; }
.breathe { margin: 1em 0em; }
.red { color: rgb(204,0,0); }
.invisible { display: none; }
.float-left { float: left; }
.float-right { float: right; }
.float { float: left; width: 49%; }
.sinistra { text-align: left; }

/* ----------------------- blockquotes ------------------------- */
blockquote.benefit { background: rgb(225,255,200); color: rgb(0,0,0); margin: .5em 2em; padding: .15em 0em; }
blockquote.benefit h4 { margin: .25em; padding: .5em 0em .5em 42px; background: url(_images/ico-deck_tick.png) no-repeat 0em .25em; text-align: left; letter-spacing: 0px; }

/* ------------------------------ typography ------------------------------ */
h1, h2, h3, h4 { letter-spacing: -1px; font-weight: bold; text-align: center; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: .75em 0em;}
h1 { font-size: 1.65em; color: rgb(204,0,0); text-transform: capitalize; }
h2 { font-size: 1.65em; color: rgb(0,0,0); text-transform: capitalize; }
h3 { font-size: 15pt; color: rgb(204,0,0); }
h4 { font-size: 1.25em; }

h1.impact { font-weight: bold; font-size: 6em;  margin: 0em 0em; }
ul.benefits { margin: .5em 0em; }
ul.benefits li { list-style: none; margin: 0em 0em; }
ul.benefits li.benefit { background: rgb(217,228,239); color: rgb(0,0,0); margin: 0em 0em; padding: .1em 0em;  width: 100%; overflow: hidden }
ul.benefits li.benefit h2 {  margin: .25em 0em; }

/* ------------------------------ div#wrapper ------------------------------ */
div#wrapper { overflow: hidden; width: 750px; margin: .5em auto; background: rgb(255,255,255); border: 1px solid rgb(200,200,200); }

/* ------------------------------ div#branding ------------------------------ */
div#branding { text-align:center; bcolor: rgb(0,0,0);  padding: .5em 0em 0em 0em; }
div#branding strong { font-weight: bold; }
div#branding em { font-style: italic; }
div#branding ul { overflow: hidden; width: 750px; margin: 0em auto; }
div#branding ul li { list-style: none; margin: 0em 0em  }
div#branding ul li.logo { padding: 0em 0em; float: left; width: 49%; }
div#branding ul li.logo h1 { margin: 0em 0em }
div#branding ul li.usp { float: left; width: 49%}
div#branding ul li.usp blockquote { margin: 0em auto; }
div#branding ul li.usp blockquote h3 { padding-top: .25em; font-size: 2em; letter-spacing: -2px;}

/* ------------------------------ div.content ------------------------------ */
div.content { padding: 0em 3em; }
div.content p { margin: 1em 0em; }
div.content .story p:first-line { font-weight: bold; }

/* ------------------------------ div.content ------------------------------ */
div.focus { overflow: hidden; background: rgb(230,230,230); padding: 1px; }
div.focus blockquote { padding: .5em; background: rgb(250,245,190); }

/* ------------------------------ form.purchase ------------------------------ */
form.purchase { clear: both; }
form.purchase dl dd { padding: .5em; background: rgb(255,100,0) /*rgb(204,0,0)*/; }
form.purchase dl dd:hover { padding: .5em; background: /*green*/; }
/*form.purchase dl dd:hover { padding: .5em; background:#009900; }*/
form.purchase dl dd input { width:100%; cursor:pointer; font-family:Tahoma, Verdana; font-size: 1.75em; font-weight:bold; letter-spacing: -1px; height:40px; }

/* ------------------------------ div.testimonial ------------------------------ */
div.testimonial { background: rgb(217,228,239); overflow: hidden; padding: .5em;  margin: 1em 4em; }
div.testimonial blockquote { padding: 0em .25em; overflow: hidden; }
div.testimonial dl { background-color: rgb(255,255,204);  margin: .5em 0em;  }
div.testimonial dl dd blockquote { color: rgb(204,0,0); padding: 0em 0em; margin: 0em 0em;  }

span.tst-image { width: 125px; margin: .5em;}
span.tst-image img { display: block; padding: .15em; background-color: rgb(230,230,230); }

/* ------------------ div#footer ------------------ */
div#footer { overflow: hidden; width: 715px; margin: .25em auto; color: rgb(0,0,0); padding: 0em 0em .75em 0em; text-align: center; }
div#footer a { color: rgb(0,0,0); font-weight: normal; text-decoration: underline; }