/* CSS Document */ body{ padding:0px; margin:0px; background:#fff; color:#333; font:11px/14px Tahoma, sans-serif; } div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;} ul{list-style-type:none;} .clear {clear: both; margin: 0px} p a{font:10px/14px Tahoma, sans-serif; color:#2f2f2f; font-weight:bold; text-decoration:none } p a:hover{color:#43b6f1; text-decoration:none;} p a.link2{font:10px/14px Tahoma, sans-serif; color:#8cad01; font-weight:normal; text-decoration:underline} p a.link2:hover{color:#000; text-decoration:none;} p span.headline{ font:12px/16px Tahoma, sans-serif; color:#333; font-weight:normal; } p span.headlineweb{ font:12px/16px Tahoma, sans-serif; color:#333; font-weight:normal; } p span.headlinepromotional{ font:12px/16px Tahoma, sans-serif; color:#333; font-weight:normal; } /* HEADER */ #header{width:775px; height:271px; background:url(../images/b_header.jpg) 0 0 no-repeat; position:relative; margin: 0 auto;} #logo{position:absolute; top:17px; left:258px} #toplinks{width:220px; position:absolute; top:58px; left:35px;} /* common code */ .rollover { display: block; } /* Allow setting widths and heights */ .rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */ .rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */ .rollover:hover img { visibility: hidden; } /* 'rolls over' the image */ #homebtn{ background-image:url(../images/btn_home_over.jpg); width:220px; height:31px;} #webdesignbtn{ background-image:url(../images/btn_webdesign_over.jpg); width:220px; height:31px;} #promotiondesignbtn{ background-image:url(../images/btn_promotional_over.jpg); width:220px; height:31px;} #stationerydesignbtn{ background-image:url(../images/btn_stationery_over.jpg); width:220px; height:31px;} #portfoliobtn{ background-image:url(../images/btn_portfolio_over.jpg); width:220px; height:31px;} #contactbtn{ background-image:url(../images/btn_contact_over.jpg); width:220px; height:31px;} #solutions{ width:237px; height:230px; position:absolute; top:40px; left:538px; margin:0; background:url(../images/world.png) right bottom no-repeat; } #solutions h2{ height:76px; background:url(../images/peoplesay.png) 0 0 no-repeat; margin-bottom:5px; position:relative } #solutions p{width:129px; padding-left:10px} #solutions p.arrow{padding-left:28px; background:url(../images/arrow.jpg) 10px 3px no-repeat; margin-top:15px} #solutions p.arrow a{font:10px/16px Tahoma, sans-serif; color:#e89809; font-weight:normal; text-decoration:none } #solutions p.arrow a:hover{color:#000; text-decoration:none;} /* BUTTONS*/ #buttons{width:775px; height:41px; background:url(../images/b_buttons.jpg) 0 0 no-repeat; position:relative; margin: 0 auto; clear:both} #buttons ul{position:absolute; top:14px; left:69px} #buttons li{height:14px; float:left} #buttons li.faq a{width:154px; height:14px; display:block; text-indent:-20000px; background:url(../images/faq.png) 0 0 no-repeat; margin-right:89px} #buttons li.testimonial a{width:165px; height:14px; display:block; text-indent:-20000px; background:url(../images/testimonial.png) 0 0 no-repeat; margin-right:96px} #buttons li.aboutme a{width:130px; height:14px; display:block; text-indent:-20000px; background:url(../images/about.png) 0 0 no-repeat;} /* CONTENT */ #content{width:775px; position:relative; margin: 0 auto; clear:both; padding-top:20px; padding-bottom:15px; border-bottom:#3d2509 1px dotted;} #ad1 { width:200px; position:relative; float:right; display:inline; padding:0 10px 0 13px; border-right:#ebe9e6 1px solid; margin-right:12px; margin-top: 5px; } #ad1 img{width:122px; float:left; margin-right:12px;} #ad1 img.offer{width:175px; float:left; margin-right:12px; padding-bottom:20px;} #ad1 h2.promotionalpage{ width:193px; height:54px; background:url(../images/ad1promotionalhead.jpg) 0 9px no-repeat; margin-bottom:12px; position:relative; float:left; border-bottom:#e89909 1px solid; } #ad1 h2.promotionalpageemail{ width:193px; height:54px; background:url(../images/ad1emailhead.jpg) 0 9px no-repeat; margin-bottom:12px; position:relative; float:left; border-bottom:#e89909 1px solid; } #ad1 h2.stationerypage{ width:193px; height:54px; background:url(../images/ad1stationeryhead.jpg) 0 9px no-repeat; margin-bottom:12px; position:relative; float:left; border-bottom:#e89909 1px solid; } #ad1 h2.webpage{ width:193px; height:54px; background:url(../images/ad1webhead.jpg) 0 9px no-repeat; margin-bottom:12px; position:relative; float:left; border-bottom:#e89909 1px solid; } #ad1 p{width:193px; float:left; border-bottom:#e89909 1px solid;} #welcome{ width:770px; position:relative; float:left; display:inline; border-left:#ebe9e6 1px solid; border-right:#ebe9e6 1px solid; } #welcome h2{ height:52px; background:url(../images/welcome.png) 21px 14px no-repeat; position:relative; margin-bottom:7px } #welcome h2.about{ height:52px; background:url(../images/welcomeabout.png) 21px 14px no-repeat; position:relative; margin-bottom:7px } #welcome h2.testimonial{height:52px; background:url(../images/welcometestimonial.png) 21px 14px no-repeat; position:relative; margin-bottom:7px } #welcome h2.enquire{height:52px; background:url(../images/enquire.png) 21px 14px no-repeat; position:relative; margin-bottom:7px } #welcome h2.quote{height:52px; background:url(../images/quoteenquire.png) 21px 14px no-repeat; position:relative; margin-bottom:7px } #welcome h2.formsubmit{height:52px; background:url(../images/formsubmission.png) 21px 14px no-repeat; position:relative; margin-bottom:7px } #welcome h2.faq{height:52px; background:url(../images/faqheader.png) 21px 14px no-repeat; position:relative; margin-bottom:7px } #welcome h2.contact{height:52px; background:url(../images/contacthead.png) 21px 14px no-repeat; position:relative; margin-bottom:7px } #welcome h2.offer{height:52px; background:url(../images/offerhead.png) 21px 14px no-repeat; position:relative; margin-bottom:7px } #welcome img.top{width:125px; float:left; margin-right:7px;} #welcome img.portlink{width:125px; float:left; margin-right:7px;} #welcome p{ width:750px; float:left; padding-top:12px; border-top:#e89909 1px solid; border-bottom:#e89909 1px solid; margin-left: 10px; margin-right: 10px; } #welcome ul{margin-top:15px; margin-left:38px} #welcome li{background:url(../images/arrow.jpg) 0 3px no-repeat; padding-left:25px; height:20px} #welcome li a{font:10px/14px Tahoma, sans-serif; color:#494b46; font-weight:normal; text-decoration:underline} #welcome li a:hover{color:#fff; font-weight:normal; text-decoration:none; background:#000;} #welcomedesign{width:510px; position:relative; float:left; display:inline; border-left:#ebe9e6 1px solid; } #welcomedesign h2.promotionalpage{height:52px; background:url(../images/promotionalheader.jpg) 21px 14px no-repeat; position:relative; margin-bottom:7px; } #welcomedesign h2.stationerypage{height:52px; background:url(../images/stationeryheader.jpg) 21px 14px no-repeat; position:relative; margin-bottom:7px; } #welcomedesign h2.webpage{height:52px; background:url(../images/webheader.jpg) 21px 14px no-repeat; position:relative; margin-bottom:7px; } #welcomedesign img.top{ width:125px; float:left; margin-right:7px; } #welcomedesign img.portlink{ width:220px; float:left; margin-right:7px; border:none; } #welcomedesign p{width:500px; float:left; padding-top:12px; border-top:#e89909 1px solid; border-bottom:#e89909 1px solid; margin-left: 10px; } #welcomedesign ul{margin-top:15px; margin-left:38px;} #welcomedesign li{background:url(../images/arrow.jpg) 0 3px no-repeat; padding-left:25px; height:20px;} #welcomedesign li a{font:11px/14px Tahoma, sans-serif; color:#494b46; font-weight:normal; text-decoration:underline; } #welcomedesign li a:hover{color:#fff; font-weight:normal; text-decoration:none; background:#000;} /* PORTFOLIO PAGES */ #port{width:240px; position:relative; float:left; display:inline; border-left:#ebe9e6 1px solid; border-right:#ebe9e6 1px solid; margin-left: 10px; } #port h2.web{height:52px; background:url(../images/webheader.jpg) 21px 14px no-repeat; position:relative; margin-bottom:7px} #port h2.promo{height:52px; background:url(../images/promotionalheader.jpg) 21px 14px no-repeat; position:relative; margin-bottom:7px} #port h2.stationery{height:52px; background:url(../images/stationeryheader.jpg) 21px 14px no-repeat; position:relative; margin-bottom:7px} #port img.click{border:0;} #port img.topportimg{width:210px; float:left; margin-right:7px; border:0;} #port img.websample{ float:left; margin-right:3px; width: 65px; margin-left: 3px; height: 65px; border:dotted black 1px; margin-bottom: 10px; } #port p{ width:220px; float:left; border-top:#e89909 1px solid; border-bottom:#e89909 1px solid; margin-left: 10px; } #port ul{margin-top:15px; margin-left:38px} #port li{background:url(../images/arrow.jpg) 0 3px no-repeat; padding-left:25px; height:20px} #port li a{font:11px/14px Tahoma, sans-serif; color:#494b46; font-weight:normal; text-decoration:underline} #port li a:hover{color:#fff; font-weight:normal; text-decoration:none; background:#000;} /* TOPICS */ #topics{width:775px; position:relative; margin: 0 auto; clear:both; padding-top:14px} #web{width:220px; position:relative; float:left; display:inline; margin:0 30px 20px 38px; background:url(../images/img_web.gif) 0 0 no-repeat;} #web h2{ height:40px; background:url(../images/web.gif) 50px 13px no-repeat; position:relative; margin-bottom:10px } #web p{padding-left:5px;} #promotional{width:220px; position:relative; float:left; display:inline; margin:0 30px 20px 0; background:url(../images/img_promotional.gif) 0 0 no-repeat;} #promotional h2{ height:40px; background:url(../images/promotional.gif) 51px 13px no-repeat; position:relative; margin-bottom:10px } #promotional p{padding-left:5px;} #stationery{width:220px; position:relative; float:left; display:inline; margin:0 0 20px 0; background:url(../images/img_stationery.gif) 0 0 no-repeat;} #stationery h2{ height:40px; background:url(../images/stationery.gif) 62px 13px no-repeat; position:relative; margin-bottom:10px } #stationery p{padding-left:5px;} /* FOOTER */ #footer{ width:775px; height:85px; background:#3d2509; position:relative; margin: 0 auto; clear:both; border-top:#3d2509 1px dotted; background-color: #333333; } #footer p{padding: 30px 0 0 0; font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#fff;} #footer p a{font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#fff; text-decoration:none; padding: 0 5px } #footer p a:hover{text-decoration:none; background:#fff; color:#000}