body { background-color:#5e4e4e; color:#000; font-family: Verdana,Arial,Helvetica; font-size:70%; text-align: center; } body.WBD { background-color:#5e4e4e; color:#000; font-family: Verdana,Arial,Helvetica; font-size:70%; text-align: center; } /* Teleologic Toolkit styles */ div.WBD { background-color:#5e4e4e; color:#000; font-family: Verdana,Arial,Helvetica; font-size:9pt; text-align: center; padding-top: 15px; padding-bottom: 30px;} div.WBD {font-size:8pt;} div.WBD li {font-size:7pt;} div.WBD #nav li {font-size:10px;} /* end Teleologic Toolkit styles */ img { border:0; } p { margin:0 0 15px 0; padding:0; line-height:1.3em;} a { text-decoration:none; color:#000; } a:hover { text-decoration:underline;} h1 { padding:16px 0 19px 0; margin:0; clear:both; font-size:150%; } h2 { font-size:125%} h3 { font-size:100%; margin:5px 0 7px 0; padding:0; } h4 { font-size:1em; font-weight:normal; color:#8b8b8b; margin:0; padding:0; } /*ul { osition:relative; float:left; }*/ #form {padding: 0; margin: 20px 0 0; background-color: #F1ECF5;} form { position:relative; float:left; background-color: #F1ECF5; height: auto; } #form div {vertical-align: top; padding: 2px 0px; background-color: #F1ECF5;} #formArea { border: 7px solid #F1ECF5; background-color: #F1ECF5; position:relative; float:right; width: auto;} #formHeading { position:relative; color:#662D91; margin: 0; font-weight: bold; } #formCol1 { position:relative; float:left; margin: 0 7px; padding: 0; } #formCol2 { position:relative; float:right; margin: 0 7px; padding: 0; } #formArea label {display: block; padding: 2px 0 2px 0; } #formArea div { padding: 0 0 10px 0; margin: 0;} #formArea div div { padding: 0; margin: 0;} #formArea .button { background-color: #FBF8FD; border-width: 1px; border-style: solid; border-color: #959595; color:#8C63AA; font-size: 90%; padding: 3px 0; font-weight: bold; margin:0; } #formButtons { text-align: right; background-color: #060; display:block;} #formTitle { position:relative; float:left; width:35%; margin: 8px 3px; text-align: right;} #formContent { position:relative; float:right; width:60%; margin: 3px 3px;} #container { width:788px; text-align:left; margin:0 auto; clear:both; } #groupnav { height:16px; color:#fff; font-weight:normal; padding:0 0 0 1px; border:0; font-size:90%; } #groupnav a { text-decoration:underline; color:#fff; } #header { height:87px; } #banner { background-color:#fff; height:67px; background-repeat:repeat-y; background-position:left top; background-image:url("../pix/common/header_banner_background.gif"); } #logo { position:relative; float:left; margin:0 0 0 14px;} #phone { position:relative; float:right; margin:23px 26px 0 0;} #nav { position:relative; float:left; height:29px; color:#fff; font-weight:bold; padding:0 0 0 10px; border:0; font-size:90%; background-repeat:no-repeat; background-position:bottom left; background-image:url("../pix/common/header_nav_shadow.gif"); } #nav ul { vertical-align:middle; width:768px; margin:4px 20px 5px 0px; padding:0;} #nav li { float:left; display:block; width:auto; height:15px; padding: 2px 17px 0 17px; } #nav li.divider { padding:1px 0 0 0; } #nav li a { color:#fff; text-decoration:none; background-repeat:repeat-x; background-position:left top; margin: 5px 0; } #nav .off { background-image:url(none); } #nav #nav-aboutus.on { background-image:url("../pix/common/header_nav_aboutus_over.gif"); } #nav #nav-digital.on { background-image:url("../pix/common/header_nav_digital_over.gif"); } #nav #nav-nondigital.on { background-image:url("../pix/common/header_nav_nondigital_over.gif"); } #nav #nav-expertise.on { background-image:url("../pix/common/header_nav_expertise_over.gif"); } #nav #nav-contactus.on { background-image:url("../pix/common/header_nav_contactus_over.gif"); } #nav #nav-careers.on { background-image:url("../pix/common/header_nav_careers_over.gif"); } #content { position:relative; float:left; width: 788px; background-color:#8c8c8c; padding:5px 0px 0px 0px; background-repeat:repeat-y; background-position:left top; background-image:url("../pix/common/content_background.gif"); } #content strong { color:#8c8c8c; } #footer { position:relative; float:left; color:#fff; font-size:0.8em; height:20px; padding:6px 0 0 18px; } #footer a { color:#FFF; } /* section */ #section-navigation { position:relative; float:left; width:152px; padding-top:38px; min-height: 300px; height: auto; _height: 300px; background-repeat:no-repeat; background-position:left top; background-image:url("../pix/common/sectionnav_topcorner.gif"); } #section-main { position:relative; float:left; width:576px; background-repeat:no-repeat; background-position:left bottom; padding-bottom: 0px; } #section-highlights { position:relative; float:left; width:186px; margin:16px 0 0 3px; } /* section specific */ #section-content { position:relative; float:left; width:400px; padding:10px; } #section-container { width:772px; margin-left:5px; padding-left:4px; position:relative; float:left; background-repeat:no-repeat; background-position:left top; background-image:url("../pix/common/content_background2.gif"); } #section-bottom { height:5px; font-size:0.2em; margin-left:-4px; background-repeat:no-repeat; background-position:left top; background-image:url("../pix/common/content_bottom.gif"); } #section-highlights .content { padding:2px 0 15px 10px; background-color:#fff; } #section-highlights .highlight { padding:20px 0 0 10px; } #breadcrumb { font-size:0.8em; vertical-align:middle; width:auto; margin:5px 20px 0 0px; padding:0; border:1px solid #fff;} #breadcrumb li { padding:0 6px 0 18px; float:left; display:block; width:auto; background-repeat:no-repeat; background-position:left center; background-image:url("../pix/ContactUs/sml_bullet.gif"); } /* specific */ #breadcrumb a:hover { text-decoration:underline; } /* section buttons */ /*#buttons { vertical-align:middle; float:left; margin:0; padding:0; height:25px; } #buttons li { display:block; width:152px; height:25px; padding:0; margin:0; } #buttons li span { display:none; } #buttons li ul { width:auto; padding:0; margin:0 0 5px 2px; font-size:0.8em; } #buttons li ul li { width:130px; height:auto; margin:0 0 0 0; padding:2px 0 1px 7px; display:block; width:auto; background-repeat:no-repeat; background-position:left center; background-image:url("../pix/OurExpertise/bullet_dark.gif"); } #buttons li ul li.light { background-image:url("../pix/OurExpertise/bullet_light.gif"); } */ #buttons { vertical-align:middle; float:left; margin:0; padding:0; height:25px; font-size:0.8em;} #buttons li { display:block; width:152px; height:25px; padding:0; margin:0; } #buttons li span { display:none; } /*#buttons li ul { width:auto; padding:0; margin:0 0 5px 2px; font-size:0.8em; }*/ #buttons li.dark { width:143px; height:auto; margin:0 0 0px 2px; padding:2px 0 3px 7px; display:block; width:auto; background-repeat:no-repeat; background-position:left center; background-image:url("../pix/OurExpertise/bullet_dark.gif"); } #buttons li.light { width:143px; height:auto; margin:0 0 0px 2px; padding:2px 0 3px 7px; display:block; width:auto; background-repeat:no-repeat; background-position:left center; background-image:url("../pix/OurExpertise/bullet_light.gif"); } /* section specific */ #ourexpertise #section-container { background-image:url("../pix/OurExpertise/content_ourexpertise-background.gif"); } #ourexpertise #breadcrumb li { background-image:url("../pix/OurExpertise/sml_bullet.gif"); } #ourexpertise #section-main { background-image:url("../pix/OurExpertise/nav_ourexpertise-background.gif"); } #ourexpertise #nav #nav-expertise { background-image:url("../pix/common/header_nav_expertise_over.gif"); } #ourexpertise h1, #ourexpertise h2 {color:#5FAB47} #ourexpertise #section-navigation li.onlight {background-color: #5FAB47; color:#ffffff; width:143px; height:auto; margin:0 0 0 2px; padding:2px 0 3px 7px; display:block; width:auto; background-repeat:no-repeat; background-position:left center; background-image:url("../pix/OurExpertise/bullet_light.gif"); } #ourexpertise #section-navigation li.ondark {background-color: #5FAB47; color:#ffffff; width:143px; height:auto; margin:0 0 0 2px; padding:2px 0 3px 7px; display:block; width:auto; background-repeat:no-repeat; background-position:left center; background-image:url("../pix/OurExpertise/bullet_dark.gif"); } #ourexpertise #section-navigation li.onlight a {background-color: #5FAB47; color:#ffffff; width:143px} #ourexpertise #section-navigation li.ondark a {background-color: #5FAB47; color:#ffffff; width:143px} #ourexpertiseLinksArea { position:relative; width: 351px; margin:0 auto;} #ourexpertiseLinksCol1 { position:relative; float:left; left:0px; padding: 0 1px; width: 172px; border: 1px solid #D0D0D0; background-color: #F6FDED; height: 120px;} #ourexpertiseLinksCol2 { position:relative; float:right; padding: 0 1px; width: 172px; border-top: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0; background-color: #F6FDED; height: 120px;} #ourexpertiseLinksCol1 p, #ourexpertiseLinksCol2 p {margin: 3px 1px 3px 10px; } #contactus #section-container { background-image:url("../pix/ContactUs/content_contact-background.gif"); } #contactus #breadcrumb li { background-image:url("../pix/ContactUs/sml_bullet.gif"); } #contactus #section-main { background-image:url("../pix/ContactUs/nav_contact-background.gif"); } #contactus #nav #nav-contactus { background-image:url("../pix/common/header_nav_contactus_over.gif"); } #contactus h1, #contactus h2 {color:#8C63AA} #contactus #form {padding: 0; margin: 20px 0 0; } #contactus form { position:relative; float:left; height: auto; } #contactus #form div {vertical-align: top; padding: 2px 0px; background-color: #F1ECF5;} #contactus #formArea { border: 7px solid #F1ECF5; position:relative; float:right; width: auto;} #contactus #formHeading { position:relative; color:#662D91; margin: 0; font-weight: bold; } #contactus #formCol1 { position:relative; float:left; margin: 0 7px; padding: 0; } #contactus #formCol2 { position:relative; float:right; margin: 0 7px; padding: 0; } #contactus #formArea label {display: block; padding: 2px 0 2px 0; } #contactus #formArea div { padding: 0 0 10px 0; margin: 0;} #contactus #formArea div div { padding: 0; margin: 0;} #contactus #formArea .button { background-color: #FBF8FD; border-width: 1px; border-style: solid; border-color: #959595; color:#8C63AA; font-size: 90%; padding: 3px 0; font-weight: bold; margin:0; } #contactus #formButtons { text-align: right; background-color: #060; display:block;} #contactus #formTitle { position:relative; float:left; width:35%; margin: 8px 3px; text-align: right;} #contactus #formContent { position:relative; float:right; width:60%; margin: 3px 3px;} #aboutus #section-container { background-image:url("../pix/AboutUs/content_aboutus-background.gif"); } #aboutus #breadcrumb li { background-image:url("../pix/AboutUs/sml_bullet.gif"); } #aboutus #section-main { background-image:url("../pix/AboutUs/nav_aboutus-background.gif"); } #aboutus #nav #nav-aboutus { background-image:url("../pix/common/header_nav_aboutus_over.gif"); } #aboutus h1, #aboutus h2 {color:#B63F3C} #digitalagencies #section-container { background-image:url("../pix/DigitalAgencies/content_digital-background.gif"); } #digitalagencies #breadcrumb li { background-image:url("../pix/DigitalAgencies/sml_bullet.gif"); } #digitalagencies #section-main { background-image:url("../pix/DigitalAgencies/nav_digital-background.gif"); } #digitalagencies #nav #nav-digital { background-image:url("../pix/common/header_nav_digital_over.gif"); } #digitalagencies h1, #digitalagencies h2 {color:#D17642} #nondigitalagencies #section-container { background-image:url("../pix/NonDigitalAgencies/content_nondigital-background.gif"); } #nondigitalagencies #breadcrumb li { background-image:url("../pix/NonDigitalAgencies/sml_bullet.gif"); } #nondigitalagencies #section-main { background-image:url("../pix/NonDigitalAgencies/nav_nondigital-background.gif"); } #nondigitalagencies #nav #nav-nondigital { background-image:url("../pix/common/header_nav_nondigital_over.gif"); } #nondigitalagencies h1, #nondigitalagencies h2 {color:#9B600D} #careers #section-container { background-image:url("../pix/Careers/content_careers-background.gif"); } #careers #breadcrumb li { background-image:url("../pix/Careers/sml_bullet.gif"); } #careers #section-main { background-image:url("../pix/Careers/nav_careers-background.gif"); } #careers #nav #nav-careers { background-image:url("../pix/common/header_nav_careers_over.gif"); } #careers h1, #careers h2 {color:#5C9BC4} #careers #form {padding: 0; margin: 20px 0 0; } #careers form { position:relative; float:left; height: auto; background-color:#ECF3F8; } #careers #form div {vertical-align: top; padding: 2px 0px; background-color:#ECF3F8; } #careers #formArea { border: 7px solid #ECF3F8; /*position:relative; float:right; width: auto;*/ position:static; wzidth:325px; margin:0 auto; } #careers #formHeading { position:relative; color:#5C9BC4; margin: 0; font-weight: bold; } #careers #formCol1 { position:relative; float:left; margin: 0 7px; padding: 0; /*position:static; margin:0 auto;*/ } #careers #formCol2 { position:relative; float:right; margin: 0 7px; padding: 0; } #careers #formArea label {display: block; padding: 2px 0 2px 0; } #careers #formArea div { padding: 0 0 10px 0; margin: 0;} #careers #formArea div div { padding: 0; margin: 0;} #careers #formArea .button { background-color: #F6FCFF; border-width: 1px; border-style: solid; border-color: #959595; color:#5C9BC4; font-size: 90%; padding: 3px 0; font-weight: bold; margin:0; } #careers #fhformArea { border-width: 1px; border-style: solid; border-color: #959595; background-color: #F6FCFF; } #careers #formButtons { text-align: right; display:block; padding: 0 50px;} #careers #formTitle { position:relative; float:left; width:35%; margin: 8px 3px; text-align: right;} #careers #formContent { position:relative; float:right; width:60%; margin: 3px 3px;} /* home */ #home-container { width:780px; padding-left:3px; } #home-ourexpertise { position:relative; float:left; width:180px; background-repeat:repeat-y; background-position:left top; background-image:url("../pix/home/expertise_background.gif"); margin: 0;} #home-main { position:relative; float:right; width:592px; } #home-main strong {color: #443939; } #home-focus { position:relative; float:right; width:592px; } #home-highlights { position:relative; float:left; width:392px; margin:0px 0 0 0; } #home-main #home-careers { position:relative; float:right; width:198px; margin:0px 0 0 0; background-repeat:repeat-y; background-position:left top; background-image:url("../pix/home/careers_background.gif"); padding:0;} #home-ourexpertise .content { padding:0; margin:0; height: 335px; } #home-main .careers-block {width:198px; background-repeat:repeat-y; background-position:left top; background-image:url("../pix/home/careers_background.gif");} #home-main .highlight-block { width:392px; margin-bottom:3px; background-repeat:repeat-y; background-position:left top; background-image:url("../pix/home/highlight_background.gif"); } #home-main .highlight-block .content {/*height: 63,66px;*/ height: 66px; } #home-careers .careers-block .content {/*height: 193px;*/ height: 199px; } #home-highlights .content { margin: 0px 10px 0 5px; background-color:#F6FDEC; font-size:1em; color:#363636; padding:2px 5px 2px 5px; line-height: 1.25em; } #home-careers .careers-block .content { margin: 0 10px 0 5px; background-color:#E7F0F6; font-size:1em; color:#363636; padding:2px 5px 2px 5px; line-height: 1.25em;} #home-ourexpertise .content { margin:0 10px 0 5px; background-color:#F6FDEC;} #home-ourexpertise .content ul { width:auto; padding:0; margin:0 0 5px 2px; font-size:0.8em; line-height: 1.3em} #home-ourexpertise .content ul li { margin:0; padding: 3px 0 3px 7px; display:block; width:auto; background-repeat:no-repeat; background-position:left center; background-image:url("../pix/OurExpertise/bullet_dark.gif"); } #home-ourexpertise .content ul li.light { background-image:url("../pix/OurExpertise/bullet_light.gif"); } #home-footer #footer { padding:2px 0 0 18px; }