body{ font-family:Helvetica; line-height:1.6em; font-size:12px; color:#757575; width:980px; text-align:center; margin-left:auto; margin-right:auto; background-color:#000; background-image:url("../images/background.jpg"); background-repeat:no-repeat; background-size:100%; overflow:scroll; } a:link{color:#26579B;} .showme{display:inherit;} .show_sm_scrn{display:none;} .pagebox { border:solid 1px #888888; border-radius:6px; background-color: #fff; } ul { margin: 0; padding: 0; } ul li {float:left;} /* Fixes IE9 compatibility mode (staircase)*/ #office_layout ul li{float:none;} #feature_container{ padding:30px 80px 60px 10px; width:40%; text-align:left; } #feature_list li{padding-bottom:15px; width:100%;} p{padding-top:2px;} .txt_col{width:33.33%; float:left; padding-bottom:30px;} .two_col{width:50%; float:left; } .fnt1_overlay{ font-size:2.33333333em; line-height:1.5em; text-shadow: 2px 2px 1px rgba(0,0,0,.9); background-color:rgba(0,0,0,0.3); /*background-color:Black; opacity: 0.5; filter: Alpha(opacity=50);*/ } .fnt2_overlay{ font-size:1.8em; } .heading1{ font-size:2.0em; font-weight:bold; line-height:1.3em; color:#000; } .heading2{ font-size:1.5em; line-height:1.5em; font-weight:bold; } .menu_logo{ border:0px; height:50px; padding-right:20px; } .menu{ padding:32px 16px 10px 16px; text-decoration:none; font-size:1.5em; color:#26579B; background-color:#F6F6F6; position:relative; float:left; } .menu:link{color:#26579B;} .lang{font-size:1.0em; float:right; padding:0px 5px 0px 5px;} .menu_sel { padding:32px 16px 10px 16px; text-decoration:none; font-size:1.5em; color:#CD1640; background-color:#F6F6F6; position:relative; float:left; } .spacer_pg_top{ padding-top:20px; /*position:relative; Creates a Menu problem for FireFox */ } .spacer_pg_bottom{ padding-top:20px; } .spacer_section { padding:30px 0px 30px 0px; } .btn1{ color:White; font-family:Helvetica; font-size:1.75em; /*background:RGBA(230,0,0,0.85);*/ background:#FF5B00; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9400',endColorstr='#FF5B00'); background: -webkit-linear-gradient(#FF9400,#FF5B00); background: -moz-linear-gradient(#FF9400,#FF5B00); border:0px; box-shadow:1px 2px 4px rgba(0,0,0,0.5); -webkit-appearance:none; -webkit-border-radius:0; } .triangle{font-size:1.5em; vertical-align:bottom; } .media_icons{padding:0px 8px 0px 8px; border:none; } .icon_text{ text-align:left; width:60%; vertical-align:middle; padding-left:0px; } #hero_home{width:920px; height:526px;} #maincontent {padding:4px; text-align:left;} /* Inside the bounding pagebox */ #copyright {font-size:75%; color:#888888; padding-top:10px; line-height:1.4em; } #img_office {padding-top:0px;} #news_col{ width:100%;} #play_img{width:182px;} #link_overlay{font-size:1.5em; font-weight:bold; left:55%; top:80%; text-shadow: 2px 2px 1px rgba(0,0,0,.9); background-color:rgba(0,0,0,0.3);} #vid_iframe{width:640px; height:360px;} #glyph_container {width:100%; margin:auto; text-align:center;} #icon_container {width:80%; margin:auto; text-align:center;} #keep_on_target_text{ padding:20px 60px 0px 60px; } span.nobr {white-space:nowrap;} #glyph_container img{width:60px;} /* -------------------------------------------------- Small Screen Tailoring -Add in : -Minimize some margins -Change body width to a percentage ----------------------------------------------------- */ @media (orientation:portrait) and (max-device-width:800px) /* @media (orientation:portrait)*/ { body{width:96%;} .menu{padding:32px 10px 10px 10px;} .men_sel{padding:32px 10px 10px 10px;} .fnt1_overlay{font-size:3em;} .two_col{width:50%;} .noshow_sm_scrn{display:none;} .show_sm_scrn{display:inherit;} #feature_container{padding:15px 2px 20px 20px; } #feature_list li{padding-bottom:12px; width:96%; margin-left:10px; } #keep_on_target_text{ padding:0px 0px 0px 20px; } .heading1{ font-size:1.83333333em; } } /* @media screen and (max-device-width: 480px)*/ @media screen and (max-device-width: 720px) { body { -webkit-text-size-adjust: none; /* Prevents font substitution on small screens */ width:97%; color:#000; font-size:14px; } .spacer_pg_top{ padding-top:20px; /*position:relative; Creates a Menu problem for FireFox */ } .menu{ padding:8px 4px 0px 7px; text-decoration:none; font-size:1.0em; color:#26579B; background-color:#F6F6F6; position:relative; float:left; } /*.menu:hover{color:#26579B;} .menu:focus{color:#26579B;}*/ .menu_sel{ padding:8px 4px 0px 7px; text-decoration:none; font-size:1.0em; color:#CD1640; background-color:#F6F6F6; position:relative; float:left; } .menu_logo{ border:0px; height:26px; padding-right:4px; } .lang{font-size:0.71428571em;} .fnt1_overlay{ font-size:1.0em; line-height:1.0em; } .fnt2_overlay{ font-size:0.8em; } .heading1{ font-size:1.2em; font-weight:bold; } .heading2{ font-size:1.1em; font-weight:bold; } .btn1 { font-size:1.2em; height:30px; } p{ padding:6px 0px 0px 0px; } .txt_col{width:100%;} .two_col{width:100%;} /*.news_col{width:100%;}*/ .showme{display:none;} .media_icons{display:none;} .triangle{font-size:1.0em; } .noshow_sm_scrn{display:none;} .show_sm_scrn{display:inherit;} .clear_sm_scrn{ clear:both; } #hero_home{width:auto; height:auto;} #maincontent {padding:3px; } /* Inside the bounding pagebox */ #img_office {padding-top:0px;} #feature_container{padding:5px 2px 20px 10px; width:98%; } #feature_list li{padding-bottom:12px; width:100%; } #play_img{width:62px;} #link_overlay{font-size:0.8em; left:40%; top:75%;} #vid_iframe{width:280px; height:158px;} #glyph_container {width:100%; margin:auto; text-align:center;} #icon_container {width:100%; margin:auto; text-align:center;} #keep_on_target_text{ padding:0px 0px 0px 0px; } }/* end media 480 */