/* ------------------------------ reset ------------------------------ */
* { margin: 0em; padding: 0em; }
fieldset, img { border: none; }
header, footer, nav, section, article, aside { display: block }
li { list-style:none; }
ul, ol { margin: .5em 0em; }
ul li { list-style: disc; margin: 1em 0em }
ol li { list-style: decimal; margin: 1em 0em }

/* ------------------------------ html ------------------------------ */
html#light { background: rgb(255,255,255) url(../images/grad-gray.jpg) fixed repeat-x left top; }
html#dark { background: rgb(100,100,100) url(../images/grad-dark.jpg) fixed repeat-x left top; }
html#blue { background: rgb(255,255,255) url(../images/grad-blue.jpg) repeat-x fixed; }
html#white { background: rgb(255,255,255); }
html#black { background: rgb(0,0,0); }
html#gray, html#gray body { background: rgb(242,242,242); }

html#blue footer h5#logo a { background: url(../logo1.jpg) no-repeat top left;  }

/* ------------------------------ typography ------------------------------ */
h1, h2, h3, h4 { font-weight: bold; margin: .5em 0em; text-align: center; }
h1 { font-family: Impact, Arial, Helvetica, Verdana; font-weight: normal; /*font-size: 2.25em;*/ font-size: 36px; letter-spacing: 0px; text-transform: capitalize; margin: .25em 0em; }
/*h1 big { font-size: 1.25em }
h1 big span {font-size: 1.25em }
h1 small {font-size: .9em }*/
h2 { font-size: 1em; font-style: italic; text-transform: capitalize; }
h3 { font-size: 1.25em; letter-spacing: -1px; font-weight: bold; }
h4 { font-size: 1.25em; color: rgb(204,0,0); letter-spacing: -1px; text-transform: capitalize; }
h4 big { letter-spacing: -2px; font-size: 1.25em; }

/*h1 { margin: .5em 0em; font-size: 3em; font-family: Impact, Arial, Helvetica, Verdana; font-weight: normal; text-align: center; text-transform: uppercase; letter-spacing: -1px; color: rgb(204,0,0); }

h2, h3, h4 { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; text-align: center; text-transform: capitalize; }

h2 { margin: .5em 0em; font-size: 1.25em;  }
h3 { margin: .5em 0em; padding-bottom: .25em; font-size: 1.5em; font-weight: normal; letter-spacing: -1px; border-bottom: 1px dotted rgb(200,200,200); }

h4 { margin: .5em 0em; font-size: 1.5em; text-transform: capitalize; }*/

p { margin: .5em 0em; }
small { font-size: .8em}

.arial { font-family: Arial, Helvetica, sans-serif; }
.trebuchet { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; }
.tahoma { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
.courier { font-family:"Courier New", Courier, monospace; }

.red { color: rgb(204,0,0); }

/* ------------------------------ tags ------------------------------ */
body {  }
body.white { background: rgb(255,255,255); border: 5px solid rgb(51,51,51); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; /* border-bottom: 5px solid rgb(51,51,51); border-left: 5px solid rgb(51,51,51); border-right: 5px solid rgb(51,51,51); border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
body.no-borders { border-bottom: 5px solid rgb(255,255,255); border-left: 5px solid rgb(255,255,255); border-right: 5px solid rgb(255,255,255);s*/ }
body.wide { width: 960px; margin: 0em auto 0em auto; }
body.alt {  }
body.alt section#constrain { width: 960px; margin: 0em auto 0em auto; }
body.breathe { margin: 1em auto; }
body.arrow { background: rgb(255,255,255) url(../images/bck-arrow.png) scroll no-repeat 575px 0em; }

div#wrapper { width: 960px; margin: .5em auto; background: rgb(255,255,255); border: 5px solid rgb(51,51,51); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px }

/* ------------------------------ classes ------------------------------ */
.centre { text-align:center; }
.peace { overflow: hidden; }
.destra { text-align: right; }
.sinistra { text-align: left; }
.invisible { display: none; }
.float { width: 49%; float: left; }
.float-alt { width: 33%; float: left; }
.float-right { float: right; margin-left: .5em; }
.float-left { float: left; margin-right: .5em; }
.tst-image { width: 75px; margin-right: 1em; }
.white { background: rgb(255,255,255); color: rgb(0,0,0); }
.video { text-align: center; background: rgb(0,0,0); border: 2px solid rgb(0,0,0); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: .5em auto; }
.padlock { margin: .5em 0em; padding: 0em 0em 0em 36px; background: url(../images/ico-padlock.png) no-repeat 0em 0em; font-weight: bold; font-size: .8em;  }

ul.tick li { list-style: none; padding: 0em 0em 0em 28px; background: url(../images/ico-tick_green.gif) no-repeat 0em 0em; min-height: 32px }
ul.tick-small li { list-style: none; padding: 0em 0em 0em 14px; background: url(../images/ico-check.gif) no-repeat 0em .5em; }
ul.checkmark  li { list-style: none; padding: 0em 0em 0em 42px; background: url(../images/ico-checkmark.png) no-repeat 0em 0em; min-height: 32px }

dd.redtogreen { background: rgb(204,0,0); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: .25em; padding: .15em .25em;  }
dd.redtogreen:hover { background: rgb(0,150,0); }

p#sub-headline { margin-top: 0em; padding-top: .5em }

/* ------------------------------ section#squeeze ------------------------------ */
section#squeeze { width: 100%; float: left; margin-right: -375px; }
section#squeeze footer {  width:375px; margin: .5em auto; }
section#squeeze article { margin-right: 375px; padding: 0em 1em; }

/* ------------------------------ section#webinar ------------------------------ */
section#webinar { width: 100%; float: right; margin-left: -150px; margin-top: .5em; }
section#webinar article { margin-left: 150px; padding: 0em 1em; background: rgb(255,255,255); /*border: 5px solid rgb(255,255,255); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; */  }

/* ------------------------------ 3column layout ------------------------------ */
section#container { width: 100%; float: left; margin-right: -200px; margin-top: .5em; }
section#content { margin-right: 200px; }
section#copy { margin-left: 150px; }
section#copy article { padding: 0em 1.5em 0em 1.5em }
section#copy article ul { margin: .5em 0em; }
section#copy article li { margin: .5em 1em }
section#sidebar-a { width: 150px; float: left; }
section#sidebar-a aside.author { background: rgb(250,245,190); text-align: center; padding: .5em; margin-top: 1.5em; }
section#sidebar-b { width: 200px; float: right; }
section#sidebar-b div { background: rgb(255,255,255); overflow: hidden; border-right: 2px solid rgb(255,255,255); border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;  }

/* ------------------------------ aside#sidebar ------------------------------ */
aside#sidebar { width: 150px; float: left; padding: 1em 0em; }
aside#sidebar ul { margin: 0em 0em 0em 0em; }
aside#sidebar ul li { padding: .25em .5em; list-style: none; margin: 0em 0em; margin: .25em 0em }
aside#sidebar ul li.branding {  }
aside#sidebar ul li.focus { /*background: rgb(51,51,51); color: rgb(255,255,255); border-top: 5px solid rgb(51,51,51); border-left: 5px solid rgb(51,51,51); border-bottom: 5px solid rgb(51,51,51); border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-bottom-left-radius:5px; -moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px;*/ }
aside#sidebar ul li.focus img { background: rgb(240,240,240); border: 1px solid rgb(200,200,200); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-border-radius: 2px; padding: .15em; }
aside#sidebar ul li.likebox { margin: .5em 0em; background: rgb(255,255,255); color: rgb(255,255,255); border-top: 5px solid rgb(51,51,51); border-left: 5px solid rgb(51,51,51); border-bottom: 5px solid rgb(51,51,51);  border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-bottom-left-radius:5px; -moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; padding: 0em 0em 0em .15em; }

/* ------------------------------ section#sidebar ------------------------------ */
section#sidebar { width: 375px; float: right; padding: 1em 0em; }

aside.optin { width:90%; margin: 345px auto 0em auto; background: rgb(255,255,204); border: 2px solid rgb(250,230,100); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; }
aside.optin form { overflow:hidden; /*background: rgb(241,250,254); border: 5px solid rgb(218,227,234); -moz-border-radius: 5px; -webkit-border-radius: 5px; */ overflow: hidden; padding: .25em; margin: .5em .5em; }
aside.optin form fieldset { border: none; }
aside.optin form dl { width: 300px; margin: .5em auto; }
aside.optin form dl dt {  }
aside.optin form dl dd { margin: .5em auto; }
aside.optin form dl dd input { padding: .5em; width: 280px; }
aside.optin form dl dd input[type="submit"] { padding: .25em; width: 325px; font-size: 1.25em; letter-spacing:-1px; margin: .25em auto; cursor:pointer; cursor:hand; font-weight: bold; }

aside.testimonials { width:90%; margin: .5em auto; background: rgb(241,250,254); border: 2px solid rgb(218,227,234); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; }
aside.testimonials article { padding: 1em; }
aside.testimonials img { background: rgb(240,240,240); border: 1px solid rgb(200,200,200); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-border-radius: 2px; margin-right: .5em; padding: .25em; }

aside.testimonial { width:94%; margin: .5em auto; background: rgb(241,250,254); border: 2px solid rgb(218,227,234); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; }
aside.testimonial article { padding: 1em; }
aside.testimonial img { background: rgb(240,240,240); border: 1px solid rgb(200,200,200); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-border-radius: 2px; margin-right: .5em; padding: .25em; }
aside.testimonial .tst-image { width: 85px; margin-right: 1em; }
aside.testimonial h4 { color: rgb(0,0,0); }

/* ------------------------------ section#cta ------------------------------ */
section.cta {  margin: .5em 0em; background: rgb(255,255,255) url(../images/bck-arrow_alt.png) scroll no-repeat center left; }
section.cta div { padding: .5em 1em; overflow: hidden; }
section.cta aside.optin { width: 300px; float: right; margin: 0em 0em; background: rgb(255,255,204); border: 2px solid rgb(250,230,100); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; }

section.cta aside.optin form dl { width: 100%; }
section.cta aside.optin form dl dd input { width: 95%; padding: .5em; }
section.cta aside.optin form dl dd input[type="submit"] { width: 270px; font-size: 1em; }

section.cta aside.optin form dl dt { font-weight: bold; }
section.cta aside.optin form dl dd p { margin: 0em 0em; }
section.cta aside.optin form dl dd p input { padding: .5em; width: auto; }

/* ------------------------------ section#cta ------------------------------ */
section#cta {  margin: .5em 0em; background: rgb(255,255,255) url(../images/bck-arrow_alt-wide.jpg) scroll no-repeat center left; }
section#cta div { padding: .5em 1em; overflow: hidden; }
section#cta aside.optin { width: 325px; float: right; margin: 0em 0em; background: rgb(255,255,204); border: 2px solid rgb(250,230,100); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; }
bck-arrow_alt-wide
section#cta aside.optin form dl { width: 100%; }
section#cta aside.optin form dl dd input { width: 95%; padding: .5em; }
section#cta aside.optin form dl dd input[type="submit"] { width: 270px; font-size: 1em; }

section#cta aside.optin form dl dt { font-weight: bold; }
section#cta aside.optin form dl dd p { margin: 0em 0em; }
section#cta aside.optin form dl dd p input { padding: .5em; width: auto; }

section#sidebar aside.optin form dl dt { font-weight: bold; }
section#sidebar aside.optin form dl dd p { margin: 0em 0em; }
section#sidebar aside.optin form dl dd p input { padding: .5em; width: auto; }

div#lead { background: rgb(255,255,255) url(../images/pic-mug_small.jpg) scroll no-repeat top left; overflow: hidden;}
div#lead blockquote { margin-left: 90px; margin-bottom: 1em; overflow: hidden; }

div#lead ul.tick li { margin-left: 2em; }

/* ------------------------------ footer ------------------------------ */
footer { padding: 1em 1em; margin: .5em 0em; text-align: right; border-top: 1px dotted rgb(230,230,230);  }
footer h5#logo a { float: left; width: 253px; height: 58px; display: block; text-indent: -2000em; background: url(../images/logo-sp_white.jpg) no-repeat top left; }
footer h5#logo span { text-indent: -2000em; }
footer a { color: rgb(0,0,0); }

/* ------------------------------

ADDONS ------------------------------

*/

aside.author { border-left: 2px solid rgb(250,245,190); border-top-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; background: rgb(250,245,190); overflow:hidden }
p small { font-size: .8em; } 
section#sidebar-b { margin-top: 2em; }
section#sidebar-a p img, section#sidebar-b p img { padding: .15em; border: 1px solid rgb(230,230,230); background: rgb(240,240,240); }

section#copy { border: 2px solid rgb(255,255,255); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* ------------------ section#header ------------------ */
section#header { overflow:hidden; background-color: rgb(9,83,163); color: rgb(255,255,255); padding-bottom: .5em; border: 2px solid rgb(9,83,163); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: .25em; }
section#header div {  margin: 0em auto; }
section#header aside#logo { display: block; }
section#header aside#logo h1 { background:url(../images/pic-sp_logo-blog.png) no-repeat .75em .25em; text-indent: -2000em; width: 480px; height: 90px; margin: 0em auto;  }
section#header aside#tr { float: left; width: 480px; font-size: .9em;  }
section#header aside#tr a {  }
section#header aside#tr a:hover { background-color: rgb(9,83,163); text-decoration: underline;  }

div#fblike { background: rgb(58,89,153); border: 2px solid rgb(9,83,163); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: .5em 0em; padding: .5em 1em; overflow: hidden; }
div#fblike h4  { float:left; width:349px; background:url(../images/css-fblike.png) top left; height:24px; margin:0 0 5px 0; padding: 0em; text-indent: -9999px; }
div#fblike blockquote { margin: 0em 0em .5em 0em; background: rgb(255,255,255); padding: 1em; clear: both; }
div#fblike a.but-like { float: right; margin-left: .5em; background: url(../images/but-like.png) top left; text-indent: -9999px; width: 58px; height: 22px; }

/* ------------------------------ div.proof ------------------------------ */
div.proof { overflow: hidden; margin: .5em 0em; clear: both; background: rgb(255,255,255); border: 5px solid rgb(51,51,51); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div.proof dl { overflow: hidden; padding: .25em 0em; }
div.proof dl dt { float: left; width: 125px; font-size: 1em; font-weight: bold; font-style: normal; margin: .5em 0em .25em 0em; text-align: right; text-transform: uppercase; padding-right: .5em; padding-top: .25em; }
div.proof dl dd { float: left; }
div.proof dl dd img { margin: 0em 0em 0em 0em; }

/* ------------------------------ div#proof ------------------------------ */
div#proof { overflow: hidden; margin: .5em auto 0em auto; clear: both; width: 95%; }
div#proof dl { overflow: hidden; padding: .25em 0em; }
div#proof dl dt { float: left; width: 95px; font-size: .8em; font-weight: bold; font-style: normal; margin: .5em 0em .25em 0em; text-align: center; text-transform: uppercase; padding-right: .15em; padding-top: .25em; }
div#proof dl dd { float: left; }
div#proof dl dd img { margin: 0em 0em 0em 0em; }

div#comments { background: rgb(255,255,255); border: 2px solid rgb(255,255,255); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  overflow: hidden; padding: .5em;  }
h3.comments {  border-bottom: 1px solid rgb(200,200,200); padding-bottom: .25em; text-align: left; }

#likebox-frame { border: none; margin: .25em 0em; }
#likebox-frame iframe { border: none;}

aside.idea { background: rgb(255,255,204); border: 1px solid rgb(250,230,100); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 1em 4em; }