@charset "utf-8";
/* CSS Document */

@font-face               { font-family: MyriadPro; src: url(fonts/MyriadPro-Regular.otf); }

/*------------------------------------ ID STYLING ---------------------------------------- */
#page-container          { margin:0 auto; width:990px; }
#content-container-outer { float:left; width:990px; background:url(images/content-bg.png) top left repeat-y; }
#content-container       { float:left; width:950px; padding:20px; background:url(images/header-bg.png) top left no-repeat; font-family:Tahoma; font-size:11px; color:#333333; }
#bottom-ending           { float:left; width:990px; height:14px; background:url(images/bottom-bg.png) top left no-repeat; }
#logo-container          { float:left; width:950px; }
#footer                  { float:left; width:100%; height:60px; margin-top:150px; font-family:Tahoma; font-size:11px; color:#666666; text-align:center; }

#right-container         { float:right; width:200px; margin-top:370px; }
#left-container          { float:left;  width:700px; }

#ul-key-features         { float:left; width:500px; font-family:MyriadPro, Geneva, Tahoma, Arial; font-size:16px; color:#333333; list-style-image:url(images/tick_green.png); }
#ul-key-features li      { float:left; margin:0 20px; }

#top10reasons            { margin-left:20px; }
#top10reasons dt         { font-family:MyriadPro,Tahoma; font-size:18px; font-weight:normal; color:#006666; margin-bottom:3px; }
#top10reasons dd         { color:#666666; margin-bottom:30px; margin-left:20px; }

#products-img td         { padding:5px; }

#product-preview img     { margin-right:20px; margin-bottom:20px; }

#contact-form td         { padding:2px; }
#contact-form input      { width:100px; }

/*------------------------------------ CLASS STYLING ---------------------------------------- */
.div-content-containers  { float:left; width:700px; margin-top:30px; }
.div-right-container     { float:left; width:200px; }

/*------------------------------------ ELEMENT STYLING ---------------------------------------- */
*                        { margin:0; padding:0; }
table td                 { margin:auto; padding:10px; }
body                     { background-color:#F2F2F2; }
/*body                     { background:#F2F2F2 url(images/body-bg.gif) top left no-repeat; }*/
h1                       { float:left; width:400px; font-family:MyriadPro, Tahoma, Arial; font-size:32px; color:#006699; font-weight:normal; margin-top:10px; }
h2,h3                    { float:left; width:100%; font-family:MyriadPro, Geneva, Tahoma, Arial; font-size:24px; color:#CC6600; font-weight:normal; margin:20px 0 10px 0; }
h3                       { margin-top:0; margin-bottom:20px; }
abbr                     { border:0; }