/* Eric Meyer's Reset Reloaded, pared down by Beth Budwig for ringomo.com */
	/*   Available at http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
      html, body, div, span, applet, object, iframe,
      h1, h2, h3, h4, h5, h6, p, blockquote, pre,
      a, abbr, acronym, address, big, button, cite, code,
      del, dfn, em, font, img, ins, kbd, q, s, samp,
      small, strike, strong, sub, sup, tt, var,
      dl, dt, dd, ol, ul, li,
      fieldset, form, label, legend,
      table, caption, tbody, tfoot, thead, tr, th, td {
      	margin: 0;
      	padding: 0;
      	border: 0;
      	outline: 0;
      	font-weight: inherit;
      	font-style: inherit;
      	font-size: 100%;
      	font-family: inherit;
      	vertical-align: baseline;
         text-align: left; 
      }
      :focus {	outline: 0; }
      body {
      	line-height: 1;
      	color: black;
      	background: transparent;
      }
      ol, ul {	list-style: none; }
      table { border-collapse: separate; border-spacing: 0; }
      caption, th, td { text-align: left; font-weight: normal; }
      i {position: absolute; top: -3000px !important; margin-top: -3000px !important; font-size:.001em; font-style: normal;}

   /* Start general ringo styles*/
      body { background: #6ea4df url(images/bg.png) repeat top center; text-align: center; padding: 15px 0; }	
      #box {
         width: 729px;
         margin: 0 auto;
         padding: 0;
         color: #26498f;
         background: top url('images/box-ends.png') no-repeat;
         font: normal normal normal 14px/140% georgia, garamond, serif; 
         text-align: center;
      }
      
      #box-bottom{
         height: 111px;
         width: 729px;
         clear:both;
         background: url(images/box-ends.png) no-repeat bottom;
      }
      
      #box div {
         padding: 0;
         margin: 0;  
      }      
      
      #content {
         background: url(images/box-mid.png) repeat !important;
         width: 729px;
      }
      
      #header {
         width: 727px;
         height: 96px;
         position:relative;
      }
      #header a {
         display: block;
         text-decoration:none;
         float:left;
         padding: 0;
      }      
      #header #home {
         width:245px;
         height:70px;
         position: relative;
         top:12px;
         left: 15px;
      }
      #header ul {
         float: right;
         margin: 33px 15px 0 0;
      /* /\ this vertically & horizontally gets the link images in the right place*/
      }
      #header li { 
         float: left !important;          
         height: 31px !important; 
      }
      #header li a { 
         display: block;
         position: relative;
         margin: 0 6px 0 0px;
         height: 31px;
         overflow: hidden; 
         cursor: pointer;
      }
      
      #nav-centro { width: 75px; height: 31px; background: 0 0 url(images/nav-centro-trans.png) no-repeat;}
      #nav-treo { width: 63px; background: 0 0 url(images/nav-treo-trans.png) no-repeat;}
      #nav-blackberry { width: 101px; background: 0 0 url(images/nav-blackberry-trans.png) no-repeat;}
      #nav-windows { width: 134px; background: 0 0 url(images/nav-windows-trans.png) no-repeat;}
      
      #header li a:hover { background-position: 0 -31px !important; }
      #header li a:active { background-position: 0 -62px !important; }
      
      #text{ padding: 0 38px 5px 40px !important; }
      
      #left-col{ float:left; border: 11px white solid; border-width: 0 11px 9px 0 !important;}
      #product #left-col { width: 212px; border-right-width: 5px;}
      
      p { padding: 1px 0 13px; } 
      form { padding-bottom: 1px; }
      blockquote, cite { display: block; font-size: .878em; line-height: 1.2em; margin:0.9em 3em 0; color: #27749b; font-family: verdana, helvetica, arial, sans; font-style: italic; padding: 0;}
      cite { text-align: right; font-style:italic; font-weight: bold; margin: 0 15% 1.5em 0; line-height: .9em; }
      strong { font-weight: bold; font-style: normal; }
      em { font-weight: normal; font-style: italic; }
      a { color: #17648b; }
      a:hover { color: #59b300; text-decoration: none; }
      a img { text-decoration: none !important; }
      
h1{
	font-family: Georgia, serif;
	font-size:30px;
   color: #213376;
   padding: 7px;
}

h2{
	font-family: Georgia, serif;
	font-size:24px;
   color: #3175c9;
   padding: 4px 0;
}

h3 {
	font-family: Verdana, sans;
	font-size:18px;
   color: #59b300;
   margin: 2px 0px 5px -2px;
}


h3 a {
	font-family: Verdana, sans;
	font-size:18px;
   color: #59b300;
}

      h4, h4 a { font: normal normal bold 1em/1em helvetica, sans; padding: .25em 0 .15em; }
      h5 { font-weight: bold; padding-top: .2em; }
      h6 { font-weight: normal; clear: both; font-size: 11px; }
      
      #content ul, ol, #product .question-list { padding: .5em 30px 1em; line-height: 1.5em; }
      li { margin: 0 0 1.1em 6px; line-height: 1.25em; }
      
      .bulleted { 
         list-style: disc outside url("images/bullet.gif");
      }      
      
      .indent { text-indent: 2.5em; }
      .clear-left { clear:left;}
      .clear-right { clear:right;}
      .sidebar-left { float:left; border-right: 10px solid white; font-family: verdana, sans; }
      .sidebar-right { float:right; border-left: 10px solid white; font-family: verdana, sans; }
      
      .footnote { font-size: .73em; font-family: verdana, sans; color: #3a9300; }   
      .postscript { font-size: 11px; font-style: italic; color: #69768e; }

      /* nav and footer, on every page */
      .nav { font-weight: bold; padding-top: 70px;  margin: 0 auto; width: 575px; text-align: center; }
      .nav li { float: left; padding: 0 .5em; margin: 0; font-family: verdana, sans; font-size: 12px; vertical-align: middle; white-space: nowrap; }
     .nav span { padding-left: .8em; font-weight: bold; }
      
      #footer { color: #380182; margin: 1.5em 0 0; line-height: 2em; text-align: center; }
      #footer a { color: #380182; }
      
      /* Question-list: for FAQ, Help and Product pages */
      .question-list h5 { cursor: pointer; }
      .question-list li { font-weight: bold; margin-bottom: 9px; }
      .question-list div { font-weight: normal; margin: 0 !important;} 
      .question-list div * { font-weight: normal; } 
      .question-list p:first-child { margin-top:7px; } 
      .question-list p { margin-bottom: 0 !important; } 
      .question-list { list-style: decimal outside; padding: 2px 24px 5px 18px; font-family: verdana, sans; font-size: 13px; }   
      
      /* topic list, for faq */
      .topic-list { list-style: none !important; padding: 1px !important; }
      
      /* making divs on faq, help,legal, etc have bigger margins */
      #standard #text div { margin: 1em 2px 2em; }

      /* dl.screens - used for images and captions on product pages */
      dl.screens { text-align: left; padding: .35em 0; }
      dd { line-height: 1.25em; font-size: 11px; margin: 0 .3em .88em .1em; width: 190px;}
      dl.screens img { border: 1px solid #26498f; margin-left: -1px; }
      
      .buzz-left blockquote {
         margin: 8px 22px 0px 12px !important;
      }
      .buzz-left cite {
         margin-bottom: 20px !important;  
      }
                  
      .buzz-right {
         width: 240px;
         padding: 5px 0;
         background-color: white;
         position: relative;
         float:right;
         font-family: verdana, sans;          
         }
               
      .buzz-right h3, .buzz-left h3 {
         display: none;
      }
      .buzz-right blockquote, .buzz-left blockquote { text-indent: -.6em;}
      
      /* Product: Key features */
      #key-features { 
         float:right;
         width: 230px;
         height: 400px;
         position: relative;
         top: -5px;
         left: 2em;
         margin: 0 0 -5px -.75em !important;
         padding: 48px 0 0 27px !important;
         font-family: verdana, sans;
         overflow: auto;
         background: url(images/key-features.png) no-repeat;
         text-align: left; 
         font-size: 12px; 
         color: #453e88;
      }
      #key-features li { width: 183px; vertical-align: top !important;}
      
      /* Product buttons div */
      #trial-container { clear: both !important; margin: 30px 5px !important; }
      #product-buttons { white-space: nowrap; position: relative; top:-10px; left: 45px;}
      /* buttons - on product pg */
      #product button { cursor: pointer; background: #FFF; width: 160px; height: 35px; vertical-align: top; margin: 0; padding: 0; line-height: 35px; outline: 0;}
      #trial-button { background-position: 0 1px; background-image: url('images/trial-button.png') !important; background-repeat: no-repeat !important; background-color: transparent !important; }
      
      #trial-hide { background: transparent !important; }         
      /* Product: trial tab */
      #trial-tab { width: 653px; background: 0 0 url(images/trial-tab-ends.png) transparent no-repeat; position: relative; top:-2px; left: -45px; float: left; vertical-align: top; }
      #trial-content { background: url(images/trial-tab-mid.png) repeat-y !important; padding: 12px 30px 12px !important; white-space: normal; position: relative; top: 12px; margin-bottom: 0; }
      #trial-content p { font-family: verdana, sans; font-size: 13px; }
      #trial-content button { background-color: #f4ffe8; margin-left: 400px;}
      #trial-bottom{ position: relative; height: 12px; margin-bottom: 20px; width: 653px; background: 0 bottom url(images/trial-tab-ends.png) no-repeat; }
      
      /* Product: headers below the trial tab */
      #product-extras h2, .clear { clear: both; margin-top: 1em; }