/******************************************** Amplifier Content Marketing Global CSS Version: 1.0 Author: Poccuo (http://www.poccuo.com) ---- Bookman 18px/26px = 1.13em/1.63em 22px/30px = 1.38em/1.88em 35px/45px = 2.19em/2.81em Georgia 12px/18px = 0.75em/1.13em 16px/20px = 1em/1.25em 18px/25px = 1.13em/1.56em *******************************************/ /*----------------------------------------------------*/ /*-------------- GLOBAL ------------------------------*/ /*----------------------------------------------------*/ body { font-family: Georgia, Serif; font-size: 100%; line-height: 1.38; color: #666; } h1 { font-size: 2.19em; margin: 0 0 .5em 0; color: #264363; font-weight: normal; } h2 { font-size: 1.38em; margin: .3em 0 .5em 0; color: #264363; font-weight: normal; } h3 { font-size: 1.13em; margin: .3em 0 .5em 0; color: #264363; font-weight: normal; } h4 { font-size: 1.13em; margin: .3em 0 .5em 0; color: #7093C0; font-weight: normal; } p { font-size: 1.13em; margin: 0 0 1em 0; } strong { font-weight: bold; } em { font-style: italic; } strong em { font-weight: bold; font-style: italic; } ul li, ol li { list-style-type: disc; font-size: 1em; margin: 0 0 0 30px; } ol li { list-style-type: decimal; } a { color: #7093C0; text-decoration: underline; font-style: italic;} a:hover { color: #264363; } img { } :focus {outline: 0;} /*----------------------------------------------------*/ /*-------------- FOUNDATIONAL ------------------------*/ /*----------------------------------------------------*/ #container { margin: 0 auto 50px auto; width: 900px; } /* HEADER */ #logo { margin: 30px 0 20px 0;} #menu, #menu_homepage { padding: 0 0 10px 0; border-bottom: 1px #CCC solid; margin: 0 0 20px 0; } #menu_homepage { border: 0; margin: 0; } /* FOOTER */ #footer { font-size: 9px; clear: both; border-top: 1px #CCC solid; font-family: verdana; padding: 10px 0 0 0; color: #666; margin: 0;} #copyright { font-size: 1em; float: right; color:#999; } /*-------------- MENUS ----------------*/ /* MASTHEAD MENU */ #menu, #menu_homepage { } #menu ul li, #menu_homepage ul li { font-size: 100%;display: inline; margin: 0; } #menu ul li a, #menu_homepage ul li a { font-size: .69em; color: #91387d; text-transform: uppercase; font-weight: bold; text-decoration: none; padding: 0 30px 0 0; font-style: normal;} #menu ul li a:hover, #menu_homepage ul li a:hover { color: #330033; } #menu ul li a.last, #menu_homepage ul li a.last { padding: 0; } #menu ul li a { color: #b690b2;} #menu ul li a:hover { color: #91387d;} #menu ul li a.active { color: #91387d;} #menu ul li a.active:hover { color: #330033;} /* MASTHEAD SUBMENU */ #menu #submenu { } /* FOOTER MENU */ #footer ul li { display: inline; margin: 0; padding: 0; } #footer ul li a { color: #666; text-decoration: none; border-right: 1px solid #999; padding: 0 7px 0 0; margin: 0 5px 0 0; font-style: normal; } #footer ul li a.last { border-right: 0px;} #footer ul li a:hover { color: #333; text-decoration: underline;} /* added 10/7/09 in house */ #tagline {font-family:Georgia, Serif; padding:0pt 0pt 10px 0px; font-style:italic; font-weight:bold; font-size:1.5em; color:#91387d; float:left;} #subnav {float:right; margin-top:4px;} #subnav ul {float:right; margin-bottom:10px; line-height:1.5em; vertical-align:baseline;} #footer ul li a.last { padding-right:0; margin-right:0; } /* end */ /*-------------- TWO COLUMN LAYOUT ----------------*/ #left_column_600 { width: 580px; float: left; padding: 0 20px 0 0; margin: 0 0 20px 0; background-image: url("../images/_global/dotted_line.gif"); background-repeat: repeat-y; background-position: 599px;} #right_column_300 { width: 280px; float: left; padding: 0 0 0 20px; margin: 0 0 20px 0; } #right_column_300 h3 { font-size: .7em; margin: 0 0 1em 0; color: #264363; text-transform: uppercase; font-weight: bold;} #right_column_300 p { font-size: .86em; } #right_column_300 ul li { list-style-image: url("../images/_global/list_dash.gif"); font-size: .86em; margin: 0 0 .2em 15px;} #right_column_300 a { font-size: 1em; color: #7093C0; text-decoration: none; font-style: italic; } #right_column_300 a:hover { color: #7093C0; text-decoration: underline; } #right_column_300 .rc_300_entry { padding: 0 0 20px 0; margin: 0 0 20px 0; background-image: url("../images/_global/dotted_line.gif"); background-repeat: repeat-x; background-position: bottom;} #right_column_300 .rc_300_entry h3 { font-size: .78em;} #right_column_300 .rc_300_entry p, #right_column_300 .rc_300_entry ul li, #right_column_300 .rc_300_entry ol li { font-size: .86em;} #left_column_300 { width: 280px; float: left; padding: 0 20px 0 0; margin: 0 0 20px 0; } #right_column_600 { width: 580px; float: left; padding: 0 0 0 20px; margin: 0 0 20px 0; background-image: url("../images/_global/dotted_line.gif"); background-repeat: repeat-y; background-position: 0px;} /*----------------------------------------------------*/ /*-------------- HOMEPAGE MODULES --------------------*/ /*----------------------------------------------------*/ /*--- see featuredModule.css ---*/ .homepage_module { position: relative; width: 280px; height: 270px; float: left; background-image: url("../images/_global/dotted_line.gif"); background-repeat: repeat-y; background-position: 299px; padding: 0 10px; margin: 0 0 15px 0;} .homepage_module_last { background-image: none; padding: 0;} .homepage_module h2 { color: #91387d; text-transform: uppercase; font-weight: bold; font-size: .7em; margin: 0 0 20px 0; padding: 0; } .homepage_module_last h2 { padding: 0 0 0 10px;} .homepage_module img.homepage_whitepaper_image { margin: 0 10px 0 0; float: left;} .homepage_module p { font-size: 0.8em; } .homepage_module .white_paper_desc { font-size: 1em; float: left; width: 185px;} .homepage_module p.featured_blog_title { font-size: 1em; font-weight: bold; font-style: italic; color: #264363; margin: 0; padding: 0 0 5px 0; } .homepage_module p.featured_blog_quote { font-size: 0.8em; float: none; clear: both; } .homepage_module p.featured_blog_date { font-size: 0.7em; color: #666; } .homepage_module a.homepage_link { margin: 10px 0 0 0; text-decoration: none; width: 280px; clear: both; position:absolute; top:250px; text-align: right; margin: 0 0 20px 0; } .homepage_module a.homepage_link:hover { text-decoration: underline; } .homepage_module_last a.homepage_link { width: 300px;} .homepage_module a.blog_title_link { color: #264363; text-decoration: none;} .homepage_module a.blog_title_link:hover { color: #0e2335; text-decoration: underline;} .homepage_module ul#latest_blog_entries { font-size: .86em; margin: 0; padding: 0;} .homepage_module ul#latest_blog_entries li { list-style-image: url("../images/_global/list_dash.gif"); margin: 0 0 10px 0; padding: 0;} /*----------------------------------------------------*/ /*-------------- 1.0 SERVICES ------------------------*/ /*----------------------------------------------------*/ .services_products_wrapper { margin: 0 0 20px 0; } .services_products_info_0, .services_products_info_1, .services_products_info_2 { height: 450px; width: 300px; margin: 0; float: left; background-image: url("../images/_global/dotted_line.gif"); background-repeat: repeat-y; background-position: 299px;} .services_products_info_2 { background-image: none; } .services_products_info_0 p, .services_products_info_1 p, .services_products_info_2 p { font-size: .86em; padding: 0 10px; } .services_products_info_0 h2, .services_products_info_1 h2, .services_products_info_2 h2 { margin: 20px 0 5px 0; } .services_products_info_0 h3, .services_products_info_1 h3, .services_products_info_2 h3 { font-size: 1.14em; margin: 20px 0 10px 0; } .services_products_info_1 h2, .services_products_info_2 h2 { padding: 0 10px; } .services_products_info_1 h3, .services_products_info_2 h3 { padding: 0 10px; } .services_products_info_0 p, .services_products_info_0 h2 { padding: 0 10px 0 0; } .services_products_info_2 p, .services_products_info_2 h2 { padding: 0 0 0 10px; } /*----------------------------------------------------*/ /*-------------- 2.0 MARKETING WITH MUSIC ------------*/ /*----------------------------------------------------*/ /*--- see slideModule.css ---*/ /*----------------------------------------------------*/ /*-------------- 3.0 MARKETING WITH MUSIC ------------*/ /*----------------------------------------------------*/ #white_paper p, #white_paper ul li, #white_paper ol li { font-size: .94em; line-height: 1.5em;} #white_paper h1 { font-size: 1.88em;} #white_paper h2 { font-size: 1.31em; margin-top: 2em;} #white_paper h3 { font-size: 1.31em; margin-top: 2em;} #white_paper h4 { font-size: 1em; margin-top: 2em;} #white_paper ul, #white_paper ol { margin-bottom: 10px;} #mwm_quote { font-size: 1.63em; margin-bottom: .25em;} #mwm_quote_author { color: #264363; font-size: .75em; font-weight: bold; font-style: italic; margin: 0 0 20px 0;} img.white_paper_small { vertical-align: middle; padding: 0 3px 3px 0;} /*----------------------------------------------------*/ /*-------------- 4.0 FEATURED WORK -------------------*/ /*----------------------------------------------------*/ #workModule { width: 900px; height: 400px; margin: -20px 0 0 0; background-color: #0e2335;} #work_module_menu { display: block; width: 900px; font-size: .94em; margin: 0 0 40px 0; background-color: #0e2335; } #work_module_menu ul { float: left; margin: 0; padding: 0; width: 300px; background-color: #0e2335;} #work_module_menu ul li { list-style-type: none; padding: 5px 0; margin: 0 10px; background-color: #0e2335; border-bottom: 1px #1d2d39 solid; } #work_module_menu ul li a { color: #617fb2; text-decoration: none; background-color: #0e2335; font-style: normal; } #work_module_menu ul li a:hover { text-decoration: underline;} .project_entry_image { float: left; width: 300px; } .project_entry_description { float: left; width: 578px; padding: 0 0 0 20px;} .project_entry_description h2 { margin: 0; } .project_entry_description h3 { font-size: .86em; width: 400px; color: #999; font-style: italic; } .project_entry_description p { font-size: .86em; } .project_entry_rule { clear: both; border: 0; background-image: url("../images/_global/dotted_line.gif"); background-position: 0 10px; background-repeat: repeat-x; height: 20px; } .project_entry_rule_last { clear: both; border: 0; height: 20px; } /*----------------------------------------------------*/ /*-------------- 5.0 BLOG ---------------------------*/ /*----------------------------------------------------*/ #blog { background-image: url("../images/_global/dotted_line.gif"); background-repeat: repeat-y; background-position: 599px;} #blog #left_column_600 { background-image: none;} #blog .blog_entry p, #blog .blog_entry ul li, #blog .blog_entry ol li { font-size: .94em; line-height: 1.5em;} #white_paper h1 { font-size: 1.88em;} #white_paper h2 { font-size: 1.31em; margin-top: 2em;} #white_paper h3 { font-size: 1.31em; margin-top: 2em;} #white_paper h4 { font-size: 1em; margin-top: 2em;} #blog .blog_entry h1 a { font-style: normal; color: #264363; text-decoration: none;} #blog .blog_entry h1 a:hover { color: #0e2335; text-decoration: underline;} #blog .blog_entry_rule { clear: both; border: 0; background-image: url("../images/_global/dotted_line.gif"); background-position: 0 30px; background-repeat: repeat-x; height: 80px; } #blog .blog_entry_rule_short { clear: both; border: 0; background-image: url("../images/_global/dotted_line.gif"); background-position: 0 20px; background-repeat: repeat-x; height: 40px; } #blog a.archive_list_month { padding: 0 10px 0 0;} #blog ul#archive_list_categories li { list-style-type: none; margin: 0 0 .5em 0; padding: 0;} #blog ol li input#submit { margin: 30px 0 0 0; } #blog ul, #blog ol { margin-bottom: 15px;} #blog ol li#captcha label { margin: 10px 0 0 0; } #blog ol li#captcha img { float: left; margin: 15px 0 0 0;} #blog ol li#captcha input { float: left; width: 140px; margin: 15px 0 -10px 0; } #blog ol li#captcha .validation-advice { clear: both; margin: -10px 0 0 360px; padding: 0;} #blog #next_link { display: block; float: left; width: 120px; } #blog #status { display: block; float: left; text-align: center; width: 340px;} #blog #previous_link { display: block; float: left; width: 120px; } #blog img.inline {float:right; margin-left:20px;border:1px solid #000;} /*--- comments ---*/ ol.comment_form li { display: block; list-style-type: none; margin: 0; vertical-align: top; clear: both; height: 45px;} .comment_1 { background-color: #EEE; padding: 10px;} .comment_0 { background-color: #FFF; padding: 10px;} /*--- search results ---*/ form#blog_search_form input { background-image: url("../images/_global/search.gif"); background-repeat: no-repeat; width: 249px; float: left; margin: 0 1px 0 0; padding: 5px 0 5px 25px;} form#blog_search_form input.submit { background-image: none; width: 70px; float: right; margin: 15px 0 0 0; border: 0px; padding: 5px; background-color: #91387d; color: #FFF; font-style: italic; } form#blog_search_form input.submit:hover { background-color: #4F1D4C; } form#blog_search_form .validation-advice { float: left; margin: 2px 0 0 0; padding: 0;} /*--- search results ---*/ #search_results { background-image: url("../images/_global/dotted_line.gif"); background-repeat: repeat-y; background-position: 599px;} #search_results h2 a { font-style: normal; color: #264363; text-decoration: none;} #search_results h2 a:hover { color: #0e2335; text-decoration: underline;} #search_results p, #search_results ol li, #search_results ul li { font-size: .9em;} #search_results .search_results_entry_rule { clear: both; border: 0; background-image: url("../images/_global/dotted_line.gif"); background-position: 0 20px; background-repeat: repeat-x; height: 40px; } /*----------------------------------------------------*/ /*-------------- 6.0 ABOUT ---------------------------*/ /*----------------------------------------------------*/ .employee_info_wrapper { margin: 0 0 10px 0; } .employee_info_0, .employee_info_1, .employee_info_2 { min-height: 600px; width: 300px; margin: 0 0 20px 0; float: left; background-image: url("../images/_global/dotted_line.gif"); background-repeat: repeat-y; background-position: 299px; } .employee_info_2 { background-image: none; } .employee_info_0 p, .employee_info_1 p, .employee_info_2 p { font-size: .86em; padding: 0 10px; } .employee_info_0 h2, .employee_info_1 h2, .employee_info_2 h2 { margin: 20px 0 -5px 0; } .employee_info_0 h3, .employee_info_1 h3, .employee_info_2 h3 { font-size: .9em; } .employee_info_1 h2, .employee_info_2 h2 { padding: 0 10px; } .employee_info_1 h3, .employee_info_2 h3 { padding: 0 10px; } .employee_info_0 p, .employee_info_0 h2 { padding: 0 10px 0 0; } .employee_info_2 p, .employee_info_2 h2 { padding: 0 0 0 10px; } .employee_info_bottom_0 { min-height: 150px; width: 450px; margin: 0 0 20px 0; float: left; background-image: url("../images/_global/dotted_line.gif"); background-repeat: repeat-y; background-position: 449px; } .employee_info_bottom_1 { background-image: none; margin: 0 0 0 10px;} .employee_info_bottom_0 img, .employee_info_bottom_1 img { float: left; margin: 0 10px 0 0;} .employee_info_bottom_1 img { margin: 0 0 0 10px;} .employee_info_bottom_0 p, .employee_info_bottom_1 p { font-size: .86em; padding: 0 10px; } .employee_info_bottom_0 h2, .employee_info_bottom_1 h2 { margin: 0 0 -5px 0; } .employee_info_bottom_0 h3, .employee_info_bottom_1 h3 { font-size: .9em; } .employee_info_bottom_1 h2 { padding: 0 10px; } .employee_info_bottom_1 h3 { padding: 0 10px; } .employee_info_bottom_0 p, .employee_info_bottom_0 h2 { padding: 0 10px 0 0; } .employee_info_bottom_1 p, .employee_info_bottom_1 h2 { padding: 0 0 0 10px; } .entries_employee_bottom_info_wrapper { float: left; width: 270px;} .no_border { background-image: none; } /*----------------------------------------------------*/ /*-------------- 7.0 CAREERS -------------------------*/ /*----------------------------------------------------*/ .job_postings_wrapper { margin: 0 0 20px 0; background-image: url("../images/_global/dotted_line.gif"); background-repeat: repeat-y; background-position: 449px; } .job_posting_0, .job_posting_1 { width: 420px; float: left; padding: 0 20px 0 0; margin: 0 20px 0 0; } .job_posting_1 { margin: 0; padding: 0; background-image: none; padding: 0 10px 0 10px;} .job_posting_0 p, .job_posting_1 p { font-size: .85em; } /*----------------------------------------------------*/ /*-------------- 8.0 CONTACT ------------------------*/ /*----------------------------------------------------*/ img.contact_pin { vertical-align: middle; padding: 0 7px 3px 0;} legend { display: none; } label { display: block; font-size: 1em; width: 200px; float: left; height: 30px; } input { color: #666; width: 365px; float: left; border: 1px #ccc solid; padding: 5px;} input.checkbox { color: #666; width: 16px; height: 16px; float: left; border: 1px #ccc solid; padding: 25px 0 30px 0; margin: 0 10px 30px 0;} textarea { color: #666; width: 365px; float: left; border: 1px #ccc solid; padding: 5px; } form#freeform { margin: 30px 0 0 0; } ol#contact_form li { display: block; list-style-type: none; margin: 0; vertical-align: top; clear: both; height: 45px; } ol#contact_form li.checkbox { padding: 20px 0 0 0;} input#submit { clear: both; display: block; width: 150px; float: right; margin: 10px 0 0 0; border: 0px; background-color: #91387d; color: #FFF; font-style: italic; } input#submit:hover { background-color: #4F1D4C;} /*----------------------------------------------------*/ /*-------------- 9.0 UPDATES ------------------------*/ /*----------------------------------------------------*/ #right_column_300 .rc_300_entry ol#updates_mini_form li { display: block; list-style-type: none; margin: 0; vertical-align: top; clear: both; height: 45px; } #right_column_300 .rc_300_entry ol#updates_mini_form li input { width: 175px; padding: 5px; font-size: .86em;} #right_column_300 .rc_300_entry ol#updates_mini_form li label { width: 90px; font-size: 1em; padding: 8px 0 0 0;} #right_column_300 .rc_300_entry ol#updates_mini_form .validation-advice { margin: 0 0 0 90px;} #right_column_300 .rc_300_entry input#submit_updates_mini_form { width: 100px; float: right; margin: 10px 5px 0 0; border: 0px; background-color: #91387d; color: #FFF; font-style: italic; } #right_column_300 .rc_300_entry input#submit_updates_mini_form:hover { background-color: #4F1D4C;} /*----------------------------------------------------*/ /*-------------- PROMO MODULES---------- -------------*/ /*----------------------------------------------------*/ a.promo_module { width: 445px; height: 125px; display: block; text-decoration: none; float: left;} a.promo_module_left { margin: 10px 5px 10px 0; } a.promo_module_right { margin: 10px 0 10px 5px; } a.promo_module .promo_module_title { display: block; font-size: .74em; color: #264363; font-style: normal; text-transform: uppercase; font-weight: bold; text-decoration: none; padding: 12px 20px 5px 90px; } a.promo_module .promo_module_description { display: block; font-size: .86em; line-height: 1.5em; color: #666; font-style: italic; font-weight: bold; text-decoration: none; padding: 0 20px 0 90px;} a.promo_module:hover { background-image: url("../images/_global/promo_rollover.gif"); } a.promo_module:hover .promo_module_title { color: #0e2335; text-decoration: none; } a.promo_module:hover .promo_module_description { color: #333; text-decoration: none; } hr.promo_module {border: none; border-top: 1px #CCC solid; margin: 10px 0 0 0; padding: 0; clear: both;} /*----------------------------------------------------*/ /*-------------- SPECIAL SPECIAL SPECIAL -------------*/ /*----------------------------------------------------*/ .hidden { display: none;} .clear { clear: both; } .bright { color: #22438C; } hr.line { border: none; border-bottom: 1px #CCC solid; margin: 20px 0;}