body{ margin: 25px 0 0 0; padding: 0; font: 11px/1.5em verdana, sans-serif; color: #000; background: #FFF; }

a{ color: #000; }
a:link, a:visited{ text-decoration: underline; }
a:hover, a:active{ text-decoration: none; }
a img{ border: none; }
a#skipNavigation{ display: none; }

h1, h2, h3, h4, h5{ margin-top: 1em; }
h1{ font-size: 2em; }
h2{ font-size: 1.5em; }
h3{ font-size: 1.25em; }
h4{ font-size: 1em; }

/* Structure */

#wrapper{ width: 850px; margin: 0 auto; }

/* Main Tabs */

#header{ position: relative; width: 840px; height: 53px; margin-bottom: 25px; background: transparent url('images/headerCommBackground.jpg') bottom right no-repeat; }
#header h1{ position: absolute; margin: 0; padding: 0; }
#header h1 strong{ display: none; } /* Only display text to CSS-disabled web browsers */
#header h1#communications{ bottom: 0; left: 0; z-index: 2; }
#header h1#publicAffairs{ bottom: 0; left: 250px; z-index: 1; }
#header h1#communications a{ display: block; width: 250px; height: 53px; background: transparent url('images/tabCommunications.jpg') top left no-repeat; }
#header h1#publicAffairs a{ display: block; width: 182px; height: 53px; background: transparent url('images/tabPublicAffairsOff.jpg') top left no-repeat; }
#header h1#publicAffairs{ display: block; width: 182px; height: 53px; background: transparent url('images/tabPublicAffairsOff.jpg') top left no-repeat; }
#header #blog-link{ position: absolute; right: 0; bottom: -5px; }


/* Main Menu */

ul#mainMenu{ position: relative; z-index: 500; margin: 0 0 45px 0; padding: 0; list-style: none; width: 100%; height: 20px; background: transparent url('images/menuBackground.gif') bottom left no-repeat; }
ul#mainMenu li{ position: absolute; display: block; }
ul#mainMenu li a strong{ display: none; } /* Only display text to CSS-disabled web browsers */
ul#mainMenu li a{ display: block; height: 12px; background-color: transparent; background-position: top left; background-repeat: no-repeat; }
ul#mainMenu li a:hover{ background-position: 0 -12px; }

ul#mainMenu li#advertising{ top: 0; left: 26px; left: 201px; }
ul#mainMenu li#advertising a.advertising{ width: 67px; background-image: url('images/menuAdvertising.gif'); }

ul#mainMenu li#design{ top: 0; left: 128px; }
ul#mainMenu li#design a.design{ width: 39px; background-image: url('images/menuDesign.gif'); }

ul#mainMenu li#publicRelations{ top: 0; left: 302px; }
ul#mainMenu li#publicRelations a.publicRelations{ width: 95px; background-image: url('images/menuPublicRelations.gif'); }

ul#mainMenu li#interactive{ top: 0; left: 326px; left: 26px; }
ul#mainMenu li#interactive a.interactive{ width: 65px; background-image: url('images/menuInteractive.gif'); }

ul#mainMenu li#caseStudies{ top: 0; left: 426px; }
ul#mainMenu li#caseStudies a.caseStudies{ width: 73px; background-image: url('images/menuCaseStudies.gif'); }

ul#mainMenu li#aboutUs{ bottom: 0; right: 130px; }
ul#mainMenu li#aboutUs a{ width: 47px; height: 9px; background-image: url('images/menuAboutUs.gif'); }

ul#mainMenu li#contactUs{ bottom: 0; right: 35px; }
ul#mainMenu li#contactUs a{ width: 70px; height: 9px; background-image: url('images/menuContactUs.gif'); }
ul#mainMenu li#aboutUs a:hover, ul#mainMenu li#contactUs a:hover{ background-position: 0 -9px; }

ul#mainMenu ul{ display: none; position: absolute; top: 12px; left: 0; margin: 0; padding: 0; list-style: none; width: 150px; background: #CCC; }
ul#mainMenu li:hover ul{ display: block; }
ul#mainMenu ul li{ position: relative; float: none; display: block; border-bottom: 1px solid #FFF; }
ul#mainMenu ul li a{ position: relative; height: auto; padding: 5px 10px; text-decoration: none; }
ul#mainMenu ul li a:hover{ background: #EEE;}

/* Sidebar */

#sidebar{ float: right; width: 150px; padding: 0 24px 0 44px; color: #333; font: 11px/1.5em arial, verdana, sans-serif; } /* 218px total width - 24px R Padding - 44px L Padding */
#sidebar h3 strong{ display: none; } /* Only display text to CSS-disabled web browsers */
#sidebar h3{ width: 100%; height: 8px; margin: 0; padding: 0 0 10px 0; background: transparent url('images/currentNews.gif') top left no-repeat; border-bottom: 1px solid #CCC;}
#sidebar h3.print{ background-image: url('images/headlinePrint.gif'); }
#sidebar h3.broadcast{ background-image: url('images/headlineBroadcast.gif'); }
#sidebar h3.mail{ background-image: url('images/headlineMail.gif'); }
#sidebar h3.outdoor{ background-image: url('images/headlineOutdoor.gif'); }
#sidebar h3.video{ background-image: url('images/headlineVideo.gif'); }
#sidebar h3.branding{ background-image: url('images/headlineBranding.gif'); }
#sidebar h3.collateral{ background-image: url('images/headlineCollateral.gif'); }
#sidebar h3.merchandise{ background-image: url('images/headlineMerchandise.gif'); }
#sidebar h3.packaging{ background-image: url('images/headlinePackaging.gif'); }
#sidebar h3.tradeshow{ background-image: url('images/headlineTradeshow.gif'); }
#sidebar h3.events{ background-image: url('images/headlineEvents.gif'); }
#sidebar h3.media{ background-image: url('images/headlineMedia.gif'); }
#sidebar h3.web{ background-image: url('images/headlineWebsite.gif'); }
#sidebar h3.misc{ background-image: url('images/headlineMisc.gif'); }
#sidebar h3.related{ background-image: url('images/headlineRelated.gif'); }
#sidebar h3.related.dogs{ background-image: url('images/dogsOfRomanelli.gif'); height: 10px; }
#sidebar h3.firstdraft { background-image: url('images/firstDraft.gif'); }

#sidebar ul{ margin: 0 0 1em 0; padding: 0 0 0 12px; list-style: circle; list-style-image: url('images/bullet.gif'); }
#sidebar a.more{ float: right; margin-bottom: 1em; }
#sidebar p#signUp{ clear: both; padding-top: 1em; border-top: 1px solid #CCC; }
#sidebar p#signUp a{ color: #F47937; }

#sidebar ul#social-networks{ display: block; padding: 0; margin: 0; list-style: none; text-align: center; }
#sidebar ul#social-networks li{ display: inline; padding: 0 2px 0 0; }


/* Content */

#content, #content-discuss{ float: left; width: 540px; padding: 10px 25px 25px 25px; margin-left: 20px; min-height: 300px; border: 1px solid #CCC; } /* 632px total width - 40px L Margin - 10px L Padding - 10px R Padding - 2px L and R border */
html > body #content, html > body #content-discuss{ margin-left: 40px; } /* Compensate for IE6 doubled margins on floats bug */

#content-discuss{ float: left; width: 540px; padding: 10px 25px 25px 25px; margin: 25px 0 0 20px; min-height: 300px; background: #F0F0F0; } /* 632px total width - 40px L Margin - 10px L Padding - 10px R Padding - 2px L and R border */
html > body #content-discuss{ margin-left: 40px; }

/* Footer */

#footer{ clear: both; margin: 0 0 20px 0; padding: 25px 0 0 0; }
#footer h4 strong{ display: none; }
#footer h4{ position: relative; left: 40px; margin: 0; padding: 0; width: 278px; height: 11px; background: transparent url('images/footerHeadline.gif') top left no-repeat; }
#footer ul{ margin: 0 0 0 40px; padding: 15px 0; list-style: none; }
#footer li{ float: left; margin-right: 20px; }
#footer #copyright{ display: block; clear: left; padding: 25px 0 0 40px; color: #888; font-size: 10px; background: transparent url('images/footerBackground.gif') top left no-repeat; }

/* Home Page */

h2#currentWork strong, h2#hiText strong{ display: none; }
h2#currentWork{ margin: 15px 0; padding: 0; }
#hiText{ display: block; margin-bottom: 1em; }
h2#currentWork{ width: 57px; height: 7px; background: transparent url('images/currentWork.gif') top left no-repeat; }

/* List Pages */

#pageListing{ margin: 0; padding: 0; list-style: none; }
span.date{ display: inline-block; float: left; font-weight: bold; color: #FF9900; padding: 0 2em 1em 0; }

/* Content Pages */

#content h1{ font-size: 14px; color: #FF5500; }
#content div.portfolioSample{ float: left; margin: 15px 15px 30px 0; border: 1px solid #CCC; line-height: 0em;}
#content div.noborder{ border: none; }
div#youtubeVideo{ float: left; position: relative; z-index: 1; padding: 15px 2em 2em 0; width: 300px !important; height: 250px !important; }
.portfolioVideo{ display: block; width: 100%; text-align: center; }
div.portfolioVideo object, div#youtubeVideo object, div.portfolioVideo object embed, div#youtubeVideo object embed{ float: left; position: relative; z-index: 1; width: 300px !important; height: 250px !important; }
div#youtubeVideo{ padding-top: 0; padding-bottom: 1em; }
div#youtubeCaption{ font-size: 11px; color: #666; line-height: 1.2em; margin-top: 1em; width: 300px; }

#sampleLinks h4{ margin-bottom: 0; padding-bottom: 0; }


/* Sign Up Page */

form#signUp fieldset{ margin: 0 0 1em 0; padding: 0; border: none; }
form#signUp label{ display: block; }
form#signUp input.text{ font-size: 14px; padding: 3px; width: 190px; }