/* CSS Document */ body { background:#FFFFFF; margin:0; font:normal Arial, Helvetica, sans-serif;} img {border:none;} #clear{clear:both;} .float-left{float:left;} .float-right{float:right;} .container{margin:auto; width:886px;} .logo{background: url(../images/images/Design-Logo.jpg); height:56px; width:70px; float:left;} .logo-words{background:url(../images/images/vancouver-web-developers.jpg); height:47px; width:174px; float:left;} /***********TOP MENU****************/ .topnav {float:right; } .topnav ul{ margin-top:20px;} .topnav li{display:inline; border:none; padding:0px 20px 0px 20px;} .topnav li a{text-decoration:none; color:#000033; font:normal 13px Arial, Helvetica, sans-serif; } .topnav li a:hover{text-decoration:none; border-top:solid 5px #000033;} /*************BLUE MENU****************/ .bar-links{float:right; color:#0066FF; margin-right:15px;} .bar-links span{margin-right:10px; margin-left:10px; color:#0066FF;} .bar-links ul{ margin-top:2px;} .bar-links li{display:inline; } .bar-links li a{font:normal 11px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;} .bar-links li a:hover{font:normal 11px Arial, Helvetica, sans-serif; color:#CCCCCC; text-decoration:none;} /**********BANNER************/ .top-banner{background:url(../images/images/topbanner.jpg); height:139px; width:886px; margin-top:0px;} .bot-banner{background: url(../images/images/design-banner-btm.jpg); height:90px; width:884px; border:solid 1px #CCCCCC; border-top:none;} #top-quote{font: italic 13px Arial, Helvetica, sans-serif; line-height:23px;} #quote{font:italic 12px Arial, Helvetica, sans-serif;} /*********3 BOXES**************/ .designers-box1 { float:left; background:url(../images/images/web_designers_box1.jpg); width:254px; height:130px; margin:20px 41px 20px 0px;} .designers-box1 a{ float:left; background:url(../images/images/web_designers_box1.jpg); width:254px; height:130px; margin:0px 41px 20px 0px;} .designers-box1 a:hover{ float:left; background:url(../images/images/web_designers_box1_light.jpg); width:254px; height:130px; margin:0px 41px 20px 0px;} .designers-box2 {float:left; background:url(../images/images/web-developers-box2.jpg); width:254px; height:130px; margin:20px;} .designers-box2 a{float:left; background:url(../images/images/web-developers-box2.jpg); width:254px; height:130px; margin:0px;} .designers-box2 a:hover{float:left; background:url(../images/images/web-developers-box2_light.jpg); width:254px; height:130px; margin:0px;} .designers-box3 {float:left; background:url(../images/images/website_designers_box3.jpg); width:254px; height:130px; margin:20px 0px 20px 41px;} .designers-box3 a{float:left; background:url(../images/images/website_designers_box3.jpg); width:254px; height:130px; margin:0px;} .designers-box3 a:hover{float:left; background:url(../images/images/website_designers_box3_light.jpg); width:254px; height:130px; margin:0px;} /*********MAIN**************/ .left{float:left;} .news-top{background:url(../images/images/web-site-developers.jpg); width:568px; height:33px;} .company-news{ background:url(../images/images/Design-slice.jpg) repeat-x; width:546px; border:solid 1px #CCCCCC; border-top:none;} #news{ font: normal 12px Arial, Helvetica, sans-serif; color:#000033; padding:10px; } #corner{ display:block; background:url(../images/images/left-corner-big.jpg) bottom left no-repeat;} #title{font-size:17px; margin:10px;} /********RIGHT*********/ .right{float:left; margin-left:60px;} .news-top-right{background:url(../images/images/web-site-developers-header.jpg); width:257px; height:33px;} .company-news-right{ background:url(../images/images/Design-slice.jpg) repeat-x; width:235px; border:solid 1px #CCCCCC; border-top:none;} #news{ font-size:12px; color:#000033; padding:10px; } #corner-right{background:url(../images/images/lower-right-corner.jpg) bottom right no-repeat;} #title{font-size:17px; margin:10px;} /********RIGHT CLIENTS BOXES*********/ .placeholder{padding:4px; border:solid 1px #CCCCCC; float:left;} .side-text{ float:left; margin-left:5px; margin-right:0px; margin-top:7px;} .btm hr{border:dotted 1px #CCCCCC; width:90%;} /***************WEB-DESIGN-PAGE********************/ .menu-box{ float:left; border:solid 1px #9f9f9f; border-bottom: none; background:url(../images/images/menu-slc.jpg) repeat-x; width:153px; margin-top:20px;} ul.side-menu{margin:15px 10px 0px 25px; padding:0px; list-style:none;} ul.side-menu li{font:bold 13px Arial, Helvetica, sans-serif; color:#CCCCCC;} ul.side-menu li a{ font:bold 13px Arial, Helvetica, sans-serif; color:#333333; text-decoration:none;} ul.side-menu li a:hover{font:bold 13px Arial, Helvetica, sans-serif; color:#9f9f9f; text-decoration:none;} .menu-box-btm{background:url(../images/images/menu-btm-crv.jpg) no-repeat; width:155px; height:29px;} /***********DESIGN-BOXES************/ .bronze-box { float:left; background:url(../images/images/brnz.jpg); width:254px; height:130px; margin:20px 21px 20px 0px;} .bronze-box a{ float:left; background:url(../images/images/brnz.jpg); width:254px; height:130px; margin:0px;} .bronze-box a:hover{ float:left; background:url(../images/images/brnz-light.jpg); width:254px; height:130px; margin:0px;} .silver-box{float:left; background:url(../images/images/slvr.jpg); width:254px; height:130px; margin:20px;} .silver-box a{float:left; background:url(../images/images/slvr.jpg); width:254px; height:130px; margin:0px;} .silver-box a:hover{float:left; background:url(../images/images/slvr-light.jpg); width:254px; height:130px; margin:0px;} .gold-box{float:left; background:url(../images/images/gold.jpg); width:254px; height:130px; margin:20px 0px 20px 21px;} .gold-box a{float:left; background:url(../images/images/gold.jpg); width:254px; height:130px; margin:0px;} .gold-box a:hover{float:left; background:url(../images/images/gold-light.jpg); width:254px; height:130px; margin:0px;} #design-btm{background:url(../images/images/btm.jpg); width:887px; height:132px;} #design-btm p{margin:4px 10px 10px 10px; font:normal 13px Arial, Helvetica, sans-serif; color:#666666;} #design-btm a{ font:italic 13px Arial, Helvetica, sans-serif; color:#666666;} #btm-para{margin:10px; font:normal 13px Arial, Helvetica, sans-serif; color:#666666;} /**********CONTACT FORM**************/ fieldset ul, fieldset li{border:0; margin:0; padding:0; list-style:none;} fieldset li{clear:both; list-style:none; padding-bottom:10px;} fieldset input{float:left;} fieldset label{width:140px; float:left;} /**********TEMPLATE**************/ .content-right{ float:left; width:600px; border:solid 1px #9f9f9f; margin:0px 0px 30px 60px; font:normal 13px Arial, Helvetica, sans-serif; color:#666666;} .content-right a{ width:600px; font:bold 13px Arial, Helvetica, sans-serif; color:#666666;} .content-right p{margin:10px; font:normal 13px Arial, Helvetica, sans-serif; color:#666666;} .content-right h1{margin:10px; font: bold 19px Arial, Helvetica, sans-serif; color:#666666;} .content-right h2{margin:10px; font: bold 15px Arial, Helvetica, sans-serif; color:#666666;} /**********BOTTOM LINKS**************/ .btm-links{float:left; color: #999999;} .btm-links ul{ margin:0px 0px 0px 0px;} .btm-links li{display:inline; margin-left:2px; margin-right:2px; color:#FFFFFF;} .btm-links li a{font:normal 11px Arial, Helvetica, sans-serif; color: #999999; text-decoration:none;} .btm-links li a:hover{font:normal 11px Arial, Helvetica, sans-serif; color: #666666; text-decoration:none;} .dots{background:url(../images/images/dots.jpg) repeat-x; margin:0px auto; width:880px; height:1px;} /**********PACKAGE LIST**************/ ul.package{margin:15px 10px 0px 55px; padding:0px; list-style:none;} ul.package li{font:bold 13px Arial, Helvetica, sans-serif; color:#333333;} ul.package li a{ font:bold 13px Arial, Helvetica, sans-serif; color:#333333; text-decoration:none;} ul.package li a:hover{font:bold 13px Arial, Helvetica, sans-serif; color:#9f9f9f; text-decoration:none;} /***********LOGOS********************/ .logoplaceholder{padding:10px; border:solid 1px #CCCCCC; float:left; margin:20px;} /**********CONTACT FORM**************/