#inputArea input[type="text"]:focus, #inputArea textarea:focus { background-image: none; background-color: #ffffff; border: solid 1px #33677F; } /* Define Main Elements */ a {text-decoration:none;color:#095F13;border-bottom:1px dotted #095F13; font-weight:bold;} a:hover {color:#ff5008;border-bottom:1px solid #ff5008;} a img {border:0px;padding:0;margin:0;} img {border:0px;padding:0;margin:0;} p {margin-top:14px;margin-left:12px;margin-right:12px;font-size:0.8em;line-height:130%;} h2 {font-size:1em;font-weight:bold;margin-left:36px;} li {font-size:0.8em;} form {padding:0;margin:0;} table {padding:0;margin:0;} body {text-align:center;font-family:Arial, sans-serif;margin:0;padding:0;background-repeat:repeat-x;/*background-color:#D0F0CC; background-image:url(images/bg.gif);*/} .hidden {visibility:hidden;} .clear {clear:both;} /* Main container */ #container {width:944px; margin:0px;margin:auto;padding:0px;text-align:left;background-image:url(images/header-top.jpg);background-repeat:no-repeat;background-color:white;border-right:8px solid white;border-left:8px solid white;border-bottom:16px solid white;} /* Header and horizontal navigation bar */ #page-top {height:48px;width:944px;clear:both;} #page-top p {color:white;font-size:0.9em;margin:0;padding:0;padding-top:17px;margin-left:35px; } #navigation {width:944px;height:40px;text-align:center;padding:0;margin:0;font-size:1.1em;clear:both;font-weight:bold;} #navigation ul {text-align:center;color:white;font-weight:bold;margin-top:0;padding-top:7px;margin-left:0px;padding-left:0px;padding-bottom:0px;margin-bottom:0px;} #navigation li {background-image:url(images/navbar-star.gif);background-repeat:no-repeat; background-position:0% 50%; display:inline;padding-left:14px;padding-right:5px;margin:0px;} #navigation a {color:white;padding-right:0;padding-top:10px;padding-bottom:1px;text-decoration:none;border:0;} #navigation a:hover {border-bottom:2px dotted #fffe00; color:#fffe00;} /* wrapper - bottom of heading image as background */ #wrapper {width:944px;background-image:url(images/header-bottom.jpg);background-repeat:no-repeat;} #wrapper-portfolio {width:944px;background-image:url(images/header-bot-portfolio.jpg);background-repeat:no-repeat;} /* Columns of site- column one index page, column two left side, column three right side, column four main content area for subpages, column five main content for portfolio page */ #column-one {width:724px; float:right;} #column-two {width:220px;float:left;} #column-two p {margin-top:40px;margin-left:12px;margin-right:16px;padding:0;} #column-three {width:235px;float:right;} #column-four {width:486px;float:right;} #column-five {width:924px;float:right;} #column-four ul {margin-top:0px;padding-top:0;margin-left:36px;} #column-four li {list-style-image:url(images/triangle-bullet-orange.gif);} #column-four p {margin-left:36px;margin-right:20px;} /* Header of index page */ #header {width:724px;float:right;height:165px;position:relative;} #header p, #quote p {margin-top:18px;} #header li {list-style-image:url(images/tick.gif);padding-left:10px;padding-bottom:6px;} #header img {position:absolute;height:86px;width:86px;top:65px;left:382px;} /*content of index page */ #content {width:724px;} #content p {margin-left:22px;margin-right:24px;} #content img {margin-left:9px;} /*Packages advertised on index page and their buttons */ #package-1 {background-image:url(images/box-supervalue.jpg);margin-left:16px;} #package-2 {background-image:url(images/box-starter.jpg);} #package-3 {background-image:url(images/box-bizbase.jpg);} #package-4 {background-image:url(images/box-ebiz.jpg);} #package-1, #package-2, #package-3, #package-4 {height:366px;width:177px;float:left;clear:none; background-repeat:no-repeat;position:relative;} #button-1 {background-image:url(images/package-btn-1.gif)} #button-2 {background-image:url(images/package-btn-2.gif)} #button-3 {background-image:url(images/package-btn-3.gif)} #button-4 {background-image:url(images/package-btn-4.gif)} #button-1,#button-2, #button-3,#button-4 {position:absolute;width:129px;height:31px;bottom:0px;left:0px;background-repeat:no-repeat;} #button-1 a,#button-2 a, #button-3 a,#button-4 a {color:#333;text-decoration:none;font-weight:bold;border:0;} #button-1 a:hover, #button-2 a:hover, #button-3 a:hover, #button-4 a:hover {border-bottom:2px dotted #333;} #button-1 p,#button-2 p, #button-3 p,#button-4 p {margin:0;margin-top:8px;text-align:center;} #package-1 ul, #package-2 ul, #package-3 ul, #package-4 ul {margin-top:185px;margin-left:20px;padding-left:0px;} #package-1 li, #package-2 li, #package-3 li, #package-4 li {font-size: 0.75em; padding-left:0px;padding-bottom:6px;list-style-image:url(images/triangle-bullet.gif);} .package-hilite {color: #FF5008;} .package-heading {color: #095F13;} ul ul {font-size: 1.1em; margin-top:185px;margin-left:5px;padding-left:0px;} /* Services advertised on index page */ #service-1 {background-image:url(images/service-photo.jpg);} #service-2 {background-image:url(images/service-updates.jpg);} #service-3 {background-image:url(images/service-rescue.jpg);} #service-4 {background-image:url(images/service-tech.jpg);} #service-5 {background-image:url(images/service-hosting.jpg);} #service-6 {background-image:url(images/service-domains.jpg);} #service-1, #service-2, #service-3, #service-4, #service-5, #service-6 {padding:0;margin:0;width:346px;height:172px;float:left;clear:none;background-repeat:no-repeat;position:relative;} #service-1, #service-2, #service-3, #service-4 {margin-bottom:10px;} #service-1 ul, #service-2 ul, #service-3 ul, #service-4 ul, #service-5 ul, #service-6 ul {padding:0;margin:0;margin-left:150px;color:#1c1c1c;font-size:0.85em;list-style-type:none;} #service-1 li, #service-2 li, #service-3 li, #service-4 li, #service-5 li, #service-6 li {padding:0;margin:0;margin-bottom:6px;} h1 {color:#084056;font-size:1.1em;margin-left:130px;margin-top:24px;padding:0;margin-bottom:9px;} #service-1 p, #service-2 p, #service-3 p, #service-4 p, #service-5 p, #service-6 p {padding:0;margin:0;position:absolute;bottom:28px;right:86px;width:100px;height:20px;text-align:center;} #service-1 a, #service-2 a, #service-3 a, #service-4 a, #service-5 a, #service-6 a {color:white;border-bottom:0;} #service-1 a:hover, #service-2 a:hover, #service-3 a:hover, #service-4 a:hover, #service-5 a:hover, #service-6 a:hover {border-bottom:1px dotted white;} #service-1, #service-3, #service-5 {margin-left:12px;} /* quote include */ #quote {width:235px;height:165px;float:right;clear:none;} #quote p {line-height:150%;} /* logo include */ #logo {width:220px;height:147px;position:relative;} #logo img {position:absolute;top:14px;left:8px;height:118px;width:206px;} /* portfolio include */ #portfolio-table td {vertical-align: top;} #portfolio {width:204px;height:292px;background-image:url(images/portfolio-bg.gif);background-repeat:no-repeat;margin-left:16px;clear:both;} #portfolio img {margin-top:71px;border:none;} #portfolio a {border:none; text-decoration: none;} .portfolio {border: 5px solid #f4f4f4;} .portfolio-pages {text-align: center;} .portfolio-pages a {background-image:url(images/portfolio-button.gif);background-repeat:no-repeat;padding:5px;padding-left:23px;padding-right:25px;text-decoration:none;border-bottom:0;} .portfolio-pages a:hover {color:#fffe00;} /* services/sidemenu include */ #sidemenu {margin-top:24px;margin-left:16px;clear:both;width:195px;} #sidemenu ul {margin-left:15px;padding-left:10px;margin-right:10px;margin-top:0px;margin-bottom:0px;} #sidemenu li {list-style-image:url(images/sidemenu-bullet.gif);margin-top:0px;margin-bottom:0px;} #sidemenu a {color:#3b9b30;border:0;font-size:1em;font-weight:bold;display:block;padding-top:10px;padding-bottom:10px;} #sidemenu a:hover {color:#ff5008} #sidemenu-top {background-image:url(images/sidemenu-top.gif);background-repeat:no-repeat;height:36px;width:195px;clear:both;} #sidemenu-top-articles {background-image:url(images/sidemenu-top-articles.gif);background-repeat:no-repeat;height:36px;width:195px;clear:both;} #sidemenu-bottom {background-image:url(images/sidemenu-bottom.gif);background-repeat:no-repeat;height:39px;width:195px;clear:both;} li.divider {border-bottom:1px dotted #3b9b30;} /* packages include */ #packages {background-image:url(images/package-board.gif);background-repeat:no-repeat; height:280px;width:195px;margin-top:16px;margin-left:16px;clear:both;} #packages ul {list-style-type:none;margin-left:-30px;padding-top:15px;} li#one {width:172px;height:37px;background-image:url(images/package-board-1.gif);background-repeat:no-repeat;padding-top:1px;} li#one:hover {background-image:url(images/package-board-1-hilite.gif);} li#two {width:172px;height:37px;background-image:url(images/package-board-2.gif);background-repeat:no-repeat;padding-top:1px;margin-top:5px;} li#two:hover {background-image:url(images/package-board-2-hilite.gif);} li#three {width:172px;height:37px;background-image:url(images/package-board-3.gif);background-repeat:no-repeat;padding-top:1px;margin-top:5px;} li#three:hover {background-image:url(images/package-board-3-hilite.gif);} li#four {width:172px;height:37px;background-image:url(images/package-board-4.gif);background-repeat:no-repeat;padding-top:1px;margin-top:5px;} li#four:hover {background-image:url(images/package-board-4-hilite.gif);} li#five {width:172px;height:37px;background-image:url(images/package-board-5.gif);background-repeat:no-repeat;padding-top:1px;margin-top:5px;} li#five:hover {background-image:url(images/package-board-5-hilite.gif);} li#six {width:172px;height:37px;background-image:url(images/package-board-6.gif);background-repeat:no-repeat;padding-top:1px;margin-top:5px;} li#six:hover {background-image:url(images/package-board-6-hilite.gif);} #packages a {display:block;margin-left:12px;border:none;font-size:0.9em;font-weight:bold;padding-top:10px;padding-bottom:10px;} #packages a:hover {color:#fffe00;} /* Free online quote include */ #free-quote {margin-top:24px;margin-left:16px;clear:both;} #free-quote img {margin:0px;padding:0px;border:0px;float:left;} #free-quote-top {background-image:url(images/online-quote-top.gif);background-repeat:no-repeat;height:29px;width:195px;} #free-quote-bottom {background-image:url(images/online-quote-bottom.gif);background-repeat:no-repeat;height:9px;width:195px;} #form {border-left: 3px solid #38c743;border-right: 3px solid #38c743;background-color:#1db10a;width:189px;margin:0;padding-top:10px;padding-bottom:10px;} #form form {margin-left:12px;margin-right:12px;margin-bottom:6px;} #form input {margin-top:10px;} #form textarea {margin-bottom:10px;margin-top:10px;} #form p {font-size: 0.7em; color: white; line-height: 120%;margin-top:0px;margin-bottom:0px;margin-left:15px;margin-right:15px;} #form input, #form textarea {margin:0;margin-bottom:2px;margin-top:2px;margin-left:2px;padding:0;} #form input#name {margin-top:10px;} /* Footer */ #footer {margin:0;padding:0;width:944px;height:201px;background-image:url(images/footer-bg.jpg);background-repeat:no-repeat;position:relative;float:left;} #footer-text {position:absolute;width:944px;height:100px;top:100px;left:0px;} #footer p {text-align:center;color:white;line-height:150%;padding:0px;} #footer a {color:#095F13; font-weight:bold;text-decoration:none;} #footer a:hover {border-bottom:1px solid #fffe00; color:#fffe00;} /* Various headers for different pages */ #header-contact {background-image:url(images/heading-contact.jpg);padding-top:100px;} #header-whyus {background-image:url(images/heading-whyus.jpg);padding-top:120px;} #header-websiteadvice {background-image:url(images/heading-websiteadvice.jpg);padding-top:120px;} #header-portfolio {background-image:url(images/heading-portfolio.jpg);padding-top:100px;} #header-portfolio p.portfolio-para {margin-left: 16px; margin-right: 16px;} #header-quote {background-image:url(images/heading-quote.jpg);padding-top:100px;} #header-faq {background-image:url(images/heading-faq.jpg);padding-top:100px;} #header-privacy {background-image:url(images/heading-privacy.jpg);padding-top:100px;} #header-terms {background-image:url(images/heading-terms.jpg);padding-top:100px;} #header-updates {background-image:url(images/heading-updates.jpg);} #header-webtechsupport {background-image:url(images/heading-webtechsupport.jpg);} #header-webhosting {background-image:url(images/heading-webhosting.jpg);} #header-domains {background-image:url(images/heading-domains.jpg);} #header-photography {background-image:url(images/heading-photography.jpg);} #header-webrescue {background-image:url(images/heading-webrescue.jpg);} #header-testimonials {background-image:url(images/heading-testimonials.jpg);padding-top:100px;} #package-header-value {background-image:url(images/heading-value.jpg);} #package-header-starter {background-image:url(images/heading-starter.jpg);} #package-header-pro {background-image:url(images/heading-pro.jpg);} #package-header-store {background-image:url(images/heading-store.jpg);} #package-header-starter, #package-header-value, #package-header-pro, #package-header-store, #header-contact, #header-whyus, #header-websiteadvice, #header-quote, #header-testimonials, #header-faq, #header-privacy, #header-domains, #header-webhosting, #header-webtechsupport, #header-terms, #header-updates, #header-services, #header-photography, #header-webrescue {margin-left:20px; margin-top:19px;width:446px;background-repeat:no-repeat;clear:both;} #header-portfolio {margin-left:20px; margin-top:19px;width:875px;background-repeat:no-repeat;clear:both;} #header-contact h2, #header-whyus h2, #header-portfolio h2, #header-quote h2, #header-faq h2, #header-testimonials h2 {margin-left:20px;} #header-contact p, #header-whyus p, #header-portfolio p, #header-quote p, #header-faq p, #header-testimonials p {margin-left:20px;margin-right:20px;} #header-domains ul, #header-webhosting ul, #header-webtechsupport ul, #package-header-starter ul, #package-header-value ul, #package-header-pro ul, #header-faq ul, #package-header-store ul, #header-updates ul, #header-services ul, #header-photography ul, #header-webrescue ul{padding-top:136px;margin-left:0px;padding-left:44px;} #header-domains li, #header-webhosting li, #header-webtechsupport li, #package-header-starter li, #package-header-value li, #package-header-pro li, #header-faq li, #package-header-store li, #header-updates li, #header-services li, #header-photography li, #header-webrescue li {list-style-type:none;list-style-image:none;font-size:0.85em;padding-bottom:4px;padding-top:2px;} /* Call us include */ #call-us {margin-top:24px;margin-left:12px;background-image:url(images/call-us.gif);background-repeat:no-repeat;width:195px;height:123px;clear:both;} /* Examples of this package include & specifics for yellow box include */ .examples {margin:0;padding:0;background-image:url(images/sidebar-yellow-top.gif);background-repeat:no-repeat;padding-top:7px;width:195px;margin-left:12px;margin-top:24px;clear:both;} #examples-top {margin:0;padding:0;margin-top:24px;margin-left:12px;background-image:url(images/package-examples-top.gif);background-repeat:no-repeat;padding-top:55px;width:195px;float:left;clear:both;} .examples-bottom {margin:0;padding:0;background-image:url(images/package-examples-bottom.gif);background-repeat:no-repeat;height:5px;width:195px;float:left;clear:both;} #examples p {margin-left:12px;margin-right:14px;} .yellow-box {background-color:#fbff00;border-left:4px solid #fcff81;border-right:4px solid #fcff81;width:187px;clear:both;margin:0px;padding:0px;float:left;padding-bottom:6px;} .yellow-box img {margin-left:7px;} .yellow-box p {margin-left:16px;margin-right:16px;} .yellow-box ul {padding-left:16px;margin-left:16px;margin-right:16px;} /*subscription forms */ .subscribe-form {width: 260px; margin-left: 64px;} /* grey contact form include */ #main-contact-container {background-image:url(images/form-large-top.gif);background-repeat:no-repeat;padding-top:8px;width:442px;margin-left:20px;} #main-contact {padding:0;margin:0;background-color:#a3a8a3;background-image:url(images/form-large-gradient.gif);background-repeat:repeat-x;width:436px;border-right:3px solid #9b989c;border-left:3px solid #9b989c;clear:both;float:left;} #main-contact-bottom {padding:0;margin:0;background-image:url(images/form-large-bottom.gif);background-repeat:no-repeat;width:442px;height:9px;clear:both;float:left;} #main-contact table {width:420px;margin:10px;} #main-contact form {width:420px;} #main-contact label {font-size:0.9em;font-weight:bold;} /* Other */ #column-four ul.secondry li {font-size: 0.8em; margin-left:20px;list-style-image:url(images/sidemenu-bullet.gif) ;} /* Articles and Website Advice */ #attribution-line {border: 1px dotted #095F13;}