html { font-size: 100.01%; min-height: 100%; margin-bottom: 1px; height: 100%; }
body { margin: 0; padding: 0;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
textarea, input, select, option, optgroup, button {
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
/* RE-SETS
------------------------------------------- */
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
li, dt, dd, p, th, td, caption { }
ul, ol, dl { margin-bottom: 1.5em; }
p { margin-bottom: 1em; }
fieldset, img { border: none; }
button { overflow: visible; cursor: pointer; }
legend { display: none; }
pre { font: 1.1em "Courier New",monospace; white-space: pre-wrap; }
em { padding: 1px 3px; font-style: normal; }
a { color: #205f73; text-decoration: underline; }
a:hover, a:focus, a:active { color: #fff; }
/* HELPERS
------------------------------------------- */
.wrapper { width: 100%; overflow: hidden; }
.center { margin-left: auto; margin-right: auto; text-align: center; }
/* LAYOUT
------------------------------------------- */
#masthead { position: relative; background: #2E3191 url(/images/header-bg.jpg) repeat-x; height: 97px;}
#masthead div.mast-inner { position: relative; overflow: hidden; width: 960px; margin: 0 auto; padding: 11px 0 0 0; height: 97px;}
#masthead-links { position:absolute; top: 45px; right: 0; list-style: none; _height: 1%;}
#masthead-links li { display: inline ; }
#masthead-links li a{ color: #fff ;float:right; text-decoration: none; font-size: 10px; border-left: solid 1px #fff; padding: 0 10px 0 10px; }
#masthead-links li a:hover{color: #FAAF40; }
#masthead-links li a.first{ border-left: none; padding-right:10px;}
#masthead-links li.last a,
#masthead-links li a.last{padding-right:0;}
#masthead form{position: absolute; top: 8px; right: 0;}
#masthead form div{float: left;}
#masthead form div label{display:block; font-size: 11px; color: #FFF; padding-left: 2px;}
#masthead form input{height: 12px; padding: 3px; margin-right: 5px;}
#masthead form button{background: transparent url(/images/go.png) top left no-repeat; width: 18px; height: 18px; text-indent: -5000em; cursor: pointer; border: none;}
#logo { float: left; top: 42px; width: 292px; height: 64px; margin: 10px 0 0 0; }
#logo a { display: block; position: relative; overflow: hidden; width: 292px; height: 70px; background: url(/images/header-logo.jpg) no-repeat; text-indent: -9999px; }
/* NAV
------------------------------------------- */
#nav { float: right; list-style: none; margin: 69px 0 0 0; padding: 0 0 10px 0; font-size: .7em;}
#nav.portal{margin-top: 70px; position: absolute; right: 0;}
#nav li { display: inline; float: left; margin: 0 0 0 10px; padding: 0 0 11px 10px; font-size: 1.2em; font-weight: bold; line-height: 1; }
#nav.portal li {font-size: 12px; padding: 0 0 8px 5px;}
#nav li.first { margin-left: 0; padding-left: 0; border-left: none; }
#nav li a { float: left; color: #fff; text-decoration: none; }
#nav li a:hover,
#nav li a:focus,
#nav li a.active { position: relative; margin-bottom: -30px; padding-bottom: 30px; background: url(/images/nav-point.jpg) center no-repeat; color: #CCB26C; }
#content { width: 100%; }
#content .inner h2 { padding: 15px 0 0 0; position: relative; top: 0;}
#content .inner img { float: right; margin: 8px 0 0 45px ;}
#content .inner h2 img { float:none; margin:0; position:absolute; top:15px; left:0;}
#header { position: relative; z-index: 10; margin: 0 0 30px; padding: 23px 0 25px; border-bottom: 1px dotted #98bcc7; background: url(../images/bg-header-a.png) repeat-x; }
#header h2 { position: relative; z-index: 15; width: 850px; margin: 0 auto; color: #d9e4e8; font-size: 2.5em; font-weight: normal; }
/* LARGE BOX
------------------------------------------- */
div.box-large { background: url(/images/box-large-middle.gif) repeat-y; width: 686px;float: left; padding: 0;}
div.box-large div{ background: url(/images/box-large-bottom.gif) bottom left no-repeat; float: left; width: 686px; padding:0; height: 1%;}
div#roll-slider.box-large{margin-bottom:10px;}
div#roll-slider.box-large span{display:none; margin-top: 15px;}
div.box-large strong { color: #2E3191; display:block; font-size: 1.2em; text-decoration: none;}
div.box-large ul { background: url(/images/box-large-top.gif) no-repeat; padding: 30px 0; margin: 0;}
div.box-large ul li { list-style: none; padding: 0 20px;}
div.box-large ul li a { color:#C94B21; display:block; padding: 10px 20px 10px 90px; text-decoration: none; font-size: .9em; cursor: pointer;}
div.box-large ul li a:hover { color:#C94B21; background: #AEDEE4; }
#more-about-roles {text-align: right; padding-bottom: 10px;}
#more-about-roles a{ text-decoration: none !important;}
/* SMALL BOX
------------------------------------------- */
div.box-small h2.role { color: #2E3191;padding: 0 20px 0 23px; position: relative; top: 15px; margin: 0; float: left; font-size: 23px;}
div.box-small { background: url(/images/box-small-middle.gif) repeat-y; width: 278px;float: left; padding: 0;}
div.box-small span{ background: url(/images/box-small-bottom.gif) bottom left no-repeat; float: left; width: 278px; padding:0; height: 1%;}
div.box-small strong { color: #2E3191; display:block; font-size: 1.2em; text-decoration: none;}
div.box-small ul { background: url(/images/box-small-top.gif) no-repeat; padding: 40px 0 20px 0; margin: 0;}
div.box-small ul li { list-style: none; padding: 0 20px;}
div.box-small ul li a { color:#C94B21; display:block; padding: 10px 0 5px 50px; text-decoration: none; font-size: .9em;}
/* PRODUCTS
------------------------------------------- */
div.products, div.creative-role { padding: 0 20px; }
div.account-services-role{padding: 0 20px;}
div.production-role{padding: 0 20px;}
div.project-management-role{padding: 0 20px;}
div.media-role{padding: 0 20px;}
div.accounting-finance-role{padding: 0 20px;}
div.agency-leader-role{padding: 0 20px;}
div.products h2 { padding: 0;}
#info-pane {background: #D6D6D6 url(/images/info-pane-bg.jpg) repeat-x; float: left; width: 100%;}
p.release{color: #4d4d4d; font-size: 13px; margin-top: 10px; margin-bottom: 5px;}
div.blue { background: #4570B0 url(/images/blue-box-top.gif) top no-repeat; margin: 0 0 20px 0; width: 262px;}
div.blue span { background: url(/images/blue-box-bottom.gif) bottom no-repeat; width: 262px; display:block;}
div.blue h2{ width: 250px; padding: 0 0 0 10px;}
div.blue p { padding: 0 10px;}
div.blue ul{ margin: 0 15px 0 10px; padding: 0 0 15px 0;}
div.blue ul li{ border-bottom: solid #fff 1px ;margin: 0; list-style: none; background: url(/images/green-check.gif) right center no-repeat;}
div.blue ul li.orange { background: url(/images/orange-check.gif) right center no-repeat; padding: 3px 0;}
div.blue ul li a { color: #fff; text-decoration: none; }
/* SUBNAV
------------------------------------------- */
ul.subnav { margin: 20px 0 0 0; padding: 0; overflow:hidden;}
ul.subnav li { display: block; float:left; list-style: none; margin-right:5px;}
ul.subnav.portal li {margin-right:3px;}
ul.subnav li a { color: #fff ;display: block; float:left; font-size: .9em; list-style: none; text-decoration:none ; background: #38639B url(/images/blue-left-corner.gif) top left no-repeat; }
ul.subnav li a span { display: block; float:left; background: url(/images/blue-right-corner.gif) top right no-repeat; font-size: .9em ; padding: 2px 10px 5px 10px; }
ul.subnav li a.active,
ul.subnav li a:hover { color: #4D4D4D ;display: inline; font-size: .9em; list-style: none; text-decoration:none ; background: #fff url(/images/white-left-corner.gif) top left no-repeat; }
ul.subnav li a.active span,
ul.subnav li a:hover span { background: url(/images/white-right-corner.gif) top right no-repeat; }
div.green { background: #85b167 url(/images/green-box-top.gif) no-repeat top left; margin: 0 0 20px 0; width: 260px; padding: 0;}
div.green h2{ width: 220px; padding: 10px 10px 0 10px; font-size: 1.1em;}
div.green p{ background: url(/images/green-box-bottom.gif) no-repeat bottom left; color: #52650E; font-size: .9em; padding: 10px; margin: 0;}
div.light-blue { background: #83a7d8 url(/images/light-blue-box-top.gif) no-repeat;; margin: 0 0 20px 0; width: 260px;}
div.light-blue h2.page-snapshot{ background: url(/images/page-snapshot-icon.gif) no-repeat 5px top; width: 190px; font-size: 1.1em; padding: 15px 0 0 60px;}
div.light-blue p{ background: url(/images/light-blue-box-bottom.gif) bottom no-repeat; color: #2B388F; font-size: .9em; padding: 10px 10px; margin: 0;}
div.quote { background: url(/images/left-quote.gif) top left no-repeat; margin: 0 0 20px 0;}
div.quote p { color: #5289C7; font-size: 1.2em ; font-weight: bold; padding: 10px 10px 0px 40px; margin: 0;}
div.quote span{ clear: both ; display: block;}
div.quote span.quote-end {background: url(/images/right-quote.gif) no-repeat; float: right;height: 32px; width:40px; display: block;}
div.quote span h3{ color: #5289C7; font-size: 1.2em ; position: relative; text-align: right; margin: -30px 0 0 0;}
div.quote span h4{ color: #5289C7; font-size: 1em ; text-align: right;}
div.quote span p{ color: #5F9837; font-size: 1.1em ; text-align: right; padding: 0;}
div#main div.creative-role h2 {background: url(/images/creative-role-icon.gif) top left no-repeat; padding: 30px 0px 15px 70px;}
div#main div.account-services-role h2 {background: url(/images/account-services-role-icon.gif) top left no-repeat; padding: 30px 0px 15px 70px;}
div#main div.production-role h2 {background: url(/images/production-role-icon.gif) top left no-repeat; padding: 30px 0px 15px 70px;}
div#main div.project-management-role h2 {background: url(/images/project-management-role-icon.gif) top left no-repeat; padding: 30px 0px 15px 70px;}
div#main div.media-role h2 {background: url(/images/media-role-icon.gif) top left no-repeat; padding: 30px 0px 15px 70px;}
div#main div.accounting-finance-role h2 {background: url(/images/accounting-finance-role-icon.gif) top left no-repeat; padding: 30px 0px 15px 70px;}
div#main div.agency-leader-role h2 {background: url(/images/agency-leader-role-icon.gif) top left no-repeat; padding: 30px 0px 15px 70px;}
#roles {padding: 25px 22px 20px 18px;}
#roles li {padding:0 0 0 3px;}
#roles li a{color:#2E3191; font-weight: bold;}
#roles li.over,
#roles li.selected,
#roles li:hover {background: transparent url(/images/role-hover.png) top left no-repeat;}
#roles li.over a,
#roles li.selected a,
#roles li:hover a{color:#FFF !important; text-decoration: none !important;}
li.role_description p {padding: 0 20px; color: #2e3191 !important;}
li.role_description p a{font-weight: bold; font-size: 12px !important;}
#side h3.role{margin-left: 8px; font-size: 16px;}
#roles.role-nav{padding-top: 0;}
#roles.role-nav li{background: none; font-size: 14px; margin-bottom: 5px;}
#roles.role-nav li a{color:#2E3191 !important;}
div#main.roles-page ul{margin-bottom: 10px;}
a.agency-leader {background: url(/images/agency-leader-icon.png) no-repeat; height: 30px; }
a.accounting-finance {background: url(/images/accounting-finance-icon.png) no-repeat; height: 30px; }
a.media {background: url(/images/media-icon.png) no-repeat; height: 30px; }
a.project-management {background: url(/images/project-management-icon.png) no-repeat; height: 30px; }
a.creative {background: url(/images/creative-icon.png) no-repeat; height: 30px; }
a.advantage-overview {background: url(/assets/icons/aicon.png) no-repeat; height: 30px; }
a.production {background: url(/images/production-icon.png) no-repeat; height: 30px; }
a.account-services {background: url(/images/account-services-icon.png) no-repeat; height: 30px; }
div#main div.inner.bottom a { position: relative; top: 30px; display: block; text-decoration: none; color: #C94B21; height: 80px; margin: 0px 0 0 22px;width: 590px; float: l x;}
div#main div.inner.bottom a:hover { background: #AEDEE4; }
div.inner.bottom a.select {padding: 0 0 0 60px;}
div#main a.select h2 /assets/icons/
div#main h2{ color: #4D4D4D; }
div#main h3{ color: #38639B; font-weight: bold; border-bottom: solid 1px #bbb ; padding: 10px 15px 0 0; font-size:20px;}
div#main p{ color: #4d4d4d; font-weight: normal; font-size: .9em; margin: 10px 0 10px 0;}
div#main li{ font-size: .9em;}
div#main a:hover, div#main a:focus, div#main a:active { color: #205f73; text-decoration: none; }
div#main img { float: left ; padding: 10px;}
div#main a.select.advantage-overview { background: url(/assets/icons/aicon.png) no-repeat 10px 20px; }
div#main a.select.advantage-overview:hover { background: #AEDEE4 url(/assets/icons/aicon.png) no-repeat 10px 20px; }
div#main a.select.general-ledger-financial-reports { background: url(/assets/icons/general-ledger-financial-reports.png) no-repeat 10px 20px; }
div#main a.select.general-ledger-financial-reports:hover { background: #AEDEE4 url(/assets/icons/general-ledger-financial-reports.png) no-repeat 10px 20px; }
div#main a.select.estimating-vendor-quotes { background: url(/assets/icons/vendor-quotes.png) 10px 20px no-repeat; }
div#main a.select.estimating-vendor-quotes:hover { background: #AEDEE4 url(/assets/icons/vendor-quotes.png) 10px 20px no-repeat; }
div#main a.select.advantage-services { background: url(/assets/icons/advantage-services.png) 10px 20px no-repeat; }
div#main a.select.advantage-services:hover { background: #AEDEE4 url(/assets/icons/advantage-services.png) 10px 20px no-repeat; }
div#main a.select.client-budgets { background: url(/assets/icons/client-budgets.png) 10px 20px no-repeat; }
div#main a.select.client-budgets:hover { background: #AEDEE4 url(/assets/icons/client-budgets.png) 10px 20px no-repeat; }
div#main a.select.management-tools { background: url(/assets/icons/management-tools.png) 10px 20px no-repeat; }
div#main a.select.management-tools:hover { background: #AEDEE4 url(/assets/icons/management-tools.png) 10px 20px no-repeat; }
div#main a.select.client-billing { background: url(/assets/icons/client-billing.png) 10px 20px no-repeat; }
div#main a.select.client-billing:hover { background: #AEDEE4 url(/assets/icons/client-billing.png) 10px 20px no-repeat; }
div#main a.select.media-orders { background: url(/assets/icons/media-orders.png) 10px 20px no-repeat; }
div#main a.select.media-orders:hover { background: #AEDEE4 url(/assets/icons/media-orders.png) 10px 20px no-repeat; }
div#main a.select.production-management { background: url(/assets/icons/production-management.png) 10px 20px no-repeat; }
div#main a.select.production-management:hover { background: #AEDEE4 url(/assets/icons/production-management.png) 10px 20px no-repeat; }
div#main a.select.payables { background: url(/assets/icons/payables.png) 10px 20px no-repeat; }
div#main a.select.payables:hover { background: #AEDEE4 url(/assets/icons/payables.png) 10px 20px no-repeat; }
div#main a.select.production-media { background: url(/assets/icons/production-media.png) 10px 20px no-repeat; }
div#main a.select.production-media:hover { background: #AEDEE4 url(/assets/icons/production-media.png) 10px 20px no-repeat; }
div#main a.select.schedules-resource-management { background: url(/assets/icons/production-estimating.png) 10px 20px no-repeat; }
div#main a.select.schedules-resource-management:hover { background: #AEDEE4 url(/assets/icons/production-estimating.png) 10px 20px no-repeat; }
div#main a.select.production-traffic { background: url(/assets/icons/production-traffic.png) 10px 20px no-repeat; }
div#main a.select.production-traffic:hover { background: #AEDEE4 url(/assets/icons/production-traffic.png) 10px 20px no-repeat; }
div#main a.select.media-planning { background: url(/assets/icons/media-planning.png) 10px 20px no-repeat; }
div#main a.select.media-planning:hover { background: #AEDEE4 url(/assets/icons/media-planning.png) 10px 20px no-repeat; }
div#main a.select.time-expense { background: url(/assets/icons/time-expense.png) 10px 20px no-repeat; }
div#main a.select.time-expense:hover { background: #AEDEE4 url(/assets/icons/time-expense.png) 10px 20px no-repeat; }
div#main a.select.document-management { background: url(/assets/icons/doc-tracking.png) 10px 20px no-repeat; }
div#main a.select.document-management:hover { background: #AEDEE4 url(/assets/icons/doc-tracking.png) 10px 20px no-repeat; }
div#main a.select.job-jacket { background: url(/assets/icons/job-jacket.png) 10px 20px no-repeat; }
div#main a.select.job-jacket:hover { background: #AEDEE4 url(/assets/icons/job-jacket.png) 10px 20px no-repeat; }
div#main a.select.alerts { background: url(/assets/icons/alerts.png) 10px 20px no-repeat; }
div#main a.select.alerts:hover { background: #AEDEE4 url(/assets/icons/alerts.png) 10px 20px no-repeat; }
div#main a.select.media-production-connected { background: url(/assets/icons/media-production-connected.png) 10px 20px no-repeat; }
div#main a.select.media-production-connected:hover { background: #AEDEE4 url(/assets/icons/media-production-connected.png) 10px 20px no-repeat; }
div#main a.select.desktop-mobile-tools { background: url(/assets/icons/desktop-mobile-tools.png) 10px 20px no-repeat; }
div#main a.select.desktop-mobile-tools:hover { background: #AEDEE4 url(/assets/icons/desktop-mobile-tools.png) 10px 20px no-repeat; }
div#main a.select.media-integration-imports { background: url(/assets/icons/media-integration-imports.png) 10px 20px no-repeat; }
div#main a.select.media-integration-imports:hover { background: #AEDEE4 url(/assets/icons/media-integration-imports.png) 10px 20px no-repeat; }
div#main a.select.your-clients { background: url(/assets/icons/your-clients.png) 10px 20px no-repeat; }
div#main a.select.your-clients:hover { background: #AEDEE4 url(/assets/icons/your-clients.png) 10px 20px no-repeat; }
#info-pane div.info-pane.inner { width: 960px; margin: 0 auto; position: relative;}
div#info-pane ul { padding: 0 !important; margin-left: 0;}
#info-pane div.news, div.quick-links, div.contacts { float: left; width: 300px; margin: 0 30px 0 0;}
div.contacts{margin-right: 0;}
div#info-pane div.news h2 { background: url(/images/news-icon.gif) no-repeat right; border-bottom: 1px solid #fff; color: #fff;}
div#info-pane div.news h2 a {color: #FFF; text-decoration: none;}
div#info-pane div.quick-links h2 { background: url(/images/quick-links-icon.gif) no-repeat right; border-bottom: 1px solid #fff; color: #fff;}
div#info-pane div.quick-links ul { list-style: none; }
div#info-pane div.quick-links ul li { color: #4D4D4D ; font-size: .9em; margin: 5px 0; }
div#info-pane div.quick-links ul li a{ color: #4D4D4D ;text-decoration: none; display:block; padding: 3px 0 3px 3px;}
div#info-pane div.quick-links ul li a:hover{background-color:#C2C6C7;}
div#info-pane div.contacts h2 { background: url(/images/contact-icon.gif) no-repeat right; border-bottom: 1px solid #fff; color: #fff;}
div#info-pane div.contacts ul { list-style: none; }
div#info-pane div.contacts ul li { color: #4D4D4D ; font-size: .9em; margin: 5px 0 ; }
div#info-pane div.contacts ul li a{ color: #4D4D4D ;text-decoration: none; display:block; padding: 3px 0 3px 3px;}
div#info-pane div.contacts ul li a:hover{background-color:#C2C6C7;}
#info-pane div.news h4 { color: #4D4D4D; font-size: .9em; margin: 0 0 0 0; text-transform:uppercase;}
#info-pane div.news h4 a{ color: #4D4D4D; text-decoration: none;}
#info-pane div.news h4 a:hover{color: #FFF;}
#info-pane div.news p { color: #4D4D4D; font-size: 15px; line-height: 1.1;}
#info-pane div.news ul li{ list-style: none; }
#info-pane div.news ul li{padding: 3px;}
#info-pane div.news ul li.over,
#info-pane div.news ul li:hover{background-color:#C2C6C7;}
#info-pane ul.quick-links { float: left;}
#info-pane ul.contacts { float: left;}
#wrap { overflow: hidden; width: 970px; margin: 0 auto;clear: both; }
#wrap #main { float: left; width: 666px; margin: 0 0 0 0; padding: 20px 20px 20px 0; background: url(../images/sep-b.gif) 100% -3px repeat-y; color: #4d4d4d;}
#wrap #main.narrow{width:566px;}
.home #wrap #main{padding:0; width:686px; color: #FFF;}
#wrap #side { float: left; width: 260px; padding: 20px 0 20px 18px; background: url(../images/sep-b.gif) -3px -3px repeat-y; color: #fff; margin: 0 0 0 10; }
#wrap #side.wide{width: 360px; color: #4D4D4D;}
#wrap #side.wide em{padding:0 !important; font-style: italic;}
#wrap #side a:hover{ color: #205f73; text-decoration: underline; }
.home #wrap #side {width: 278px; padding:0;}
.roles #wrap #side {padding-left: 10px; width: 270px;}
#side.news h2{color: #2B388F;}
#side.news a{color: #205f73; text-decoration: none;}
#side.news a:hover{text-decoration: underline;}
#side.news a.rss{background: transparent url(/assets/icons/feed-icon-28x28.png) left center no-repeat; padding: 0 0 0 32px; line-height: 30px; display: block;}
#comment_form div{margin-bottom: 5px;}
#comment_form label{float: left; width: 100px; font-size: 12px;}
#comment_form div.captcha img{display: block; float: left;}
#comment_form div.captcha input{clear: both;}
#footer { overflow: hidden; width: 960px; margin: 0 auto; padding: 15px 0 25px; color: #fff; }
#footer p { float: right; margin: 0; color: #4D4D4D; font-size: 12px;}
#footer p.left { float: left; margin: -1px 0 0; font-weight: normal; }
#footer a { color: #4D4D4D; text-decoration: none; }
#footer a:hover{text-decoration: underline; }
#footer ul { display: inline; float: left; list-style: none; margin: 1px 0 0 15px; padding: 0; }
#footer ul li { display: inline; float: left; margin: 0 0 0 10px; padding: 0 0 1px 10px; border-left: 1px solid #888; font: 12px; }
#footer ul li.first { margin-left: 0; padding-left: 0; border-left: none; }
#footer ul li a { }
#footer ul li a:hover { color: #4D4D4D;}
#enhancement_form,
#contact-form{width: 500px; font-size: 13px; padding: 5px 10px 10px; margin: 10px 0 0 0; color: #4D4D4D;}
#enhancement_form p,
#contact-form p {font-size: 13px !important;}
#contact-form .checkboxes{margin-bottom: 15px;}
#enhancement_form label,
#contact-form label{display: block; margin-top: 5px; padding: 0 0 3px 0;}
#enhancement_form input,
#contact-form input{width:200px;}
#contact-form .checkboxes input{width: 20px;}
#enhancement_form textarea,
#contact-form textarea{margin-bottom:10px; font-family: "Helvetica Neue", Arial; font-size: 13px; width: 300px;}
#enhancement_form button,
#contact-form button{display:block;}
#registration_form p{overflow: hidden; _height: 1%;}
#registration_form label{float: left; width: 200px; text-align: left; display: block;}
#registration_form input{padding: 3px;}
#freeform p{overflow: hidden; _height: 1%;}
#freeform label{float: left; width: 200px; text-align: left; display: block;}
#freeform input{padding: 3px;}
ul.sidebar-nav li{margin: 0 0 5px 0;}
ul.sidebar-nav li a{text-decoration: none;}
ul.sidebar-nav li a:hover{text-decoration: underline;}
ul.side-nav {margin: 0 0 20px 0; padding: 0 !important;}
ul.side-nav li{margin: 0 0 5px 0; font-size: 13px;}
ul.side-nav li a{text-decoration: none;}
ul.side-nav li a:hover{text-decoration: underline;}
/* ELEMENTS
------------------------------------------- */
#sub-content { float: left; background: #F1DDAF url(/images/sub-content-bg.jpg) repeat-x; width: 100%; margin-bottom: 5px; position:relative; }
#sub-content .inner { width: 970px; margin: 0 auto; position:relative;}
#headingText{position: absolute; top:0; left:0; width: 970px; height: 110px;}
#sub-content h2 { color: #2B388F; height: 110px;}
#sub-content h2#total-agency-title{background:transparent url(/images/total-agency.png) top left no-repeat; width: 596px; height: 54px; text-indent: -5000em; margin-top: 10px; padding-top: 0;}
#sub-content p { color: #2B388F; margin: 15px 0 0 43px; font-size: 14px;}
#sub-content p.lead-in{font-size: 16px;}
#sub-content p em{font-style: italic;}
.popup{width:400px;}
#galleryThumbs{padding: 0; margin: 0;}
#galleryThumbs li{list-style-type:none; margin: 0 15px 15px 0;}
#side h3{color: #4d4d4d; font-weight: normal; font-size: 14px; padding: 0 0 0 12px; margin: 0 0 5px 0;}
#side form{margin: 0 0 20px 0;}
#side form label{color: #5289C7;}
#side form textarea{width: 225px; height: 100px; font-size: 12px; padding: 5px;}
#side form h3{padding-left: 0;}
#side #faqs{ margin: 0 0 20px 0; font-size: 12px; color: #5289c7; padding: 0 12px;}
#side #faqs h4{font-size: 14px; font-weight: bold; line-height: 1.2; margin: 0 0 5px 0;}
#side #faqs p{margin-bottom: 10px;}
.calendarBG {
background-color: #DDD;
margin-top: 20px;
}
.calendarBlank {
background-color: #EFEFEF;
text-align: center;
font-size: 11px;
}
.calendarHeader {
font-weight: bold;
color: #fff;
text-align: center;
background-color: #4C7FB9;
}
.calendarMonthLinks {
font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: .1em;
text-decoration: none;
color: #fff;
}
.calendarMonthLinks a {
color: #fff;
text-decoration: none;
background-color: transparent;
}
.calendarMonthLinks a:visited {
color: #fff;
text-decoration: none;
background-color: transparent;
}
.calendarMonthLinks a:hover {
color: #ccc;
text-decoration: underline;
background-color: transparent;
}
.calendarDayHeading {
font-weight: bold;
font-size: 11px;
text-align: center;
vertical-align: middle;
background-color: #FFF;
padding: 20px 6px;
}
.calendarToday {
font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: .1em;
text-decoration: none;
text-align: center;
vertical-align: middle;
color: #000;
background-color: #ccc;
}
.calendarCell {
font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: .1em;
text-decoration: none;
text-align: center;
vertical-align: middle;
color: #666;
background-color: #fff;
padding: 20px 6px;
}
.calendarCell a {
color: #000;
text-decoration: underline;
background-color: transparent;
}
.calendarCell a:visited {
color: #000;
text-decoration: underline;
background-color: transparent;
}
.calendarCell a:hover {
color: #fff;
text-decoration: none;
background-color: transparent;
}
/* Social Icons */
.social { width: 250px; height: 50px; float: right; margin-top: 180px; }
.social ul { list-style-type: none; margin-left: 700px; }
.social ul li { float: left; margin-right: 10px; position: relative; top: 0; left: 0; }
.social ul li a { display: block; padding: 4px 8px; }
.social ul li a.linkedIn { background: url(http://www.gotoadvantage.com/images/btn_linkedIn.jpg) no-repeat bottom center; height: 39px; width: 36px; margin: 0; padding: 0; text-indent: -9999px; }
.social ul li a.facebook { background: url(http://www.gotoadvantage.com/images/btn_facebook.jpg) no-repeat bottom center; height: 39px; width: 36px; margin: 0; padding: 0; text-indent: -9999px; }
.social ul li a.twitter { background: url(http://www.gotoadvantage.com/images/btn_twitter.jpg) no-repeat bottom center; height: 39px; width: 37px; margin: 0; padding: 0; text-indent: -9999px; }
.social ul li a.email { background: url(http://www.gotoadvantage.com/images/btn_email.jpg) no-repeat bottom center; height: 39px; width: 36px; margin: 0; padding: 0; text-indent: -9999px; }
.social ul li a.rss { background: url(http://www.gotoadvantage.com/images/btn_rss.jpg) no-repeat bottom center; height: 39px; width: 37px; margin: 0; padding: 0; text-indent: -9999px; }
.social ul li a.linkedIn:hover,
.social ul li a.facebook:hover,
.social ul li a.twitter:hover,
.social ul li a.email:hover,
.social ul li a.rss:hover { background-position: top center; }
#login_form{margin: 20px 0 0 0;}
#login_form label{float: left; width: 100px;}