/* PAGE */
body { background-image:url(bg.png); margin:1.5em 0.5em; padding:0; font-family:'Lucida Grande',Verdana,sans-serif; }
img { border:0; }
#slogan { width:261px; height:28px; }
#logo { width:309px; height:40px; }
#badge { position:absolute; margin-top:-177px; margin-left:8px; }

/* IE 6 PNG fix */
#banner img, #content img, #body-top, #body-bottom, #slogan, #logo, #badge, h2, .errorlist, .errornote, button { _behavior:url(/media/de/iepngfix.htc); }

#body { width:925px; margin:0 auto; }

#header { padding:0 26px; height:30px; }
#header img { display:block; position:absolute; }
#slogan { padding-top:8px; }
#slogan { margin-left:615px; }

#body-top { background-image:url(bg-top.png); height:52px; }
#body-middle { background-image:url(bg-middle.png); padding:1px 17px; _padding-left:10px; min-height:200px; }
#body-bottom { background-image:url(bg-bottom.png); height:34px; }

#body-top { text-align:center; }
#content .col1, #content .col2 { margin:0; width:385px; float:left; }
#content .col1 { margin-right:20px; }
#body-middle .col { margin:-10px 30px 140px 30px; }

/* TOP MENU */
#menu { margin:0 auto; padding:17px 0 0 0; text-align:center; line-height:34px; display:table; #zoom:1; #display:inline; }
#menu li { padding:0; margin:0; list-style-type:none; display:inline; color:black; line-height:34px; }
#menu a { display:table-cell; #display:block; float:left; height:34px; color:black; text-decoration:none; padding:0 1em; font-size:16px; }
#menu li:hover a { background-image:url(menu-hoverbg.png); }
#menu li.active a { background-image:url(menu-activebg.png); }
#menu .active a { color:#000; font-weight:bold; }

/* SUB MENU */
#submenu { margin:0 auto; padding:6px 0px; display:table; #display:inline; #zoom:1; }
#submenu li { display:table-cell; #display:block; float:left; height:16px; background-image:url(submenu-middle.png); padding:3px 0; }
#submenu li.submenu-start { background-image:url(submenu-left.png); width:12px; }
#submenu li.submenu-end { background-image:url(submenu-right.png); width:12px; }
#submenu li.active a { font-weight:bold; color:#000; }
#submenu a { padding:0 1em; text-decoration:none; font-size:13px; color:#444; }
#submenu a:hover { color:#666; }
#submenu-container { text-align:center; }

/* CLASS STYLES */
.clear { clear:both; }
.small { color:#888; font-size:11px; }
sup { font-weight:normal; font-size:9px; color:#333; }
.small sup { color:inherit; }


/* BANNER */
#banner { margin:-2px 0 0 1px; background-image:url(banner-bg1.jpg); width:889px; height:223px; background-repeat:none; color:white; background-color:black; }
#banner-text { overflow:hidden; height:223px; width:889px; }
#banner-text h1 { display:none; }
/*#banner-text { background-image:url(text-affordable.png); width:889px; height:223px; }
#banner-text h1 { margin:0; padding:0; padding-top:223px; }*/
#banner img { width:889px; height:223px; }
/*#banner h1 { font-family:Helvetica,sans-serif; position:absolute; margin:0; padding:30px 40px; font-size:46px; font-weight:normal; letter-spacing:-1px; }
#banner h2 { position:absolute; margin-top:50px; padding:30px 40px; font-size:40px; font-weight:normal; }*/


/* CONTENT */
#inner-content { margin:30px 40px; }
#content a { color:#555; }
#content a:hover { color:#777; }
#content .teaser { font-family:"Lucida Grande",Verdana,sans-serif; width:520px; float:left; font-size:14px; font-weight:normal; }
#content .planspricing { clear:both; margin:0 auto; width:250px; height:79px; }
#content .signup { clear:both; margin:0 auto; width:247px; height:76px; }
#content .signup-table { clear:both; margin:0 auto; width:447px; height:76px; }
#content .signup-left { clear:none; float:left; margin:2px 0 0 20px; }
#content .signup-table th { width:150px; }
#content .box-leftcol { width:385px; float:left; clear:both; }
#content .box-rightcol { width:385px; float:right; }
#content .box-leftcol, #content .box-rightcol { margin-top:0px; margin-bottom:30px; }
#content .box-leftcol p, #content .box-rightcol p { margin-left:100px; }
#content .icon-left { float:left; width:80px; height:120px; margin-right:20px; }
#content h1 { clear:both; font-family:"Myriad Pro",sans-serif; font-weight:normal; padding-top:0; margin:1em 0 0.8em 0; font-size:28px; }
#content h2 { font-size:15px; font-weight:bold; margin:0; }
#content h3 { font-size:12px; }
#content p, #content li { font-size:13px; margin:1em 0; padding:0; }
#content li { margin:0.5em 0; }
#content .biglist li { font-size:17px; color:#666; line-height:1.7em; }
#content .biglist li li { font-size:13px; color:#333; line-height:1.4em; }
#content .biglist li p { color:#000; }
#content blockquote { color:#666; font-size:15px; font-style:italic; margin:1em 80px 0.5em 80px; padding:0; }
#content p.author { color:#666; margin:0.5em 80px 2.0em 80px;  }
#content p.quote-source { color:#666; font-size:11px; text-align:right; margin-bottom:3em; }
#content p.big { text-align:center; color:#666; font-size:28px; }

#content pre { font-family:monospace; margin:1em 20px; padding:6px; background-color:#aea; font-size:12px; }
#content dd { margin-left:40px; }
#content dt, #content p, #content li, #content td, #content th { font-size:13px; line-height:1.4em; }
#content th { background-color:transparent; }

#content .box-green { background-image:url(green-box-bg.png); width:365px; height:194px; }
#content .two-boxes .box-green { float:left; margin:0 10px; }
#content .two-boxes { width:770px; margin:0 auto; }
#content .box-green h2 { margin:0; padding:48px 48px 0 48px; }
#content .box-green p { padding:0 48px 0 48px;  }

#content p.fineprint { clear:both; color:#666; font-size:11px; }
#content p.fineprint-bottom { padding-top:3em; margin:0 4em; color:#666; font-size:11px; }


/* PLANS */
#plans { color:#666; width:865px; height:402px; margin:-25px; background-image:url(plans-bg.png); }
#plans h2 { font-weight:bold; font-size:38px; padding:0; margin:0; }
#plan li, #plan ul, #plans li, #plans ul { list-style-type:none; padding:0; margin:0; }
#plans div { position:absolute; text-align:center; }
#plan li, #plans li { font-size:14px; font-weight:normal; line-height:1.5em; }
#plan li strong, #plans li strong { font-size:17px; font-weight:bold; }
#plans li.price { font-size:17px; line-height:2.0em; margin-bottom:0.3em; }
#plans li.price strong { font-size:20px; }
#plans ul { margin-bottom:0.5em; }

#plan1 { margin:100px 0 0 76px; width:180px; }
#plan2 { margin:72px 0 0 322px; width:220px; }
#plan3 { margin:100px 0 0 608px; width:180px; }

#plan1 .signup, #plan3 .signup { width:103px; height:55px; }
#plan2 .signup { width:123px; height:63px; }

#plan2 { color:black; }
#plan2 h2 { font-size:54px; }
#plan2 li { font-size:17px; }
#plan2 li strong { font-size:20px; }
#plan2 li.price { font-size:20px; }
#plan2 li.price strong { font-size:24px; }

#plan { background-image:url(planbg.png); /*width:307px; height:299px;*/ width:278px; height:270px; text-align:center; margin:-30px 0 0 -20px; }
#plan-inner { padding:40px 50px 50px 40px; }
#content #plan h2 { font-weight:bold; font-size:42px; padding:0; margin:0; margin-bottom:10px; }
#plan li { font-size:17px; }
#plan li strong { font-size:20px; }

#content .planprice { display:block; list-style-type:none; background-image:url(pricebg1.png); width:381px; height:138px; margin:-30px 0 -40px -20px; padding-top:1px; }
#content .planprice div { display:block; margin:35px 55px 0 50px; padding:0px 0px 0 0px; }
#content .planprice-big { background-image:url(pricebg2.png); width:376px; height:167px; }
#content .planprice h2 span.small { margin-left:10px; font-size:14px; }
#content .planprice h2 { margin:8px 0 5px 0; font-size:26px; padding:0; font-weight:bold; }
#content .planprice h3 { margin:0px 0; padding:0; font-size:20px; font-weight:normal; }
#content .planprice p { margin:0; padding:0; font-size:20px; color:#666; }



/*
#content>div { padding:0 12px; }
#content h2 { margin-left:-0.8em; margin-right:-12px; }
#content p { margin:1em; text-align:justify; }
#content ul, #content ol { padding-left:40px; margin:0.8em 0; }
#content ul li { list-style-type:square; }
*/

/* CONTENT */
/*
a { color:#555; }
a:hover { color:#777; }
h1 { padding:1em; margin:0; color:#666; }
h2 {
    margin-top:1.2em;
    margin-bottom:-0.4em;
    text-align:center;
    background-image:url(hbg.png); background-repeat:no-repeat;
    line-height:31px;
    height:38px;
    color:#0c270c;
    font-size:16px;
}
.col h2 { background-image:url(hbg-full.png); }
h3 { margin-top:1.2em; margin-bottom:-0.4em; font-size:14px; }
dt { margin-left:20px; }
dt, p, li, td, th { font-size:13px; line-height:1.3em; }
li { margin:0 0 0.6em 0; }
.img { border:1px solid #ccc; background-color:white; display:block; margin:1em auto; }
.centered { text-align:center; padding:1px; }
.centered * { text-align:center !important; }
p.small { margin:0 1em !important; }
*/

/* COPYRIGHT */
#copyright { color:#bbb; font-size:10px; text-align:right; margin:0 17px 2em 1em; }
#copyright a { color:#888; }
#copyright a:hover { color:#aaa; }


/* FORMS */
.captcha { border:1px solid #999; margin:10px 0; }

/* SIGNUP */
table.signup-table { margin:1em auto -4em auto; border-bottom:0; }
table.signup-table th, table.signup-table td { padding-left:2em; padding-right:2em; }
table.signup-table th { text-align:right; }
table.signup-table th.optional { font-weight:normal; color:#666; }

.errorlist { background:url(error-bg.png) no-repeat; margin:0 auto -0.4em 0 !important; width:526px; padding:0 !important; }
.errorlist li { list-style-type:none !important; margin:0; color:white; padding:6px 20px 6px 96px; }

table.signup-table input[type=text] { width:220px; }
table.signup-table select { width:226px; }

table.signup-table .submit { background:url(submit.png); width:244px; height:47px; border:0; margin-top:2em; color:white; font-size:16px; font-weight:normal; font-family:'Lucida Grande'; }
table.signup-table .submit:active { background:url(submit-active.png); color:#999; }


p.errornote { margin:2em auto 1em auto !important; background:url(error-overview.png) top center no-repeat; padding:6px 100px; height:17px; text-align:center !important; color:black; font-weight:bold; }
span.help-text { font-size:11px; }