/* CSS Document */ /* ============================================================================================================================= ------------------------------------------------->>>> BASIC ELEMENTS <<<<------------------------------------------------------- ============================================================================================================================= */ * { margin: 0; padding: 0; } html { min-height: 100%; margin-bottom: 1px; } body { text-align: left; font: 12px Trebuchet MS, Verdana, Tahoma; color: #38334f; background:url(../images/bg_square1.gif) repeat} table, th, td, p { font: 12px Trebuchet MS, Verdana, Tahoma; color: #a1a1a1; } a img, :link img, :visited img { border: none; } a:link { color: #514e5e; text-decoration: underline; } a:visited { color: #514e5e; text-decoration: underline; } a:hover, a:active { color: #514e5e; text-decoration: underline; } h1 { font-size: 24px; color:#74746f; font-weight:normal; font-family: Trebuchet MS, Verdana, Tahoma ; margin-top:0px; padding-top:0px; line-height:18px; letter-spacing:18px;} h2 { font-size: 18px; font-weight:normal; color:#333; font-family: Trebuchet MS, Verdana, Tahoma ; margin-top:0px; padding-top:0px; line-height:18px; letter-spacing:1px;} #frame { background:url(../images/bg_nav1.gif) repeat-x;} #wrap-nav { margin:0px auto; width:710px; position: relative; padding-left:70px; padding-right:70px; padding-top:25px;} #wrap { margin:0px auto; width:710px; position: relative; padding-left:70px; padding-right:70px; background:url(../images/bg_square.gif) repeat -1px -1px} #nav { height:90px; clear:both; } .nav { height:110px; clear:both; } #logo { padding-top:10px; float:left;} .requestQuote { width:200px; padding-top:20px; height:65px; float:right; background:url(../images/requestQuote.gif) no-repeat right 20px;} .requestQuote a { display:block; height:65px; text-decoration:none; text-indent:-9000px;} #content { min-height:567px; clear:both; background: url(../images/bg-pic.gif) no-repeat 0px 230px; padding-bottom:15px;} #content table tr td.nametitle { padding:7px 0px 7px 4px; width:190px; letter-spacing:2px; color:#897973; background-color:#000000;} #content table tr td.solidbox { background:url(../images/bg-line.gif) repeat; width:214px;} #content table tr td.blank { background:url(../images/bg-line.gif) repeat; } .contentpar { width:553px; float:right;} .contentpar p { font-size: 12px; color:#aeaea9; font-weight:normal; font-family: Trebuchet MS, Verdana, Tahoma ; line-height:18px; letter-spacing:5px;} #footer { height:70px; clear:both;} #footer p { padding-left:15px; font-size:11px; } #top { min-height:213px; background: #f6f6f2 url(../images/bg-portfolio11.gif) no-repeat 0px 0px;} #top p { padding:15px; line-height:24px; letter-spacing:1px;} #bottomcontent { heigh:355px; } .tagline { clear:both; text-align:right; padding-right:0px; background-color:#efefef;} .taglinefix { clear:both; text-align:right; padding-right:0px; background-color:#462e26;} .taglinecontact { clear:both; text-align:right; padding-right:0px; background-color:#333; height:18px;} .clear { clear:both;} /* ============================================================================================================================= ------------------------------------------------->>>> CONTENT INDEX <<<<-------------------------------------------------------- ============================================================================================================================= */ #contentindex { min-height:567px; clear:both; } #contentindex table tr td.nametitle { padding:7px 0px 7px 4px; width:139px; letter-spacing:2px; color:#897973; background-color:#000000;} #contentindex table tr td.solidbox { background:url(../images/bg-line.gif) repeat; width:214px;} #contentindex table tr td.blank { background:url(../images/bg-line.gif) repeat; } .contentpar-index { width:553px; float:right;} .contentpar-index p { font-size: 12px; color:#74746f; font-weight:normal; font-family: Trebuchet MS, Verdana, Tahoma ; line-height:18px; letter-spacing:5px;} /* ============================================================================================================================= ------------------------------------------------->>>> CONTENT SERVICE <<<<------------------------------------------------------ ============================================================================================================================= */ #contentservice { min-height:567px; clear:both; background-color:#CCCCCC;} #contentservice table tr td.nametitle { padding:7px 0px 7px 4px; width:139px; letter-spacing:1px; color:#897973; background-color:#000000;} #contentservice table tr td.solidbox { background:url(../images/bg-line.gif) repeat; width:214px;} #contentservice table tr td.blank { background:url(../images/bg-line.gif) repeat; } .contentpar-service { width:553px; float:right; padding:10px;} .contentpar-service-fix { background-color:#efefef; clear:both;} .contentpar-service-fix ul { margin:0px; margin-left:25px; padding:0px; font-size:12px; color:#666; letter-spacing:1px;} .contentpar-service-fix ul li { list-style:none; padding:3px 3px 3px 170px; position:relative} .contentpar-service-fix ul li span.lstservice {font-weight:bold; color:#333; position:absolute; padding-top:1px;left:0;display:block;} .contentpar-service p { font-size: 12px; color:#666; font-weight:normal; font-family: Trebuchet MS, Verdana, Tahoma ; line-height:18px; letter-spacing:1px;} .contentpar-service p.headline { font-size:18px; letter-spacing:5px; color:#333333;} #contentservice #top-service { height:213px; background: #f6f6f2 url(../images/bg-service.gif) no-repeat 0px 0px;} /* ============================================================================================================================= ------------------------------------------------->>>> CONTENT PARTNER <<<<------------------------------------------------------ ============================================================================================================================= */ #contentpartner { min-height:567px; clear:both; background-color:#fff;} #contentpartner table tr td.nametitle { padding:7px 0px 7px 4px; width:139px; letter-spacing:1px; color:#897973; background-color:#000000;} #contentpartner table tr td.solidbox { background:url(../images/bg-line.gif) repeat; width:214px;} #contentpartner table tr td.blank { background:url(../images/bg-line.gif) repeat; } .contentpar-partner { width:553px; float:right; padding:10px;} .contentpar-partner ul { list-style:none;} .contentpar-partner ul li { padding-bottom:15px;} .contentpar-partner ul li p { color:#000;} .contentpar-partner p { font-size: 12px; color:#666; font-weight:normal; font-family: Trebuchet MS, Verdana, Tahoma ; line-height:18px; letter-spacing:1px;} .contentpar-partner p.headline { font-size:18px; letter-spacing:5px; color:#333333;} #contentpartner #top-partner { height:213px; background: #f6f6f2 url(../images/bg-team.gif) no-repeat 0px 0px;} /* ============================================================================================================================= ------------------------------------------------->>>> CONTENT TEAM <<<<--------------------------------------------------------- ============================================================================================================================= */ #contentbio { min-height:567px; background-color:#462e26; clear:both; } #contentbio table tr td.nametitle { padding:7px 0px 7px 4px; width:139px; letter-spacing:1px; color:#897973; background-color:#000000;} #contentbio table tr td.solidbox { background:url(../images/bg-line.gif) repeat; width:214px;} #contentbio table tr td.blank { background:url(../images/bg-line.gif) repeat; } .contentpar { width:553px; float:right; padding:10px;} .divBio { padding:10px 0px 10px 0px; background-color:#efefef;} .divBio table tr td { width:16%; vertical-align:top; padding:2px; color:#666;} .personName { font-weight:bold; color:#333;} .linkCell { border-top:1px solid #ccc; border-bottom:1px solid #ccc;} .contentpar p { font-size: 12px; color:#aeaea9; font-weight:normal; font-family: Trebuchet MS, Verdana, Tahoma ; line-height:18px; letter-spacing:1px;} #contentbio #top-team { height:213px; background: #f6f6f2 url(../images/bg-team.gif) no-repeat 0px 0px;} td a.linkButton { text-decoration:none;} td a.linkButton span { border-left:2px solid #a7af38; padding: 0px 10px 0px 10px; background:#ccc;} td a.linkButton span:hover {background:#999; } td a.linkButton:hover {background:#999; } /* ============================================================================================================================= ------------------------------------------------->>>> CONTENT PORTFOLIO <<<<---------------------------------------------------- ============================================================================================================================= */ #contentportfolio { min-height:567px; clear:both; background-color:#CCCCCC;} #contentportfolio table tr td.nametitle { padding:7px 0px 7px 4px; width:139px; letter-spacing:1px; color:#897973; background-color:#000000;} #contentportfolio table tr td.solidbox { background:url(../images/bg-line.gif) repeat; width:214px;} #contentportfolio table tr td.blank { background:url(../images/bg-line.gif) repeat; } .contentpar-portfolio { width:553px; float:right; padding:10px;} .contentpar-portfolio-fix { background-color:#efefef; clear:both;} .contentpar-portfolio-fix table.table-portfolio {} .contentpar-portfolio-fix table.table-portfolio tr td { color:#333333;} .contentpar-portfolio-fix ul { margin:0px; margin-left:25px; padding:0px; font-size:12px; color:#666; letter-spacing:1px;} .contentpar-portfolio-fix ul li { list-style:none; padding:3px; } .contentpar-portfolio p { font-size: 12px; color:#666; font-weight:normal; font-family: Trebuchet MS, Verdana, Tahoma ; line-height:18px; letter-spacing:1px;} .contentpar-portfolio p.headline { font-size:18px; letter-spacing:5px; color:#333333;} #contentportfolio #top-portfolio { height:213px; background: #f6f6f2 url(../images/bg-portfolio3.gif) no-repeat 0px 0px;} /* ============================================================================================================================= ------------------------------------------------->>>> CONTENT ABOUT <<<<---------------------------------------------------- ============================================================================================================================= */ #contentabout { min-height:567px; clear:both; background-color:#462e26;} #contentabout table tr td.nametitle { padding:7px 0px 7px 4px; width:139px; letter-spacing:1px; color:#897973; background-color:#000000;} #contentabout table tr td.solidbox { background:url(../images/bg-line.gif) repeat; width:214px;} #contentabout table tr td.blank { background:url(../images/bg-line.gif) repeat; } .contentpar-about { width:553px; float:right; padding:10px;} .contentpar-about-fix { background-color:#efefef; clear:both;} .contentpar-about-fix ul { margin:0px; margin-left:25px; padding:0px; font-size:12px; color:#666; letter-spacing:1px;} .contentpar-about-fix ul li { list-style:none; padding:3px; } .contentpar-about p { font-size: 12px; color:#aeaea9; font-weight:normal; font-family: Trebuchet MS, Verdana, Tahoma ; line-height:18px; letter-spacing:1px;} .contentpar-about p.headline { font-size:18px; letter-spacing:5px; color:#333333;} #contentabout #top-about { height:213px; background: #f6f6f2 url(../images/bg-about2.gif) no-repeat 0px 0px;} p a.linkButton { text-decoration:none;} p a.linkButton span { border-left:2px solid #a7af38; padding: 0px 10px 0px 10px; background:#ccc;} p a.linkButton span:hover {background:#999; } p a.linkButton:hover {background:#999; } /* ============================================================================================================================= ------------------------------------------------->>>> CONTENT CLIENT <<<<------------------------------------------------------- ============================================================================================================================= */ #contentclient { min-height:567px; clear:both; background-color:#CCCCCC; } #contentclient #top { height:213px; background: #f6f6f2 url(../images/bg-client1.gif) no-repeat 0px 0px;} #contentclient table tr td.nametitle { padding:7px 0px 7px 4px; width:139px; letter-spacing:2px; color:#897973; background-color:#000000;} #contentclient table tr td.solidbox { background:url(../images/bg-line.gif) repeat; width:214px;} #contentclient table tr td.blank { background:url(../images/bg-line.gif) repeat; } #contentclient #top-client table { float:right; width:100%;} #contentclient #top-client table tr td { text-align:center; } .contentpar-client { float:right; width:553px; padding:10px;} .contentpar-client p.headline { font-size:18px; letter-spacing:5px; color:#333333;} .contentpar-client table tr td { color:#666; padding:5px;} #top-client table tr td { padding-bottom:5px;} #contentclient #top-client { background-color: #fff;} .clientLogo { border:1px solid #ccc;} /* ============================================================================================================================= ------------------------------------------------->>>> CONTENT CONTACT <<<<------------------------------------------------------ ============================================================================================================================= */ #contentcontact { min-height:567px; background-color:#f6f6f2; clear:both; background: #f6f6f2 url(../images/bg-contact1.gif) no-repeat 0px 230px;} #contentcontact #top { height:213px; background: #f6f6f2 url(../images/bg-phone.gif) no-repeat 0px 0px;} #contentcontact table tr td.nametitle { padding:7px 0px 7px 4px; width:139px; letter-spacing:2px; color:#897973; background-color:#000000;} #contentcontact table tr td.solidbox { background:#fff;} #contentcontact table tr td.blank { background:#fff; } .contentpar-contact { } .contentpar-contact p { font-size: 12px; color:#514e5e; font-weight:normal; font-family: Trebuchet MS, Verdana, Tahoma ; letter-spacing:2px;} .contentpar-contact table.contacttableinfo tr td {border-bottom:1px solid #666; padding:5px 0px 5px 0px; color:#514e5e;} .contentpar-contact table.contacttable { } .contentpar-contact table.contacttable tr td { padding: 3px; color:#666;} .contentpar-contact table.contacttable tr td input { border:1px solid #999; font-size:12px; padding:2px;} #contentcontact #top-contact { height:213px; background: #f6f6f2 url(../images/bg-contact1.gif) no-repeat 0px 0px;} /* ============================================================================================================================= ------------------------------------------------->>>> NAVIGATION <<<<----------------------------------------------------------- ============================================================================================================================= */ .subnav { width: 569px; height: 22px; float:right; z-index:50; } * html .subnav { width: 569px; w\idth: 498px; } .subnav li { float: left; position: relative; height: 22px; font: 12px arial, helvetica, sans-serif; list-style: none; } .subnav li a, .subnav li div { position: relative; height: 22px; display: block; text-decoration: none; } .subnav li a { text-indent: -3000px; } /* BUTTONS IMAGE */ .subnav li.homeon, .subnav li homeon:hover a, .subnav li.homeon div { background-image: url(../images/home_btn.gif); } .subnav li.serviceson, .subnav li serviceson:hover a, .subnav li.serviceson div { background-image: url(../images/services_btn.gif); } .subnav li.teamon, .subnav li teamon:hover a, .subnav li.teamon div { background-image: url(../images/team_btn.gif); } .subnav li.portfolioon, .subnav li portfolioon:hover a, .subnav li.portfolioon div { background-image: url(../images/portfolio_btn.gif); } .subnav li.clienton, .subnav li clienton:hover a, .subnav li.clienton div { background-image: url(../images/client_btn.gif); } .subnav li.abouton, .subnav li abouton:hover a, .subnav li.abouton div { background-image: url(../images/about_btn.gif); } .subnav li.contacton, .subnav li contacton:hover a, .subnav li.contacton div { background-image: url(../images/contact_btn.gif); } .subnav li.partneron, .subnav li partneron:hover a, .subnav li.partneron div { background-image: url(../images/partner_btn.gif); } /* BUTTONS IMAGE VISIBLE */ .subnav li.home, .subnav li.home a { background-position: 0px 0px; background: url(../images/home_btn.gif); width: 71px; } .subnav li.services, .subnav li.services a { background-position: 0px 0px; background: url(../images/services_btn.gif); width: 71px; } .subnav li.team, .subnav li.team a { background-position: 0px 0px; background: url(../images/team_btn.gif); width: 71px; } .subnav li.portfolio, .subnav li.portfolio a { background-position: 0px 0px; background: url(../images/portfolio_btn.gif); width: 71px; } .subnav li.client, .subnav li.client a { background-position: 0px 0px; background: url(../images/client_btn.gif); width: 71px; } .subnav li.about, .subnav li.about a { background-position: 0px 0px; background: url(../images/about_btn.gif); width: 71px; } .subnav li.contact, .subnav li.contact a { background-position: 0px 0px; background: url(../images/contact_btn.gif); width: 71px; } .subnav li.partner, .subnav li.partner a { background-position: 0px 0px; background: url(../images/partner_btn.gif); width: 71px; } /* HOVER STATE */ .subnav li.home:hover a, .subnav li.home a:hover { background-position: 0px -22px; width: 71px; } .subnav li.services:hover a, .subnav li.services a:hover { background-position: 0px -22px; width: 71px; } .subnav li.team:hover a, .subnav li.team a:hover { background-position: 0px -22px; width: 71px; } .subnav li.portfolio:hover a, .subnav li.portfolio a:hover { background-position: 0px -22px; width: 71px; } .subnav li.client:hover a, .subnav li.client a:hover { background-position: 0px -22px; width: 71px; } .subnav li.about:hover a, .subnav li.about a:hover { background-position: 0px -22px; width: 71px; } .subnav li.contact:hover a, .subnav li.contact a:hover { background-position: 0px -22px; width: 71px; } .subnav li.partner:hover a, .subnav li.partner a:hover { background-position: 0px -22px; width: 71px; } /* ON STATE */ .subnav li.homeon, .subnav li.homeon div { background-position: 0px -44px; width: 71px; } .subnav li.serviceson, .subnav li.serviceson div { background-position: 0px -44px; width: 71px; } .subnav li.teamon, .subnav li.teamon div { background-position: 0px -44px; width: 71px; } .subnav li.portfolioon, .subnav li.portfolioon div { background-position: 0px -44px; width: 71px; } .subnav li.clienton, .subnav li.clienton div { background-position: 0px -44px; width: 71px; } .subnav li.abouton, .subnav li.abouton div { background-position: 0px -44px; width: 71px; } .subnav li.contacton, .subnav li.contacton div { background-position: 0px -44px; width: 71px; } .subnav li.partneron, .subnav li.partneron div { background-position: 0px -44px; width: 71px; } /* BUTTONS IMAGE ON VISIBLE HACK FOR IE */ .subnav li.homeon, .subnav li.homeon a { background-position: 0px -66px; width: 71px; } .subnav li.serviceson, .subnav li.serviceson a { background-position: 0px -66px; width: 71px; } .subnav li.teamon, .subnav li.teamon a { background-position: 0px -66px; width: 71px; } .subnav li.portfolioon, .subnav li.portfolioon a { background-position: 0px -66px; width: 71px; } .subnav li.clienton, .subnav li.clienton a { background-position: 0px -66px; width: 71px; } .subnav li.abouton, .subnav li.abouton a { background-position: 0px -66px; width: 71px; } .subnav li.contacton, .subnav li.contacton a { background-position: 0px -66px; width: 71px; } .subnav li.partneron, .subnav li.partneron a { background-position: 0px -66px; width: 71px; } /* ON HOVER IMAGE ON HACK FOR IE .subnav li.homeon:hover a, .subnav li.homeon a:hover { background-position: 0px -120px; width: 71px; } .subnav li.serviceson:hover a, .subnav li.serviceson a:hover { background-position: 0px -120px; width: 71px; } .subnav li.teamon:hover a, .subnav li.teamon a:hover { background-position: 0px -120px; width: 71px; } .subnav li.portfolioon:hover a, .subnav li.portfolioon a:hover { background-position: 0px -120px; width: 71px; } .subnav li.abouton:hover a, .subnav li.abouton a:hover { background-position: 0px -120px; width: 71px; } .subnav li.contacton:hover a, .subnav li.contacton a:hover { background-position: 0px -120px; width: 71px; } */ /* ============================================================================================================================= ------------------------------------------------->>>> BOX LANGUAGE <<<<--------------------------------------------------------- ============================================================================================================================= */ .box-language { width: 353px; float:right; z-index:50; } .box-language li { height: 57px; font: 12px arial, helvetica, sans-serif; list-style: none; } .box-language li a, .box-language li div { position: relative; height: 57px; display: block; text-decoration: none; cursor:default;} .box-language li a { text-indent: -3000px; } /* BUTTONS IMAGE */ .box-language li.spanishon, .box-language li spanishon:hover a, .box-language li.spanishon div { background-image: url(../images/spanish.gif)); } .box-language li.russianon, .box-language li russianon:hover a, .box-language li.russianon div { background-image: url(../images/russian.gif); } .box-language li.tagalogon, .box-language li tagalogon:hover a, .box-language li.tagalogon div { background-image: url(../images/tagalog.gif); } .box-language li.vietnameseon, .box-language li vietnameseon:hover a, .box-language li.vietnameseon div { background-image: url(../images/vietnamese.gif); } .box-language li.portugueseon, .box-language li portugueseon:hover a, .box-language li.portugueseon div { background-image: url(../images/portuguese.gif); } .box-language li.french, .box-language li french:hover a, .box-language li.french div { background-image: url(../images/french.gif); } /* BUTTONS IMAGE VISIBLE */ .box-language li.spanish, .box-language li.spanish a { background-position: 0px 0px; background: url(../images/spanish.gif); width: 353px; } .box-language li.russian, .box-language li.russian a { background-position: 0px 0px; background: url(../images/russian.gif); width: 353px; } .box-language li.tagalog, .box-language li.tagalog a { background-position: 0px 0px; background: url(../images/tagalog.gif); width: 353px; } .box-language li.vietnamese, .box-language li.vietnamese a { background-position: 0px 0px; background: url(../images/vietnamese.gif); width: 353px; } .box-language li.portuguese, .box-language li.portuguese a { background-position: 0px 0px; background: url(../images/portuguese.gif); width: 353px; } .box-language li.french, .box-language li.french a { background-position: 0px 0px; background: url(../images/french.gif); width: 353px; } /* HOVER STATE */ .box-language li.spanish:hover a, .box-language li.spanish a:hover { background-position: 0px -57px; width: 353px; } .box-language li.russian:hover a, .box-language li.russian a:hover { background-position: 0px -57px; width: 353px; } .box-language li.tagalog:hover a, .box-language li.tagalog a:hover { background-position: 0px -57px; width: 353px; } .box-language li.vietnamese:hover a, .box-language li.vietnamese a:hover { background-position: 0px -57px; width: 353px; } .box-language li.portuguese:hover a, .box-language li.portuguese a:hover { background-position: 0px -57px; width: 353px; } .box-language li.french:hover a, .box-language li.french a:hover { background-position: 0px -57px; width: 353px; } /* ON STATE */ .box-language li.spanishon, .box-language li.spanishon div { background-position: 0px -114px; width: 353px; } .box-language li.russianon, .box-language li.russianon div { background-position: 0px -114px; width: 353px; } .box-language li.tagalogon, .box-language li.tagalogon div { background-position: 0px -114px; width: 353px; } .box-language li.vietnameseon, .box-language li.vietnameseon div { background-position: 0px -114px; width: 353px; } .box-language li.portugueseon, .box-language li.portugueseon div { background-position: 0px -114px; width: 353px; } .box-language li.french, .box-language li.french div { background-position: 0px -114px; width: 353px; } /* BUTTONS IMAGE ON VISIBLE HACK FOR IE */ .box-language li.spanishon, .box-language li.spanishon a { background-position: 0px -114px; width: 353px; } .box-language li.russianon, .box-language li.russianon a { background-position: 0px -114px; width: 353px; } .box-language li.tagalogon, .box-language li.tagalogon a { background-position: 0px -114px; width: 353px; } .box-language li.vietnameseon, .box-language li.vietnameseon a { background-position: 0px -114px; width: 353px; } .box-language li.portugueseon, .box-language li.portugueseon a { background-position: 0px -114px; width: 353px; } .box-language li.frenchon, .box-language li.frenchon a { background-position: 0px -114px; width: 353px; }