/* ---- HTML---- */
body { 				background: #222 url(/i/bg-small.png) 0 0 repeat-x; color: #222; font-family: 'Lucida Grande' , 'Lucida Sans Unicode', sans-serif;}
body.home {                     background: #222 url(/i/bg.png) 0 0 repeat-x;}


h1 { 				font-size: 13pt; line-height: 35pt; margin: 40px 10px 40px 0; color: #333;}
body.home h1 {                  font-size: 26pt; margin: 40px 10px 10px 0;}
body.home h2 {                  margin-top: 0; padding-top: 0px; }
h2 { 				font-size: 22pt; color: #333; margin-bottom: 10px; padding: 8px 0; text-align: center;}
body.home h2 {                  text-align: left;}

h3 { 				font-size: 17pt; color: #333; margin-bottom: 10px; padding: 12px 0;  }
p.bold {                        font-weight: bold;}
hr.clear { 			clear: both; visibility: hidden; margin: 0; padding: 0 0 20px; border: 0;}
p { 				margin-bottom: 8px; line-height: 15pt; color: #636B75; font-size: 11pt;	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.65); behavior: url(/c/PIE.htc); }
p.intro { 			font-size: 12.5pt; line-height: 17pt; }
p.center {                      padding: 0 80px; text-align: center;}

a { 				color: #2173AF; text-decoration: none; }
a:hover{ 			text-decoration: underline; }
dl { 				position: relative; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.65); background: #FFB924; padding: 35px;
					-moz-border-radius: 10px;
					-webkit-border-radius: 10px;
					border-radius: 10px;
                    behavior: url(/c/PIE.htc);}
dt { 				font-size: 38pt; }
dt sup { 			position: relative; font-size: 16pt; bottom: 13pt; }
dt span { 			font-size: 22pt; }
dd { 				font-size: 14pt; margin-top: 8px; }

blockquote { 		background: url(/i/quotes.png) 0 50% no-repeat; line-height: 20px; padding: 0 50px 0 80px; }

address { 			margin-top: 20px; line-height: 20px; }

img.screenshot { 	display: block; border: #fff 4px solid; margin: 20px auto;
					-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
					-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
					box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
                    behavior: url(/c/PIE.htc);}

/* ---- SIGNUP FORM ---- */
body.signup form {                      margin-top: 0;}
body.signup form span {                 padding-left: 20px; color: #666; font-size: smaller;}
body.signup form h3 {                   margin-top: 40px;}
body.signup #strength {                 padding: 4px 0; font-size: smaller;}
body.signup #strength span span {       border: 1px solid #CCC; margin-right: 4px; font-size: small;}
body.signup .weak {                     background: #FF3333;}
body.signup .weakF {                    border: 0 !important; color: #FF3333; font-weight: bold;}
body.signup .medium {                   background: #FF9933;}
body.signup .mediumF {                  border: 0 !important; color: #FF9933; font-weight: bold;}
body.signup .strong {                   background: #66CC33;}
body.signup .strongF {                  border: 0 !important; color: #66CC33; font-weight: bold;}
body.signup div#errors p {              color: red !important;}

/* ---- STRUCTURE---- */
.container { 					position: relative; width: 960px; margin: 0 auto; }

#header {                       height: 180px;}
body.home #header {             height: 490px; position: relative;}

#wrapper { 				background: #F3F3F3; min-height: 400px; padding: 30px 0;}
#testimonial-wrapper { 			background: #e1e1e1; }

#header #logo { 				display: block; width: 190px; height: 70px; background: #990000 url(/i/logo.png) 50% 50% no-repeat; }
#header #logo span { 			display: none; }

#header #logo { 				-moz-border-radius-topleft: 0px;
                                -moz-border-radius-topright: 0px;
                                -moz-border-radius-bottomright: 10px;
                                -moz-border-radius-bottomleft: 10px;
                                -webkit-border-radius: 0px 0px 10px 10px;
                                border-radius: 0px 0px 10px 10px;
								-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
								-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
								box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
                                behavior: url(/c/PIE.htc);}
#header #signup {                       position: absolute; top: 100px; right: 40px;}
body.home #header #signup,
body.signup #header #signup {           display: none;}
#header ul.mainNav { 			position: absolute; top: 26px; right: 30px; text-decoration: none; list-style-type: none;}
#header ul.mainNav li {                 float: left; margin: 0 6px;}
#header ul.mainNav li.divide {          color: red; font-size: 14px; font-weight: lighter; padding: 7px 16px 0 16px; }
#header ul.mainNav li a {               display: block; text-decoration: none; padding: 8px 12px; font-size: 13px; color: #333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/c/PIE.htc);
}
#header ul.mainNav li a:hover {         background: #FFE680;}
#header ul.mainNav li a.active {        background: #FFE680;}
#header ul.mainNav li.login a {         font-size: 11px;}
#header ul.mainNav li.signup a {        font-size: 11px; padding-right: 20px; background: url(/i/jumplead_sprite.png) -50px -300px no-repeat;}
#header ul.mainNav li.signup a:hover {  color: #fff; background: url(/i/jumplead_sprite.png) -50px -350px no-repeat;}

#header ul.subNav {                     position: absolute; top: 118px; right: 30px; text-decoration: none; list-style-type: none; z-index: 100;}
#header ul.subNav li {                  float: left; margin: 0; margin-right: 36px;}
#header ul.subNav li a {                display: block; text-decoration: none; padding: 8px 12px; font-size: 14px; color: #333;}
#header ul.subNav li a:hover {          color: #fff;}
#header ul.subNav li a.active {         color: #fff; background: url(/i/nav-arrow.png) center 29px no-repeat; overflow: visible; padding-bottom: 22px;}

body.home #home-main {                    background: none; width: 960px; height: 298px; position: relative;}
body.home #home-main img {                position: absolute;}
body.home #home-main h2 {                 color: #FFF; font-size: 13pt; line-height: 18pt; font-weight: normal;}
body.home #home-main small {              color: #666; padding-top: 12px; clear: left;}
body.home #home-main div {                position: relative; background: none !important; width: 960px; height: 298px;}

body.adLanding #home-main img,
body.article #home-main img {                position: absolute; top: 68px; right: 0;}
body.adLanding #home-main h2,
body.article #home-main h2 {                 color: #FFF; font-size: 13pt; line-height: 18pt; font-weight: normal;}
body.adLanding #home-main a,
body.article #home-main a {                  display: block; color: #FFF; text-transform: uppercase; /*padding: 26px 10px 10px 0px;*/ float: left; text-decoration: none;}
body.adLanding #home-main a:hover,
body.article #home-main a:hover {            text-decoration: underline;}
body.adLanding #home-main a.button,
body.article #home-main a.button {           background: url(/i/button-arrow-right.png) center right no-repeat; padding-right: 25px; margin-right: 15px;}
body.adLanding #home-main a.button span,
body.article #home-main a.button span {      background: #A70000; display: block; height: 100%; width: 100%; height: 30px; width: 170px; text-align: center; padding-top: 16px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
    behavior: url(/c/PIE.htc);
}
body.adLanding #home-main small,
body.article #home-main small {              color: #666; padding-top: 12px; clear: left;}

#trial_banner {                    clear: both; height: 90px; bottom: 22px; left: 0; position: absolute; width: 920px; padding: 0 20px;
    background: -moz-linear-gradient(top, #F2F0EE, #F3F3F3);
    background: -webkit-gradient(linear, left top, left bottom, from(#F2F0EE), to(#F3F3F3));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F0EE', endColorstr='#F3F3F3');
    background: linear-gradient(#F2F0EE, #F3F3F3);
}
#trial_banner a {                  display: block; color: #FFF; text-transform: uppercase; float: left; text-decoration: none; margin-top: 20px;}
#trial_banner a:hover {            text-decoration: underline;}
#trial_banner a.button {           background: url(/i/button-arrow-right.png) center right no-repeat; padding-right: 25px; margin-right: 15px;}
#trial_banner a.button span {      background: #A70000; display: block; height: 100%; width: 100%; height: 30px; width: 170px; text-align: center; padding-top: 16px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;

}
#trial_banner p.large {             color: #AAA; font-size: 19px; padding-top: 17px;}
#trial_banner #counter {            float: right; padding-right: 10px; margin-top: 8px; text-align: right;}
#trial_banner #counter div {        color: #AAA; font-size: 40px; padding-bottom: 8px; margin-right: -15px;}

div.carouselSlides { 					margin: 20px 0 20px; height: 300px; }
div.carouselSlides ul div div { 		position: absolute; top: 50px; left: 50px; width: 450px; z-index: 10; color: #777; font-size: 28pt; }
div.carouselSlides ul div div p { 		line-height: 35pt; }
div.carouselSlides ul div div.last { 	top: 100px; width: 900px; text-align: center; }

.intro p { 			font-size: 17pt; line-height: 22pt; }
.intro ul { 		font-size: 11pt; border-top: 1px solid #fff; line-height: 16pt; padding-top: 20px; margin-top: 20px; }
small { 			display: block; font-size: 9pt; padding-top: 12px; }



#testimonials { 				height: 130px; background: #E1E1E1; position: relative; width: 960px; padding-top: 25px; margin: 0 auto;}
.quotebox { 					position: relative; width: 450px; padding-right: 50px; border-right: 1px solid #000; }
.quotebox img { 				position: absolute; display: block; right: 15px; top: 10px;  }
.quotebox p { 					padding-left: 80px; }
.twitter { 					float: right; width: 330px; height: 100px; background: url(/i/twitter.png) 0 0 no-repeat; padding: 20px 0 0 110px;}


#footer { 			position: relative; background: #222; height: 180px; font-weight: lighter; clear: both;}
#footer span {                  position: absolute; top: 30px; right: 20px; display: block; color: #999; font-size: 9pt;}
#footer #tel { 			position: absolute; background: url(/i/jumplead_sprite.png) -300px -200px no-repeat; top: 6px; right: 20px; padding-left: 15px; color: #999; font-size: 9pt;}
#footer div {                   position: relative; width: 960px; margin: 0 auto;}
#footer ul { 			position: relative; top: 0; padding: 20px 20px 20px 0; width: 200px; font-size: 10pt; float: left; }
#footer li { 			margin: 4px; border-bottom: 1px solid #919191; padding: 2px 0 8px 0; }
#footer li {                    color: #FFF;}
#footer li a { 			text-decoration: none; color: #919191 }
#footer li.title {              color: #fff; font-weight: bold;}
#footer li a:hover { 		text-decoration: underline; }
#footer form {                  margin-top: 15px;}
#footer input {                 background: #222; border: 1px solid #666; padding: 7px; color: #FFF; width: 172px;}
#footer button {                background: #666; padding: 8px; color: #FFF; border: 0; font-size: 12px; cursor: pointer; width: 72px; height: 31px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#footer a.sitemap {             color: #999;}

#signoff { 						margin: 10px 0 30px; text-align: right; font-size: 9pt; }
#signoff li { 					float: right; padding: 0 6px; }
#signoff li a { 				color: #000; text-decoration: none; }

.curved-button { 				position: relative; margin: 0 auto; display: block; background: #990000; color: #fff; font-size: 16pt; line-height: 65px; text-decoration: none;  width: 240px; height: 65px;
								-moz-border-radius: 10px;
								-webkit-border-radius: 10px;
								border-radius: 10px;
								-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
								-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
								box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
                                behavior: url(/c/PIE.htc); }
.curved-button:hover { 			background: #a00;}
.curved-button span { 			padding-left: 25px; margin-left: 15px; background: url(/i/arrow.png) 0 0 no-repeat; }

div.blog p {                    margin-bottom: 25px;}

div.infoBoxLarge h2 {                               font-size: 17pt; margin-bottom: 0;}
div.infoBoxMedium h3,
div.infoBoxSmall h3,
div.infoBoxLarge h3 {                               font-size: 12pt; font-weight: bold; padding: 0;}
div.infoBoxMedium h4,
div.infoBoxSmall h4,
div.infoBoxLarge h4 {                               font-size: 12pt; padding-top: 0;}
div.infoBoxMedium p,
div.infoBoxSmall p {                                font-size: 10pt; padding-top: 0;}

div.infoBoxSmall hr.clear,
div.infoBoxMedium hr.clear,
div.infoBoxLarge hr.clear {                         padding: 0 !important;}

div.infoBoxLarge {                                  background: url(/i/backshadow-large.png) 0 100% no-repeat; height: 230px;}
div.infoBoxLarge div.infoContainer {                border: 1px solid #DADADA; margin-top: 30px; background: #FFF;}
div.infoBoxLarge div.infoContainer div {            width: 448px; float: left; padding: 15px; height: 185px;}
div.infoBoxLarge div.infoContainer.three div {      width: 288px;}
div.infoBoxLarge div.infoContainer div.divide {     border-left: 1px solid #DADADA;}
div.infoBoxLarge div.infoContainer div.blue {       background: #EEF3F9;}
div.infoBoxLarge p {                                padding-top: 15px;}
div.infoBoxLarge img {                              float: right; margin-left: 10px;}

div.infoBoxSmall {                                      float: left; padding-right: 20px;}
div.infoBoxSmall div.infoContainer {                    background: url(/i/backshadow-small.png) 0 100% no-repeat; height: 190px; width: 225px;}
div.infoBoxSmall div.infoContainer div.contentArea {    padding: 15px; height: 145px; border: 1px solid #DADADA; margin: 30px 0; background: #FFF;}
div.infoBoxSmall img {                                  display: block; margin: 0 auto; margin-top: 5px;}
div.infoBoxSmall div.footer {                           background: #EEF3F9; margin: -15px; padding: 15px; padding-top: 9px; height: 80px; border-top: 1px solid #DADADA;}
div.infoBoxSmall div.header {                           height: 65px;}

div.infoBoxMedium {                                 float: left;}
div.infoBoxMedium div.infoContainer {               background: url(/i/backshadow-medium.png) 0 100% no-repeat; height: 190px; width: 470px;}
div.infoBoxMedium div.infoContainer div {           padding: 15px; height: 145px; border: 1px solid #DADADA; margin: 30px 0; background: #FFF;}

div.keyFeature {                                    width: 300px; float: left; padding: 0 10px; margin-top: 15px;}
div.keyFeature img {                                padding-right: 10px; float: left; padding-top: 10px;}
div.keyFeature h3 {                                 float: left;}
div.keyFeature p {                                  clear: both;}


div.presentationContainer {                         padding-bottom: 3px; margin-top: -50px; margin-bottom: 20px; background: url(/i/backshadow-large.png) 0 100% no-repeat;}
div.presentationBox {                               background: #FFF; border: 1px solid #DADADA; padding: 24px; margin-bottom: 14px; position: relative;}
div.presentationSidebar {                           background: #F2F5FA; width: 300px; float: right; height: 670px; margin-left: 20px; padding: 15px;}
div.presentationSidebar div {                       background: #FFF; padding: 10px;}
div.presentationSidebar img {                       margin: 20px auto; display: block;}
div.presentationSidebar blockquote {                padding: 0; padding-top: 60px; background: url(/i/quotes.png) 0 0 no-repeat; margin: 20px 0; font-size: 11pt;}
div.presentationSidebar map area {                  outline: 0;}
div.presentationSidebar a {                         color: #666;}


/* ---- PRICING PAGE ---- */
body.pricing div.infoBoxSmall img {                 margin-top: -5px; margin-bottom: 10px;}
body.pricing h1 {                                   text-align: center; font-size: 20pt; margin-bottom: 22px; }
body.pricing div.presentationBox div.title {        background: #EEF3F9; padding: 20px 0 20px 20px; font-size: 16pt; width: 220px; float: left; margin-right: 10px;}
body.pricing div.presentationBox div.title.long {   width: 640px; margin-right: 0;}
body.pricing div.presentationBox div.content {      background: #F5F5F5; color: #636B75; padding: 20px; width: 200px; float: left; margin-right: 10px; margin-top: 10px; height: 140px; position: relative;}
body.pricing div.presentationBox div.content hr {   margin: 10px 0;}
body.pricing div.presentationBox div.content.large {width: 370px; margin-right: 0; line-height: 22px;}
body.pricing div.presentationBox div.content small {position: absolute; bottom: 20px; left: 20px;}
body.pricing div.column {                           width: 435px; float: left; padding-left: 40px;}
body.pricing div.column h2 {                        font-size: 12pt; text-align: left; font-weight: bold;}
body.pricing div.column p {                         font-size: 10pt;}


/* ---- MEDIA PAGE ---- */
body.media div.swatch {                             width: 180px; float: left; padding: 0 23px; height: 250px; font-size: 11px; line-height: 18pt;}


/* ---- SUPPORT PAGE ---- */
body.support h4 {                                   margin-top: 20px;}



/* ---- BLOG PAGE ---- */
body.blog div.presentationBox {                     padding-right: 320px;}
body.blog div.presentationSidebar {                 width: 250px; position: absolute; top: 0; right: 0; bottom: 0; margin: 24px; height: auto;}
body.blog div.articleImgL {                         padding: 10px; background: #EEF3F9; width: 600px;}
body.blog h1.title {                                margin: 0; line-height: normal; padding-top: 10px; font-size: 14pt;}
body.blog h1.title a {                              color: #000;}
body.blog small {                                   padding-bottom: 10px; color: #999;}
body.blog a.articleLink {                           color: #000; font-size: 10pt;}

body.blog div.articleSmall {                        width: 280px; float: left; margin-right: 25px;}
body.blog div.articleImgS {                         padding: 5px; background: #EEF3F9; width: 280px;}

body.blog h4 {                                      margin-top: 20px; margin-bottom: 10px;}


/* ---- CONTACT PAGE ---- */
body.contact div.presentationSidebar {              height: 530px;}
body.contact div.presentationSidebar p {            color: #000;}

/* ---- SIGNUP FORM ---- */
body.signup #header ul.mainNav {                        display: none;}
body.signup div.presentationSidebar {                   height: 820px;}
body.signup #welcomeImg {                               position: absolute; top: -100px; left: 230px;}
body.signup div.headerText {                            background: #EEF3F9; padding: 20px 30px; margin-bottom: 10px; color: #666;}
body.signup form.standard fieldset {                    border: 0;}
body.signup form.standard fieldset span {               font-size: 8pt;}
body.signup form.standard label {                       font-size: 10pt;}
body.signup form.standard legend {                      color: #999; border-bottom: 1px solid #999; width: 100%; padding: 10px 0;}
body.signup form.standard select,
body.signup form.standard input {                       width: 210px;}
body.signup p.checkboxText {                            color: #000; font-size: 10pt;}

/* ---- ADWORDS ---- */
body.adLanding div.columns2 {                         width: 740px;}
body.adLanding div.trialBox {                         width: 195px; float: right; padding: 15px; height: 450px; border: 1px solid #DADADA; margin: 30px 0 0 30px; background: #FFF;}
body.adLanding div.columns2 div.quotebox {            border-right: none; padding-right: 0; margin-left: 30px; width: 225px; float: right;}
body.adLanding div.columns2 blockquote {              background: url(/i/quotes-grey.png) 0 0 no-repeat; line-height: 20px; padding: 80px  0 0; }
body.adLanding {                                      background: #222 url(/i/bg.png) 0 0 repeat-x;}
body.adLanding h1 {                                   font-size: 26pt; width: 400px; margin-bottom: 10px;}
body.adLanding h2 {                                   text-align: left; font-size: 20pt;  line-height: 26pt;}
body.adLanding #header {                              height: 390px;}
body.adLanding div.presentationContainer {            margin-top: 30px;}

/* ---- SITEMAP ---- */
body.sitemap div#list ul {                          float: left; margin-right: 70px; line-height: 18pt;}

/* ---- ARTICLES ---- */
body.article div.columns2 {                         width: 740px;}
body.article div.trialBox {                         width: 195px; float: right; padding: 15px; height: 450px; border: 1px solid #DADADA; margin: 30px 0 0 30px; background: #FFF;}
body.article div.columns2 div.quotebox {            border-right: none; padding-right: 0; margin-left: 30px; width: 225px; float: right;}
body.article div.columns2 blockquote {              background: url(/i/quotes-grey.png) 0 0 no-repeat; line-height: 20px; padding: 80px  0 0; }
body.article {                                      background: #222 url(/i/bg.png) 0 0 repeat-x;}
body.article h1 {                                   font-size: 26pt; width: 400px; margin-bottom: 10px;}
body.article h2 {                                   text-align: left; font-size: 20pt; line-height: 26pt;}
body.article #header {                              height: 390px;}
body.article div.presentationContainer {            margin-top: 30px;}


/* ---- FEATURES INCOMING ---- */
body.incoming div.infoBoxLarge img {                float: none; margin: 0 auto; display: block; }
body.incoming div.infoBoxLarge span {               width: 135px; display: block; color: #636B75; font-size: 10pt; position: absolute; top: 90px; line-height: 15pt;}
body.incoming div.infoBoxLarge span h4 {            color: #444; margin-bottom: 5px;}
body.incoming div.infoBoxLarge div.infoContainer {  position: relative;}

div.shr_class {     margin: 20px auto -10px auto; width: 490px;}