/*-------------
Universals
-------------*/
html {
-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}
body{font:13px/22px 'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif;background:#404041 url('../images/use_your_illusion_gray.jpg') repeat;color:white;}
p{margin-bottom:22px;}
a{color:white; text-decoration:none; border-bottom:1px dotted #666;}
h1,h2,h3{font-weight:normal;}
h1,.home_body h2{width:960px;margin:33px auto 33px auto;font-weight:normal;font-size:26px;}
h1{font-weight:300;}
.project_body h1{font-weight:normal;}
h2{text-transform:uppercase;letter-spacing:2.1px;margin-bottom:33px;font-size:10px;}
h3{font-size:16px;margin-bottom:22px;}
em{font-weight:bold;}
.fadeshow {display:none;}
.logo,.home_body h1.logo{display:block; border:none; float:left;font-size:13px;font-weight:bold;padding:0;width:143px;height:42px;margin:0px;text-indent:-5000px;background:url('../images/marathon-realty-logo.png') no-repeat left center;}
.name,.designation,.smallcaps{text-transform:uppercase;letter-spacing:1.6px;}
ul {
list-style: disc outside none;
}
.fadeshow {list-style: none outside none;}
/*-------------
Navigation
-------------*/
nav{margin:0;padding:0;float:right;position:relative; display:block;}
ul.main_menu{padding-left:0;float:left;}
/*IE only rule. Delete extra margin-bottom*/
/** html nav ul.main_menu{margin-bottom:0;}*/
ul.main_menu li{display:block; float:left;}
ul.main_menu li a{display:block; font-weight:normal;font-size:13px; padding:10px 42px 10px;
text-decoration:none; border-right:1px solid #555; border-bottom:none;}
ul.main_menu li a.active,nav ul.main_menu li a:hover{background-color:rgba(0,0,0,.21);}
ul.main_menu li a.active{box-shadow:inset 0px 0px 3px rgba(0,0,0,1);}
.m_portrait .main_menu {font-family:'myriad-pro-condensed','myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif; text-transform: uppercase; letter-spacing:.3px;}
.m_portrait .project-menu {font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif; text-transform: none; }
/*-------------
Extra Controls - Spinner container and topbar hider thinger word
-------------*/
.extra_controls,.extra_controls li,.extra_controls li a{display:block;}
.extra_controls{position:absolute;top:0;right:-88px;display:none;z-index:3;}
.extra_controls li{}
.extra_controls li a{text-align:center;font-weight:normal; text-decoration:none; line-height:43px;
float:left;width:43px;border-right:1px solid rgba(255,255,255,.08);height:42px; border-bottom: none; overflow:hidden;}
.spinner_container, .spinner_container a{cursor:default;}
.company_submenu ul .spinner_container a:hover {box-shadow:none;}
.extra_controls li a.toggle_menu_handle{font:13px/48px 'Consolas','Meta','Meta-Pro','MetaPro',sans-serif;}
.toggle_menu_handle:hover{background:rgba(0,0,0,.16);}
.hidden{margin-top:-42px !important;}
/*-------------
Company Menu
-------------*/
.company_submenu,.company_submenu ul,.company_submenu ul li{display:block;}
.company_submenu{background:white;color:#333;margin:0 auto;height:33px;width:100%; z-index:2;}
.company_submenu ul{width:960px;margin:0 auto;}
.company_submenu a{color:#333;font-weight:normal;display:block; text-decoration: none; border-left:1px solid #e0e0e0;padding:8px 34px 3px 34px;}
.m_landscape .company_submenu a{padding:8px 11px 3px;}
.m_portrait .company_submenu a {font-family: 'myriad-pro-condensed','myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif; font-size: 15px; font-weight: normal; padding: 8px 7px 3px;}
.company_submenu ul li{float:left;}
.company_submenu a.active{box-shadow:inset 0px 0px 6px rgba(0,0,0,.13);}
.company_submenu a:hover{box-shadow:0px 0px 6px rgba(0,0,0,.21);}
/*-------------
Project Menu
-------------*/
.project-menu{width:354px;position:absolute;top:42px;left:137px;background:#242427;font-weight:bold;padding:0 0 11px 0;z-index:8;display:none;}
.project-menu li{display:block !important;width:100%;}
.project-menu li ul{display:block;width:310px;padding:9px 22px 5px;}
.project-menu li ul:hover{background-color:rgba(0,0,0,.08);}
.project-menu li ul li{display:block;margin-bottom:6px;width:200px;float:right;}
.project-menu li ul li a{padding:0px;border-right:0px; float:left;}
.project-menu li ul li a:hover{/*background:none;*/text-decoration:underline;}
.project-menu legend{display:block;text-align:right;width:90px;float:left;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:normal;}
/*-------------
Icons
-------------*/
.commercial, .residential, .retail, .township, .residential_retail {width:100%;}
.project-menu a, .project-menu a:hover, dt {background-image:url('../images/marathon-ui-icons.png') !important;
background-color:rgba(0,0,0,0) !important;}
.commercial {background-position:-40px 0px;}
.residential {background-position:-40px -22px;}
.retail {background-position:-40px -44px;}
.residential_retail {background-position:-40px -66px;}
.residential_commercial {background-position:-40px -88px;}
.commercial_retail {background-position:-40px -110px;}
.residential_commercial_retail {background-position:-40px -132px;}
.key .commercial, .key .residential, .key .retail, .key .township, .key .residential_retail {width:22px; height:22px;}
.key .commercial {background-position:-180px 0px;}
.key .residential {background-position:-180px -22px;}
.key .retail {background-position:-180px -44px;}
/*-------------
Definition List and details
-------------*/
dl {display:block; padding-top:11px; border-top: 1px solid #666; padding-left:10px; float:left; width:100%;}
dt, dd {display:inline-block; font-weight:normal; margin-right:3px;}
dd {margin-right:8px;}
dt {width:22px; text-indent:-9999px;}
dt.commercial, dt.residential, dt.retail, dt.township {padding-left:0px !important;}
dt.commercial {background-position:-176px 0px;}
dd.homes {margin-right:4px;}
dt.township {background-position:-178px -66px;}
dd.townshippy {margin-right:6px;}
dd.offices {margin-right:11px;}
.m_portrait dt, .m_portrait dd {font-size:11px; font-family:'myriad-pro-condensed', 'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif; font-weight:400;
letter-spacing:.3px;}
/*-------------
Topbar
-------------*/
.topbar,.extra_controls{background:#2e2d2d;background-image:linear-gradient(bottom,rgb(41,38,39) 1%,rgb(64,64,64) 65%);background-image:-o-linear-gradient(bottom,rgb(41,38,39) 1%,rgb(64,64,64) 65%);background-image:-moz-linear-gradient(bottom,rgb(41,38,39) 1%,rgb(64,64,64) 65%);background-image:-webkit-linear-gradient(bottom,rgb(41,38,39) 1%,rgb(64,64,64) 65%);background-image:-ms-linear-gradient(bottom,rgb(41,38,39) 1%,rgb(64,64,64) 65%);background-image:-webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.01,rgb(41,38,39)),
color-stop(0.65,rgb(64,64,64))
);}
.topbar{height:42px;margin:0px auto 0;width:100%;border-top:1px solid rgba(255,255,255,.34);}
.nav-and-logo{width:960px; margin:0 auto;}
.padded-container{padding:42px 48px;background:#222222;background:rgba(0,0,0,.42);box-shadow:inset 0px 0px 4px rgba(0,0,0,.68);width:864px;margin:0 auto;height:auto;}
footer{width:960px;display:block;margin:22px auto 66px auto;padding-bottom:66px;}
/*-------------
Page by Page
-------------*/
/*-------------
Newsroom
-------------*/
.news-projects{text-align:center;}
.news-projects li a{margin-bottom:22px;padding:22px 0;}
.news-projects li a:hover{background:rgba(0,0,0,.42);border-radius:6px;}
.news-projects img{width:120px;height:120px;border-radius:120px;display:block;margin:0 auto 11px auto;box-shadow:0px 0px 6px rgba(0,0,0,.55);}
.news li{display:block;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.13);}
.news li:first-child {padding-top:0px;}
.show-all-news{font-weight:normal;margin-top:11px;float:right;}
.news a {display: block; font-size: 21px; font-weight: lighter; text-decoration: none; border:none; line-height:34px;}
.news a em {font-style:normal; font-weight:normal;}
.date_posted {text-transform: uppercase; letter-spacing: 2px; font-size:10px; color:#666;}
/*-------------
Careers
-------------*/
/*A lot of the style information is borrowed from the newsroom page to save time as this is a temp page*/
.departments,.vacancies{display:block;}
.departments ul{list-style:disc outside none;}
.vacancies{float:left;width:45%;margin-right:5%;margin-bottom:33px;}
.vacancies h3{border-top:1px dotted rgba(255,255,255,.16);padding-top:11px;}
.job_listings{clear:both;}
.kicker{font-size:21px;font-weight:normal;line-height:33px;}
.vacancies a{font-weight:normal;}
.careers_body, .contact_body {background:url('../images/use_your_illusion.jpg') repeat;}
.careers_body .padded-container, .contact_body .padded-container{background:rgba(0,0,0,.21);box-shadow:inset 0px 0px 3px rgba(0,0,0,.26);}
.careers_body h2 {margin:11px 15px;}
/*.next_steps{margin-top:99px;}
*/
/*-------------
Project specific media page
-------------*/
.project-media-description{font-size:16px;line-height:33px;}
.project-media-next-steps li{display:block;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.13);}
.project-media-images img{display:block;margin:0 auto 11px auto;width:120px;height:80px;box-shadow:0px 0px 6px rgba(0,0,0,.55);}
.project-media-images figure{margin-bottom:22px;}
figcaption{text-align:center;}
.project-media-images .filetype{text-transform:uppercase;letter-spacing:1px;font-size:10px;}
/*-------------
Announcements
-------------*/
.announcement-hero{width:960px;height:480px;margin:-42px 0 0 -48px; overflow:hidden; z-index:0;}
.announcement h1{z-index:100;line-height:33px;width:100%;padding:22px 11px 22px 63px;margin-left:-63px;margin-top:-111px;margin-bottom:22px;background:#222222}
.announcement-next-steps li{display:block;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.13);}
.announcement-next-steps{margin-top:11px;}
#announcement .padded-container{margin-top:33px;}
/*-------------
Contact
-------------*/
.contact h3{font-weight:bold;font-size:13px;margin-bottom:22px;}
.contact .name{font-size:10px;}
.contact_address{padding-top:22px;border-top:1px solid rgba(255,255,255,.13);margin-top:33px;}
.contact_address img{width:100%;box-shadow:0px 0px 6px rgba(0,0,0,.55);}
.contact_partnerships .contact_details{margin-top:44px;}
/*-------------
Home
-------------*/
.home-project{text-shadow:1px 1px 0px rgba(0,0,0,.88);}
.home-project .container_12{height:100%;}
.home-project h2{font-size:26px;text-transform:none;margin-bottom:5.5px;letter-spacing:0px;}
.home-project p{font-size:16px;}
.home_body h2{width:auto;margin:22px 0px 5.5px 0px;text-transform:none;letter-spacing:0px;}
.featured_projects{display:block;position:relative;}
.featured_projects li{display:block;position:absolute;top:-88px;left:0; list-style:none outside none;}
.m_landscape .featured_projects li {top:0px;}
.m_portrait .featured_projects li {top:21px;}
.home_body .status,.home_body .caption{display:none;}
.featured_projects li {display:none;}
/*-------------
Company
-------------*/
.company_body {overflow-x:hidden;}
.tablet #history img, .m_portrait #history img, .m_landscape #history img {max-width:100%; height:auto;}
.scrolling_content {display:block; white-space:nowrap; width:1000px; overflow:hidden;}
.scrolling_panel{margin-right:-3px; padding:27px 0 33px;height:auto;
width:1000px; display:inline-block; vertical-align: top; white-space: normal; }
/*.scrolling_content li.csr{padding:34px 0 99px;}*/
/*.scrolling_content li#csr{background:none !important;}
*/
.company_submenu ul li.top_btn{float:right;display:none;}
.company_submenu ul li.spinner_container {float:right;}
.company_submenu ul li.spinner_container a {padding:8px 16px 3px;}
.company_body{background:none;}
.top_btn a{/* padding-left:8px;*/background:url('../images/top-icon.png') no-repeat 16px 0px;}
.company_header {width:100%; z-index:9; top:0; left:0;}
/*-------------
Company pages - History,Achievements,CRS,Mission,Vision,Dharma
-------------*/
/*-------------
Mission
-------------*/
.mission{background:url('../images/company/mission_bg.jpg') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;text-align:center;color:#333333;}
.mission h2{text-transform:none;letter-spacing:0px;font-size:26px;line-height:34px;margin-top:0px;}
.mission p{font-size:16px;line-height:33px;margin:33px auto 0 auto;width:260px;padding:55px;background:rgba(204,62,62,.68);border-radius:800px;color:white;}
/*-------------
Vision
-------------*/
.vision{background:url('../images/company/vision_bg.jpg') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.vision em{font-style:normal;}
.vision h2{font-size:26px;line-height:22px;margin-bottom:11px;text-transform:none;letter-spacing:0px;}
.vision .byline,.vision h2{text-align:center;}
.vision ol li{font-size:21px;line-height:33px;padding-bottom:11px;padding-top:11px;border-bottom:1px solid rgba(255,255,255,.34);}
.vision ol{margin-top:11px;}
.substantiation{display:block;margin-top:0px;font-size:13px;line-height:22px;}
.vision_statement p {text-align:center;}
.vision ol { list-style: decimal outside none;}
/*-------------
Dharma
-------------*/
.dharma{background:url('../images/company/dharma_bg.jpg') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;text-align:center;color:#333333;}
.dharma h2,.achievements h2{text-transform:none;letter-spacing:0px;font-size:26px;line-height:34px;margin-bottom:11px;}
.dharma_overview p,.dharma h2{text-align:center;}
.dharma ul li{display:block;padding-bottom:11px;padding-top:11px;border-bottom:1px solid rgba(0,0,0,.16);font-size:21px;line-height:33px;}
/*-------------
Dharma
-------------*/
.promoters{background:#f5efc8; color:#444;}
.promoter_overview{font-size:21px;line-height:33px;margin-top:0px;margin-bottom:22px;}
.technology img,.awards img{display:block;margin:0 auto 22px auto;width:120px;height:120px;border-radius:120px;box-shadow:0px 0px 6px rgba(0,0,0,.21);}
.promoter_bios img {display:block; margin:0 auto 22px;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
border:2px solid white;
border-radius:2px;
box-shadow:0px 0px 2px rgba(0,0,0,.21);
width:100%; height:auto;
}
.promoter_bios .designation{font-size:10px;}
/*-------------
Achievements
-------------*/
.achievements{background:url('../images/company/achievements_bg.jpg') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;color:#333333;}
.achievements_overview{text-align:center;margin-bottom:11px;}
.achievements h4{font-size:13px;font-weight:bold;}
.achievements h3{font-size:21px;margin-bottom:22px;}
.technology{margin-bottom:11px;}
.awards img{width:49px;height:49px;}
.awards h3{text-align:center;}
/*-------------
History
-------------*/
.history {background:#111; color:white;}
.history p {font-size:21px; line-height:34px; font-weight:100;}
.buildings img {width:128px; height:192px; border:2px solid #444; box-shadow:0px 0px 3px rgba(0,0,0,.34);}
span.year {font-weight:100; color:#777;}
.buildings li {margin-bottom:22px;}
.tablet .buildings li, .m_portrait .buildings li, .m_landscape .buildings li{font-size:12px;}
.m_portrait .buildings li, .m_landscape .buildings li{width:27%; float:left; list-style:none outside none; margin: 0 3% 3%;}
.tablet .buildings span.year, .m_portrait .buildings span.year, .m_landscape .buildings span.year {display:block;}
.history h3 {font-size:13px; text-transform:uppercase; letter-spacing:2px;}
.marathon_red {color:red;}
/*-------------
CSR - Corporate Social Responsibility
-------------*/
.csr_achievements li{margin-bottom:1px;}
.m_landscape .csr_achievements li, .m_portrait .csr_achievements li {width:89%;}
.m_portrait .csr_achievements li {width:82%;}
.csr_achievements li a{display:block; text-decoration: none; width:100%;background:white;opacity:0.68;padding:16px 26px;font-weight:normal;color:#666;}
.csr_achievements li a.active,.csr_achievements li a:hover{opacity:.93;}
.csr_achievements li a span{display:block;float:left;font-size:42px;width:90px;margin-right:20px;height:26px;padding-top:13px; margin-bottom:33px;}
.csr_achievements li a p{margin-bottom:0px;}
.tablet .anystretch img {left:0 !important;}
/*-------------
Project Page
-------------*/
.home-project{text-shadow:1px 1px 0px rgba(0,0,0,.88);}
.home-project .container_12{height:100%;}
.home-project h2{font-size:26px;text-transform:none;margin-bottom:5.5px;letter-spacing:0px;}
.home-project p{font-size:16px;}
.project_key_points{width:960px;margin:0 auto;position:relative;height:90%;z-index:0;}
.project_key_points .random_wrapper{/*border-top:1px solid rgba(255,255,255,.34);*/ position:absolute;bottom:22px;left:0px;width:420px;text-shadow:1px 1px 1px rgba(0,0,0,.88);}
.project_key_points h1,.project_key_points p{margin-bottom:11px;}
.project_key_points h1 {margin-top:11px;}
.project_key_points p {font-size:16px;}
.project_key_points p.caption {font-size:13px;}
#contact.highlight {border-top:2px solid #C21C06; font-weight:bold;}
.threed_attr {border-bottom:1px dotted white; cursor:help; display:inline-block;}
/*-------------
Player Controls
-------------*/
.caption,.status{float:left;}
.caption{width:auto;margin-left:6px;font-style:italic;}
.player_controls a{font:18px/29px 'Consolas','Meta','Meta-Pro','MetaPro',sans-serif;display:block; text-decoration:none; text-align:center;width:29px;height:29px;border-radius:150px; background:#333; background:rgba(0,0,0,.8);float:left;margin-right:3px;}
.player_controls a.automode{background:#d7281e;}
.progress_bar{position:absolute;top:0;left:0;width:0%;background:white;opacity:.21;height:2px;}
.prev_btn {left: 0px; position: absolute; top: -140px;}
.home_body .prev_btn {top:-240px;}
.next_btn {position: absolute; right: -520px; top: -140px;}
.home_body .next_btn {top:-240px;}
.hd_btn {
font-size: 13px !important;
position: absolute;
right: 0px;
top: 11px;
opacity:.68;
display:none !important;
}
.hd_btn.hd_on {opacity:1;}
.play_btn {
font-size: 13px !important;
letter-spacing: -1px;
position: absolute;
right: 0px;
top: 11px;
}
/*-------------
Project Details Panel
-------------*/
.project_details_panel{position:fixed;top:42px;right:-450px;width:380px;padding:20px 30px 20px 40px;overflow:hidden;background:white;color:#666;overflow:scroll;z-index:1;}
.extended{top:0px;padding-top:62px;}
.project_details_panel p{margin-bottom:11px;}
.project_details_panel h3{padding-top:11px;margin:11px 0 11px 0;text-transform:uppercase;font-size:10px;letter-spacing:2px;border-top:1px solid #e0e0e0;}
.project_details_panel h3:first-child{border-top:none;padding-top:0px;margin-top:0px;}
.project_details_panel ul{list-style:disc outside none !important;}
.project_body{background-size:cover !important; background:#404041;}
.inactive_btn{opacity:.3;cursor:default;}
#inquire {font: 13px/21px 'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif; }
#inquire .field_container {display:block; float:left; width:40%; margin-right:10%; margin-bottom:10.5px;}
#inquire label {display:block;}
/*-------------
Random
-------------*/
/*Rotate*/
.rotate{/* Safari */
-webkit-transform:rotate(180deg);/* Firefox */
-moz-transform:rotate(180deg);/* IE */
-ms-transform:rotate(180deg);/* Opera */
-o-transform:rotate(180deg);}
/*-------------
Project Inquiry Google Form
-------------*/
.project_inquiry iframe {border: 13px solid white;
display: block;
margin: 26px auto; overflow:auto;}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
}
/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix {
zoom: 1;
}
/*-------------
Range 1 : Mobile Landscape
-------------*/
/*The only difference between mobile landscape and portrait is the navigation and topbar*/
.m_landscape nav ul.main_menu li a {padding: 10px 10px; }
.m_landscape .logo {width:106px; margin-right:13px;}
.m_landscape footer, .m_landscape h1, .m_landscape .home_body h2 {width:94%; }
.m_landscape .nav-and-logo {width:100%;}
.m_landscape .project-menu {left: -50px;}
.m_landscape .project-menu li ul li a { padding: 0; }
.m_landscape nav {margin-right:0px !important;}
.m_landscape .padded-container {width:86%; padding:3% 4%;}
.m_landscape h1 { margin: 33px auto;}
.m_landscape .topbar {width:94%; padding:0 3%;}
/*Project Page*/
.m_portrait .random_wrapper, .m_landscape .random_wrapper
{font-family: 'myriad-pro-condensed','myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif;}
.m_portrait .project_body h1, .m_landscape .project_body h1
{display:block; margin:22px 0 5px 0;}
.m_portrait .project_key_points, .m_portrait .random_wrapper, .m_landscape .project_key_points, .m_landscape .random_wrapper
{width:100%;}
.m_portrait .project_key_points, .m_landscape .project_key_points
{height:54px; position:fixed; bottom:0; background:rgba(34,34,34,.68); padding:8px;}
.m_portrait .random_wrapper, .m_landscape .random_wrapper
{position:relative;}
.m_portrait .project_details_panel, .m_landscape .project_details_panel
{padding: 6% 9%; width: 82%; left:0; top:500px; font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif; border-top:13px solid #e0e0e0;}
.m_portrait .next_btn
{right:13px; top:19px;}
.m_landscape .next_btn
{right:13px; top:23px;}
.m_portrait .prev_btn
{left:260px; top:19px;}
.m_landscape .prev_btn
{left:260px; top:23px;}
.m_portrait .status, .m_portrait .caption, .m_landscape .status, .m_landscape .caption
{display:none;}
.m_portrait .project_body .topbar, .m_landscape .project_body .topbar, .m_portrait .home_body .topbar, .m_landscape .home_body .topbar
{background:rgba(34,34,34,.68);}
.m_portrait .home_body .featured_projects h2 {margin: 0px 0 5.5px;}
.notebook .close_panel, .tablet .close_panel,.m_portrait .close_panel, .m_landscape .close_panel {
background: none repeat scroll 0 0 #666666;
border: 2px solid white;
border-radius: 100px 100px 100px 100px;
color: #F2F2F2;
font-size: 21px;
height: 27px;
padding-left: 7px;
position: fixed;
right: 0px;
text-transform: uppercase;
top: 62px;
width: 20px;
}
.m_portrait .close_panel, .m_landscape .close_panel
{
right:13px;
background:#e0e0e0;
color:#111;
border-radius:0;
border:none;
top:800px;
}
.m_portrait .contact_address, .m_landscape .contact_address
{margin-top:0px;}
.m_portrait .contact h3, .m_landscape .contact h3 {margin-bottom:0px;}
.m_portrait .newsroom h2, .m_landscape .newsroom h2 {margin-bottom:11px; margin-top:22px;}
.m_portrait .images-and-information h2, .m_landscape .images-and-information h2 {margin-top:11px;}
.m_portrait .padded-container, .m_portrait #announcement .padded-container {margin-top:11px; padding-bottom:8%;}
.m_portrait .careers h2 {margin:0px 10px 11px 10px;}
.m_portrait .kicker {font-weight:lighter;}
/*-------------
Range 2 : Tablets
-------------*/
.tablet .padded-container {width:720px; }
.tablet footer, .tablet .nav-and-logo, .tablet h1, .tablet .home_body h2 {width:746px; }
.tablet .padded-container {padding:21px 13px;}
.tablet h1{ margin: 33px auto;}
.tablet .home_body h2 { margin: 33px auto 5px;}
.tablet nav ul.main_menu li a {padding: 10px 30px; }
.tablet .project_body nav ul.main_menu li a, .tablet .home_body nav ul.main_menu li a {padding: 10px 26px; }
.tablet .project-menu li ul li a {padding:0;}
.tablet .project-menu {left:116px;}
.tablet .project_body .project-menu {left:105px;}
.tablet .project_key_points {width:746px;}
.tablet .next_btn {right: -352px;}
.tablet .announcement-hero {
margin: -21px 0 0 -13px;
overflow: hidden;
width: 746px;
height:320px;
z-index: 0;
}
.tablet .announcement h1 {
margin-left: -23px;
margin-top: 0;
padding: 22px 0 22px 23px;
width: 100%;
}
.m_landscape .announcement-hero, .m_portrait .announcement-hero {
margin: 0px 10px 22px 10px;
overflow: hidden;
width: 97%;
z-index: 0;
height: 240px;
}
.m_portrait .announcement-hero {
width: 92%;
}
.m_landscape .announcement h1, .m_portrait .announcement h1 {
margin: 0px;
background:none;
padding:0px;
width: 100%;
display:block;
}
/*High Density 'Retina' Displays*/
@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.logo,.home_body h1.logo{background:url('../images/marathon-realty-logo@2x.png') no-repeat left center;background-size:143px 34px;}
.top_btn a{background:url('../images/top-icon@2x.png') no-repeat 16px 0px;background-size:8px 34px;}
.hd_btn {display:block;}
.project-menu a, .project-menu a:hover, dt {background-image:url('../images/marathon-ui-icons@2x.png') !important; }
.commercial, .residential, .retail,.township {background-size: 224px 154px;}
}
.more_information {display:inline-block; padding: 0px 8px 0px 8px; font-size:13px; background:#666;
border-radius:4px; color:white; border-bottom:none;
background: #7d7e7d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkN2U3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTBlMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
background: linear-gradient(to bottom, #7d7e7d 0%,#0e0e0e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-8 */
}
/* gray
*******************************************************************************/
.simple-gray, .cta_button{
background-color: #eeeeee;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
background-image: linear-gradient(top, #eeeeee, #cccccc);
border: 1px solid #ccc;
border-bottom: 1px solid #bbb;
border-radius: 3px;
color: #333;
font: bold 13px/1 'myriad-pro', 'Myriad Pro',"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
padding: 8px;
text-align: center;
text-shadow: 0 1px 0 #eee;
width: 150px;
}
.visit-website, .simple-gray {display:inline-block; margin-bottom:21px;}
/* picturefill shit
*******************************************************************************/
.test {border:1px solid red;}