/* Forces scroll in Mozilla and stops page shift because of scroll bar */ html { min-height: 100%; margin-bottom: 1px; } img { display:block; } .orange { color:#F07520; } .lightOrange { color:#FFCC99; } .blue { color:#2E96E1; } .lightBlue{ color:#B8D9EC; } .green { color:#82D616; } .lightGreen { color:#E0FEAC; } .grey { color:#AAAAAA; } .darkGrey { color:#656464; } .darkestGrey { color:#302C2C; } .web-design { color:#C3580D; } .website-redesign { color:#16639A; } .ecommerce { color:#4C7D0D; } em { font-style:italic; font-weight:bold; } h3 { color:#302C2C; font-size:1.3em; font-weight:bold; margin-bottom:7px; } #content-header h3 { color:#FFFFFF; margin-bottom:10px; padding:8px 20px 6px 20px; background:url(../images/bar-grey.png); background-repeat:no-repeat; background-position:top center; } #content-left.web-design h3 { background:url(../images/bar-orange.png); background-repeat:no-repeat; background-position:top center; } #content-left.website-redesign h3 { background:url(../images/bar-blue.png); background-repeat:no-repeat; background-position:top center; } #content-left.ecommerce h3 { background:url(../images/bar-green.png); background-repeat:no-repeat; background-position:top center; } h4 { color:#302C2C; font-size:1.2em; font-weight:bold; margin-bottom:5px; color:#FFFFFF; } #content-left.web-design h4 { color:#C3580D; } #content-left.website-redesign h4 { color:#16639A; } #content-left.ecommerce h4 { color:#4C7D0D; } h4.block { background-color:#302C2C; color:#FFFFFF; font-size:1.2em; font-weight:bold; margin-bottom:7px; display:inline-block; padding:3px 5px; } #content-left.web-design h4.block { background-color:#F07520; color:#FFFFFF; } #content-left.website-redesign h4.block { background-color:#2E96E1; color:#FFFFFF; } #content-left.ecommerce h4.block { background-color:#82D616; color:#FFFFFF; } a:link { text-decoration: underline; font-style:italic; color: #000; font-weight:bold; } a:visited { text-decoration:underline; font-style:italic; color: #808080; font-weight:bold; } a:hover { text-decoration: none; color: #000; } div.web-design a:link { color: #C3580D; } div.web-design a:visited { color: #C3580D; } div.web-design a:hover { color: #666; } div.website-redesign a:link { color: #16639A; } div.website-redesign a:visited { color: #16639A; } div.website-redesign a:hover { color: #666; } div.ecommerce a:link { color: #4C7D0D; } div.ecommerce a:visited { color: #4C7D0D; } div.ecommerce a:hover { color: #666; } #header { margin:0px; } #header1 { float:left; width:250px; } #header1 h1 { font-size:1em; font-weight:normal; color:#656464; } #headerText { float:left; width:450px; text-align:center; line-height:1em; } #headerText p { margin:0px; padding:0px; color:#F07520; } #header2 { float:left; width:250px; text-align:right; line-height:1em; } #header2 h2 { font-size:1em; font-weight:normal; color:#656464; } img.logo { float:left; } img.tel-email { float:right; clear:right; margin-top:51px; } .scroller-left { float:left; } .scroller-right { float:right; } #breadcrumb { height:20px; margin:10px 0px 0px 0px; padding-bottom:9px; } #breadcrumb p { font-size:1.0em; color:#808080; } #left-column div { margin-bottom:20px; } #left-column div p { padding:0px 15px 10px 15px; margin:0px; } #instant-quote { background:url(../images/left-column/web-design-instant-quote-bottom.png); background-repeat:no-repeat; background-position:bottom center; padding-bottom:10px; } #instant-quote img.button { margin:8px 0px 0px 5px; } #testimonials { background:url(../images/left-column/web-design-testimonials-bottom.png); background-repeat:no-repeat; background-position:bottom center; } #callback { background:url(../images/left-column/web-design-callback-bottom.png); background-repeat:no-repeat; background-position:bottom center; } #latest-projects.other { background:url(../images/right-column/latest-projects-other/latest-projects-grey-bottom.png); background-repeat:no-repeat; background-position:bottom center; } #latest-projects.web-design { background:url(../images/right-column/latest-projects-web-design/latest-projects-orange-bottom.png); background-repeat:no-repeat; background-position:bottom center; } #latest-projects.website-redesign { background:url(../images/right-column/latest-projects-web-design/latest-projects-website-redesign/latest-projects-blue-bottom.png); background-repeat:no-repeat; background-position:bottom center; } #latest-projects.ecommerce { background:url(../images/right-column/latest-projects-ecommerce/latest-projects-green-bottom.png); background-repeat:no-repeat; background-position:bottom center; } #top img.websites { float:left; background-color:#FFFFFF; } #top img.redesign { float:left; margin-left:11px; } #top img.ecommerce { float:right; } #top img.see-what-you-need { margin: 0px auto; padding:10px 0px 20px 0px; clear:both; } #content-left { background-color:#FAFAFA; padding:0px; } #content-header { margin:0px; padding:0px; } #main-text { padding:10px 20px; margin:0px; } #content-left.web-design { background-color:#FFF2E5; } #content-left.website-redesign { background-color:#F3F9FC; } #content-left.ecommerce { background-color:#F6FFE6; } #content-left.web-design.border { background-color:#FFF; } #content-left.website-redesign.border { background-color:#FFF; } #content-left.ecommerce.border { background-color:#FFF; } #content-left.process{ padding-bottom:10px; } #process-outer { background-color:#FFF; padding:20px; margin-bottom:20px; } #process { width:470px; height:480px; background-color:#FFF; padding:0px; } #process h4 { font-size:1.1em; color:#302C2C; line-height:13px; margin-bottom:1px; } #content-left.web-design #process h4 { color:#302C2C; } #content-left.website-redesign #process h4 { color:#302C2C; } #content-left.ecommerce #process h4 { color:#302C2C; } #process p { font-size:1.1em; line-height:1.2em; margin-bottom:1px; } #content-left.web-design #process { background:url(../images/process/orange.png); background-repeat:no-repeat; background-position:top left; } #content-left.website-redesign #process { background-color:#FFF; } #content-left.ecommerce #process { background-color:#FFF; } #content-right { } #content-right div p { padding:0px 10px 10px 25px; margin:0px; } #footer { padding-top:10px; } #footer p img { float:none; margin:0px 1px 0px 3px; display:inline; } #footer p { text-align:center; color:#666; margin-bottom:0px; } #footer a:link { color:#666; text-decoration:none; } #footer a:visited { color:#666; text-decoration:none; } a.external:link { background: url(../images/external-link.gif) no-repeat 100% 0; padding: 0 10px 0 0; } a.external:visited { background: url(../images/external-link.gif) no-repeat 100% 0; padding: 0 10px 0 0; } .mainImage { margin-bottom:18px; } .boxContainer { border:solid 1px #808080; clear:right; width:188px; } .boxHeader { background-color:#82B7DE; font-size:1.1em; font-weight:bold; color:#FFFFFF; padding:5px 10px; } .boxContent { padding:10px; background-color:#F2F2F2; } /* --------------------------------------- Menu layout --------------------------------------- */ #menuContainer { background-color:#302C2C; height:35px; margin-top:20px; } #menu { float:left; width: 916px; height:28px; margin-top:2px; background-color:#302C2C; } #menu ul { width: 100%; list-style-type: none; padding: 0; margin:0px auto; } #menu a:link, #menu a:visited { font-style:normal; } /* --------------------------------------- CATEGORY MENU --------------------------------------- */ #menu-cat-content ul { padding-bottom:0px; margin:0px; font-size:1.0em; list-style-type: none; } #menu-cat-content ul li { margin:0px; padding:0px; } #menu-cat-content ul li a { display:block; font-size:1.1em; color:#000; padding:6px 5px 6px 10px; } #menu-cat-content a:link { text-decoration: none; font-style:normal; color: #000; } #menu-cat-content a:visited { text-decoration:none; font-style:normal; color: #000; } #menu-cat-content a:hover { text-decoration: none; background-color:#666; color:#FFF; } #menu-cat-content ul li a.active { background-color:#666; color:#FFF } #menu-cat-content ul li a.active:hover { color:#FFF; cursor:text; } #menu-cat-content ul li a.break { margin-bottom:10px; } #menu-cat-content ul li a:link.header { padding:6px 10px; } #menu-cat-content a.header { color:#FFF; font-weight:bold; } #menu-cat-content ul li a.sub-head { font-size:1.0em; color:#656464; padding:4px 5px 4px 25px; } #menu-cat-content ul li a:hover.sub-head { color:#FFF; } #menu-cat-content ul li a.active.sub-head { color:#FFF; } #menu-cat-content.other ul li a.header { background: url(../images/cat-menu/grey-top.png) top; border-top:none; } #menu-cat-content.other ul li a { border-top:1px solid #F2F2F2; border-bottom:1px solid #FFF; } #menu-cat-content.other ul li a:hover { border-top:1px solid #302C2C; border-bottom:1px solid #302C2C; } #menu-cat-content.other ul li a:hover.header { border-top:none; border-bottom:1px solid #F2F2F2; color:#666; } #menu-cat-content.other ul li a.active { border-top:1px solid #666; border-bottom:1px solid #FFF; } #menu-cat-content.other { background: url(../images/cat-menu/grey-bottom.png) bottom } #menu-cat-content.web-design ul li a.header { background: url(../images/cat-menu/orange-top.png) top; border-top:none; } #menu-cat-content.web-design ul li a.header.active { border-top:none; } #menu-cat-content.web-design ul li a { border-top:1px solid #FFCC99; border-bottom:1px solid #FFF; } #menu-cat-content.web-design ul li a:hover { border-top:1px solid #F07520; border-bottom:1px solid #F07520; } #menu-cat-content.web-design ul li a:hover.header { border-top:none; border-bottom:1px solid #302C2C; color:#302C2C; } #menu-cat-content.web-design ul li a.active { border-top:1px solid #666; border-bottom:1px solid #FFF; } #menu-cat-content.web-design { background: url(../images/cat-menu/orange-bottom.png) bottom } #menu-cat-content.website-redesign ul li a.header { background: url(../images/cat-menu/blue-top.png) top; border-top:none; } #menu-cat-content.website-redesign ul li a.header.active { border-top:none; } #menu-cat-content.website-redesign ul li a { border-top:1px solid #B8D9EC; border-bottom:1px solid #FFF; } #menu-cat-content.website-redesign ul li a:hover { border-top:1px solid #2E96E1; border-bottom:1px solid #2E96E1; } #menu-cat-content.website-redesign ul li a:hover.header { border-top:none; border-bottom:1px solid #302C2C; color:#302C2C; } #menu-cat-content.website-redesign ul li a.active { border-top:1px solid #666; border-bottom:1px solid #FFF; } #menu-cat-content.website-redesign { background: url(../images/cat-menu/blue-bottom.png) bottom } #menu-cat-content.ecommerce ul li a.header { background: url(../images/cat-menu/green-top.png) top; border-top:none; } #menu-cat-content.ecommerce ul li a.header.active { border-top:none; } #menu-cat-content.ecommerce ul li a { border-top:1px solid #E0FEAC; border-bottom:1px solid #FFF; } #menu-cat-content.ecommerce ul li a:hover { border-top:1px solid #82D616; border-bottom:1px solid #82D616; } #menu-cat-content.ecommerce ul li a:hover.header { border-top:none; border-bottom:1px solid #302C2C; color:#302C2C; } #menu-cat-content.ecommerce ul li a.active { border-top:1px solid #666; border-bottom:1px solid #FFF; } #menu-cat-content.ecommerce { background: url(../images/cat-menu/green-bottom.png) bottom } #menu-cat-content ul li a.active { border:none; } #menu-cat-content ul li a.last, #menu-cat-content ul li a:hover.last { border-bottom:none; } #menu-cat-content ul li a:hover.active.last { border-bottom:solid 1px #666; } #menu-cat-content ul li a.header { border-bottom:1px solid #302C2C; } /* --------------------------------------- Ticker --------------------------------------- */ #tickerContainer { background-color:#B8EA61; margin-bottom:20px; } #tickerWrapper { position:relative; float:left; margin: 0px auto; top: 0px; height: 18px; padding:4px 0px; width: 915px; overflow: hidden; background:#B8EA61; } #tickerWrapper a:link { text-decoration: underline; color: #2E96E1; } #tickerWrapper a:visited { text-decoration:underline; color: #2E96E1; } #tickerWrapper a:hover { text-decoration:none; color: #FFF; } #tickerWrapper p { display:inline; font-size: 1.0em; } #tickerItems { position: relative; visibility: hidden; font-weight: normal; width: 100%; color:#2E96E1; } /*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/ .qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;} /*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/ /* QuickMenu 0 */ /*"""""""" (MAIN) Container""""""""*/ #qm0 { width:auto; background-color:#302C2C; } /*"""""""" (MAIN) Items""""""""*/ #qm0 a { padding:6px 20px 5px 20px; background-color:transparent; color:#FFFFFF; font-family:Arial; font-size:13px; text-decoration:none; font-weight:bold; border-width:0px 1px 0px 0px; border-style:solid; border-color:#FFFFFF; } /*"""""""" (MAIN) Hover State""""""""*/ #qm0 a:hover { background-color:#EAEAEA; color:#333333; } /*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/ #qm0 li:hover>a { background-color:#EAEAEA; color:#333333; } /*"""""""" (MAIN) Active State""""""""*/ body #qm0 .qmactive, body #qm0 .qmactive:hover { background-color:#7E7D7D; color:#FFFFFF; } /*"""""""" (MAIN) Persistent State""""""""*/ body #qm0 .qmpersistent, body #qm0 .qmpersistent:hover { background-color:#666; } body #qm0 .qmpersistent.web-design, body #qm0 .web-design:hover { background-color:#F07520;; } body #qm0 .qmpersistent.website-redesign, body #qm0 .website-redesign:hover { background-color:#2E96E1;; } body #qm0 .qmpersistent.ecommerce, body #qm0 .ecommerce:hover { background-color:#82D616;; } /*"""""""" (SUB) Container""""""""*/ #qm0 div, #qm0 ul { padding:5px; margin:1px 0px 0px -1px; background-color:#F2F2F2; border-width:1px; border-style:solid; border-color:#7E7D7D; } #qm0 ul.web-design { padding:5px; margin:0px; background-color:red; border-width:1px; border-style:solid; border-color:#7E7D7D; } /*"""""""" (SUB) Items""""""""*/ #qm0 div a, #qm0 ul a { padding:4px 4px 4px 5px; background-color:transparent; color:#000000; font-size:13px; font-weight:normal; border-style:none; } /*"""""""" (SUB) Hover State""""""""*/ #qm0 div a:hover { background-color:#302C2C; color:#FFFFFF; text-decoration:none; } #qm0 div.orange a:hover { background-color:#F07520; } #qm0 div.blue a:hover { background-color:#2E96E1; } #qm0 div.green a:hover { background-color:#82D616; } /*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/ #qm0 ul li:hover>a { background-color:#302C2C; color:#FFFFFF; text-decoration:none; } /*"""""""" (SUB) Active State""""""""*/ body #qm0 div .qmactive, body #qm0 div .qmactive:hover { background-color:#EAEAEA; color:#FFFFFF; text-decoration:underline; } /*"""""""" (SUB) Persistent State""""""""*/ body #qm0 div .qmpersistent, body #qm0 div .qmpersistent:hover { background-color:#666666; } body #qm0 div.orange .qmpersistent, body #qm0 div.orange .qmpersistent:hover { background-color:#F07520; } body #qm0 div.blue .qmpersistent, body #qm0 div.blue .qmpersistent:hover { background-color:#2E96E1; } body #qm0 div.green .qmpersistent, body #qm0 div.green .qmpersistent:hover { background-color:#82D616; } /*"""""""" Individual Titles""""""""*/ #qm0 .qmtitle { margin:2px 5px 5px 5px; color:#222222; font-family:Arial; font-size:13px; font-weight:bold; } /*"""""""" Individual Horizontal Dividers""""""""*/ #qm0 .qmdividerx { border-top-width:2px; margin:4px 5px 4px 5px; border-color:#A2A1AD; } /*"""""""" Custom Rule""""""""*/ ul#qm0 ul li:hover > a.qmparent { background-image:url(qmimages/arrow_0.gif); text-decoration:underline; } /*"""""""" Custom Rule""""""""*/ ul#qm0 ul li .qmparent { background-image:url(qmimages/arrow_0.gif); background-repeat:no-repeat; background-position:92% 50%; } /*"""""""" Custom Rule""""""""*/ ul#qm0 li:hover > a.qmparent { background-image:url(qmimages/arrow_2.gif); text-decoration:underline; } /*"""""""" Custom Rule""""""""*/ ul#qm0 li .qmparent { background-image:url(qmimages/arrow_3.gif); background-repeat:no-repeat; background-position:92% 50%; } .quote_form { width:500px; } .quote_form.web-design .tooltip { background-image:url(../images/quote_form_tooltip-web-design.jpg); width:28px; height:28px; margin:0 auto; } .quote_form.website-redesign .tooltip { background-image:url(../images/quote_form_tooltip-website-redesign.jpg); width:28px; height:28px; margin:0 auto; } .quote_form.ecommerce .tooltip { background-image:url(../images/quote_form_tooltip-ecommerce.jpg); width:28px; height:28px; margin:0 auto; } div.web_design_pages_container.web-design { background-image:url(../images/quote_form_header_web-design.jpg); width:490px; height:38px; text-align:right; padding-right:10px; } div.web_design_pages_container.website-redesign { background-image:url(../images/quote_form_header_website-redesign.jpg); width:490px; height:38px; text-align:right; padding-right:10px; } div.web_design_pages_container.ecommerce { background-image:url(../images/quote_form_header_ecommerce.jpg); width:490px; height:38px; text-align:right; padding-right:10px; } div.web_design_pages_container label { float:right; margin:8px 20px 0 0; color:#FFFFFF; line-height:0.8em; } div.web_design_pages_container select { float:right; margin:9px 0px 0px 10px; width:80px; } div.web_design_pages_container span.small { font-size:0.8em; } .border_dashed { border-bottom:1px dashed #d4d6d7; } .border_solid { border-bottom:1px solid #d4d6d7; background-color:#CCCCCC; } span.price.web-design { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#ff8a00; } span.price.website-redesign { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#3fa4e6; } span.price.ecommerce { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#90dc29; } div.quote_form_totals { float:right; width:180px; margin-bottom:30px; padding:60px 10px 18px 0px; border: 1px dashed #d4d6d7;font-size:16px; font-weight:bold; color:#878787; } div.quote_form_totals input { width:60px; text-align:right; border:0; font-size:16px; font-weight:bold; color:#878787; } .quote_total { font-size:30px; } .quote_total.web-design { color:#ff9d29; } .quote_total.website-redesign { color:#3fa4e6; } .quote_total.ecommerce { color:#90dc29; } div.quote_form_totals_header.web-design { position:absolute; margin-top:-78px; margin-left:7px; width:185px; height:55px; background-image:url(../images/quote_form_totals_header-web-design.jpg); } div.quote_form_totals_header.website-redesign { position:absolute; margin-top:-78px; margin-left:7px; width:185px; height:55px; background-image:url(../images/quote_form_totals_header-website-redesign.jpg); } div.quote_form_totals_header.ecommerce { position:absolute; margin-top:-78px; margin-left:7px; width:185px; height:55px; background-image:url(../images/quote_form_totals_header-ecommerce.jpg); } div.quote_form_details { float:left; width:280px; height:162px; padding:10px; } div.quote_form_details.web-design { background-image:url(../images/quote_form_details_bg-web-design.jpg); } div.quote_form_details.website-redesign { background-image:url(../images/quote_form_details_bg-website-redesign.jpg); } div.quote_form_details.ecommerce { background-image:url(../images/quote_form_details_bg-ecommerce.jpg); } div.quote_form_details label { float:left; width:100px; font-weight:bold; color:#ffffff; margin-top:4px; } div.quote_form_details input { margin-top:3px; border:1px solid #819dcd; } div.error { font-size:0.9em; color:red; clear:both; margin-top:10px; } div.web_design_admin_quote { border:2px dotted #c5cfdd; background-color:#f4f7fa; margin:5px; margin-left:20px; padding:5px; } input.hidden { border:none; background-color:#F2F2F2; } input.visible { }