body 
    { text-align: center; background-color: #f0f0f0; font-family: Arial, Sans-Serif; }
div#main
    { margin: 0 auto; width: 904px; background: transparent url(/i/bg.png) scroll left top; }
div#title
    { text-align: left; font-size: 200%; background-color: #f0f0f0; padding: 0 0 10px 12px; }
div#title a
    { text-decoration: none; }           
br
    { float: none; display: block; clear: both; line-height: 1px; font-size: 1px; height: 1px; }
a
    { color: #0078f2; }
h1
    { visibility: hidden; display: none; }
    
/* Menu */
div#menu
    { height: 27px; background: transparent url(/i/menu-bg.png) no-repeat scroll left top; padding: 0 10px; }
div#menu a, div#menu span
    { float: left; display: block; clear: none; height: 27px; }
div#menu a#home
    { background: transparent url(/i/home.png) no-repeat scroll left top; width: 50px; }
div#menu span#home
    { background: transparent url(/i/home-active.png) no-repeat scroll left top; width: 50px; }
div#menu a#sign-up
    { background: transparent url(/i/sign-up.png) no-repeat scroll left top; width: 61px; }
div#menu span#sign-up
    { background: transparent url(/i/sign-up-active.png) no-repeat scroll left top; width: 61px; }
div#menu a#services
    { background: transparent url(/i/services.png) no-repeat scroll left top; width: 65px; }
div#menu span#services
    { background: transparent url(/i/services-active.png) no-repeat scroll left top; width: 65px; }
div#menu a#pricing
    { background: transparent url(/i/pricing.png) no-repeat scroll left top; width: 55px; }
div#menu span#pricing
    { background: transparent url(/i/pricing-active.png) no-repeat scroll left top; width: 55px; }
div#menu a#why-choose-us
    { background: transparent url(/i/why-choose-us.png) no-repeat scroll left top; width: 107px; }
div#menu span#why-choose-us
    { background: transparent url(/i/why-choose-us-active.png) no-repeat scroll left top; width: 107px; }
div#menu a#about-us
    { background: transparent url(/i/about-us.png) no-repeat scroll left top; width: 67px; }
div#menu span#about-us
    { background: transparent url(/i/about-us-active.png) no-repeat scroll left top; width: 67px; }

div#wrapper
    { padding: 14px 14px 0 14px;  }

/* Right Bar */
    
div#right-bar
    { width: 200px; float: right; text-align: left; margin: 0 0 10px 0; }
a#sign-up-now
    { display: block; float: none; clear: both; width: 200px; height: 27px; background: #fff url(/i/sign-up-now.png) no-repeat scroll left top; }
div#right-bar p
    { margin: 10px 12px 12px 12px; padding: 0; font-size: 12px; }

div#sign-up-banner
    { width: 200px; background: #fff url(/i/left-bg.png) no-repeat scroll left bottom; text-align: left; margin: 0; }

div#ask-question-banner
    { width: 200px; background: #fff url(/i/left-bg.png) no-repeat scroll left bottom; text-align: left; margin: 10px 0 0 0; }
div#ask-question
    { width: 200px; height: 27px; background: #fff url(/i/ask-us-a-question.png) no-repeat scroll left top; }
div#ask-question-banner table
   { margin: 0 10px; }
div#ask-question-banner table label
   { margin: 5px 0 0 0; display: block; }
div#ask-question-banner table input
   { margin: 0 0 5px 0; display: block; width: 160px; }
div#ask-question-banner table textarea
   { margin: 0 0 5px 0; display: block; width: 160px; height: 100px; clear: none; float: left; }
div#ask-question-banner table input.button
   { margin: 5px 0 10px 0; width: 100px; }
   
/* Content */

div#content
    { margin: 0 214px; text-align: left; }
div#content div#title-hipaa
    { width: 441px; margin: 2px 0 0 0; height: 150px; background: #fff url(/i/hipaa-compliant.jpg) no-repeat scroll left bottom; }
div#content div#title-sign-up
    { width: 441px; margin: 2px 0 0 0; height: 150px; background: #fff url(/i/sign-up.jpg) no-repeat scroll left bottom; }
div#content div#title-services
    { width: 441px; margin: 2px 0 0 0; height: 150px; background: #fff url(/i/services.jpg) no-repeat scroll left bottom; }
div#content div#title-pricing
    { width: 441px; margin: 2px 0 0 0; height: 150px; background: #fff url(/i/pricing.jpg) no-repeat scroll left bottom; }
div#content div#title-why-choose-us
    { width: 441px; margin: 2px 0 0 0; height: 150px; background: #fff url(/i/why-choose-us.jpg) no-repeat scroll left bottom; }
div#content div#title-about-us
    { width: 441px; margin: 2px 0 0 0; height: 150px; background: #fff url(/i/about-us.jpg) no-repeat scroll left bottom; }
    
div#content h1
    { margin: 0; font-size: 28px; font-weight: normal; }
div#content h2
    { margin: 14px 0 7px 0; font-size: 14px; font-weight: bold; }
div#content p
    { margin: 7px 0 14px 0; font-size: 14px; line-height: 150%; }
div#content ul
    { margin: 7px 0 7px 52px; font-size: 14px; padding: 0; }
div#content li
    { margin: 7px 0 7px 0; font-size: 14px; padding: 0; }

/* Left Bar */

div#left-bar
    { width: 200px; float: left; text-align: left; margin: 0 0 10px 0; }
div#key-features
    { width: 200px; float: left; text-align: left; margin: 0 0 0 0; background: #fff url(/i/left-bg.png) no-repeat scroll left bottom; }
a#key-features-heading
    { display: block; float: none; clear: both; width: 200px; height: 27px; background: #fff url(/i/key-features.png) no-repeat scroll left top; }
div#key-features ul
    { margin: 10px 12px 12px 12px; padding: 0; }
div#key-features li
    { margin: 5px 0 5px 12px; padding: 0; font-size: 12px; list-style-type: square; }

div#social
    { margin: 0 0 0 0; float: right; }
a#twitter
    { display: block; float: left; width: 76px; height: 48px; background: transparent url(/i/twitter.png) no-repeat scroll 0 0; }
a#twitter:hover
    { display: block; float: left; width: 76px; height: 48px; background: transparent url(/i/twitter-active.png) no-repeat scroll 0 0; }
a#blog
    { display: block; float: left; width: 76px; height: 48px; background: transparent url(/i/comments.png) no-repeat scroll 0 0; }
a#blog:hover
    { display: block; float: left; width: 76px; height: 48px; background: transparent url(/i/comments-active.png) no-repeat scroll 0 0; }
a#rss
    { display: block; float: left; width: 48px; height: 48px; background: transparent url(/i/rss.png) no-repeat scroll 0 0; }
a#rss:hover
    { display: block; float: left; width: 48px; height: 48px; background: transparent url(/i/rss-active.png) no-repeat scroll 0 0; }
    
/* Footer */

div#footer
    { widows: 200px; clear: both; background: #f0f0f0 url(/i/footer-bg.png) no-repeat scroll left top; text-align: left; padding: 12px; font-size: 12px; }
div.footer-text
    { margin: 0 210px 0 0; }
div.footer-text br
    { clear: none; }
    
/* Form */

input.button
    { width: 100px; margin: 7px 0 14px 150px; display: block; float: none; clear: both; }
label.text-box-label
    { width: 150px; margin: 7px 0 7px 0; display: block; float: left; clear: none; font-size: 12px; }
input.text-box, select.text-box
    { width: 200px; margin: 7px 0 7px 0; display: block; float: left; clear: none; }

/* Prices */
table.prices
    { font-size: 12px; margin: 12px 0 0 0; }
table.prices td
    { padding: 3px 6px; border-bottom: solid 1px #f0f0f0; }
table.prices th
    { padding: 3px 6px; border-bottom: solid 2px #f0f0f0; text-align: left; }