/* CSS Document */ /* Neutralize styling: Elements we want to clean out entirely: */ html, body, form, fieldset { margin: 0; padding: 0; font: 100%/120%; } /* Neutralize styling: Elements with a vertical margin: */ h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0; } /* Apply left margin: Only to the few elements that need it: */ li, dd, blockquote { margin-left: 1em; } /* Miscellaneous conveniences: */ form label { cursor: pointer; } fieldset { border: none; } input, select, textarea { font-size: 100%; font-family: inherit; } body { margin: 0; background-color: #a0cfd8; color: #333333; FONT-FAMILY: Lucida Sans, Arial, Helvetica, Verdana, sans-serif; min-width: 930px; text-align: center; } img {border: 0;} a:link {text-decoration: none; color: #cc0033; background-color: transparent;} a:visited {text-decoration: none; color: #cc0033; background-color: transparent;} a:hover {text-decoration: underline; color: #cc0033; background-color: transparent;} /*-- GENERAL BITS --------------*/ .pageContainer {float: left; width: 100%; background-color: #d5e9ed; padding: 0 0 0 0;} /*-- HEADER---------------------*/ .headerContainer {float: left; height: 120px; width: 930px; background-color: #d5e9ed;} .mainArea {position: relative; width: 930px; margin: 0 auto; text-align: left;} .navbar {position: relative; display: inline; float: right; margin: 55px 30px 0 0; width: 640px; height: 25px;} .navbar ul {position: relative; display: inline; float: left; list-style: none; margin: 0; padding: 0;} .navbar li {float: left; margin: 0 0 0 20px;} .navbar li a {display: block; float: left; height: 25px;} .navbar li span {display: none;} #nav01 a {background: url(images/nav_home_off.gif) top left no-repeat; width: 50px; height: 25px;} #nav01 a:hover {background: url(images/nav_home_on.gif) top left no-repeat;} #nav02 a {background: url(images/nav_services_off.gif) top left no-repeat; width: 70px; height: 25px;} #nav02 a:hover {background: url(images/nav_services_on.gif) top left no-repeat;} #nav03 a {background: url(images/nav_our_work_off.gif) top left no-repeat; width: 74px; height: 25px;} #nav03 a:hover {background: url(images/nav_our_work_on.gif) top left no-repeat;} #nav04 a {background: url(images/nav_why_source_off.gif) top left no-repeat; width: 106px; height: 25px;} #nav04 a:hover {background: url(images/nav_why_source_on.gif) top left no-repeat;} #nav05 a {background: url(images/nav_clients_off.gif) top left no-repeat; width: 55px; height: 25px;} #nav05 a:hover {background: url(images/nav_clients_on.gif) top left no-repeat;} #nav06 a {background: url(images/nav_partners_off.gif) top left no-repeat; width: 70px; height: 25px;} #nav06 a:hover {background: url(images/nav_partners_on.gif) top left no-repeat;} #nav07 a {background: url(images/nav_contact_off.gif) top left no-repeat; width: 67px; height: 25px;} #nav07 a:hover {background: url(images/nav_contact_on.gif) top left no-repeat;} #nav08 a {background: url(images/nav_blog_off.gif) top left no-repeat; width: 39px; height: 25px;} #nav08 a:hover {background: url(images/nav_blog_on.gif) top left no-repeat;} .headerLogo {position: relative; display: inline; float: left; margin: 30px 0 0 30px; width: 103px; height: 50px;} /*-- SPEECH MARK --*/ .speechMark {float: left; display: inline; width: 930px; height: 40px; margin: 0;} #speechMarkHome img {display: inline; float: left; border: 0; margin: 0 0 0 50px;} #speechMarkServices img {display: inline; float: left; border: 0; margin: 0 0 0 245px;} #speechMarkOurWork img {display: inline; float: left; border: 0; margin: 0 0 0 338px;} #speechMarkWhySource img {display: inline; float: left; border: 0; margin: 0 0 0 448px;} #speechMarkClients img {display: inline; float: left; border: 0; margin: 0 0 0 550px;} #speechMarkPartners img {display: inline; float: left; border: 0; margin: 0 0 0 630px;} #speechMarkContact img {display: inline; float: left; border: 0; margin: 0 0 0 723px;} #speechMarkBlog img {display: inline; float: left; border: 0; margin: 0 0 0 800px;} /*-- MAIN AREA FORMAT --*/ .contentAreaHolder {float: left; display: inline; width: 930px; background-color: #FFFFFF; margin: 0;} #contentAreaHome {background: url(images/main_image_home.jpg) bottom right no-repeat #FFFFFF; height: 280px;} #contentAreaServices {background: url(images/main_image_services.jpg) bottom right no-repeat #FFFFFF;} #contentAreaFood {background: url(images/main_image_food.jpg) bottom right no-repeat #FFFFFF;} #contentAreaLifestyle {background: url(images/main_image_travel.jpg) bottom right no-repeat #FFFFFF;} #contentAreaSMEs {background: url(images/main_image_smes.jpg) bottom right no-repeat #FFFFFF;} #contentAreaPartners {background: url(images/main_image_partners.jpg) bottom right no-repeat #FFFFFF;} #contentAreaWhySource {background: url(images/main_image_why_source.jpg) bottom right no-repeat #FFFFFF;} #contentAreaEnvironment {background: url(images/main_image_environment.jpg) bottom right no-repeat #FFFFFF;} #contentAreaProperty {background: url(images/main_image_property.jpg) bottom right no-repeat #FFFFFF;} #contentAreaContact {background: url(images/main_image_contact.jpg) bottom right no-repeat #FFFFFF;} #contentAreaNone {background: url(images/main_image_none.jpg) bottom right no-repeat #FFFFFF;} #contentColumnServices {padding: 0 0 170px 0;} #contentColumnFood {padding: 0 0 200px 0;} #contentColumnLifestyle {padding: 0 0 150px 0;} #contentColumnSMEs {padding: 0 0 160px 0;} #contentColumnPartners {padding: 0 0 100px 0;} #contentColumnWhySource {padding: 0 0 30px 0;} #contentColumnEnvironment {padding: 0 0 200px 0;} #contentColumnProperty {padding: 0 0 170px 0;} #contentColumnContact {padding: 0 0 30px 0;} #contentColumnNone {padding: 0 0 30px 0;} /*-- HOME PAGE --*/ .homeIntro {float: left; display: inline; width: 435px; margin: 0 0 0 30px;} .homeIntro h1 {margin: 30px 0 -10px 0; text-indent: -9000px; line-height: 1em; background: url(images/title_home.gif) top left no-repeat; width: 411px; height: 68px;} .homeIntro p {font-size: 14px; color: #666666; line-height: 1.6em;} .homeLowerHalf {float: left; display: inline; width: 870px; margin: 30px 0 0 30px;} .homeWhySource {float: left; display: inline; width: 270px; margin: 0 30px 0 0;} .homeWhySource h2 {margin: 0 0 0 0; text-indent: -9000px; line-height: 1em; background: url(images/home_sub_why_source.gif) top left no-repeat; width: 180px; height: 25px;} .homeWhySource p {font-size: 12px; line-height: 1.5em; color: #333333;} .homeWhySource img {border: 0;} .homeOurWork {float: left; display: inline; width: 270px; margin: 0 0 0 0;} .homeOurWork h2 {margin: 0 0 0 0; text-indent: -9000px; line-height: 1em; background: url(images/home_sub_our_work.gif) top left no-repeat; width: 93px; height: 25px;} .homeOurWork p {font-size: 12px; line-height: 1.5em; color: #333333;} .homeOurWork img {border: 0;} .homeContactUs {float: right; display: inline; width: 270px; margin: 0 0 0 0;} .homeContactUs h2 {margin: 0 0 0 0; text-indent: -9000px; line-height: 1em; background: url(images/home_sub_contact_us.gif) top left no-repeat; width: 113px; height: 25px;} .homeContactUs p {font-size: 12px; line-height: 1.5em; color: #333333;} .homeContactUs img {border: 0;} /*-- FOOTER AREA --*/ .footerContainer {float: left; width: 100%; height: 160px; background: url(images/footer_bg.gif) top left repeat-x #a0cfd8; margin: 0;} .footerHolder {width: 930px; margin: 0 auto;} .footer {display: inline; float: left; width: 930px; height: 135px; text-align: left;} .footer p {font-size: 11px; color: #333333; line-height: 1.5em;} .footer a:link {text-decoration: underline; color: #006699; background-color: transparent;} .footer a:visited {text-decoration: underline; color: #006699; background-color: transparent;} .footer a:hover {text-decoration: none; color: #006699; background-color: transparent;} .footerLeft {float: left; display: inline; margin: 70px 0 30px 30px;} .footerRight {float: right; display: inline; margin: 70px 30px 30px 0;} .iconLinkedIn {background: url(images/icon_linked_in.gif) center left no-repeat; padding: 0 0 0 26px;} .iconTwitter {background: url(images/icon_twitter.gif) center left no-repeat; padding: 0 0 0 26px;} /*-- CONTENT PAGES --*/ #titleServices {background: url(images/title_services.gif) top left no-repeat; width: 413px; height: 68px;} #titleEnvironmental {background: url(images/title_environmental.gif) top left no-repeat; width: 560px; height: 68px;} #titleFood {background: url(images/title_food.gif) top left no-repeat; width: 560px; height: 68px;} #titleLifestyle {background: url(images/title_lifestyle.gif) top left no-repeat; width: 560px; height: 68px;} #titleProperty {background: url(images/title_property.gif) top left no-repeat; width: 560px; height: 68px;} #titleSME {background: url(images/title_sme.gif) top left no-repeat; width: 560px; height: 68px;} #titleWhySource {background: url(images/title_why_source.gif) top left no-repeat; width: 560px; height: 68px;} #titleClients {background: url(images/title_clients.gif) top left no-repeat; width: 560px; height: 68px;} #titlePartners {background: url(images/title_partners.gif) top left no-repeat; width: 560px; height: 68px;} #titleContact {background: url(images/title_contact.gif) top left no-repeat; width: 560px; height: 68px;} #titleOurWork {background: url(images/title_our_work.gif) top left no-repeat; width: 560px; height: 68px;} #titleThankYou {background: url(images/title_thank_you.gif) top left no-repeat; width: 560px; height: 68px;} .contentColumn {float: left; display: inline; width: 570px; margin: 10px 0 0 30px;} .contentColumn h1 {margin: 10px 0 0 0; text-indent: -9000px; line-height: 1em;} .contentColumn p {font-size: 14px; color: #666666; line-height: 1.6em;} .contentColumn ul {margin: 0 10px 0 -10px; padding: 0; line-height: 1.5em; list-style: none; font-size: 14px; color: #666666;} .contentColumn li {position: relative; background-image: url(images/bullet.gif); background-position: 5px 10px; background-repeat: no-repeat; padding: 4px 0 3px 19px;} .contentColumn h6 {font-size: 11px; font-weight: bold; color: #333333;} .contentColumn h6 em {color: #CC0000;} .contentColumn form {padding: 0; margin: 10px 0 0 0;} .contentColumn label {font-size: 13px; font-weight: bold; color: #333333; width: 120px; display: inline; float: left; padding: 4px 0 0 0; margin: -4px 10px 0 0;} .contentColumn label em {color: #CC0000;} .formContactText {width: 380px; border: 1px solid #a0cfd8; background-color: #FFFFFF; font-size: 14px; padding: 4px;} .formContactSelect {width: 380px; background-color: #FFFFFF; font-size: 12px;} .formContactButton {border: 0; margin: 10px 0 0 130px;} .contentRightColumn {float: right; display: inline; width: 270px; margin: 30px 30px 30px 0;} .contentRightColumn h2 {margin: 10px 0 0 0; text-indent: -9000px; line-height: 1em;} .contentRightColumn h3 {margin: 30px 0 -10px 0; text-indent: -9000px; line-height: 1em;} .contentRightColumn p {font-size: 12px; color: #666666; line-height: 1.5em;} .contentRightColumn ul {margin: 0 10px 0 -10px; padding: 0; line-height: 1.5em; list-style: none; font-size: 14px; color: #666666;} .contentRightColumn li {position: relative; padding: 4px 0 3px 0;} .contentRightColumn img {border: 0;} #subOurServices {background: url(images/sub_our_services.gif) top left no-repeat; width: 128px; height: 25px;} #subContactUs {background: url(images/sub_contact_us.gif) top left no-repeat; width: 113px; height: 25px;} #subContactDetails {background: url(images/sub_contact_details.gif) top left no-repeat; width: 159px; height: 25px;} .workCase {float: left; display: inline; width: 570px; margin: 10px 0 10px 0;} .workCase p {font-size: 14px; color: #666666; line-height: 1.6em; margin: 0.5em 0 0.5em 110px;} #workHoliday {background: url(images/work_holiday.jpg) top left no-repeat;} #workOil {background: url(images/work_oil.jpg) top left no-repeat;} #workMsend {background: url(images/work_msend.jpg) top left no-repeat;}