<style type="text/css">

  html { height: 100%; overflow: hidden; }
  body, td, th, div, p, pre, a, span.a, li, input, select, textarea, label, legend { font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 13px; line-height: 19px; color: #585858; outline: none; }
  body { overflow-x: hidden; overflow-y: scroll; height: 100%; margin: 0px; padding: 0px; background: #ccc url(http://d1p8vlqvx8b65l.cloudfront.net/siteBackBodyReverse.jpg) repeat-x 0px 0px scroll; }
  input, select, textarea { color: #000; }
  a img { border: none; }
  td { vertical-align: top; }
  
  .mono { font-family: "Courier New", Courier, monospace; color: #000; white-space: nowrap; font-size: 11px; }
  
  a, span.a { color: #585858; text-decoration: none; border-bottom: 1px dotted #929292; cursor: pointer; outline: none; }
  a.pop { color: #0181E3; border-bottom: 1px dotted #0181E3; }

  .context { width: 400px; margin: 20px auto; padding: 10px; background: #FFFFC0; border: 1px solid #EDF000; font-weight: 700; text-align: center; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

  h4 { color: #333333; }

  .button { float: left; height: 22px; margin: 0 3px 3px 0; padding: 0 18px 0 0; background: transparent url(http://d1p8vlqvx8b65l.cloudfront.net/siteButton.png) right -48px scroll no-repeat; cursor: pointer; }
  .button span { display: block; line-height: 22px; margin: 0px; padding: 0 0 0 18px; background: transparent url(http://d1p8vlqvx8b65l.cloudfront.net/siteButton.png) 0px 0px no-repeat; color: #000; font-size: 12px; white-space: nowrap; }
  .buttonselected { background-position: right -70px; }
  .buttonselected span { background-position: 0px -22px; color: #3366CC; }

  /* icons */
  div.icon { height: 17px; width: 17px; margin: 0 auto; }
  .checkmark { background: transparent url(http://d1p8vlqvx8b65l.cloudfront.net/baseSprite.png) no-repeat 0px 0px scroll; }

  /* form defaults */
  form { margin: 0; }
  input.text, textarea { border: 1px solid #E8E7EB; background: #fff url(http://d1p8vlqvx8b65l.cloudfront.net/siteFormBackgroundFull.gif) no-repeat top left scroll; }
  input.text { padding: 0px 0 2px 4px; }
  textarea { padding: 0px 0 2px 4px; }
  /* webkit */
  body:first-of-type select { border: 1px solid #9B9999 !important; background: #fff; }

  /* banner struct and content */
  #topnavcontainer { position: absolute; top: 0px; right: 0px; width: 100%; height: 89px; overflow: hidden; background: #1b1b1b url(http://d1p8vlqvx8b65l.cloudfront.net/siteBannerBack.jpg) repeat-x 0px 0px scroll; }
  #sitelogo { float: left; padding-left: 10px; cursor: pointer; }
  .topnav div { display: block; float: right; height: 35px; margin: 48px 10px 0 0; background: transparent url(http://d1p8vlqvx8b65l.cloudfront.net/siteNavigation.png) no-repeat top left scroll; border: none; }
  #topnav_learn_about div { width: 129px; margin-right: 20px; background-position: -272px -47px; }
  #topnav_free_account div { width: 133px; background-position: -133px -47px; }
  #topnav_client_login div { width: 123px; background-position: -4px -47px; }

  #topnav_learn_about div.topnavselected { background-position: -272px -6px; }
  #topnav_free_account div.topnavselected { background-position: -133px -6px; }
  #topnav_client_login div.topnavselected { background-position: -4px -6px; }

  #topnavcontainer .caption { position: absolute; display: none; top: 46px; left: 243px; color: #fff; font-family: "Trebuchet MS", Arial; font-size: 14px; }

  /* frame structure */
  .framecontainer { display: none; position: absolute; top: 100px; left: 0px; width: 910px; margin: 0 auto; }
  .framecontent { min-height: 1000px; padding: 40px; margin: 10px 10px 0 10px; background: #fff; }
  #website_home { background: none; }

  /* frame specific */
  #website_home .framecontent { height: 290px; min-height: 180px; padding: 0; margin-top: 250px; background: none; }
  #stage { position: absolute; height: 250px; width: 890px; top: 100px; margin-left: 10px; z-index: 10; cursor: pointer; text-align: center; }
  #stage #welcomeback { margin-top: 80px; }
  #stage #welcomeback p { margin: 0 0 30px 0; font-family: "Trebuchet MS", Arial; }
  #website_home #imagecontainer { width: 100%; overflow: hidden; text-align: center; }
  #website_home .imagecontent { }
  #website_home .imagecontent a { border: none; }
  .bullet { color: #878787; }
  .twittertweets p { width: 616px; margin-left: -6px; }
  #leadnurturingexample { margin-left: 40px; }
  #leadnurturingexample td { font-size: 11px; }

  /* blog */
  #blogcalloutcontainer { float: right; width: 200px; margin: 5px -15px 0 10px; padding: 0; z-index: 10; }
  #blogcalloutcontainer a { border-bottom: none; }
  #blogcalloutcontainer a:hover { color: #4E9EED; border-bottom: 1px dotted #4E9EED; }
  #blogcallouttop { float: left; height: 45px; padding-left: 45px; background: transparent url(http://d1p8vlqvx8b65l.cloudfront.net/siteBlogCalloutTop.gif) no-repeat 0% 100%; }
  #blogcalloutmiddle { float: left; clear: both; background: #fff url(http://d1p8vlqvx8b65l.cloudfront.net/siteBlogCalloutMiddle.gif) repeat-y 0% 0%; }
  #blogcalloutmiddle ul { width: 225px; margin: 0; padding: 0 0 15px 0; }
  #blogcalloutmiddle li.document,  #blogcalloutmiddle li.link { margin: 3px 0px 3px 15px; padding: 0 20px 0 20px; list-style-type: none; }
  #blogcalloutmiddle .recentarticles li, #blogcalloutmiddle .recentarticles a { font-size: 9px; line-height: 14px; }
  #blogcalloutmiddle .recentarticles li { padding-top: 3px; padding-bottom: 3px; }
  #blogcalloutmiddle a { font-size: 11px; }
  #blogcalloutbottom { float: left; clear: both; height: 45px; padding-left: 45px; background: transparent url(http://d1p8vlqvx8b65l.cloudfront.net/siteBlogCalloutBottom.gif) no-repeat 0% 0%; }
  #blogcalloutmiddle .recentarticles li.document { margin-left: 35px; padding-left: 17px; background: url(http://d1p8vlqvx8b65l.cloudfront.net/baseSprite.png) no-repeat 0px -32px scroll; color: #ccc; list-style-type: none; }
  #blogcalloutmiddle li.highlightyellow { padding-top: 8px; padding-bottom: 11px; background: transparent url(http://d1p8vlqvx8b65l.cloudfront.net/siteHighlightYellow.png) no-repeat bottom left; }
  #blogcalloutmiddle li.highlightblue { padding-top: 8px; padding-bottom: 11px; background: transparent url(http://d1p8vlqvx8b65l.cloudfront.net/siteHighlightBlue.png) no-repeat bottom left; }
  #blogcalloutmiddle li.highlightgreen { padding-top: 8px; padding-bottom: 11px; background: transparent url(http://d1p8vlqvx8b65l.cloudfront.net/siteHighlightGreen.png) no-repeat bottom left; }

  #blogpage { min-height: 800px; width: 100%; }
  #blogpage p.articletitle, #planspage p.planheader { margin: 0 0 4px 0; font-family: "Trebuchet MS", Arial; font-size: 20px; letter-spacing: -1px; font-weight: 700; color: #333333; }
  #blogpage p.articleauthor { margin: 0 0 5px 0; font-size: 9px; }
  #blogpage p.articlecontinue { margin: 5px 0; }
  #blogpage p.articlecomments { margin: 5px 0; }

  /* blog comments*/
  #blogcomments { width: 550px; margin: 20px 20px 0 20px; background-color: #F6F4F4; }
  #blogcomments .entry { position: relative; border-top: 1px solid #fff; padding: 5px 10px 5px 40px; }
  #blogcomments p { margin: 3px 0; }
  #blogcomments .id, #blogcomments .author, #blogcomments .comment { padding-right: 6px; }
  #blogcomments .comment p { font-size: 11px; }
  #blogcomments .id { display: block; position: absolute; top: 0px; left: 0px; width: 20px; margin-right: 5px; text-align: right; background: #CCCCCC; font-size: 9px; color: #fff; }
  #blogcomments .author { font-weight: 700; }
  
  .blogaddcomments { zoom: 1; position: relative; font-weight: 700; }
  #blogentryform { margin-left: 25px; overflow: hidden; }
  #blogentryform input.text, #blogentryform textarea, #blogentryform label { display: block; }
  #blogentryform input.text, #blogentryform textarea { margin-bottom: 10px; }
  #blogentryform input.text { width: 300px; }
  #blogentryform textarea { height: 75px; width: 400px; overflow-x: hidden; overflow-y: auto; resize: none; }
  #blogentryform label img { vertical-align: middle; }

  /* messgages */
  .infobox { width: 550px; margin: 0px auto -1px auto; background: #eee url(http://d1p8vlqvx8b65l.cloudfront.net/siteIconInfoGrey.png) no-repeat scroll 20px center; border: 1px solid #DFDFDF; }
  .infobox p { padding: 5px 20px 5px 80px; color: #000; }

  /* specific entry support - product page */
  .leading { font-weight: 700; font-size: 14px; color: #333333; }
  span.leading { padding-right: 7px; }

  h1 { font-family: "Trebuchet MS", Arial; font-size: 32px; line-height: normal; letter-spacing: -1px; color: #333333; }
  .subtitle { margin: 20px 0; padding: 0 0 0 60px; font-family: Georgia, Times, Serif; color: #888888; font-weight: 400; font-size: 19px; line-height: normal; font-style: italic; }
  .quotebox { padding: 10px 20px; background: #efefef; border: 1px solid #cccccc; }
  /* .largequote { font-size: 58px; } */

  /* specific entry support - video */
  #sitescreencastintro { position: relative; margin: 20px 0 60px 0; overflow: hidden; }

  /* specific entry support - top list */
  .quotetop { clear: left; float: right; width: 430px; margin: 10px 35px 10px 10px; padding: 5px; background: #fff url(http://d1p8vlqvx8b65l.cloudfront.net/siteToplistBackground.gif) repeat-x bottom left scroll; border: 1px solid #DFDFDF; }
  .quotetop .header { margin-left: 10px; padding-top: 15px; font-size: 14px; color: #333333; font-weight: 700; }
  .quotetop .container { padding: 15px; }
  .quotetop .container ol { padding-left: 25px; margin: 0; }
  .quotetop .container li { padding-bottom: 7px; color: #333333; font-family: Georgia, Times, Serif; font-size: 14px; }

  /* specific entry support - product status bullets */
  #blogpage .columnleft, #blogpage .columnright { float: left; width: 255px; margin-left: 10px; }
  #blogpage .columnleft { margin-right: 10px; }
  #blogpage .columnleft ul, #blogpage .columnright ul { padding-left: 20px; }
  #blogpage .columnleft ul li, #blogpage .columnright ul li { line-height: 14px; padding-bottom: 5px; font-size: 11px; }
  #blogpage .columnleft span.open, #blogpage .columnright span.open { background-color: #FFFDCF; }

  /* specific entry support - free offer */
  .freeoptionborder { clear: left; float: left; width: 500px; margin: 15px 30px; padding: 1px; border: 1px solid #b5b5b5; text-align: center; }
  .freeoptionheader { background: #e6e6e6; }
  .freeoptioncontent { padding: 20px; border: 5px solid #e6e6e6; }
  .code { margin-top: 15px; padding: 3px; background: #FFFFC0; font-size: 11px; }

  /* specific entry support - Q & A */
  .question { font-weight: 700; }
  .answer { margin-left: 20px; }
  .chart { margin-left: 25px; border: 1px solid #fff; border-collapse: collapse; }
  .chart td { padding: 3px 5px; border: 1px solid #585858; }

  /* specific entry support - iphone  */
  .iphonepage { margin: 6px 0 0 20px; }
  .iphonepage a { font-weight: 700; border: none; }
  .iphonepage a:hover { color: #4E9EED; border-bottom: 1px dotted #4E9EED; }

  /* specific entry support - features  */
  .features h1 { margin-left: 10px; padding-left: 10px; font-size: 20px; line-height: 22px; font-family: Georgia, Times, Serif; font-weight: 400; font-style: italic; }

  /* specific entry support - external calendar  */
  .externalcalendariphone { float: left; width: 310px; margin: 50px 50px 0 10px; }
  .externalcalendariphone li { font-size: 14px; padding-bottom: 8px; }

  /* specific entry support - external api */
  .apinav { float: right; width: 130px; margin: 5px 10px 10px 20px; padding: 8px 10px; background: #EEF5FF; border: 1px solid #8EAACE; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
  .apinav div { margin: 8px 5px 8px 15px; }
  .apinav .heading { margin: 0 5px 8px 5px; font-size: 14px; font-weight: 700; }
  .apinav a { font-size: 13px; }
  .apinav .apinavselected { font-weight: 700; }

  .apichart { margin: 0 15px; border: 1px solid #BBBBBB; }
  .apichart th, table.apichart td { padding: 3px 10px; text-align: left; border-right: 1px solid #DEDEDE; }
  .apichart th { background: #F5F5F5; font-weight: 700 }
  .apichart td { border-top: 1px solid #CCCCCC; }

  .apiformattitle { text-decoration: underline; }

  .apisection { font-size: 22px; font-weight: 700; color: #000; }
  .apimethod { margin-top: 25px; margin-bottom: 15px; font-weight: 700; font-size: 15px; color: #4e9eed; }
  .apimethodaction, .apimethoddesc, .apimethodsample { margin-left: 15px; }
  .apimethodaction { margin-bottom: 10px; font-weight: 700; }
  .apimethodsample { margin-top: 15px; margin-bottom: 10px; }
  .apimethodsample + .codeblock { margin-bottom: 10px; }
  .apiparams p, .apiparams div { margin-top: 0; margin-left: 50px; font-size: 11px; }
  .apiparams li { font-size: 11px; }
  .apiparams p { margin-bottom: 5px; }
  .apiparams .apichart { margin: 0; }
  .apiparams .apichart th, .apiparams .apichart td { padding: 1px 5px; font-size: 11px; }

  .requiredfield { color: #FF0000; }
  .requiredfieldlabel { float: left; width: 7px; height: 7px; margin: 5px 5px 0 0 !important; background: #FF0000; }

  .multiplefield { color: #0000FF; }
  .multiplefieldlabel { float: left; width: 7px; height: 7px; margin: 5px 5px 0 0 !important; background: #0000FF; }

  /* cast shadow */
  table.tableshadow { clear: both; width: 100%; height: 10px; border-collapse: collapse; empty-cells: show; }
  table.tableshadow td { padding: 0; line-height: 10px; }
  table.tableshadow td:first-child { border: 0; width: 70px; height: 10px; background: transparent url(http://d1p8vlqvx8b65l.cloudfront.net/siteFrameShadow.jpg) no-repeat 0px 0px scroll; }
  table.tableshadow td:first-child + td { border: 0; background: transparent url(http://d1p8vlqvx8b65l.cloudfront.net/siteFrameShadow.jpg) no-repeat -170px 0px scroll; }
  table.tableshadow td:first-child + td + td { border: 0; width: 70px; height: 10px; background: transparent url(http://d1p8vlqvx8b65l.cloudfront.net/siteFrameShadow.jpg) no-repeat -85px 0px scroll; }

  /* plans */
  #plancontainer { background: transparent; overflow: hidden; }
  #plancontainer #optionfeatures, #plancontainer .columnoption { float: left; width: 134px; border-right: 1px solid #fff; background: #F0F4F7 url(http://d1p8vlqvx8b65l.cloudfront.net/sitePlanColumnBackground.png) no-repeat bottom left; text-align: center; overflow: hidden; }
  #plancontainer #optionfeatures { width: 184px; background: #fff; }
  #plancontainer .columntop, .columnbottom { height: 10px; background: #fff; }
  #plancontainer div.cell { height: 30px; margin: 0; }
  #plancontainer div.celluser { height: 20px; }
  #plancontainer div.cell > div { padding: 2px; color: #000; }
  #plancontainer div.celluser > div { padding-top: 0; }
  #plancontainer div.cell > div a, span.a { color: #000; }
  #plancontainer #optionfeatures div.cell > div { padding-right: 17px; text-align: right; }
  #plancontainer div.stretchrow { height: 5px; }

  #plancontainer div.cell .heading { padding-top: 10px; font-size: 19px;  font-weight: 700; }
  #plancontainer div.cell .price { font-size: 16px; font-weight: 700; }
  #plancontainer div.cell .priceuser { font-size: 11px; font-weight: 400; }
  #plancontainer div.cell .term { font-size: 11px; }

  #plancontainer div.active .columntop, #plancontainer div.active .columnbottom  { background: #3680A3; }
  #plancontainer div.active { background: #3680A3; }
  #plancontainer div.active div.cell > div { color: #fff; }
  #planspage { background: #fff; }

  .cell .button { float: none; margin: 0 12px; }
  .cell .disabled span { color: #ABABAB; text-decoration: line-through; cursor: default; }

  .price span { display: none; }
  .price span.usd { display: inline; }
  .price span.beta { display: none; }
  .currency { margin: 0 70px 20px 0; text-align: right; font-size: 11px; }
  .currency span { margin-right: 3px; padding: 0 2px; background: #fff; cursor: pointer; border-bottom: 1px dotted #585858; }
  .currency span.selected { color: #fff; background: #aaaaaa; border: none; }

  /* tooltip */
  #tooltip { display: none; position: absolute; max-width: 475px;  padding: 12px 15px; border: 1px solid #333; background: #f7f5d1; font-size: 11px; line-height: 14px; color: #000; }

  /* code */
  .codeblock { min-height: 35px; margin: 20px 0 20px 20px; padding: 2px 10px; background-color: #F5F5F5; border: 1px solid #DEDEDE; overflow: auto; font-size: 11px; line-height: normal; white-space: pre; }
  .filename { margin: 0 30px; padding: 2px 6px; background: #666666; color: #fff; font-size: 11px; }

  /* signup form internal */
  #signupcontainer { }
  #signupcontent { width: 635px; margin-left: 50px; padding: 10px 0 0 35px; }
  #signupframe { width: 100%; height: 550px; border: none; overflow: hidden; }

  /* signup form external */
  #confirmcontainer { display: none; position: absolute; top: 0px; left: 0px; width: 650px; height: 1000px; background: transparent url(http://d1p8vlqvx8b65l.cloudfront.net/siteBackgroundOpaque65.png) repeat top left scroll; z-index: 2; }
  #confirmmessage { display: none; position: absolute; top: 100px; left: 55px; width: 520px; background: #EEF5FF url(http://d1p8vlqvx8b65l.cloudfront.net/siteIconInfoBlue.png) no-repeat scroll 25px center;  border: 3px solid #8EAACE; z-index: 3; }
  #confirmmessage p { margin: 30px 25px 30px 80px; }
  #confirmmessage p .leading { padding-right: 7px; font-weight: 700; font-size: 14px; color: #333333; }
  form#signup div.formcell { zoom: 1; overflow: hidden; height: 30px; padding: 0; clear: both; }
  form#signup label { float: left; width: 180px; padding-top: 5px; text-align: right; }
  form#signup { position: relative; }
  form#signup input.text, form#signup select, form#signup textarea { float: left; width: 192px; margin-left: 10px; }
  form#signup input.text { padding: 3px 8px; font-size: 13px; font-weight: 700; }
  form#signup textarea { overflow-x: hidden; overflow-y: auto; resize: none; }
  form#signup select { width: 211px; padding-left: 4px; height: auto; }
  form#signup .message { display: none; position: absolute; right: 20px; width: 170px; height: 50px; margin-top: 5px; padding: 10px; color: #000; background: #EEF5FF; border: 1px solid #8EAACE; line-height: normal; font-size: 12px; }
  form#signup .message span.error { color: #FF0000; }
  form#signup fieldset { padding: 10px; background: #F3F3F3; border: none; border-top: 1px solid #DDDDDD; }
  form#signup legend { font-size: 13px; font-weight: 700; }
  form#signup div.location { height: 40px; }
  form#signup div.location input { margin-left: 20px; }
  form#signup div.location span { padding-left: 5px; }

  /* footer */
  .footer { padding: 50px 0 50px 0; text-align: center; }
  .footer, .footer a { color: #6E6E6E; font-size: 10px; }
  .footer a { border-bottom-color: #6e6e6e; }

  /* slideshow */
  .slidepics { width: 550px; height: 300px; padding: 0; margin: 0 0 25px 15px; background: #fff; }
  .slidepics p { width: 515px; position: absolute; top: 270px; left: 0px; margin: 0; padding: 0; font-family: "Trebuchet MS",Arial; color: #333333; font-weight: 700; font-size: 18px; line-height: normal; zxfont-style: italic; text-align: right; }
  .slidepics img { top: 0; left: 0; width: 550px; height: 250px; }

  /* social networks */
  #addthis { position: relative; margin-bottom: 20px; }
  #addthis a,  #addthis_services a { border-bottom: none; }

  /* lightbox */

  #gallery a, #jquery-lightbox a { border: none; }
  #gallery .screencaption { font-size: 9px; padding-left: 8px; }

	#gallery {
		background-color: #fff;
		padding: 10px;
		overflow: auto;
	}
	#gallery ul { list-style: none; padding: 0; overflow: auto; }
	#gallery ul li {
    float: left;
    margin: 10px;
    height: 140px;
    background: #fff;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
  }
	#gallery ul img {
    padding: 12px 10px 2px 10px;
	}
	#gallery ul li:hover {
    background: #EEF5FF;
    border: 1px solid #8EAACE;
	}

  #jquery-overlay {
  	position: absolute;
  	top: 0;
  	left: 0;
  	z-index: 90;
  	width: 100%;
  	height: 2500px !important; /* for msie */
  }
  #jquery-lightbox {
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	z-index: 100;
  	text-align: center;
  	line-height: 0;
  }
  #jquery-lightbox a img { border: none; }
  #lightbox-container-image-box {
  	position: relative;
  	background-color: #fff;
  	width: 250px;
  	height: 250px;
  	margin: 0 auto;
  }
  #lightbox-container-image { padding: 10px; }
  #lightbox-loading {
  	position: absolute;
  	top: 40%;
  	left: 0%;
  	height: 25%;
  	width: 100%;
  	text-align: center;
  	line-height: 0;
  }
  #lightbox-nav {
  	position: absolute;
  	top: 0;
  	left: 0;
  	height: 100%;
  	width: 100%;
  	z-index: 10;
  }
  #lightbox-container-image-box > #lightbox-nav { left: 0; }
  #lightbox-nav a { outline: none;}
  #lightbox-nav-btnPrev, #lightbox-nav-btnNext {
  	width: 49%;
  	height: 100%;
  	zoom: 1;
  	display: block;
  }
  #lightbox-nav-btnPrev {
  	left: 0;
  	float: left;
  }
  #lightbox-nav-btnNext {
  	right: 0;
  	float: right;
  }
  #lightbox-container-image-data-box {
  	font: 10px Verdana, Helvetica, sans-serif;
  	background-color: #fff;
  	margin: 0 auto;
  	line-height: 1.4em;
  	overflow: auto;
  	width: 100%;
  	padding: 0 10px 0;
  }
  #lightbox-container-image-data {
  	padding: 0 10px;
  	color: #666;
  }
  
  #lightbox-image {
    border: 1px solid #bbb;
  }
  
  #lightbox-container-image-data #lightbox-image-details {
  	width: 70%;
  	float: left;
  	text-align: left;
  }
  #lightbox-image-details-caption { font-weight: bold; }
  #lightbox-image-details-currentNumber {
  	display: block;
  	clear: left;
  	padding-bottom: 1.0em;
  }
  #lightbox-secNav-btnClose {
  	width: 66px;
  	float: right;
  	padding-bottom: 0.7em;
  }



</style>


