@charset "UTF-8";
/* UP Design stylesheet */

body {height: 100%; margin: 0px; color:#000000; font-family:Arial,sans-serif; font-style:normal; font-variant:normal; font-weight:normal; line-height: 15px; background:#c0cbd1 url(imgs/bg.gif) repeat-y center 0; font-size:13px;}

a {text-decoration: none;}

.page {width:960px; margin:0 auto 0 auto;}

.header {height: 108px; width:960px;}

.header h1 {position: absolute; background:transparent url(imgs/logo.png) no-repeat; text-indent:-9999px; margin-top:8px; width:101px; height:95px; float:left; margin-left: 30px;}

.header_about a {width: 68px; height: 25px; float: left; margin-top: 82px; margin-left: 462px;}

.header_about a:hover {background:url(imgs/about_over.png) no-repeat;}

.header_work a {width: 72px; height: 25px; float: left; margin-top: 82px; margin-left: 34px;}

.header_work a:hover {background:url(imgs/work_over.png) no-repeat;}

.header_contact a {width: 84px; height: 25px; float: left; margin-top: 82px; margin-left: 33px;}

.header_contact a:hover {background:url(imgs/contact_over.png) no-repeat;}

.nav_divider {width: 1px; height: 29px; float: left; margin-top: 68px; margin-left: 26px;}

.header_contact_container {float: right; width: 128px; height: 26px; margin-top: 69px; margin-right: 29px;}

.phone {font-family: Arial, sans-serif; font-size: 13px; color: #536f86; text-align: right;}

.gary_email {margin-top: 2px;}

.long_divider {margin-left: 30px; margin-top: 20px; margin-bottom: 1px;}

.long_divider_02 {margin-left: 30px; margin-top: 0px; margin-bottom: 1px;}

.short_divider {margin-top: 24px; margin-bottom: 1px;}

.slider_container {width: 898px; height: 406px; border: solid 1px #536f86; margin-top: 1px; margin-left: 30px;}

.homepage_left_column {float: left; width: 594px; margin-left: 30px;}

.homepage_tab {margin-bottom: 13px; height: 23px;}

.news_container {height: 123px; margin-bottom: 27px;}

.news_image a {margin-right: 17px; border: solid 1px #536f86; width: 116px; height: 116px; float: left;}

.news_image a:hover {border: solid 1px #e11500;}

.news_text {width: 457px; float: left;}

.news_text_wide {width: 585px; float: left;}

.news_text a {color: #f05133; font-weight: bold;}

.news_text a:hover {color: #e11500;}

.news_text_wide a {color: #f05133; font-weight: bold;}

.news_text_wide a:hover {color: #e11500;}

.news_date {color: #536f86; font-weight: bold;}

.homepage_right_column {float: left; width: 286px; margin-left: 25px;}

.extras_container {height: 119px; margin-bottom: 20px;}

.extras_image a {margin-right: 11px; border: solid 1px #536f86; width: 147px; height: 117px; float: left;}

.extras_image a:hover {border: solid 1px #e11500;}

.extras_content {float: left; width: 120px;}

.footer_container {text-align: right; float: right; margin-right: 30px;}

.footer_divider {margin-bottom: 25px;}

.footer_nav a {text-align: right; text-transform: uppercase; color: #f05133; font-weight: bold;}

.footer_nav a:hover {color: #e11500;}

.footer_nav_item {text-align: right; margin-left: 26px;}

.footer_copyright {text-align: right; margin-top: 10px; margin-bottom: 70px;}

.work_columns_container {float: left; width: 929px; margin-left: 30px; margin-bottom: 20px;}

.work_text {margin-top: 13px; margin-bottom: 19px; margin-right: 29px;}

.work_item_container {float: left; width: 284px; height: 195px; margin-right: 22px;}

.work_preview_image a {float: left; width: 284px; height: 113px; border: solid 1px #536f86;}

.work_preview_image a:hover {border: solid 1px #e11500;}

.work_preview_text {float: left; margin-top: 8px; width: 284px;}

.work_preview_text a {color: #f05133; font-weight: bold;}

.work_preview_text a:hover {color: #e11500;}

.case_left_column {float: left; width: 720px; margin-left: 30px; margin-right: 30px; margin-bottom: 30px;}

.hero {margin-top: 13px; margin-bottom: 21px; border: solid 1px #536f86; width: 713px; height: 281px;}

.hero_logos {margin-top: 13px; margin-bottom: 0px; border: solid 1px #536f86; width: 713px; height: 281px;}

.hero_mcs {float: left; margin-top: 13px; margin-bottom: 21px; margin-right: 13px; border: solid 1px #536f86; width: 373px; height: 426px;}

.sub_hero_01 {margin-right: 25px; float: left; margin-top: 22px; margin-bottom: 21px; border: solid 1px #536f86; width: 343px; height: 221px;}

.sub_hero_02 {float: left; margin-top: 22px; margin-bottom: 21px; border: solid 1px #536f86; width: 343px; height: 221px;}

.sub_hero_01_mcs {float: left; margin-top: 13px; margin-bottom: 16px; border: solid 1px #536f86; width: 325px; height: 204px;}

.sub_hero_02_mcs {float: left; margin-top: 0px; margin-bottom: 0px; border: solid 1px #536f86; width: 325px; height: 204px;}

.case_right_column {float: left; width: 162px; margin-right: 0px;}

.client_text {font-size: 11px; line-height: 15px;}

.case_divider {margin-bottom: 1px; margin-top: 19px;}

.add_image a {width: 66px; height: 67px; float: left;margin-right: 13px; margin-bottom: 9px; border: solid 1px #536f86;}

.add_image a:hover {border: solid 1px #e11500;}

.addimage_container {height: 147px;}

.addimage_container_2 {height: 70px;}

.addimage_container_3 {height: 220px;}

.addimage_container_4 {height: 300px;}

.addimage_container_5 {height: 600px;}

.addimage_container_6 {height: 775px;}

.next_btn {margin-top: 18px;}

.back_btn {margin-top: 10px;}

.back_btn_logos {margin-top: 10px; margin-bottom: 30px;}

.mcs_text_lower {float: left; margin-bottom: 40px;}

.mcs_text_lower a {color: #f05133;}

.mcs_text_lower a:hover {color: #e11500;}

.contact_container {float: left; width: 930px; margin-left: 30px;}

.contact_column {float: left; width: 300px; margin-right: 17px;}

.contact_photo {float: left; margin-bottom: 50px; border: solid 1px #536f86; width: 581px; height: 437px;}

.cufon-canvas {margin-bottom:10px;}

.contact_text h2 {float:left; color:#536f86; font-size: 19px; line-height: 15px; width:100%; margin-bottom: 2px; margin-top: 10px; font-weight: bold;}

.contact_text h2 a {color: #f05133;}

.contact_text h2 a:hover {color: #e11500;}

.about_column {float: left; width: 670px; margin-right: 17px;}

.bullets {margin-left: 40px; margin-top: 20px; margin-bottom: 20px; width: 175px; float: left;}

.bullet_container {width: 670px; height: 95px;}

.divider_team {margin-bottom: 1px;}

.team_gary {float: left; margin-top: 20px; width: 650px; margin-bottom: 32px;}

.team {float: left; margin-top: 20px; width: 650px; width: 315px; margin-bottom: 32px;}

.team_photo {border: solid 1px #536f86; width: 105px; height: 117px; float: left; margin-right: 8px;}

.team_title {margin-left: 12px;}

.team_text_gary {float: left; margin-top: 2px; width: 530px;}

.team_text {float: left; margin-top: 2px; width: 140px;}

.studio_photo {border: solid 1px #536f86; width: 204px; height: 163px; margin-bottom: 34px;}

.about_right_column {float: left; margin-right: 30px;}

.news_page_container {width: 705px; margin-bottom: 30px;}

.news_item {float: left; margin-bottom: 30px; width: 705px;}

.news_title {float: left; font-family: Arial, sans-serif; font-weight: bold; font-size: 17px; line-height: 20px; color: #536f86; margin-bottom: 0px; width: 697px;}

.news_article_text {float: left; font-size: 13; line-height: 15px; margin-bottom: 6px; width: 700px;}

.news_article_text a {color: #f05133;}

.news_article_text a:hover {color: #e11500;}

.news_article_photo_362 {float: left; width: 697px; height: 362px; border: solid 1px #536f86; margin-bottom: 4px;}

.news_article_photo_392 {float: left; width: 697px; height: 392px; border: solid 1px #536f86; margin-bottom: 4px;}

.news_article_photo_346 {float: left; width: 697px; height: 346px; border: solid 1px #536f86; margin-bottom: 4px;}

.news_article_photo_134 {float: left; width: 697px; height: 134px; border: solid 1px #536f86; margin-bottom: 4px;}

.news_article_date {font-size: 11px; margin-bottom: 4px; float: left; text-align: left; width: 697px;}

.news_divider {float: left; margin-bottom: 0px;}

.news_archive_container {width: 150px; float: right; margin-right: 30px;}

.archive_links a {font-size: 14px; line-height: 22px; font-weight: bold; color: #f05133;}

.archive_links a:hover {color: #e11500;}

.video_container_1 {float: left; width: 432px; height: 308px; margin-top: 14px; margin-right: 35px;}

.video_container_2 {float: left; width: 432px; height: 308px; margin-top: 14px;}

.video_preview a {float: left; width: 430px; height: 240px; border: solid 1px #536f86; margin-bottom: 8px;}

.video_preview a:hover {border: solid 1px #e11500;}

.video_text a {color: #f05133; font-weight: bold;}

.video_text a:hover {color: #e11500;}

img, div, input, h1, a, span {behavior: url("iepngfix.htc") }