@charset "utf-8";

#head h1,#head a,#visit-blog,#visit-forums,#visit-tips,#sign-up,#take-tour{background:no-repeat 0 0;display:block;overflow:hidden;text-indent:-9999em}

#body{background:url(img/bg_body-home-plist.jpg) repeat-x top;text-align:left;width:980px; height:1%;margin:0 auto;padding:0}
#content{float:none;width:960px !important;display:inline;height:1%;margin:30px 10px 0px; display:block}

#body h2.bodytitle{background:#000;background:url(img/bodytitlebg.jpg) repeat-x;height:30px;width:100%;font-size:18px;color:#FFF;line-height:30px; text-indent:8px;font-weight:700; padding-top:5px}
#body h2.bodytitle a{ color:#fff}

#content .copy{display:inline;float:left;width:480px; overflow:hidden}
#content .sub-copy{float:right;width:470px}

.content{display:inline;float:left}
.copy form label{float:left;margin-right:10px;line-height:27px;text-align:right;width:100px}
.copy form input,.copy form textarea,.copy form select{float:left;margin-right:5px}
.copy form select{margin-top:4px}
.copy form .text input{width:208px}
.copy form .text a,form .text strong{line-height:27px}
.copy form .buttons{clear:both;margin:0 0 18px 110px}
.copy form .buttons input{float:none}
.copy form .buttons p{margin-top:9px}

.features{list-style:none;width:490px;margin:0 0 0 -20px;padding:0}
.features li{display:inline;float:left;width:225px; height:110px; overflow:hidden;margin:0 0 27px 20px}
.features li img{ float:left}
.features li h2{ font-size:18px; font-weight:700; text-indent:13px}
.features li a{margin-bottom:3px}
#features .leader{font-family:Arial,Helvetica;color:#7b8188;margin-bottom:36px}
#features .primary{display:inline;float:left;margin-top:0;width:436px}
#features .secondary{display:inline;float:right;margin-top:0;width:242px}
#features #shadowbox_body_thumbs{background:#FBFBFB;border-left:1px solid #dcdcdc;height:100%;position:absolute;top:0;right:0;width:103px;z-index:200;display:block;padding:0 18px}
#features #shadowbox_body_thumbs a{float:left;height:81px;width:103px}
#features #shadowbox_counter{padding:18px 0 0}
#features #shadowbox_counter span{background:no-repeat top left;cursor:pointer;position:absolute;height:0;overflow:hidden;padding-top:81px;width:103px;top:0;right:0}
#features #shadowbox_body_thumbs a.screencast:hover span{background-image:url(img/screencast-preview-103x81-hover-24bit.png)}
* html #features #shadowbox_body_thumbs a.screencast:hover span{background-image:url(img/screencast-preview-103x81-hover.png)}
#features #shadowbox_body_thumbs a.image:hover span{background-image:url(img/preview-103x81-hover.png)}
#features #shadowbox_body_thumbs a.image_current span,#features #shadowbox_body_thumbs a.image_current:hover span,#features #shadowbox_body_thumbs a.screencast_current span,#features #shadowbox_body_thumbs a.screencast_current:hover
span{background-image:url(img/preview-103x81-selected.png)}
#features #shadowbox_body_inner{background:transparent;padding:0 27px}
#features #shadowbox_title{background:#fff;border:none}
#features #shadowbox_info{background:none;border:none}

#leading-designers{width:216px;margin:0px 0 8px 9px}
h2#leading-designers{font-size:14px; font-weight:700; line-height:28px; color:#3E434A}

#pricing{display:inline;float:left;margin-right:11px;width:220px}

#clients{display:inline;float:left;width:238px}
#clients ul{list-style:none;margin:0 -7px 0 0;padding:0 0 0 7px}
#clients li{float:left;margin:0 2px 2px 0;padding:0}
#clients li a{background:url(img/logo/bg_client-logos.gif) no-repeat 0 0;display:block;height:62px;overflow:hidden;width:75px}

#only-pay{height:16px;width:200px;margin:28px 0 12px}
h2#only-pay{ font-size:14px; font-weight:700; text-align:center; color:#3E434A}

#foot{text-align:center}
#foot .vbox{text-align:left;margin:0 auto}
#foot .copy{text-align:center;width:994px;margin:0 auto}

#promos li{display:inline;float:left;height:140px;margin-bottom:9px;overflow:hidden;width:330px}
#foot .copy p{margin:1px 0 4px}
#foot .sub-copy{background:url(img/bg_foot-sub-copy.png) no-repeat 0 0;width:954px;padding:20px 20px 28px}
#foot .sub-copy p{font-size:12px;margin-bottom:6px}
#foot-meta{color:#b0b0b0;float:right;margin-top:1px;text-align:right;width:520px}
#foot-meta a{color:#b0b0b0;text-decoration:underline}
#foot-meta #legals{border-bottom:1px solid #eceeee;margin-bottom:9px;padding-bottom:11px}
#foot .two-col #links{background-image:url(img/bg_foot-links-two-col-top.png)}
#foot .two-col #links #related-questions{width:580px}

.ECRproduct{text-align:left; margin:10px auto; display:block;height:1%; border-top:1px solid #D3D4D4; width:960px}
.ECRproduct h3{ font-size:14px; font-weight:700;  margin:10px 0}
.ECRproduct li{width:240px; height:120px;float:left; margin:0px;display:block; overflow:hidden;line-height:24px}
.ECRproduct li img{float:left; margin:0 12px 12px;padding:2px; border:1px solid #eee; background:#3D95D5}
.ECRproduct li h5{line-height:24px; font-size:14px; }
.ECRproduct li p{line-height:24px;}

.clients{list-style:none;margin:0 0 14px;padding:0}
.clients li{display:inline;float:left;margin:0 8px 8px 0;padding:0}
.clients li a{background:url(img/bg_client-logos.png) no-repeat 0 0;display:block;height:62px;overflow:hidden;width:75px}

.flink{ margin:10px auto; width:982px;color:#999 }
.flink a{margin-right:6px;color:#999 }
