* { font-family: Arial, Helvetica, Verdana, sans-serif; } h1 { color: #FC9900; font-weight: normal; font-family: Helvetica 45 Light, Helvetica Neue, Helvetica 35 Thin, Helvetica, Arial, Verdana, Sans-Serif; } body { margin:0; background-image:url(../_img/oneoneone.png); overflow: auto; overflow-x: hidden; } hr.clear { clear: both; visibility:hidden; margin:0; padding:0; border:none; height:0; } a{ text-decoration:none; color: #fc9900; } a img { border:none; } a:hover { text-decoration:underline; } #page { background-image:url(../_img/page-bg.png); background-repeat:repeat-x; } #shadow-wrapper { width: 970px; margin-left:auto; margin-right:auto; position:relative; background-color:#fff; } #shadow-wrapper .shadow-right { background-image: url(../_img/right-shadow.png); background-position: 100% 50%; background-repeat: repeat-y; height: 100%; right: -8px; position: absolute; width: 8px; } #shadow-wrapper .shadow-left { background-image: url(../_img/left-shadow.png); background-position: 0% 50%; background-repeat: repeat-y; height: 100%; left: -8px; position: absolute; width: 8px; } #left { position:absolute; height:385px; width:315px; top:0; left:50%; margin-left:-800px; } #left div { position:absolute; background-image:url(../_img/gray_bg.png); background-repeat: repeat-x; height:92px; top:293px; width:100%; left:0; } #right { position:absolute; height:385px; width: 315px; top:0; left:50%; margin-left:485px; } #right div { position:absolute; background-image:url(../_img/orange_bg.png); background-repeat: repeat-x; height:92px; top:293px; width:100%; left:0; } .banner-left { background-image:url(../_img/Header_Left_1.jpg); background-repeat: no-repeat; } .banner-left-WhoWeAre { background-image:url(../_img/Header_Left_2.jpg); } .banner-left-HowWeCanHelp { background-image:url(../_img/Header_Left_3.jpg); } .banner-left-ViewOurWork { background-image:url(../_img/Header_Left_4.jpg); } .banner-left-ValueAdds { background-image:url(../_img/Header_Left_5.jpg); } .banner-left-ContactUs { background-image:url(../_img/Header_Left_6.jpg); } .banner-right { background-image:url(../_img/Header_Right_1.jpg); background-repeat: no-repeat; } .banner-right-WhoWeAre { background-image:url(../_img/Header_Right_2.jpg); } .banner-right-HowWeCanHelp { background-image:url(../_img/Header_Right_3.jpg); } .banner-right-ViewOurWork { background-image:url(../_img/Header_Right_4.jpg); } .banner-right-ValueAdds { background-image:url(../_img/Header_Right_5.jpg); } .banner-right-ContactUs { background-image:url(../_img/Header_Right_6.jpg); } .banner-main { background-image:url(../_img/Header_Banner_1.jpg); background-repeat: no-repeat; } .banner-main-WhoWeAre { background-image:url(../_img/Header_Banner_2.jpg); } .banner-main-HowWeCanHelp { background-image:url(../_img/Header_Banner_3.jpg); } .banner-main-ViewOurWork { background-image:url(../_img/Header_Banner_4.jpg); } .banner-main-ValueAdds { background-image:url(../_img/Header_Banner_5.jpg); } .banner-main-ContactUs { background-image:url(../_img/Header_Banner_6.jpg); } #header { width: 970px; height: 385px; margin-left:auto; margin-right:auto; position:relative; background-color:#fff; } #floating-quote { position: absolute; left: 15px; top: 160px; } #floating-quote-WebDesigns { position: absolute; left: 15px; top: 25px; } #floating-quote-ECommerce { position: absolute; left: 15px; top: 40px; } #floating-quote-Internet { position: absolute; left: 15px; top: 55px; } #floating-quote-Audit { position: absolute; left: 15px; top: 70px; } #floating-quote-Intranet { position: absolute; left: 15px; top: 85px; } #floating-quote-Interactive { position: absolute; left: 15px; top: 100px; } #floating-quote-ManageContent { position: absolute; left: 15px; top: 115px; } #floating-quote-Multimedia { position: absolute; left: 15px; top: 130px; } #floating-quote-HowItWorks { position: absolute; left: 15px; top: 145px; } #logo { bottom:0; left:0; position:absolute; } #menu { width:401px; height:92px; background-image: url(../_img/orange_bg.png); position:absolute; bottom:0; left:262px; } #menu .main{ height: 56px; margin-top: 18px; width:383px; background-color:#695e5a; } #menu .main ul.main-menu { display: inline; padding:0; } #menu .main ul.main-menu li{ display: block; float:left; border-right: solid 1px #fc9900; height:23px; text-align:left; margin-left: 0px; padding-left: 8px; position:relative; line-height: 16px; } #menu .main ul.main-menu a { display:block; background-image:none; color:#fff; font-weight:bold; padding: 0px 10px 0px 15px; } #menu .main ul.main-menu a.selected, #menu .main ul.main-menu a:hover { background-image: url(../_img/menu-li.png); background-position: 0px 2px; background-repeat:no-repeat; color:#FC9900; text-decoration:none; } li#home-menu { width: 65px; margin-bottom:10px;} li#home-menu a { margin-top: 8px; } li#who-menu { width: 112px; margin-bottom:10px;} li#who-menu a { margin-top: 8px; } li#how-menu { width: 162px; border-right:none !important; margin-bottom:10px;} li#how-menu a { margin-top: 8px; } li#view-menu { width:134px; line-height: 16px; } li#view-menu a, li#view-menu a:hover { background-position: 0px 0px; } li#value-menu { width: 110px; line-height: 16px;} li#value-menu a { background-position: 0px 3px;} li#contact-menu { width: 105px; border-right:none !important; line-height: 16px; } li#contact-menu a { background-position: 0px 0px; } #menu .main ul.main-menu li:hover ul.submenu { visibility:visible; } #menu .main ul.main-menu li:hover ul.submenu:hover { visibility:visible; } #menu .main ul.submenu { position:absolute; padding:0; visibility:hidden; margin:0; overflow: hidden; } #menu .main ul.submenu li { text-align:left; padding: 0px; margin: 1px 0px 0px 0px; border:none; width:100%; height:25px; background-image:url(../_img/submenu_bg.png); overflow: hidden; } #menu .main ul.submenu a { font-size:0.6em; display:block; width:100%; border-left:none; line-height: 25px; font-weight:normal; margin: 0px; padding: 0px 0px 0px 8px; } #menu .main ul.submenu a.selected { background-image: none; width:100%; background-color:#695E5A; border-left: solid 5px #fc9900; font-weight:bold; color:#fff; } #menu .main ul.submenu a:hover { background-image: none; width:100%; background-color:#695E5A; border-left: solid 5px #fc9900; font-weight:bold; color:#fff; } #menu .main ul.main-menu li:hover ul.submenudown { visibility:visible; } #menu .main ul.main-menu li:hover ul.submenudown:hover { visibility:visible; } #menu .main ul.submenudown { position:absolute; padding:0; visibility:hidden; margin: 0px 0px 0px 0px; overflow: hidden; } #menu .main ul.submenudown li { text-align:right; padding: 0px; margin: 0px 0px 1px 0px; border:none; width:100%; height:25px; background-image:url(../_img/submenu_bg.png); overflow: hidden; } #menu .main ul.submenudown a { font-size:0.6em; display:block; width:100%; border-left:none; line-height: 25px; font-weight:normal; margin: 0px 0px 0px -12px; padding: 0px 8px 0px 0px; } #menu .main ul.submenudown a.selected { background-image: none; width:100%; background-color:#695E5A; border-right: solid 5px #fc9900; font-weight:bold; color:#fff; } #menu .main ul.submenudown a:hover { background-image: none; width:100%; background-color:#695E5A; border-right: solid 5px #fc9900; font-weight:bold; color:#fff; } #menu .main ul#Submenu_WhoWeAre { width: 120px; } #menu .main ul#Submenu_HowWeCanHelp { width: 188px; } #menu .main ul#Submenu_ViewOurWork { width: 143px; } #menu .main ul#Submenu_ValueAdds { width: 118px; } #featured { width: 307px; height: auto; position:absolute; top:207px; right:0px; overflow: hidden; background-color: White; } #featured-inner { width: 307px; max-height: 687px; overflow: hidden; } #featured-inner ul { list-style: none; display: block; padding: 0px; margin: 0px; } #featured-inner ul li { list-style: none; display: block; padding: 0px; margin: 0px; height: 165px; } .featured { height: 165px; } .featured .logo { padding: 5px 10px; width: 287px; height:60px; background-color:#695E5A; } .featured .info { height:92px; background-color:#958D8A; border-top: solid 1px #fc9900; border-bottom: solid 2px white; } .info h3 { font-size: 11px; padding:0; margin:5px 10px 0px 10px; color: #fff; font-weight:bold; } .info p { font-size: 11px; padding:0; margin:5px 10px; color: #fff; } .featured a { color: #fff; } .featured .clear { clear: both; } #featured-short { width: 307px; height: 164px; position:absolute; top:204px; right:0px; } #featured-short #view-our-work-header { width: 287px; height:63px; background-color:#695E5A; padding: 5px 10px; } #featured-short .logo { height:63px; } #featured-short #view-our-work-info { height:92px; background-color:#958D8A; border-top: solid 1px #fc9900; } #featured-short #view-our-work-info h3 { font-size: 11px; padding:0; margin:5px 5px 0 5px; color: #fff; font-weight:bold; } #featured-short #view-our-work-info p { font-size: 11px; padding:0; margin:5px 10px; color: #fff; } #webdeveloperblog { width: 307px; height: 59px; position:absolute; bottom: 60px; right:0px; } #whatourclientssay { width: 307px; height: 59px; position:absolute; bottom: 50px; right:0px; z-index: 1000; } #content{ width: 970px; margin-left:auto; margin-right:auto; min-height:600px; color: #666666; font-size:12px; margin-top:10px; } #body { margin-left: 20px; margin-right: 337px;} #body h2 { color:#fc9900; font-weight:normal; font-size:20px; } #body h4 { color:#fc9900; font-weight:bold; font-size:12px; font-style:italic; margin:0; } #body p { margin:5px 0; line-height: 18px; } #body .util { float:right; top: 0px; } #body .print { background-image:url(../_img/email-print.gif); background-repeat:no-repeat; display:block; float:left; width:25px; height:12px; background-position: -25px 0; } #body .refer { background-image:url(../_img/email-print.gif); background-repeat:no-repeat; display:block; float:left; width:25px; height:12px; } #body .print span, #body .refer span { position:absolute; left:-8000px; } #body .breadcrumb, .breadcrumb a { font-size:12px; color: #999999; font-weight: bold; } #footer { height:31px; } #footer, #footer-menu { width: 970px; margin-left:auto; margin-right:auto; font-size:7pt; color: #666666; } #footer a, #footer-menu a{ color: #666666; } #footer div a , #footer div{ color: #fff; } #footer .contact-info { width: 663px; float:left; height:24px; padding-top:7px; background-color:#695e5a; font-size:11px; color: #fff; } #footer .brand { width: 307px; float:left; height:25px; background-color:#fc9900; } #footer ul, #footer li, #footer-menu ul, #footer-menu li{ display:inline; } #footer ul, #footer-menu ul { padding: 0; margin:0; } #footer span, #footer-menu span { margin-left: 20px; } #footer .brand span { margin-right: 20px; } #footer span.dot, #footer-menu span.dot { font-size:1.2em; color:#fc9900; margin-left: 0; } #footer-menu{ background-image: url(../_img/bottom-shadow.png); background-repeat:no-repeat; width: 977px; padding-top: 7px; margin-left:auto; margin-right:auto; margin-bottom: 7px; } #footer-menu ul li.footer-menu-last { float: right; margin-right: 20px; YOffset: 0px; } /* Contact Us Form */ #contact-us { border:none; padding:0; margin:0; width:558px; border-bottom:solid 15px #fc9900; } #contact-us a { color:#fc9900; font-weight:bold; } #contact-us p { line-height: 3em; } #contact-us input { border: none; border-bottom:solid 1px #ccc; background-color:#fff; padding:3px; color:#685d59; } #contact-us textarea { border:solid 1px #ccc; background-color:#fff; padding:3px; color:#685d59; } #contact-us select { border:solid 1px #ccc; background-color:#fff; padding:0px; color:#685d59; } #contact-us .input-text-email { width: 220px; } #contact-us .input-text-name { width: 220px; } #contact-us .input-text-interest { width: 350px; } #contact-us .input-text-phone { width: 120px; } #contact-us .input-text-other-email { display:none; } #contact-us .personalise label { display:block; } #contact-us .personalise textarea { width: 550px; height:200px; } #contact-us .address { background-color:#fc9900; padding:3px 10px; color:#fff; font-weight:bold; font-size:15px; } #contact-us input.button { float:right; border:none; background:none; } #view-our-work { position: relative; display: block; padding: 0px; height: 100%; } #view-our-work ul#view-our-work-list { display: block; position: relative; margin: 0px; padding: 10px 0px; list-style-type: none; } #view-our-work ul#view-our-work-list li { float: left; padding: 0px; margin: 14px; } #map { margin-top: 10px; width:558px; } #view-map { display:block; float:right; margin-top: 80px; width:148px; } #refer-this-site { border: none; padding:0; margin:0; width:558px; border-bottom:solid 15px #fc9900; } #refer-this-site input, #refer-this-site textarea { border:solid 1px #ccc; background-color:#feebcc; padding:3px; color:#685d59; } #refer-this-site .input-text-area { width: 400px; height:100px; } #refer-this-site label { display:block; float:left; width: 200px; } #refer-this-site label.full { display:block; width:100%; float:none; } #refer-this-site input.button { float:right; border:none; background:none; } #refer-this-site p { clear:both; } div.captcha img { float:left; } div.captcha input { margin-left: 104px; display:block; float:left; width:149px; } .requiredstar { color: #f00; }