body {
    color: #4b4b4b;
    font-family: Helvetica, Arial, sans-serif; 
    font-size: 14px;
    margin: 0;
}

/* Global */
h1, h2, h3, h4, h5, h6 {
   color: #009deb;
   font-family: Georgia, Serif;
   font-size: 100%;
   font-weight: normal;
   margin: 0;
}

h1 { font-size: 2.5em; line-height: 2.5em }
h2 { font-size: 2.2em; margin: 5px 0 20px; line-height: 2.2em }
h3 { font-size: 1.8em; margin: 0; line-height: 1.8em }
h4 { font-size: 1.7em; line-height: 1.6em }
h5 { font-size: 1.1em; font-family: Helvetica, Arial, Serif, "serif"; font-weight: bold  }
h6 { font-size: 1.06em; font-family: Helvetica, Arial, Serif, "serif"; font-weight: bold }

p { 
    font-size: 1.1em;
    line-height: 1.4em;
    padding: 0;
    margin: 0 0 25px; 
}

a { 
    text-decoration: none; 
    color: #b32c41; 
    outline: none;
}

a:hover { text-decoration: underline }
img     { border: none }

/* Layout */
#container {
    background: url(/img/page-background-shadow.gif) repeat-y;
    margin: 0 auto;
    padding: 0 31px 0 30px;
    width: 1001px;
}

#logo   { margin-left: 43px; }

#slideshow  { 
    border-top: 1px solid #4b4b4b;
    border-bottom: 10px solid #4b4b4b; 
    height: 244px;
    position: relative;
}

#slideshow img {
    width: 1001px;
    height: 244px;
}

#slideshow a             { display: none }
#slideshow a:first-child { display: inline }

#content { 
    background: url(/img/content-background-repeat.gif) repeat-y right; 
    position: relative;
    width: 100%;
}

#primary-section { 
    min-height: 820px;
    display: block;
    margin-right: 371px;
    vertical-align: top;
}

.bottom { background: url(/img/bottom-plate.jpg) no-repeat 70px bottom; }
.side   { 
    background: url(/img/side-plate.jpg) no-repeat left bottom;
    padding-bottom: 20px;    
 }

#primary-section.side {
    left: 0;
}

#secondary-section {
    width: 371px;
    position: absolute;
    right: -1px;
    top: 0;
    vertical-align: top;
}

#secondary-section div {
    padding: 20px 20px 5px 37px;
}

#secondary-section h4, 
#secondary-section h5 { color: #4b4b4b }

#secondary-section p {
    font-size: 0.9em;
    margin-bottom: 7px;
}

#secondary-section ul {
    margin: 0;
    padding: 0 15px 35px 25px;
    list-style-type: none;
}

#secondary-section ul li {
    margin: 0;
    padding: 0;
}

#secondary-section a {
    color: #b32c41;
}

#secondary-section ul li p,
#secondary-section ul li h5 { 
    margin: 0 0 3px 12px;
}

#secondary-section ul li img {
    border-bottom: 1px solid #888;
    padding: 0 60px 0 12px;
    margin: 10px 0;
}

/* Navigation */
#header {
    background: url(/img/header-background-repeat.gif) repeat-x;
    height: 155px;
    position: relative;
}

#header ul#nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 115px;
    left: 41px
}

#header ul#nav li {
    color: #009deb;
    float: left;
    font-size: 0.8em;
    height: 21px;
    line-height: 1.6em;
    margin-right: 7px;
}

#header ul#nav li a { 
    display: block; 
    height: 100%; 
}   

#header ul#nav li.home          { width: 62px; }
#header ul#nav li.about         { width: 68px; }
#header ul#nav li.advertisers   { width: 123px;  }
#header ul#nav li.publishers    { width: 112px; }
#header ul#nav li.contact       { width: 87px; }
#header ul#nav li.login         { width: 63px; }

#header ul#nav li.home a         { background: url(/img/navigation/nav-home.gif) no-repeat; text-indent: -1000px; }
#header ul#nav li.about a        { background: url(/img/navigation/nav-about.gif) no-repeat; text-indent: -1000px; }
#header ul#nav li.advertisers a  { background: url(/img/navigation/nav-advertisers.gif) no-repeat; text-indent: -1000px; }
#header ul#nav li.publishers a   { background: url(/img/navigation/nav-publishers.gif) no-repeat; text-indent: -1000px; }
#header ul#nav li.contact a      { background: url(/img/navigation/nav-contact.gif) no-repeat; text-indent: -1000px; }
#header ul#nav li.login a        { background: url(/img/navigation/nav-login.gif) no-repeat; text-indent: -1000px; }

#header ul#nav li.home a:hover          { background: url(/img/navigation/nav-home-hover.gif) no-repeat; }
#header ul#nav li.about a:hover         { background: url(/img/navigation/nav-about-hover.gif) no-repeat;  }
#header ul#nav li.advertisers a:hover   { background: url(/img/navigation/nav-advertisers-hover.gif) no-repeat; }
#header ul#nav li.publishers a:hover    { background: url(/img/navigation/nav-publishers-hover.gif) no-repeat; }
#header ul#nav li.contact a:hover       { background: url(/img/navigation/nav-contact-hover.gif) no-repeat; }
#header ul#nav li.login a:hover         { background: url(/img/navigation/nav-login-hover.gif) no-repeat; }

#header ul#nav li.home a.selected          { background: url(/img/navigation/nav-home-selected.gif) no-repeat; }
#header ul#nav li.about a.selected         { background: url(/img/navigation/nav-about-selected.gif) no-repeat;  }
#header ul#nav li.advertisers a.selected   { background: url(/img/navigation/nav-advertisers-selected.gif) no-repeat; }
#header ul#nav li.publishers a.selected    { background: url(/img/navigation/nav-publishers-selected.gif) no-repeat; }
#header ul#nav li.contact a.selected       { background: url(/img/navigation/nav-contact-selected.gif) no-repeat; }
#header ul#nav li.login a.selected         { background: url(/img/navigation/nav-login-selected.gif) no-repeat; }

#subnav {
    background-color: #f1f1f1;
    height: 40px;
    position: relative;
}

#subnav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 10px;
    left: 41px
}

#subnav ul li {
    color: #009deb;
    float: left;
    font-size: 0.8em;
    height: 21px;
    line-height: 1.6em;
    margin-right: 7px;
}

#subnav ul li a { 
    display: block; 
    height: 100%; 
}  

#subnav ul li.overview      { width: 95px; }
#subnav ul li.sites         { width: 57px; }
#subnav ul li.apply         { width: 63px;}
#subnav ul li.testimonials  { width: 132px;}
#subnav ul li.audience      { width: 148px; }
#subnav ul li.opportunities { width: 252px; }

#subnav ul li.overview a        { background: url(/img/navigation/sub-ad-overview.gif) no-repeat; text-indent: -1000px; }
#subnav ul li.sites a           { background: url(/img/navigation/sub-pub-sites.gif) no-repeat; text-indent: -1000px; }
#subnav ul li.apply a           { background: url(/img/navigation/sub-pub-apply.gif) no-repeat; text-indent: -1000px; }
#subnav ul li.testimonials a    { background: url(/img/navigation/sub-pub-testimonials.gif) no-repeat; text-indent: -1000px; }
#subnav ul li.audience a        { background: url(/img/navigation/sub-ad-audience.gif) no-repeat; text-indent: -1000px; }
#subnav ul li.opportunities a   { background: url(/img/navigation/sub-ad-advertising.gif) no-repeat; text-indent: -1000px; }

#subnav ul li.overview a:hover      { background: url(/img/navigation/sub-ad-overview-hover.gif) no-repeat; }
#subnav ul li.sites a:hover         { background: url(/img/navigation/sub-pub-sites-hover.gif) no-repeat;  }
#subnav ul li.apply a:hover         { background: url(/img/navigation/sub-pub-apply-hover.gif) no-repeat; }
#subnav ul li.testimonials a:hover  { background: url(/img/navigation/sub-pub-testimonials-hover.gif) no-repeat; }
#subnav ul li.audience a:hover      { background: url(/img/navigation/sub-ad-audience-hover.gif) no-repeat; }
#subnav ul li.opportunities a:hover { background: url(/img/navigation/sub-ad-advertising-hover.gif) no-repeat; }

#subnav ul li.overview a.selected       { background: url(/img/navigation/sub-ad-overview-selected.gif) no-repeat; }
#subnav ul li.sites a.selected          { background: url(/img/navigation/sub-pub-sites-selected.gif) no-repeat;  }
#subnav ul li.apply a.selected          { background: url(/img/navigation/sub-pub-apply-selected.gif) no-repeat; }
#subnav ul li.testimonials a.selected   { background: url(/img/navigation/sub-pub-testimonials-selected.gif) no-repeat; }
#subnav ul li.audience a.selected       { background: url(/img/navigation/sub-ad-audience-selected.gif) no-repeat; }
#subnav ul li.opportunities a.selected  { background: url(/img/navigation/sub-ad-advertising-selected.gif) no-repeat; }

#subnav ul a.selected { cursor: default }

/* header food thoughts random thought */
#food-thoughts {
    background: url(/img/food-for-thought-background.gif) no-repeat left bottom;
    border-left: 1px solid #d6d6d6;
    font-family: Georgia, Serif;
    font-size: 0.65em;
    height: 125px;
    width: 246px;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 0;
}

#food-thoughts h4 { margin-bottom: 9px; }

#food-thoughts ul {
    font-size: 1.1em;
    list-style-type: disc;
    margin-top: 0;
    margin-left: 15px;
    padding-left: 16px;
}

#food-thoughts p                { margin-bottom: 1.1em; }
#food-thoughts div              { display: none; }


/* Food site rotator -- bottom of right column */
#food-sites {
    background: url(/img/site_rotator/tastespotting.jpg) no-repeat;
    height: 238px;
    width: 370px;
    position: absolute;
    bottom: 0;
    right: 0;
}

#food-sites p {
    font-size: 0.8em;
    line-height: 1.1em;
    margin: 75px 0 10px 7px;
    text-align: right;
    width: 157px;
}

/* custom tweaking from PSDs */
#food-sites.pillsbury p         { margin-top: 90px; }
#food-sites.eatbetteramerica p  { margin-left: 12px; }
#food-sites.tablespoon p  { 
    width: 160px; 
    margin-top: 77px; 
}

#food-sites div {
    color: #000;
    margin: 0 auto;
    padding-bottom: 0;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 14px;
    vertical-align: bottom;
}

#food-sites div span { 
    font-size: 1.3em; 
    text-transform: lowercase;
}

#food-sites div a { 
    color: #b32c41; 
    font-size: 0.8em;
    padding: 0 10px;
}

#food-sites div a#site-prev { background: url(/img/arrow-left-pink.gif) no-repeat left 2px; }
#food-sites div a#site-next { background: url(/img/arrow-right-pink.gif) no-repeat right 2px; }

/* Footer */
#footer {
    background: #5a5a5a;
    color: #fff;
    font-size: 0.9em;
}

#footer hr {  
    background: #7f7f7f;
    border: none;
    height: 1px;
}

#footer p  { font-size: 0.9em; }
#footer a  { color: #fff; }
#footer h4 { margin-bottom: 3px; }

#footer h4, 
#footer h5,
#footer h6 {
    color: #fff;
    font-family: Helvetica, Arial, sans-serif;
}

#footer ul {
    display: inline-block;
    list-style-type: none;
    padding: 0;
    margin: 7px 0 20px 20px;
    vertical-align: top;
}

#footer ul li { 
    margin: 17px 0; 
    font-size: 1.1em; 
}

#footer ul li.head {
    text-transform: uppercase;
    font-weight: bold;
}

#platefull-map {
    display: inline-block;
    margin: 0 30px;
    padding: 25px 0;
    width: 575px;
}

#platefull-map div,
#platefull-map ul:first-child { margin-left: 20px;}

#platefull-map ul { width: 152px; }

#betawave {
    display: inline-block;
    margin-right: 30px;
    padding: 25px 0 0 0;
    width: 325px;
    vertical-align: top;
}

#betawave div {
    height: 110px;
    padding-left: 20px;
}

#betawave h6 { margin-bottom: 17px; }

#contact {
    display: inline-block;
    width: 267px;
    padding-right: 60px;
    height: 110px;
}

#media-kit {
    display: inline-block;
    width: 180px;
    vertical-align: top;
    height: 110px;
} 

#media-kit img {
    float: right;
    padding: 8px 0 0 3px;
}

#logo-bottom {
    font-size: 0.7em;
    background: url(/img/platefull-logo-on-gray.gif) no-repeat 53px 3px;
    height: 35px;
    padding: 20px 0 0 222px;
}

#logo-bottom p {
    margin: 0;
    padding: 0;
    font-size: 1em;
}

#shadow {
    background: url(/img/page-background-shadow-bottom.gif) no-repeat 0 0;
    width: 1060px;
    height: 100px;
    margin: 0 auto;
}

/* Common to most pages */
div.content-section { padding: 25px 45px; }
div.bottom-plate { padding-bottom: 150px !important }
div.side-plate {
    min-height: 420px;
    padding: 0 50px 0 260px;
    vertical-align: bottom;
}

.feature { 
    font-size: 1.1em; 
    line-height: 1.5em;
}

.separate { 
    border-bottom: 1px solid #bfbfbf;
    width: 541px;
}

.separate p.last  { margin-bottom: 0; }

.standout {
    background: #dadbc7;
    color: #000;
    margin: 25px auto 25px;
    padding: 20px;
    width: 80%;
    font-size: 1.1em;
}

.standout blockquote { margin: 5px 25px 0; }

#secondary-section #action-nav {
    background: #dadbc7;
    font-size: 1.2em;
    padding: 30px 40px 40px 37px;
}