html * {
margin: 0;
padding: 0;
}
body {
background: #fff url("/public/img/bg.gif") 50% 0%;
margin: 36px 0 36px 0;
}
/*-- Global ---------- */
body, textarea {
font: 11px/18px Verdana, Tahoma, sans-serif;
color: #757877;
/*color: #616362;*/
}
a {
color: #616362;
font-weight: bold;
text-decoration: none;
}
a:hover { color: #cf1b1e; }
img, fieldset { border: 0; }
select option { padding: 0 10px 0 0; }
h1 { font-size: 36px; line-height: 36px; padding-top: 18px; padding-bottom: 18px; }
h2 { font-size: 28px; line-height: 36px; padding-top: 9px; padding-bottom: 9px; }
h3 { font-size: 18px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h4 { font-size: 14px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h5 { font-size: 12px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h6 { font-size: 10px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
p { padding: 0 0 18px 0; }
h1, h2, h3, h4, h5, h6 {
/* font-weight: normal; */
}
blockquote {
padding: 18px;
background: #eee;
margin: 0px 36px 18px 18px;
}
ul, ol {
margin: 0px 36px 18px 18px;
}
ul li, ol li { margin: 9px 0 9px 0;}
select option { padding-right: 10px; }
/*-- Clearing Styles & Container --*/
/*.container {
width: 910px;
margin: 0 auto;
background: #fff;
}*/
.block {
width: 960px;
margin: 0 auto;
display: block;
}
.clearfix { display: inline-block; }
.block:after, .clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.column {
float: left;
width: 240px;
}
#main {
background: #fff url("/public/img/main_bg.gif") repeat-y;
width: 912px;
padding: 12px 24px 0px 24px;
}
#container {
border-left: solid 2px #e4e5e5;
border-top: solid 2px #e4e5e5;
border-right: solid 2px #e4e5e5;
padding: 15px 0 0 0;
width: 908px;
}
/*-- Header --*/
#header {
color: #666;
padding: 18px 0 0 10px;
width: 898px;
}
#header p#address {
float: left;
padding: 0 30px 0 0;
text-align: right;
width: 120px;
font-size: 9px;
line-height: 13px;
color: #aeb0b0;
}
#header p#address a { color: #aeb0b0; }
/*-- Main Navigation --*/
ul#topnav {
margin: 0;
float: left;
list-style: none;
padding: 51px 0 0 58px;
}
ul#topnav li {
margin: 0;
float: left;
}
ul#topnav li a {
display: block;
float: left;
font-weight: normal;
padding: 0 9px 0 9px;
border-right: solid 2px #c9caca;
line-height: 13px;
color: #939595;
}
ul#topnav li a:hover, ul#topnav li.active a { color: #cf1b1e; }
ul#topnav li a.last { border: none; }
ul#mainnav {
margin: 0;
list-style: none;
}
ul#mainnav li {
float: left;
width: 127px;
margin: 0;
padding: 0 0 0 7px;
}
ul#mainnav li a {
color: #cf1b1e;
font-size: 10px;
font-weight: normal;
padding: 0 0 0 11px;
display: block;
width: 116px;
line-height: 20px;
}
ul#mainnav li a:hover, ul#mainnav li a.active {
background: url("/public/img/nav_arrow.gif") 0px 7px no-repeat;
}
ul#mainnav li a.active { color: #616362; }
#subnav {
padding: 12px;
border: solid 1px #e4e5e5;
width: 500px;
margin: 0 0 25px 0;
}
#subnav ul {
margin: 0;
list-style: none;
font-size: 11px;
}
#subnav ul li {
margin: 0;
width: 160px;
float: left;
}
#subnav ul li ul li { float: none; }
#subnav ul li a {
font-weight: normal;
display: block;
line-height: 18px;
}
#subnav ul li a.active { color: #cf1b1e; }
/*-- Logo --*/
#logo {
float: left;
}
#logo a {
display: block;
text-decoration: none;
text-indent: -999em;
width: 175px;
height: 45px;
background: url("/public/img/adco_logo.gif") no-repeat;
}
/*-- Contentarea --*/
#contentarea {
width: 908px;
padding: 55px 0 0 0;
}
#homecontentarea {
width: 908px;
padding: 5px 0 0 0;
}
#home_features {
width: 670px;
}
#home_feature {
width: 636px;
height: 260px;
/*background: url("/public/img/home_feature_bg.gif") repeat-y;*/
background: url("/public/img/home_feature_bg_2.gif") no-repeat;
margin: 0 0 24px 0;
padding: 0 0 0 34px;
}
#home_feature img {
height: 260px;
width: 603px;
}
#home_news_blog {
width: 238px;
}
#navigation {
width: 134px;
padding: 0 0 0 0;
}
#content {
width: 500px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 28px;
padding: 0 20px 30px 16px;
}
#homecontentarea #content {
width: 317px;
font-size: 14px;
padding: 0 30px 0 0;
font-family: Arial, Helvetica, sans-serif;
}
#home_featured_project {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
width: 173px;
padding: 0 0 0 0;
font-size: 10px;
line-height: 16px;
}
#home_featured_project h3 {
font-size: 11px;
padding: 9px 0 1px 0;
}
#home_featured_project h3 a span {
display: block;
font-size: 10px;
color: #757877;
}
#featuredimage {
width: 167px;
height: 130px;
}
h2#contenttitle {
float: left;
color: #da2f27;
font-size: 21px;
padding: 0 6px 0 0;
line-height: 24px;
font-weight: normal;
}
/*-- Home News Blog Area --*/
#home_news, #home_blog {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
background: #dadddd;
padding: 16px 18px;
width: 177px;
margin: 0 0 23px 9px;
}
#home_news {
height: 228px;
}
#home_blog {
background: #616362;
color: #fff;
height: 240px;
}
#home_news h4, #home_blog h4 {
font-family: Arial, Helvetica, sans-serif;
color: #cf1b1e;
font-size: 20px;
font-weight: normal;
padding: 0 0 4px 0;
}
#home_blog h4 { padding: 0 0 12px 0; }
#home_blog h4, #home_blog h5 a { color: #fff; }
#home_news ul {
list-style: none;
margin: 0;
}
#home_news ul li {
padding: 8px 0 0 0;
font-size: 10px;
margin: 0;
line-height: 16px;
}
#home_news ul li p { padding: 0; }
#home_news ul li p.date {
float: left;
padding: 0 4px 0 0;
color: #cf1b1e;
}
#home_news ul li p.date a {
font-weight: normal;
color: #cf1b1e;
}
#home_news p.more {
padding: 9px 0 0 0;
}
#home_news p.more a {
color: #cf1b1e;
font-size: 8px;
padding: 0 8px 0 0;
background: url("/public/img/red_arrow_r.gif") 100% 50% no-repeat;
}
#home_news li a {
font-weight: normal;
}
#home_news p.more a:hover {
color: #fff;
background: url("/public/img/wht_arrow_r.gif") 100% 50% no-repeat;
}
#home_blog p.date {
color: #c9caca;
font-weight: bold;
padding: 0;
font-size: 10px;
}
#home_blog h5 {
font-size: 11px;
padding: 0;
}
#home_blog {
font-size: 10px;
line-height: 16px;
}
#home_blog p {
font-size: 10px;
padding: 0;
}
#home_blog p.more {
padding: 9px 0 0 0;
}
#home_blog p.more a {
color: #fff;
font-size: 8px;
padding: 0 8px 0 0;
background: url("/public/img/wht_arrow_r.gif") 100% 50% no-repeat;
}
#home_blog p.more a:hover {
color: #cf1b1e;
background: url("/public/img/red_arrow_r.gif") 100% 50% no-repeat;
}
/*-- Did you know --*/
#didyouknow {
float: right;
width: 218px;
padding: 0 20px 40px 0;
clear: both;
font-size: 10px;
line-height: 16px;
background: url("/public/img/ideas_move.gif") left bottom no-repeat;
}
#didyouknow h3 {
padding: 0;
font-size: 10px;
}
/*-- Portfolio --*/
#portfolioimage, #default_image, #placeholder {
background: url("/public/img/portfolio_bg.gif") repeat-y;
padding: 0 18px;
margin: 0 0 0 -16px;
}
#videoplayer {
background: red;
}
#portfolionav {
width: 190px;
border: solid 1px #e4e5e5;
padding: 12px;
}
#portfolionav ul {
margin: 0;
list-style: none;
}
#portfolionav ul li {
margin: 0;
}
#portfolionav ul li a {
font-weight: normal;
font-size: 10px;
}
#portfolionav ul li.active a { font-weight: bold; }
#portfolionav ul li.last { padding: 15px 0 0 0; }
#portfolionav ul li.last a { color: #cf1b1e; }
#portfolio_content {
width: 520px;
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 18px;
padding: 0 0 0 16px;
}
h2#portfoliotitle {
font-size: 11px;
letter-spacing: 1px;
padding:9px 0 4px 0;
font-family: Verdana, Tahoma, sans-serif;
clear: both;
line-height: 18px;
}
h2#portfoliotitle span {
color: #cf1b1e;
}
#product_images {
float: left;
padding: 5px 30px 0 0;
margin: 0;
list-style: none;
}
#product_images li {
display: inline;
}
#product_images a {
margin: 0 6px 0 0;
}
#prevnext {
float: right;
list-style: none;
margin: 0;
padding: 5px 18px 0 0;
}
#prevnext li {
margin: 0 3px 0 3px;
display: inline;
height: 10px;
}
#prevnext li a {
font-weight: bold;
color: #cf1b1e;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
float: left;
}
#prevnext li#prev a {
padding: 0 8px 0 0;
}
#prevnext li img {
vertical-align: middle;
width: 4px;
height: 8px;
margin: 0 0 2px 0;
}
/*-- News --*/
#newsarea {
background: url("/public/img/news_bg.gif") repeat-y;
width: 520px;
}
#newsarea h2#contenttitle {
display: block;
font-size: 26px;
float: none;
padding: 44px 0 0 25px;
background: url("/public/img/news_header.gif") no-repeat;
color: #616362;
}
#newstitle {
padding: 18px 40px 12px 25px;
color: #cf1b1e;
font-weight: normal;
line-height: 24px;
}
.newsdate {
padding: 0 0 0 25px;
}
#news_body {
background: url("/public/img/news_footer.gif") left bottom no-repeat;
padding: 0 65px 52px 25px;
font-size: 11px;
line-height: 18px;
}
#news_nav {
width: 164px;
border: solid 1px #e4e5e5;
padding: 20px;
margin: 0 0 20px 10px;
}
#news_nav h4 {
font-weight: normal;
padding: 0 0 12px 0;
font-size: 18px;
}
#news_nav ul {
list-style: none;
margin: 0;
}
#news_nav ul li {
margin: 0;
padding: 0 0 13px 0;
}
#news_nav ul li h5 ,#news_nav ul li h5 a {
font-size: 11px;
padding: 0;
}
#news_nav ul li p.date {
w
padding: 0;
font-weight: bold;
font-size: 9px;
}
#news_nav ul li a {
font-weight: normal;
color: #cf1b1e;
}
#archivelink { padding: 9px 0 0 0; }
#archivelink a {
color: #cf1b1e;
font-weight: normal;
}
/*-- People --*/
table#people_titles {
margin: 0 0 0 -3px;
}
table#people_titles td {
/*border: solid 1px #ddd;*/
line-height: 12px;
text-align: center;
vertical-align: middle;
width: 80px;
}
.peoplelinkcontainer {
}
table#people_titles td a {
font-size: 9px;
font-weight: normal;
color: #777;
height: 70px;
width: 70px;
display: block;
padding: 5px;
height: 81px;
width: 81px;
padding: 0;
text-indent: -999em;
}
table#people_titles td a#title15 {
background: url("/public/img/p_president.gif") no-repeat;
}
table#people_titles td a#title8 {
background: url("/public/img/p_creative.jpg") no-repeat;
}
table#people_titles td a#title14 {
background: url("/public/img/p_vpmarketing.jpg") no-repeat;
}
table#people_titles td a#title3 {
background: url("/public/img/p_internet.jpg") no-repeat;
}
table#people_titles td a#title7 {
background: url("/public/img/p_artdirector.jpg") no-repeat;
}
table#people_titles td a#title12 {
background: url("/public/img/p_editorial.jpg") no-repeat;
}
table#people_titles td a#title16 {
background: url("/public/img/p_business.jpg") no-repeat;
}
table#people_titles td a#title4 {
background: url("/public/img/p_production.jpg") no-repeat;
}
table#people_titles td a#title18 {
background: url("/public/img/p_seo.jpg") no-repeat;
}
table#people_titles td a#title6 {
background: url("/public/img/p_account.jpg") no-repeat;
}
table#people_titles td a#title9 {
background: url("/public/img/p_graphic.jpg") no-repeat;
}
table#people_titles td a#title17 {
background: url("/public/img/p_marketing.jpg") no-repeat;
}
table#people_titles td a#title13 {
background: url("/public/img/p_communications.jpg") no-repeat;
}
table#people_titles td a#title11 {
background: url("/public/img/p_prodartist.jpg") no-repeat;
}
table#people_titles td a#title15:hover, table#people_titles td a#title15.active,
table#people_titles td a#title8:hover, table#people_titles td a#title8.active,
table#people_titles td a#title14:hover, table#people_titles td a#title14.active,
table#people_titles td a#title3:hover, table#people_titles td a#title3.active,
table#people_titles td a#title7:hover, table#people_titles td a#title7.active,
table#people_titles td a#title12:hover, table#people_titles td a#title12.active,
table#people_titles td a#title16:hover, table#people_titles td a#title16.active,
table#people_titles td a#title4:hover, table#people_titles td a#title4.active,
table#people_titles td a#title18:hover, table#people_titles td a#title18.active,
table#people_titles td a#title6:hover, table#people_titles td a#title6.active,
table#people_titles td a#title9:hover, table#people_titles td a#title9.active,
table#people_titles td a#title17:hover, table#people_titles td a#title17.active,
table#people_titles td a#title13:hover, table#people_titles td a#title13.active,
table#people_titles td a#title11:hover, table#people_titles td a#title11.active
{ background-position: 0px -81px; }
ul#people_titles,ul#people_titles li, #people_nav ul, #people_nav ul li {
margin: 0;
list-style: none;
}
/*
ul#people_titles li { float: left; }
ul#people_titles li a {
width: 50px;
height: 35px;
margin: 0 10px 10px 0;
float: left;
display: block;
font-weight: normal;
font-size: 9px;
text-align: center;
padding: 25px 10px 10px 10px;
border: solid 1px #eee;
line-height: 12px;
vertical-align: middle;
}
ul#people_titles li a:hover {
background: #eee;
}
*/
ul#people_titles li a.active, #people_nav ul li a.active { font-weight: bold; }
ul#people_titles li a.off, #people_nav ul li a.off { font-weight: normal; }
table#people_titles td.off, table#people_titles td a.off {
font-weight: normal;
/*background: #fff;*/
}
table#people_titles td.active {
font-weight: normal;
/*background: #eee;*/
}
table#people_titles td a.active, table#people_titles td a:hover {
color: #cf1b1e;
background: #eee;
}
#people_nav {
width: 176px;
padding: 20px;
background: #eee;
}
#people_nav ul li a {
font-size: 10px;
font-weight: normal;
}
#person, #person_flip {
width: 350px;
height: 441px;
background: url("/public/img/person_bg_ie6.gif") no-repeat;
}
html>body #person { background: url("/public/img/person_bg.png") no-repeat;}
html>body #person_flip { background: url("/public/img/person_bg.png") no-repeat;}
#person .close_button, #person_flip .close_button {
display: block;
float: left;
width: 350px;
height: 14px;
font-size: 9px;
font-weight: normal;
padding: 13px 0 0 26px;
color: #fff;
}
#person_image1 { padding: 0 0 0 23px; }
#person_image1 img#image1 {
width: 304px;
height: 227px;
}
#person_bio {
width: 290px;
background: #e4e5e5;
margin: 9px 0 0 23px;
height: 139px;
overflow: hidden;
padding: 6px 7px 7px 7px;
font-size: 9px;
}
#person_bio h3, #extra_story h3 {
font-size: 10px;
line-height: 15px;
font-weight: normal;
padding: 0 0 4px 0;
}
#person_bio h3 span, #extra_story h3 span {
font-weight: bold;
display: block;
font-size: 9px;
padding: 4px 0 0 0;
/*background: url("/public/img/r_gry_solid_arrow.gif") 100% 50% no-repeat;*/
}
#extra_story h3 span {
padding: 0 0 4px 0;
}
#extra_story h3 { margin: 0 0 4px 0; }
#person_bio {
font-size: 10px;
line-height: 15px;
}
p.flip_button, p.flip_button_back { float: right; }
.flip_button a, .flip_button_back a {
padding: 0 8px 0 0;
font-size: 9px;
background: url("/public/img/r_gry_solid_arrow.gif") 100% 50% no-repeat;
}
.flip_button_back a {
padding: 0 0 0 8px;
background: url("/public/img/l_gry_solid_arrow.gif") 0% 50% no-repeat;
}
#extra_content {
float: left;
height: 215px;
width: 100px;
background: #eee;
overflow: hidden;
font-size: 9px;
line-height: 13px;
margin: 0 9px 0 0;
padding: 6px;
}
#extra_photo {
float: left;
height: 227px;
width: 183px;
overflow: hidden;
}
#extra_story {
clear: both;
width: 292px;
padding: 14px 5px 0 5px;
overflow: hidden;
font-size: 9px;
line-height: 15px;
height: 184px;
}
#extra_story h3 {
font-size: 10px;
line-height: 15px;
padding: 0;
}
#image2 {
width: 183px;
height: 227px;
}
#person_story {
padding: 0 0 0 23px;
}
#sitemap {
float: left;
clear: both;
}
ul#sitemap li {
margin: 0;
padding: 0;
font-size: 12px;
}
/*-- Footer --*/
#footer {
width: 912px;
text-align: center;
border-top: solid 2px #e4e5e5;
}
#footer p {
padding: 0;
font-size: 9px;
}
#editContent {
margin: 0;
padding: 12px;
background: #fff;
}