@import url("/javascripts/menu/hmenu.css"); div.dynarch-horiz-menu, div.dynarch-popup-base-menu {}
div.dynarch-horiz-menu table, div.dynarch-popup-base-menu table {}
div.dynarch-horiz-menu table tr td.hover, div.dynarch-popup-base-menu table tr td.hover {}
div.dynarch-horiz-menu table tr td.active, div.dynarch-popup-base-menu table tr td.active {}
div.dynarch-horiz-menu table tr td.separator div, div.dynarch-popup-base-menu table tr td.separator div {}
div.dynarch-popup-menu {}
div.dynarch-popup-menu table td {}
div.dynarch-popup-menu tr.item.hover td {}
div.dynarch-popup-menu tr.item.active td {}
div.dynarch-popup-menu tr.separator td div {}
div.dynarch-popup-menu tr.disabled td.label {}
#RB_overlay {position: absolute; z-index:100; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; min-height:100%; background-color: #000; opacity: .6; filter: alpha(opacity=60)}
#RB_redbox {width: 100%; position: absolute; top: 0px}
#RB_loading {position: relative; top: 200px; z-index: 101; width: 70px; height: 70px; margin: 0 auto; text-align: center; background: #666 url(../images/redbox_spinner.gif) no-repeat center center; border: 2px solid black}
#RB_window {z-index: 102; background-color: #FFFFFF; display: block; text-align: left; overflow: hidden; margin: 20px auto 0 auto; position: absolute}
.blog_entries .header h2, .blog_entries .header h3, .blog_entries .header h4, .blog_entries .header h5, .blog_entries .header h6, .blog, .blog li, .blog li h2, .blog li h3, .blog li h4, .blog li h5, .blog li h6 {padding: 0em;margin: 0em;}
.blog {width: 70%}
.blog li {list-style-type: none; padding: 0em 0em 1em}
#blog-tags, #blog-tags li {margin: 0em; padding: 0em; list-style-type: none}
#blog-tags {float: right; width: 25%; border-left: 2px solid #E8F1FA; padding-left: 1em}
#blog-tags li {padding: 0.25em 0.5em}
.blog_entries #comments, #blog_entries #comments li {margin: 0em; padding: 0em}
.blog_entries #comments li {list-style-type: none}
div.calendar {padding: 20px; text-align: center; width: 100%}
table.calendar {border-collapse: collapse; margin: 40px; width: 80%}
table.calendar .header {background-color: #f79429; color: white; font-size: 95%; padding-bottom: 8px}
table.calendar .header a {background-image: url(/images/bkgrd.gif); background-repeat: repeat; color: white; font-size: 0.88em; font-weight: 700}
table.calendar .header a:hover {color: white; text-decoration: underline}
table.calendar th.month-label {font-size: 120%}
table.calendar, table.calendar .day {background-color: #DCDCDC; border: thin solid black}
table.calendar .day {height: 120px; padding: 0.25ex 0.25em; vertical-align: top; width: 14%}
table.calendar .week-labels .label {font-size: 90%; padding: 0.25ex 0.25em; text-align: center}
table.calendar .noday {background-color: #ababab}
table.calendar .day.currentday {background-color: white}
table.calendar tr.week.currentweek {background-color: #F5F5F5}
table.calendar .day .label {font-size: 90%; font-weight: bold; margin-left: 2em; text-align: right; text-indent: -2em}
table.calendar .day ul, table.calendar .day ol, table.calendar .day li {font-size: 84%; list-style-type: none; margin: 0px; margin-left: 6px; margin-bottom: 6px; padding: 0px; text-indent: -6px}
.event {margin: 12px; width: 99%}
.event .title {font-size: 1.4em; font-weight: 700}
.event .datetime {font-size: 0.95em}
.event .description {background-color: transparent; border: none; font-size: 0.95em; padding: 1em; text-align: left}
.photos-show h2 {text-align: center; clear: both}
.photo-info {text-align: center}
.galleries-show .list td {padding: 0.25em 0.5em }
.maps-show td {vertical-align: top; padding: 0.5em}
.titles-index .list {width: 100%; border: thin solid black}
.titles-index .list th {color: white; background-color: black; font-size: 1.2em }
.titles-index .list th, .titles-index .list td {padding: 0.25em 0.5em}
.titles-index .instructions {font-size: 1.1em; width: 40em}
.contact_pages input, .contact_pages select, .contact_pages input, .contact_pages textarea {width: 15em;}
.contact_pages textarea {height: 5em}
.contact_pages th, .contact_pages td {vertical-align: top; padding: 0.5em}
.contact_pages th {text-align: right}
.column-container {width: 100%;}
.column-container td {vertical-align: top; padding: 1em;}
.left-sidebar {width: 30%; font-size: 0.95em}
.donations table.content td.content {padding: 16px}
.donations table.content td.content input, .donations table.content td.content select {margin-bottom: 6px}
.donations table.content td.content label {}
.profiles .list .phone {padding-left: 10em; font-weight: bold}
.profiles .list td {padding-top: 1em;}
.profiles-show h1 {text-align: left}
#contact-info {float: right}
#contact-info a {display: block}
html{color:#000;background-color:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
* {font-family: verdana, arial, helvetica, sans-serif}
body {font-size: 76%; color: black; background-color: white; margin: 0em; padding: 0em}
p, ol, ul, li {font-size: 1em; line-height: 1.3em;}
h1, h2, h3, h4, h5, h6, p {margin: 1.2em 0em 1.2em 0em;}
h1, h2, h3 {font-weight: normal;}
h4, h5, h6 {font-weight: bold;}
h1 {font-size: 2em;}
h2 {font-size: 1.7em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.0em;}
h6 {font-size: 0.8em;}
image {border: 0em;}
ol, ul, li {margin: 0.2em 0em 0.1em;}
ol {list-style-type: decimal;}
ul {list-style-type: disc;}
ol, ul {padding-left: 1em;}
dd {margin-top: 0.25em;margin-left: 2em;margin-bottom: 1em;}
li > p {margin-top: 0.2em;}
pre {font-family: monospace;font-size: 1.0em;}
strong, b {font-weight: bold;}
fieldset {border: thin solid black; padding: 0.5em; width: 30em; margin: 1em 0em}
fieldset legend {padding: 0em 0.25em; font-size: 1.2em}
// A few styles for BusinessCMS specific elements .back {float: right;}
.download-link {display: block}
// Give Flash messages and error displays a sane look */ .flash {padding: 1em;border: thin solid black;font-size: 1.2em;}
.flash li {list-style-type: none;}
#notice {background-color: #ccff66}
#message {background-color: #cccc66}
#warning, #error {background-color: #cd5c5c}
.errorExplanation {border: thin solid #666666; padding: 0em 1em 1em;}
.errorExplanation h2 {font-size: 1.2em;font-weight: bold; color: red;}
.errorExplanation li, .errorExplanation p {font-size: 1em !important;}
.errorExplanation li {list-style-type: disc !important;}
* {font-family: Arial,Helvetica,sans-serif}
html, body {background: #75A1DB url(/images/body-bg.jpg) top left repeat-x}
body {color: #737373; font-family: Arial, Helvetica, sans-serif; font-size: small; line-height: 1.3}
body, html, #wrap, #header, ul#navlist, ul#subnavlist, #content-wrap, #content-wrap-inner, #content, #left, #right, #footer, #associates-wrap, ul.associates {margin: 0; padding: 0}
a img {border: none}
ol, ul, li {margin: 0em;}
a {color: #737373; text-decoration: underline}
a:hover, a:focus {text-decoration: none; color: #1B60AE}
h1, h2, h3 {font-size: 125%; color: #3E6CB1; font-weight: bold}
h1 + h2 {margin-bottom: 0}
h2 a {color: black}
dt{ margin:10px 0px; font-size:100%; color:#3E6CB1}
#wrap {background: transparent url(/images/wrap-bg.png) top left repeat-y; width: 760px; margin: 0 auto; font-size: 90%}
#header {background: white url(/images/header-bg.jpg) top left no-repeat; position: relative; min-height: 100px}
#portfolio #header {min-height: 184px}
* html #header {height: 100px}
* html #portfolio #header {height: 184px}
#logo {position: absolute; top: 35px; left: 20px}
ul#navlist, ul#subnavlist {padding: 12px 15px 0 0; font-size: 95%}
ul#subnavlist {padding-top: 15px; font-size: 85%}
ul#navlist li, ul#subnavlist li {float: right; text-transform: uppercase; list-style: none; margin-left: 15px}
ul#navlist a, ul#subnavlist a {color: black; text-decoration: none}
ul#navlist a:hover, ul#subnavlist a:hover, #home li#nav-home a, #about li#nav-about a, #portfolio li#nav-portfolio a, #blog li#nav-blog a, #contact li#nav-contact a {color: #1B60AE}
.agency li#nav-agency a, .what li#nav-what a, .associates li#nav-associates a, .interactive li#nav-interactive a, .advertising li#nav-advertising a, .logos li#nav-logos a, .design li#nav-design a, .outdoor li#nav-outdoor a, .broadcast li#nav-broadcast a {color: #1b60ae}
#content-wrap {width: 741px; margin-left: 10px; position: relative; background: white}
#content-wrap-inner {border-top: 5px solid #D0D0D0; border-bottom: 5px solid #D0D0D0; width: 739px; margin-left: 1px; background: #F9F9F9}
#home #content-wrap-inner {border-bottom: none; background: white}
#portfolio #content-wrap-inner {background: #E6E6E6; height: 260px}
#portfolio.movie #content-wrap-inner {height: 350px}
* html #portfolio #content-wrap-inner {overflow: hidden}
#content {padding: 15px 25px 20px}
#left {width: 460px; display: inline; float: left; margin-right: 29px}
#right {width: 200px; float: left}
#footer {width: 760px; height: 106px; margin: 0 auto; background: transparent url(/images/footer-bg.png) top left no-repeat; font-size: 78%; color: #515151}
#footer-text {width: 760px; position: relative}
#footer p {position: absolute; text-align: center; margin: 0; width: 760px; top: 12px; left: 0}
#footer a {color: #515151; text-decoration: none}
#footer a:hover {text-decoration: underline}
img#office {border-bottom: 5px solid #d0d0d0; display: block}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%}
.clearfix {display: block;}
#associates-wrap {padding: 10px; text-align: center; font-size: 95%}
#associates-wrap ul {line-height: 2.0}
ul.associates li {display: inline; list-style: none}
ul.associates a {text-decoration: none; padding: 0 3px}
ul.associates a:hover, ul.associates a:focus {color: #1B60AE}
#portfolio-space {text-align: center; position: relative; top: -130px; left: 3px; width: 689px}
.movie #portfolio-space {top: -110px}
p#client, p#campaign {text-transform: uppercase; margin: 0; padding: 0; width: 689px; position: absolute; top: 340px; left: 0}
.movie p#client {top: 420px}
p#client {text-align: left}
p#campaign {text-align: right}
p#campaign a {padding: 5px; text-decoration: none}
p#client2 {text-transform: uppercase; margin: 0; padding: 0; width: 689px; position: absolute; top: 450px; left: 0; text-align:left}
#portfolio-numbers p {margin: 0; padding: 10px 25px 10px 25px; text-align: right}
#portfolio-numbers a {padding: 5px; text-decoration: none}
.article {margin-bottom: 20px}
#blog-body{ width:450px;}
#archive{ padding: 10px; border-left:#e8f1fa solid 2px; width:190px; height: auto; float:right; font-size:10px; margin-bottom:10px; line-height: 1.5}
#archive hr {color: #aaa; background-color: #aaa; height: 1px; border: none}
#archive ul, #archive ul ul {margin:0 0 10px 0; padding: 0; list-style-type: none}
#archive a{ text-decoration:none; color:#1b60ae}
#archive a:hover{ text-decoration:underline}
* html #wrap {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/wrap-bg.png', sizingMethod='scale')}
* html #footer {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/footer-bg.png', sizingMethod='scale')}