/* Project: IgnitedSites.com */ /* Reset ---------------------------------------- */ html, body { margin:0; padding:0; font-size:100%; } h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, img, form { margin:0; } img, a img { border:none; outline:none; padding:0; } img { display:block; } .ml { margin-left:40px } /* Page ---------------------------------------- */ body { background:#141618; color:#7d7e7f; font:12px/18px "Lucida Grande", Arial, Helvetica, sans-serif; } a { color:#3898a5; text-decoration:none; outline: none; } a:hover { color:#FFFFFF; text-decoration:underline; outline: none; } #page_wrap { overflow:hidden; background:#000000 url(../images/bg.jpg) repeat-x; padding-bottom:20px; } #page { width:824px; margin:0 auto; overflow:hidden; } /* Top ---------------------------------------- */ #loginBox { width:312px; height:23px; margin-left:496px; padding:5px 16px 0 0; background:url(../images/icon_signIn.jpg) no-repeat right; text-align:right; } #top { height:103px; overflow:hidden; } #top_logo { width:223px; height:103px; float:left; } #top_logo a { display:block; height:103px; text-indent:-9999px; background:url(../images/logo.jpg); } #top_menu { display:block; list-style:none; padding:0; margin:50px 0 0 79px; width:522px; float:left; } #top_menu li { float:left; margin:0; padding:0; } #top_menu li a { display:block; height:43px; } #top_menu a img { display:none; position:absolute; padding:0; z-index:110; } li#menu_overview { width:194px; } li#menu_overview a { background:url(../images/menu_howWorks.gif); } li#menu_target { width:216px; } li#menu_target a { background:url(../images/menu_serviceRight.gif); } li#menu_faq { width:51px; } li#menu_faq a { background:url(../images/menu_faq.gif); } li#menu_pricing { width:61px; } li#menu_pricing a { background:url(../images/menu_pricing.gif); } /* Middle ---------------------------------------- */ #content { margin-top:47px; overflow:hidden; } #content p, #content table { margin-bottom:18px; } p.footnote { font-size:11px; color:#555555; } #content strong { color:#b8babc; } ul.textList, ol.textList { margin-bottom:18px; } h2.main_title { margin:0 0 23px 0; display:block; height:33px; text-indent:-9999px; } #title_how { background:url(../images/title_how.gif); } #title_service { background:url(../images/title_service.gif); } #title_faq { background:url(../images/title_faq.gif); } #title_pricing { background:url(../images/title_pricing.gif); } #title_contact { background:url(../images/title_contact.gif); } #title_about { background:url(../images/title_about.gif); } #title_terms { background:url(../images/title_terms.gif); } #title_privacy { background:url(../images/title_privacy.gif); } #title_userguide { background:url(../images/title_userguide.gif); } #title_partners { background:url(../images/title_partners.gif); } #title_partners_design { background:url(../images/title_partner_design.gif); } #title_partners_affiliate { background:url(../images/title_partner_affiliate.gif); } #title_partnerInfo { background:url(../images/title_partnerInfo.gif); } #title_getStarted { background:url(../images/title_signUp.gif); } #title_examples { background:url(../images/title_examples.gif); } #title_partners_join { background:url(../images/title_joinOurTeam.gif); } #main_col { width:500px; float:left; } #process_short { height:65px; background:url(../images/how_process_short.gif) no-repeat; text-indent:-9999px; } h3 { color:white; font-weight:lighter; font-size:18px; letter-spacing:-1px; margin-bottom:6px; } h3 span.title_note { font-size:12px; color:#7d7e7f; letter-spacing:0; } #sidebar_col { width:304px; margin-left:20px; float:left; } #ignite_link { width:216px; height:65px; display:block; } #ignite_link a { height:65px; display:block; background:url(../images/btn_ignite_inside.gif); } #ignite_link a img { display:none; position:absolute; padding:0; z-index:110; } .important { font-size:14px; color:#c0e7ec; } table.comparison { font-size:11px; } table.comparison th { font-size:11px; color:white; background:#015464 url(../images/bg_tableHeader.gif) repeat-x top; border-right:1px solid #01424f; border-left:1px solid #41858e; } table.comparison td { background:#111111; border-bottom:1px solid #000000; border-left:1px solid #000000; text-align:center; } table.comparison td.legend { background:#222222; font-weight:bold; color:#FFFFFF; border:none; border-bottom:1px solid #000000; text-align:left; } table.comparison th.legend { background:#000000; font-weight:bold; color:#FFFFFF; border:none; } table.comparison td.noBG { background:#333333; color:#FFFFFF; } table.comparison tr.noBG td { background:none; } td.center { text-align:center; } td.center img { display:inline; margin:0; padding:0; line-height:1px; } td.legend span { position:absolute; padding:10px; margin-top:-10px; background:#222222; opacity: 0.9;-moz-opacity: 0.9;filter:alpha(opacity=90); border:1px solid #555555; width:200px; font-weight:normal; font-size:11px; } td.legend span em { opacity: 1;-moz-opacity: 1;filter:alpha(opacity=100); color:#FFFFFF; font-size:11px; font-style:normal; } span.moreSpan { display:block; font-size:11px; color:#444444; letter-spacing:0; padding-bottom:10px; } span.moreSpan em { font-style:normal; } a.more { text-decoration:none; } #content form p.field_p { width:475px; padding:10px; margin:0 0 1px 0; color:#7d7e7f; background:#111111; overflow:hidden; } #content form.narrow p.field_p { width:329px; } #content label { width:150px; float:left; display:block; margin:0; padding:5px 0 0 0; } #content .narrow label { width:120px; } #content input.text_field { display:block; float:left; width:306px; margin:0; padding:6px; background:#222222; color:#FFFFFF; border:1px solid #444444; outline:none; } #content textarea.text_field { display:block; float:left; width:306px; height:140px; margin:0; padding:6px; background:#222222; color:#FFFFFF; border:1px solid #444444; overflow:auto; outline:none; } #content input.medium { width:150px; } #content .narrow input.text_field { width:180px; } #content form p.form_btn_p { background:none; padding-left:0; margin-top:8px; clear:left; } span.after_field { display:block; float:left; padding:5px 0 0 2px; } #content form p.field_error { color:#CC0000; } #content form p.field_error input.text_field { border:1px solid #CC0000; } .error { color:#CC0000; } #content form span.checkbox { display:block; float:left; width:306px; margin:0; padding:6px 0; overflow:hidden; } p.alert_success { background:#1c1f18 url(../images/icon_alert_success.gif) 6px center no-repeat; padding:6px 6px 6px 28px; border:1px solid #2c3126; color:#FFFFFF; } p.alert_error { background:#251c13 url(../images/icon_alert_error.gif) 6px center no-repeat; padding:6px 6px 6px 28px; border:1px solid #362419; color:#FFFFFF; } .textTable { margin-top:18px; width:180px; text-align:right; } .textTable .cost { } /* Examples ---------------------------------------- */ #examples img {margin:0 10px 15px 0; float:left;} #examples h4{font-size:14px; color:#BBBBBB;} #examples p {margin-bottom:0;} .showcase {height:220px; width:500px; overflow:hidden; padding-top:15px} #testimonial h3{margin:10px 0 10px 0; color:white; font-size:18px; font-weight:lighter; letter-spacing:-1px} #testimonial {width:305px; float:right; } #testimonial p {width:305px; float:right; font-size:13px;} #testimonial h4 {font-size:14px; color:#a1a1a1;} /* Middle - Home ---------------------------------------- */ #tagline { background:url(../images/tagline.gif); } #feature { height:112px; margin:0 0 28px 0; background:url(../images/bg_ignite.jpg); } #featureP { width:580px; float:left; text-indent:-9999px; margin-top:20px; } #feature_link { width:222px; height:71px; display:block; float:left; margin-top:20px; } #feature_link a { height:71px; display:block; background:url(../images/btn_ignite.gif); } #feature_link a img { display:none; position:absolute; padding:0; z-index:110; } #desc_col { width:393px; float:left; overflow:hidden; } #desc_col_b { width:250px; float:right; overflow:hidden; } #desc_col_b h4{font-size:13px; color:#BBBBBB;} #desc_col.wl { width:443px; } #desc_col img a, #desc_col img { display:inline; } #view_col { width:431px; float:left; overflow:hidden; } #view_col.ml { width:341px; } #view_col ul { width:68px; position:absolute; padding:0; list-style:none; } #view_col li { width:68px; margin-bottom:2px; } #view_col li a { height:62px; display:block; text-indent:-9999px; } #process_wrap { overflow:hidden; height:200px; } .process_preview { height:113px; padding:76px 20px 0 90px; color:#333333; } #content .process_preview h4 { display:none; } #content .process_preview p { margin:0 0 6px 0; } .process_preview a { color:#01566c; } #process_preview1 { background:url(../images/bg_feature_1.gif); } #process_preview2 { background:url(../images/bg_feature_2.gif); display:none; } #process_preview3 { background:url(../images/bg_feature_3.gif); display:none; } .process_next { float:right; margin:-34px 8px 0 0; } .process_getStarted { float:right; margin:-34px 8px 0 0; display:none; } #designSamples { width:824px; overflow:hidden; position: relative; height:216px; } #sample_wrapper { width:784px; height:216px; overflow:hidden; float:left; } #sample_wrapper_container { width:784px; height:216px; overflow:hidden; position:absolute; z-index:80; } #sample_wrapper_inside { width:100%; position:absolute; height:216px; overflow:hidden; z-index:79; } #designSamples p, #designSamples_home { margin-top:10px; overflow:hidden; width:100%; position: relative; left: 0; top: 0; } #designSamples a { float:left; display:block; margin:0 5px; position: relative; } #designSamples span.sample_prev { display:block; float:left; width:14px; padding-top:55px; margin-right:5px; } #designSamples span.sample_prev a { display:block; height:27px; text-indent:-9999px; float:none; background:url(../images/btn_leftArrow.gif) left center no-repeat; margin:0; } #designSamples span.sample_prev a.active { background:url(../images/btn_leftArrow_active.gif) left center no-repeat; } #designSamples span.sample_next { display:block; float:left; width:14px; padding-top:60px; margin-left:5px; } #designSamples span.sample_next a { display:block; height:27px; text-indent:-9999px; float:none; background:url(../images/btn_rightArrow.gif) right center no-repeat; margin:0; } #designSamples span.sample_next a.active { background:url(../images/btn_rightArrow_active.gif) right center no-repeat; } #designSamples span.theme_thumb { display:block; float:left; } .choose_theme { height:auto; } #designSamples .theme_thumb a { float:none; height:126px; overflow:hidden; } #designSamples .theme_thumb input { display:block; margin:8px 0 0 5px; } #designSamplesChoose { width:824px; overflow:hidden; position: relative; } #designSamplesChoose p, #designSamplesChoose_home { margin-top:10px; overflow:hidden; width:100%; position: relative; left: 0; top: 0; } #designSamplesChoose a { float:left; display:block; margin:0 5px; position: relative; } #designSamplesChoose span.sample_prev { display:block; float:left; width:14px; padding-top:55px; margin-right:5px; } #designSamplesChoose span.sample_prev a { display:block; height:27px; text-indent:-9999px; float:none; background:url(../images/btn_leftArrow.gif) left center no-repeat; margin:0; } #designSamplesChoose span.sample_prev a.active { background:url(../images/btn_leftArrow_active.gif) left center no-repeat; } #designSamplesChoose span.sample_next { display:block; float:left; width:14px; padding-top:60px; margin-left:5px; } #designSamplesChoose span.sample_next a { display:block; height:27px; text-indent:-9999px; float:none; background:url(../images/btn_rightArrow.gif) right center no-repeat; margin:0; } #designSamplesChoose span.sample_next a.active { background:url(../images/btn_rightArrow_active.gif) right center no-repeat; } #designSamplesChoose span.theme_thumb { display:block; float:left; overflow:hidden; } #designSamplesChoose .theme_thumb a { float:none; height:126px; overflow:hidden; } #designSamplesChoose .theme_thumb input { display:block; margin:0 0 0 5px; } #designSamplesChoose .theme_thumb .form_btn { display:block; margin-top:8px; } /* Bottom ---------------------------------------- */ #footer_wrap { overflow:hidden; background:#141618; color:#565a5f; } #footer { width:824px; margin:20px auto; overflow:hidden; } #footer_copyright { width:254px; float:left; } #footer_menu { list-style:none; float:left; width:570px; padding:0; font-size:14px; color:white; } #footer_menu li { width:173px; float:left; background:url(../images/footer_divider.gif) repeat-y; padding-left:17px; } #footer_menu li ul { list-style:none; padding:6px 0 0 0; color:#565a5f; font-size:11px; } #footer_menu li ul li { width:auto; float:none; background:none; padding:0; } #footer_menu li ul a { color:#565a5f; }